@charset "UTF-8"; /* functions ========================================================================== */ /* imports ========================================================================== */ .text-xs { font-size: 0.75rem; line-height: 1.5; } .text-sm { font-size: 0.875rem; line-height: 1.5; } .text-base { font-size: 1rem; line-height: 1.375; } .text-lg { font-size: 1.125rem; line-height: 1.5; } @media (min-width: 576px) { .text-sm-xs { font-size: 0.75rem; line-height: 1.5; } .text-sm-sm { font-size: 0.875rem; line-height: 1.5; } .text-sm-base { font-size: 1rem; line-height: 1.375; } .text-sm-lg { font-size: 1.125rem; line-height: 1.5; } } @media (min-width: 768px) { .text-md-xs { font-size: 0.75rem; line-height: 1.5; } .text-md-sm { font-size: 0.875rem; line-height: 1.5; } .text-md-base { font-size: 1rem; line-height: 1.375; } .text-md-lg { font-size: 1.125rem; line-height: 1.5; } } @media (min-width: 1024px) { .text-lg-xs { font-size: 0.75rem; line-height: 1.5; } .text-lg-sm { font-size: 0.875rem; line-height: 1.5; } .text-lg-base { font-size: 1rem; line-height: 1.375; } .text-lg-lg { font-size: 1.125rem; line-height: 1.5; } } @media (min-width: 1280px) { .text-xl-xs { font-size: 0.75rem; line-height: 1.5; } .text-xl-sm { font-size: 0.875rem; line-height: 1.5; } .text-xl-base { font-size: 1rem; line-height: 1.375; } .text-xl-lg { font-size: 1.125rem; line-height: 1.5; } } /** * Maintain ratio mixin. Great for responsive grids, or videos. * https://gist.github.com/brianmcallister/2932463 * * $ratio - Ratio the element needs to maintain. * * Examples * * A 16:9 ratio would look like this: * .element { * @include maintain-ratio(16 9); * } */ /* colors ========================================================================== */ .text-grays100 { color: #f2f2f2 !important; } a.text-grays100:hover, a.text-grays100:focus { color: #cccccc !important; } .text-grays200 { color: #d7d7d7 !important; } a.text-grays200:hover, a.text-grays200:focus { color: #b1b1b1 !important; } .text-grays300 { color: #b9b9b9 !important; } a.text-grays300:hover, a.text-grays300:focus { color: #939393 !important; } .text-grays400 { color: #747678 !important; } a.text-grays400:hover, a.text-grays400:focus { color: #4e5051 !important; } .text-grays500 { color: #4d4f53 !important; } a.text-grays500:hover, a.text-grays500:focus { color: #28292b !important; } .text-grays600 { color: #333 !important; } a.text-grays600:hover, a.text-grays600:focus { color: #0d0d0d !important; } .text-grays700 { color: #495057 !important; } a.text-grays700:hover, a.text-grays700:focus { color: #262a2d !important; } .text-grays800 { color: #343a40 !important; } a.text-grays800:hover, a.text-grays800:focus { color: #121416 !important; } .text-grays900 { color: #212529 !important; } a.text-grays900:hover, a.text-grays900:focus { color: black !important; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /** Ion.RangeSlider, 2.3.0 © Denis Ineshin, 2010 - 2018, IonDen.com Build date: 2018-12-11 23:23:51 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white)); background: -webkit-linear-gradient(top, #ddd -50%, white 150%); background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec)); background: -webkit-linear-gradient(top, #ffffff 0%, #428bca 30%, #b9d4ec 100%); background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white)); background: -webkit-linear-gradient(top, white 0%, #B4B9BE 30%, white 100%); background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white)); background: -webkit-linear-gradient(top, white 0%, #919BA5 30%, white 100%); background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0)); background: -webkit-linear-gradient(top, #e0e4ea 0%, #d1d6e0 100%); background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d)); background: -webkit-linear-gradient(top, #20b426 0%, #18891d 100%); background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6)); background: -webkit-linear-gradient(top, white 0%, #e9e6e6 100%); background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #919ba5 30%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } /** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } :root { --blue: #00a1ff; --purple: #6e1e78; --pink: #a1006b; --red: #cd0037; --orange: #ff6e20; --yellow: #ffb612; --green: #82be00; --teal: #d2e100; --cyan: #00abb9; --white: #fff; --black: #000; --gray: #333; --gray-dark: #343a40; --primary: #00a1ff; --primary-dark: #0074af; --secondary: #f2f2f2; --success: #82be00; --info: #00abb9; --warning: #ffb612; --danger: #ff6e20; --light: #f2f2f2; --dark: #343a40; --white: #fff; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --font-family-sans-serif: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.375; color: #f2f2f2; text-align: left; background-color: #000; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #00a1ff; text-decoration: none; background-color: transparent; } a:hover { color: #0074af; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0 1.25rem; padding-bottom: 0 1.25rem; color: #d7d7d7; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.3; color: #f2f2f2; } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.25rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 400; } .display-1 { font-size: 1.5rem; font-weight: 300; line-height: 1.3; } .display-2 { font-size: 1.25rem; font-weight: 400; line-height: 1.3; } .display-3 { font-size: 1.25rem; font-weight: 500; line-height: 1.3; } .display-4 { font-size: 1rem; font-weight: 400; line-height: 1.3; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.75rem; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .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: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1rem; } .blockquote-footer { display: block; font-size: 0.75rem; color: #d7d7d7; } .blockquote-footer::before { content: "\2014\00A0"; } /* base ========================================================================== */ body { min-height: 100vh; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #000; } @font-face { font-family: Avenir; src: url(assets/fonts/avenir-lighter.woff); font-weight: 300; } @font-face { font-family: Avenir; src: url(assets/fonts/avenir-book.woff); font-weight: 400; } @font-face { font-family: Avenir; src: url(assets/fonts/avenir-medium.woff); font-weight: 500; } @font-face { font-family: Avenir; src: url(assets/fonts/avenir-black.woff); font-weight: 900; } @font-face { font-family: "icons"; src: url(assets/fonts/icons.eot?#iefix) format("embedded-opentype"), url(assets/fonts/icons.woff2) format("woff2"), url(assets/fonts/icons.woff) format("woff"), url(assets/fonts/icons.ttf) format("truetype"), url(assets/fonts/icons.svg#icons) format("svg"); } i { line-height: 1; } i:before { font-family: icons !important; font-style: normal; font-weight: normal !important; vertical-align: top; } .icons-add:before { content: "\f101"; } .icons-admin:before { content: "\f102"; } .icons-alert-notification:before { content: "\f103"; } .icons-ambulant-sales:before { content: "\f104"; } .icons-arrow-double:before { content: "\f105"; } .icons-arrow-down:before { content: "\f106"; } .icons-arrow-next:before { content: "\f107"; } .icons-arrow-prev:before { content: "\f108"; } .icons-arrow-real:before { content: "\f109"; } .icons-arrow-up:before { content: "\f10a"; } .icons-arrow:before { content: "\f10b"; } .icons-booking:before { content: "\f10c"; } .icons-bookmark-off:before { content: "\f10d"; } .icons-bookmark:before { content: "\f10e"; } .icons-bypass:before { content: "\f10f"; } .icons-calendar-time:before { content: "\f110"; } .icons-calendar:before { content: "\f111"; } .icons-checked:before { content: "\f112"; } .icons-circle-account-connected:before { content: "\f113"; } .icons-circle-arrow:before { content: "\f114"; } .icons-circle-back-top:before { content: "\f115"; } .icons-circle-cancelled:before { content: "\f116"; } .icons-circle-delay:before { content: "\f117"; } .icons-circle-delete:before { content: "\f118"; } .icons-circle-disruption:before { content: "\f119"; } .icons-circle-facebook:before { content: "\f11a"; } .icons-circle-flux-rss:before { content: "\f11b"; } .icons-circle-google-plus:before { content: "\f11c"; } .icons-circle-information:before { content: "\f11d"; } .icons-circle-instagram:before { content: "\f11e"; } .icons-circle-linkedin:before { content: "\f11f"; } .icons-circle-mail:before { content: "\f120"; } .icons-circle-pinterest:before { content: "\f121"; } .icons-circle-print:before { content: "\f122"; } .icons-circle-reverse:before { content: "\f123"; } .icons-circle-tooltip:before { content: "\f124"; } .icons-circle-twitter:before { content: "\f125"; } .icons-circle-works:before { content: "\f126"; } .icons-clock:before { content: "\f127"; } .icons-close-circle:before { content: "\f128"; } .icons-close:before { content: "\f129"; } .icons-disabled-service:before { content: "\f12a"; } .icons-distribution:before { content: "\f12b"; } .icons-document:before { content: "\f12c"; } .icons-document2:before { content: "\f12d"; } .icons-download:before { content: "\f12e"; } .icons-eco-consumption:before { content: "\f12f"; } .icons-external-link:before { content: "\f130"; } .icons-facebook:before { content: "\f131"; } .icons-favorite-on:before { content: "\f132"; } .icons-file:before { content: "\f133"; } .icons-filters:before { content: "\f134"; } .icons-free-bike:before { content: "\f135"; } .icons-instagram:before { content: "\f136"; } .icons-itinerary-bike:before { content: "\f137"; } .icons-itinerary-bullet:before { content: "\f138"; } .icons-itinerary-bus-2:before { content: "\f139"; } .icons-itinerary-bus:before { content: "\f13a"; } .icons-itinerary-car:before { content: "\f13b"; } .icons-itinerary-line-idf-a:before { content: "\f13c"; } .icons-itinerary-line-idf-b:before { content: "\f13d"; } .icons-itinerary-line-idf-c:before { content: "\f13e"; } .icons-itinerary-line-idf-d:before { content: "\f13f"; } .icons-itinerary-line-idf-e:before { content: "\f140"; } .icons-itinerary-line-idf-h:before { content: "\f141"; } .icons-itinerary-line-idf-j:before { content: "\f142"; } .icons-itinerary-line-idf-k:before { content: "\f143"; } .icons-itinerary-line-idf-l:before { content: "\f144"; } .icons-itinerary-line-idf-n:before { content: "\f145"; } .icons-itinerary-line-idf-p:before { content: "\f146"; } .icons-itinerary-line-idf-r:before { content: "\f147"; } .icons-itinerary-line-idf-u:before { content: "\f148"; } .icons-itinerary-line-metro-1:before { content: "\f149"; } .icons-itinerary-line-metro-10:before { content: "\f14a"; } .icons-itinerary-line-metro-11:before { content: "\f14b"; } .icons-itinerary-line-metro-12:before { content: "\f14c"; } .icons-itinerary-line-metro-13:before { content: "\f14d"; } .icons-itinerary-line-metro-14:before { content: "\f14e"; } .icons-itinerary-line-metro-2:before { content: "\f14f"; } .icons-itinerary-line-metro-3:before { content: "\f150"; } .icons-itinerary-line-metro-3bis:before { content: "\f151"; } .icons-itinerary-line-metro-4:before { content: "\f152"; } .icons-itinerary-line-metro-5:before { content: "\f153"; } .icons-itinerary-line-metro-6:before { content: "\f154"; } .icons-itinerary-line-metro-7:before { content: "\f155"; } .icons-itinerary-line-metro-7bis:before { content: "\f156"; } .icons-itinerary-line-metro-8:before { content: "\f157"; } .icons-itinerary-line-metro-9:before { content: "\f158"; } .icons-itinerary-line-tram-1:before { content: "\f159"; } .icons-itinerary-line-tram-10:before { content: "\f15a"; } .icons-itinerary-line-tram-11:before { content: "\f15b"; } .icons-itinerary-line-tram-12:before { content: "\f15c"; } .icons-itinerary-line-tram-13:before { content: "\f15d"; } .icons-itinerary-line-tram-2:before { content: "\f15e"; } .icons-itinerary-line-tram-3:before { content: "\f15f"; } .icons-itinerary-line-tram-3a:before { content: "\f160"; } .icons-itinerary-line-tram-3b:before { content: "\f161"; } .icons-itinerary-line-tram-3est:before { content: "\f162"; } .icons-itinerary-line-tram-4:before { content: "\f163"; } .icons-itinerary-line-tram-5:before { content: "\f164"; } .icons-itinerary-line-tram-6:before { content: "\f165"; } .icons-itinerary-line-tram-7:before { content: "\f166"; } .icons-itinerary-line-tram-8:before { content: "\f167"; } .icons-itinerary-line-tram-9:before { content: "\f168"; } .icons-itinerary-metro:before { content: "\f169"; } .icons-itinerary-pedestrian:before { content: "\f16a"; } .icons-itinerary-rer:before { content: "\f16b"; } .icons-itinerary-train-station:before { content: "\f16c"; } .icons-itinerary-train:before { content: "\f16d"; } .icons-itinerary-tram:before { content: "\f16e"; } .icons-itinerary-tramway:before { content: "\f16f"; } .icons-label:before { content: "\f170"; } .icons-large-building:before { content: "\f171"; } .icons-large-clock:before { content: "\f172"; } .icons-large-conversation:before { content: "\f173"; } .icons-large-creditcard:before { content: "\f174"; } .icons-large-france:before { content: "\f175"; } .icons-large-group:before { content: "\f176"; } .icons-large-headphones:before { content: "\f177"; } .icons-large-information:before { content: "\f178"; } .icons-large-itinerary-bike:before { content: "\f179"; } .icons-large-itinerary-bus-2:before { content: "\f17a"; } .icons-large-itinerary-bus:before { content: "\f17b"; } .icons-large-itinerary-car:before { content: "\f17c"; } .icons-large-itinerary-metro:before { content: "\f17d"; } .icons-large-itinerary-pedestrian:before { content: "\f17e"; } .icons-large-itinerary-rer:before { content: "\f17f"; } .icons-large-itinerary-train-station:before { content: "\f180"; } .icons-large-itinerary-train:before { content: "\f181"; } .icons-large-itinerary-tram:before { content: "\f182"; } .icons-large-itinerary-tramway:before { content: "\f183"; } .icons-large-lightbulb:before { content: "\f184"; } .icons-large-luggage:before { content: "\f185"; } .icons-large-mail:before { content: "\f186"; } .icons-large-phone:before { content: "\f187"; } .icons-large-search-recent:before { content: "\f188"; } .icons-large-seat:before { content: "\f189"; } .icons-large-skateboard:before { content: "\f18a"; } .icons-large-smartphone:before { content: "\f18b"; } .icons-large-sncf:before { content: "\f18c"; } .icons-large-stroller:before { content: "\f18d"; } .icons-large-suitcase:before { content: "\f18e"; } .icons-large-swipecard:before { content: "\f18f"; } .icons-large-ticket:before { content: "\f190"; } .icons-large-truck:before { content: "\f191"; } .icons-large-warning:before { content: "\f192"; } .icons-linkedin:before { content: "\f193"; } .icons-list:before { content: "\f194"; } .icons-localisation-pin:before { content: "\f195"; } .icons-lounge-car:before { content: "\f196"; } .icons-menu-account:before { content: "\f197"; } .icons-menu-burger:before { content: "\f198"; } .icons-menu-searchbar:before { content: "\f199"; } .icons-message:before { content: "\f19a"; } .icons-mosaic:before { content: "\f19b"; } .icons-nursery-service:before { content: "\f19c"; } .icons-options:before { content: "\f19d"; } .icons-pause:before { content: "\f19e"; } .icons-pencil:before { content: "\f19f"; } .icons-play-area:before { content: "\f1a0"; } .icons-play:before { content: "\f1a1"; } .icons-position:before { content: "\f1a2"; } .icons-print:before { content: "\f1a3"; } .icons-professionnal-area:before { content: "\f1a4"; } .icons-quiet-area:before { content: "\f1a5"; } .icons-refresh:before { content: "\f1a6"; } .icons-rent-bike:before { content: "\f1a7"; } .icons-sami-confused:before { content: "\f1a8"; } .icons-sami-grin:before { content: "\f1a9"; } .icons-sami-sad:before { content: "\f1aa"; } .icons-sami-smile:before { content: "\f1ab"; } .icons-search-recent:before { content: "\f1ac"; } .icons-search:before { content: "\f1ad"; } .icons-share:before { content: "\f1ae"; } .icons-slider-off:before { content: "\f1af"; } .icons-slider-on:before { content: "\f1b0"; } .icons-sort:before { content: "\f1b1"; } .icons-support:before { content: "\f1b2"; } .icons-tag:before { content: "\f1b3"; } .icons-tgv-family:before { content: "\f1b4"; } .icons-toolbar-bold:before { content: "\f1b5"; } .icons-toolbar-center:before { content: "\f1b6"; } .icons-toolbar-italic:before { content: "\f1b7"; } .icons-toolbar-left:before { content: "\f1b8"; } .icons-toolbar-list:before { content: "\f1b9"; } .icons-toolbar-underline:before { content: "\f1ba"; } .icons-twitter:before { content: "\f1bb"; } .icons-volume-down:before { content: "\f1bc"; } .icons-volume-up:before { content: "\f1bd"; } .icons-warning:before { content: "\f1be"; } .icons-wifi-area:before { content: "\f1bf"; } .icons-young-service:before { content: "\f1c0"; } /* type ========================================================================== */ h1, .h1, h2, .h2, .display-1 { text-transform: uppercase; } h1, .h1, .display-1 { font-weight: 300; line-height: 1.25; } h2, .h2 { font-weight: 300; } h3, .h3 { font-weight: 400; } .display-2 { font-size: 1.25rem; text-transform: none; } .display-3 { font-size: 1.25rem; text-transform: none; } .lead { color: #f2f2f2; } .blockquote-decoration { position: relative; padding-right: 1.875rem; padding-left: 1.875rem; font-weight: 500; } .blockquote-decoration::before, .blockquote-decoration::after { position: absolute; display: block; width: 0.875rem; height: 1.125rem; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } .blockquote-decoration::before { top: 0; left: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 541.3 500.03'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3earrow-double%3c/title%3e%3cpath class='a' d='M0,250.87,235.7,11.37c15.2-15.2,42.6-15.2,61.6,0h0c15.2,15.2,15.2,46.4,0,61.6L123.2,250.87,298,424.17c15.2,19,15.2,46.4,0,61.6l-7.6,7.6c-19,11.4-42.6,7.6-57.8-7.6Z' transform='translate(0 0.03)'/%3e%3cpath class='a' d='M231.9,250.87,467.6,11.37c15.2-15.2,42.6-15.2,61.6,0h0c15.1,15.2,15.1,46.4-.1,61.6L355,250.87l174.9,173.3c15.2,19,15.2,46.4,0,61.6l-7.6,7.6c-19,11.4-42.6,7.6-57.8-7.6Z' transform='translate(0 0.03)'/%3e%3c/svg%3e"); } .blockquote-decoration::after { right: 0; bottom: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 541.3 500.03'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3earrow-double%3c/title%3e%3cpath class='a' d='M541.3,249.1,305.6,488.6c-15.2,15.2-42.6,15.2-61.6,0h0c-15.2-15.2-15.2-46.4,0-61.6L418.1,249.1,243.3,75.8c-15.2-19-15.2-46.4,0-61.6l7.6-7.6c19-11.4,42.6-7.6,57.8,7.6Z' transform='translate(0 0.03)'/%3e%3cpath class='a' d='M309.4,249.1,73.7,488.6c-15.2,15.2-42.6,15.2-61.6,0h0C-3,473.4-3,442.2,12.2,427L186.3,249.1,11.4,75.8c-15.2-19-15.2-46.4,0-61.6L19,6.6C38-4.8,61.6-1,76.8,14.2Z' transform='translate(0 0.03)'/%3e%3c/svg%3e"); } .blockquote-footer { padding-right: 1.875rem; padding-left: 1.875rem; font-size: 1rem; font-weight: 500; text-align: right; } .blockquote-footer::before { content: ""; } @media (min-width: 768px) { h1, .h1 { font-size: 2.625rem; line-height: 1.14286; } h2, .h2 { font-size: 1.5rem; line-height: 1.25; } h3, .h3 { font-size: 1.5rem; line-height: 1.25; } .display-1 { font-size: 3rem; line-height: 1.125; } .display-2 { font-size: 1.5rem; line-height: 1.25; } .display-3 { font-size: 1.5rem; line-height: 1.25; } } .container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; max-width: 1044px; } .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 1024px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1280px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #f2f2f2; background-color: #000; } .table th, .table td { padding: 0 1.25rem; vertical-align: top; border-top: 1px solid #4d4f53; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #4d4f53; } .table tbody + tbody { border-top: 2px solid #4d4f53; } .table-sm th, .table-sm td { padding: 0 0.3rem; } .table-bordered { border: 1px solid #4d4f53; } .table-bordered th, .table-bordered td { border: 1px solid #4d4f53; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: #4d4f53; } .table-hover tbody tr:hover { color: #f2f2f2; background-color: #333; } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8e5ff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7aceff; } .table-hover .table-primary:hover { background-color: #9fdcff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fdcff; } .table-primary-dark, .table-primary-dark > th, .table-primary-dark > td { background-color: #b8d8e9; } .table-primary-dark th, .table-primary-dark td, .table-primary-dark thead th, .table-primary-dark tbody + tbody { border-color: #7ab7d5; } .table-hover .table-primary-dark:hover { background-color: #a5cde3; } .table-hover .table-primary-dark:hover > td, .table-hover .table-primary-dark:hover > th { background-color: #a5cde3; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #fbfbfb; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #f8f8f8; } .table-hover .table-secondary:hover { background-color: #eeeeee; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #eeeeee; } .table-success, .table-success > th, .table-success > td { background-color: #dcedb8; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #bedd7a; } .table-hover .table-success:hover { background-color: #d2e8a4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d2e8a4; } .table-info, .table-info > th, .table-info > td { background-color: #b8e7eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7ad3db; } .table-hover .table-info:hover { background-color: #a4e0e5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a4e0e5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffebbd; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffd984; } .table-hover .table-warning:hover { background-color: #ffe3a4; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe3a4; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffd6c1; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ffb48b; } .table-hover .table-danger:hover { background-color: #ffc5a8; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffc5a8; } .table-light, .table-light > th, .table-light > td { background-color: #fbfbfb; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f8f8f8; } .table-hover .table-light:hover { background-color: #eeeeee; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #eeeeee; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-white, .table-white > th, .table-white > td { background-color: white; } .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody { border-color: white; } .table-hover .table-white:hover { background-color: #f2f2f2; } .table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; } .table-active, .table-active > th, .table-active > td { background-color: #333; } .table-hover .table-active:hover { background-color: #262626; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #262626; } .table .thead-dark th { color: #000; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #f2f2f2; background-color: #333; border-color: #4d4f53; } .table-dark { color: #000; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 1023.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1279.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } /* mastheader ========================================================================== */ .mastheader { position: fixed; top: 0; left: 0; z-index: 1031; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 2rem; font-size: 0.875rem; background-color: #333; } .mastheader > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .mastheader-logo { padding-right: 1.25rem; } .mastheader-title { margin-bottom: 0; font-size: 0.875rem; font-weight: 400; color: #fff; text-transform: none; } .mastheader-toolbar { padding-left: 0; list-style: none; } .mastheader-toolbar-item { height: 100%; padding-left: 0.625rem; } .mastheader-toolbar-item:not(:last-child) { padding-right: 0.625rem; } .mastheader-toolbar-item > button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0; color: #fff; cursor: pointer; background-color: transparent; border: none; } .mastheader-toolbar-item-lg > button { padding-right: 1.25rem; padding-left: 1.25rem; text-transform: uppercase; background-color: #4d4f53; } /* actionbar ========================================================================== */ .actionbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 3.875rem; padding-right: 1.25rem; padding-left: 1.25rem; background-color: #000; } .actionbar > nav .breadcrumb { padding-top: 0.1875rem; } .actionbar .breadcrumb { border-bottom: none; } .actionbar.light * { color: #fff; } .actionbar.has-tabs { height: 5.625rem; } .actionbar-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .actionbar-head h1 a, .actionbar-head .h1 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .actionbar-head h1 a:not(:hover), .actionbar-head .h1 a:not(:hover) { color: #f2f2f2; } .actionbar-head .breadcrumb { height: 1.875rem; } @media (max-width: 767.98px) { .actionbar { border-bottom: 1px solid #d8d8d8; } } @media (min-width: 768px) { .actionbar { height: 5rem; } .actionbar.has-tabs { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 6.5625rem; } } @media (min-width: 1024px) { .actionbar { width: 100%; height: 4.375rem; padding-right: 0.75rem; padding-bottom: 0.625rem; padding-left: 1.875rem; } .actionbar.has-tabs { height: 6.75rem; } } @media (min-width: 1280px) { .actionbar { height: 5rem; padding-right: 1.875rem; } .actionbar.has-tabs { height: 7.8125rem; padding-bottom: 1.25rem; } } /* menubar ========================================================================== */ .mastnav { position: fixed; top: 2rem; left: 0; z-index: 1030; width: 100%; background-color: #333; } .menubar { width: 100%; height: 3.75rem; color: #f2f2f2; border-bottom: 1px solid #4d4f53; } .menubar > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .menubar a:not(:hover) { color: #333; } .nav-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; font-weight: 500; color: #f2f2f2; cursor: pointer; background-color: transparent; border: none; } .menu { position: absolute; z-index: 1020; color: #fff; background-color: #00a1ff; } .subnav-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; font-weight: 500; color: #f2f2f2; white-space: nowrap; background-color: transparent; border: none; } .subnav-item + .subnav-item { padding-top: 1.375rem; } .subnav-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: inherit; background-color: transparent; border: none; } .subnav-btn.active::after { position: absolute; left: 100%; z-index: 2; display: block; width: 1.125rem; height: 1.125rem; margin-left: -0.5625rem; content: ""; background-color: #00a1ff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 767.98px) { .mastnav { z-index: 1030; } .menubar-menu { position: absolute; top: 3.75rem; left: 0; width: 100%; height: calc(100vh - 3.75rem); padding-top: 0.9375rem; padding-right: 1.25rem; padding-left: 1.25rem; background-color: #fff; } .menubar-menu:not(.active) { display: none; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .nav-item { width: 100%; } .nav-item + .nav-item { margin-top: 0.75rem; } .menu { position: fixed; left: 0; width: 100%; } .menu > .container { padding-right: 0; padding-left: 0; } .panel-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .panel-head, .panel-content { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .panel-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 3.75rem; color: #333; background-color: #fff; border-bottom: 1px solid #4d4f53; } .panel-head .h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .panel-content { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 1.875rem; overflow-y: auto; } .panel-close { position: relative; color: #333; } .panel-close::before { position: absolute; top: calc(50% - 0.5625rem); left: 0; display: block; width: 0.0625rem; height: 1.125rem; content: ""; background-color: #e6e6e6; } .panel-lead { display: none; } .primary-panel, .secondary-panel { min-height: 100vh; } .primary-panel:not(.active), .secondary-panel:not(.active) { display: none; } .primary-panel { z-index: 2; } .secondary-panel { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; background-color: #0074af; } } @media (min-width: 768px) { .menubar { height: 4.75rem; } .menubar-menu, .nav, .nav-item { height: 100%; } .menubar-menu { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 0 0 3.125rem; } .nav-item { height: 100%; } .nav-item + .nav-item { padding-left: 2.5rem; } .nav-item [class^="icons-arrow-"] { -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .nav-item.active [class^="icons-arrow-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu { top: calc(100% - 0.0625rem); left: 0; width: 100%; overflow: hidden; font-weight: 500; color: #333; } .menu h1, .menu .h1, .menu h2, .menu .h2, .menu h3, .menu .h3, .menu a, .menu button { color: #333; } .menu > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu-item { padding-top: 3.125rem; padding-bottom: 3.125rem; } .menu-item a, .menu-item button { cursor: pointer; } .menu-item.secondary-panel .subnav-item { color: #f2f2f2; } .panel-head { display: none; } .primary-panel:not(.active), .secondary-panel:not(.active) { display: none; } .primary-panel { -webkit-box-flex: 0; -webkit-flex: 0 0 61.7529880478%; -ms-flex: 0 0 61.7529880478%; flex: 0 0 61.7529880478%; } .primary-panel .panel-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .primary-panel .panel-lead { max-width: 16.25rem; } .primary-panel .subnav { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; min-width: 0; padding-right: 12.904%; padding-left: 8.067%; } .secondary-panel { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 38.2470119522%; -ms-flex: 0 0 38.2470119522%; flex: 0 0 38.2470119522%; background-color: #0074af; } .secondary-panel:not(.active) { display: none; } .secondary-panel::after { position: absolute; top: 0; left: 100%; display: block; width: 100vw; height: 100%; content: ""; background-color: #0074af; } .secondary-panel .panel-content { padding-left: 20.836%; } } /* mastcontainer ========================================================================== */ .mastcontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; padding-top: 3.75rem; } .mastcontent { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #000; } @media (min-width: 768px) { .mastcontainer { padding-top: 6.75rem; } } /* mastfooter ========================================================================== */ .mastfooter .text-gray300:hover, .mastfooter .text-gray300:focus, .mastfooter .text-gray300:active, .mastfooter .text-gray300.active { color: #fff; } .mastfooter-lang li { display: inline-block; padding-right: 0.125rem; padding-left: 0.125rem; } .mastfooter-lang a { display: inline-block; font-weight: 500; } .mastfooter-lang a:hover, .mastfooter-lang a:focus, .mastfooter-lang a:active, .mastfooter-lang a.active { text-decoration: none; } .mastfooter-lang a:not(:last-child) { padding-right: 0.625rem; } .mastfooter-links { padding-left: 0; list-style: none; } @media (max-width: 767.98px) { .mastfooter-links { border-bottom: 1px solid #4d4f53; } } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #000; border: 1px solid #b9b9b9; border-radius: 0.4375rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #333; } code { font-size: 87.5%; color: #ffb612; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.4375rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .form-control { display: block; width: 100%; height: calc(2.25rem + 0); padding: 0.813rem 1.25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #00a1ff; background-color: #333; background-clip: padding-box; border: 0 solid #747678; border-radius: 0.4375rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #00a1ff; background-color: #333; border-color: #80d0ff; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-control::-webkit-input-placeholder { color: #b9b9b9; opacity: 1; } .form-control::-moz-placeholder { color: #b9b9b9; opacity: 1; } .form-control::-ms-input-placeholder { color: #b9b9b9; opacity: 1; } .form-control::placeholder { color: #b9b9b9; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #333; opacity: 1; } select.form-control:focus::-ms-value { color: #00a1ff; background-color: #333; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.813rem + 0); padding-bottom: calc(0.813rem + 0); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 0); padding-bottom: calc(0.5rem + 0); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.125rem + 0); padding-bottom: calc(0.125rem + 0); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.813rem; padding-bottom: 0.813rem; margin-bottom: 0; line-height: 1.5; color: #f2f2f2; background-color: transparent; border: solid transparent; border-width: 0 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5625rem + 0); padding: 0.125rem 1.25rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.4375rem; } .form-control-lg { height: calc(2.875rem + 0); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.4375rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1.5rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #d7d7d7; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 1rem; color: #82be00; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.375; color: #212529; background-color: rgba(130, 190, 0, 0.9); border-radius: 0.4375rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #82be00; padding-right: 2.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2382be00' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.32812rem); background-size: calc(0.75em + 0.65625rem) calc(0.75em + 0.65625rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #82be00; -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(0.375em + 0.32812rem) right calc(0.375em + 0.32812rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #82be00; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2382be00' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.65625rem) calc(0.75em + 0.65625rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #82be00; -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #82be00; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #82be00; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #82be00; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #a5f100; background-color: #a5f100; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #82be00; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #82be00; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #82be00; -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 1rem; color: #ff6e20; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.375; color: #fff; background-color: rgba(255, 110, 32, 0.9); border-radius: 0.4375rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff6e20; padding-right: 2.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6e20' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6e20' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.32812rem); background-size: calc(0.75em + 0.65625rem) calc(0.75em + 0.65625rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff6e20; -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(0.375em + 0.32812rem) right calc(0.375em + 0.32812rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff6e20; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6e20' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6e20' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.65625rem) calc(0.75em + 0.65625rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff6e20; -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff6e20; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ff6e20; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff6e20; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff8f53; background-color: #ff8f53; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff6e20; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff6e20; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff6e20; -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.25); } .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } /* forms ========================================================================== */ label { margin-bottom: 0.5rem; font-weight: 500; } input:invalid { -webkit-box-shadow: none; box-shadow: none; } .form-control-container { position: relative; } .form-control-container input { width: 100%; } .form-control-container.is-invalid + .invalid-feedback { display: block; } .form-control-container.has-right-icon .form-control { padding-right: 3rem; } .form-control-container.has-right-icon .form-control-icon { right: 0; padding-right: 0.5rem; } .form-control-container.has-left-icon .form-control { padding-left: 3rem; } .form-control-container.has-left-icon .form-control-icon { left: 0; padding-left: 0.5rem; } .form-control-state { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; pointer-events: none; border-radius: 0.4375rem; } .form-control-state::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; content: ""; background-color: transparent; } .is-invalid .form-control-state::after { background-color: #ff6e20; } .is-valid .form-control-state::after { background-color: #82be00; } .form-control { min-height: 2.8125rem; padding: .65625rem 1.25rem; font-weight: 500; } .form-control::-webkit-input-placeholder { font-weight: 400; } .form-control::-moz-placeholder { font-weight: 400; } .form-control::-ms-input-placeholder { font-weight: 400; } .form-control::placeholder { font-weight: 400; } .form-control-container:not(.is-invalid) .form-control:focus ~ .form-control-state::after { background-color: #00a1ff; } .was-validated .form-control:valid ~ .form-control-state::after, .form-control.is-valid  ~ .form-control-state::after { background-color: #82be00; } .was-validated .form-control:invalid ~ .form-control-state::after, .form-control.is-invalid ~ .form-control-state::after { background-color: #ff6e20; } .form-control:disabled, .form-control[readonly] { color: #4d4f53; } .form-control[readonly] { padding-right: 3rem; pointer-events: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='25' viewBox='0 0 27 25'%3e%3cdefs%3e%3cstyle%3e.disabled-icon%7bfill:%23747678;%7d%3c/style%3e%3c/defs%3e%3cpath class='disabled-icon' d='M26.79,25.05H1.21a.73.73,0,0,0,0,1.45H26.79a.73.73,0,0,0,0-1.45Z' transform='translate(-0.5 -1.5)'/%3e%3cpath class='disabled-icon' d='M19.8,8.87h-.61V6.73a5.23,5.23,0,0,0-10.46,0V8.87H8.2a1.63,1.63,0,0,0-1.63,1.62V21.32A1.62,1.62,0,0,0,8.2,22.94H19.8a1.62,1.62,0,0,0,1.63-1.62V10.49A1.63,1.63,0,0,0,19.8,8.87ZM10.93,6.73a3,3,0,1,1,6.06,0V8.87H10.93Zm3,14.15a5,5,0,1,1,5-5A5,5,0,0,1,14,20.88Z' transform='translate(-0.5 -1.5)'/%3e%3cpath class='disabled-icon' d='M14,12.62a3.29,3.29,0,1,0,3.29,3.29A3.29,3.29,0,0,0,14,12.62Zm0,4.75a1.47,1.47,0,1,1,1.47-1.46A1.46,1.46,0,0,1,14,17.37Z' transform='translate(-0.5 -1.5)'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right 18px; background-size: 27px 25px; } .form-control-container:not(.is-invalid) .form-control[required]:valid { padding-right: 3rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 22'%3e%3cdefs%3e%3cstyle%3e.check-icon%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3echeck%3c/title%3e%3cpath class='check-icon' d='M33.18,13.21,15.53,30.87a1.11,1.11,0,0,1-1.58,0L6.82,23.75a1.13,1.13,0,0,1,0-1.58l2.1-2.11a1.13,1.13,0,0,1,1.58,0L14,23.5a1.13,1.13,0,0,0,1.58,0l14-14a1.13,1.13,0,0,1,1.58,0l2.11,2.11a1.13,1.13,0,0,1,0,1.58' transform='translate(-6.5 -9.2)'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right 18px; background-size: 18px 14px; } .form-control.clear-option { padding-right: 3rem; } .form-control.clear-option ~ .btn-clear { position: absolute; top: 50%; right: 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.625rem; height: 1.625rem; padding: 0; font-size: 0.625rem; border-style: solid; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-control-sm { min-height: 1.875rem; padding: 0.125rem 1.25rem; } .form-control-white { background-color: #000; } .form-control-white:focus, .form-control-white:active { background-color: #000; } textarea.form-control { min-height: 10rem; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #00a1ff; } textarea.form-control:focus { color: #00a1ff; } textarea.form-control.stretchy { resize: none; } .form-control-container.is-invalid textarea.form-control { color: #00a1ff; } textarea.form-control[readonly] { background-position: bottom 18px right 18px; } .form-control-icon { position: absolute; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 100%; color: #00a1ff; } .col-form-label { padding-top: 0; padding-bottom: 0; margin-bottom: 0.5rem; font-weight: 500; } label.required::after { color: #ff6e20; content: "*"; } .form-error { padding: 1.625rem 1.875rem; color: #000; background-color: #ff6e20; border-radius: 0.3125rem; } .form-error .h2, .form-error h2 { color: #000; } .form-error ul { padding-left: 1rem; } .mastheader-search input, .mastheader-search input:focus { background-color: #000; } /* buttons ========================================================================== */ .btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.75rem 1.875rem; font-size: 1rem; line-height: 1.5; border-radius: 0.4375rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { -webkit-box-shadow: none; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: 1; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #000; background-color: #00a1ff; border-color: #00a1ff; } .btn-primary:hover, .btn-primary:focus { color: #000; background-color: #0074af; border-color: #0074af; } .btn-primary.disabled, .btn-primary:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #000; background-color: #0074af; border-color: #0074af; } .btn-secondary { color: #000; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-secondary:hover, .btn-secondary:focus { color: #000; background-color: #b9b9b9; border-color: #b9b9b9; } .btn-secondary.disabled, .btn-secondary:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #000; background-color: #b9b9b9; border-color: #b9b9b9; } .btn-success { color: #212529; background-color: #82be00; border-color: #82be00; } .btn-success:hover, .btn-success:focus { color: #fff; background-color: #689800; border-color: #5f8b00; } .btn-success.disabled, .btn-success:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #5f8b00; border-color: #567e00; } .btn-info { color: #fff; background-color: #00abb9; border-color: #00abb9; } .btn-info:hover, .btn-info:focus { color: #fff; background-color: #008893; border-color: #007c86; } .btn-info.disabled, .btn-info:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #007c86; border-color: #007079; } .btn-warning { color: #212529; background-color: #ffb612; border-color: #ffb612; } .btn-warning:hover, .btn-warning:focus { color: #212529; background-color: #eba200; border-color: #de9a00; } .btn-warning.disabled, .btn-warning:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #de9a00; border-color: #d19100; } .btn-danger { color: #fff; background-color: #ff6e20; border-color: #ff6e20; } .btn-danger:hover, .btn-danger:focus { color: #fff; background-color: #f95700; border-color: #ec5300; } .btn-danger.disabled, .btn-danger:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec5300; border-color: #df4e00; } .btn-light { color: #212529; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-light:hover, .btn-light:focus { color: #212529; background-color: #dfdfdf; border-color: #d9d9d9; } .btn-light.disabled, .btn-light:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d9d9d9; border-color: #d2d2d2; } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover, .btn-dark:focus { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark.disabled, .btn-dark:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-white { color: #00a1ff; background-color: #333; border-color: #333; } .btn-white:hover, .btn-white:focus { color: #0074af; background-color: #333; border-color: #333; } .btn-white.disabled, .btn-white:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #0074af; background-color: #333; border-color: #333; } .btn-transparent { color: #fff; background-color: transparent; border-color: transparent; } .btn-transparent:hover, .btn-transparent:focus { background-color: transparent; border-color: transparent; } .btn-transparent.disabled, .btn-transparent:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-transparent:not(:disabled):not(.disabled):active, .btn-transparent:not(:disabled):not(.disabled).active, .show > .btn-transparent.dropdown-toggle { background-color: transparent; border-color: transparent; } .btn-outline-primary { color: #00a1ff; background-color: transparent; background-image: none; border-color: #00a1ff; } .btn-outline-primary:hover { color: #fff; background-color: #00a1ff; border-color: #00a1ff; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #00a1ff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #00a1ff; border-color: #00a1ff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); } .btn-outline-primary-dark { color: #0074af; background-color: transparent; background-image: none; border-color: #0074af; } .btn-outline-primary-dark:hover { color: #fff; background-color: #0074af; border-color: #0074af; } .btn-outline-primary-dark:focus, .btn-outline-primary-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); } .btn-outline-primary-dark.disabled, .btn-outline-primary-dark:disabled { color: #0074af; background-color: transparent; } .btn-outline-primary-dark:not(:disabled):not(.disabled):active, .btn-outline-primary-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-dark.dropdown-toggle { color: #fff; background-color: #0074af; border-color: #0074af; } .btn-outline-primary-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); } .btn-outline-secondary { color: #f2f2f2; background-color: transparent; background-image: none; border-color: #f2f2f2; } .btn-outline-secondary:hover { color: #212529; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #f2f2f2; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .btn-outline-success { color: #82be00; background-color: transparent; background-image: none; border-color: #82be00; } .btn-outline-success:hover { color: #212529; background-color: #82be00; border-color: #82be00; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #82be00; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #212529; background-color: #82be00; border-color: #82be00; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); } .btn-outline-info { color: #00abb9; background-color: transparent; background-image: none; border-color: #00abb9; } .btn-outline-info:hover { color: #fff; background-color: #00abb9; border-color: #00abb9; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00abb9; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #00abb9; border-color: #00abb9; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); } .btn-outline-warning { color: #ffb612; background-color: transparent; background-image: none; border-color: #ffb612; } .btn-outline-warning:hover { color: #212529; background-color: #ffb612; border-color: #ffb612; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffb612; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffb612; border-color: #ffb612; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); } .btn-outline-danger { color: #ff6e20; background-color: transparent; background-image: none; border-color: #ff6e20; } .btn-outline-danger:hover { color: #fff; background-color: #ff6e20; border-color: #ff6e20; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff6e20; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff6e20; border-color: #ff6e20; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); } .btn-outline-light { color: #f2f2f2; background-color: transparent; background-image: none; border-color: #f2f2f2; } .btn-outline-light:hover { color: #212529; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f2f2f2; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-white { color: #fff; background-color: transparent; background-image: none; border-color: #fff; } .btn-outline-white:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-white:focus, .btn-outline-white.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; font-weight: 500; color: #00a1ff; background-color: transparent; border: 0; } .btn-link:hover { color: #0074af; text-decoration: none; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: none; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #b9b9b9; } .btn-link [class^="icons-"] { padding-bottom: .25rem; font-size: 0.8125rem; } .btn-link-white { color: #fff; } .btn-sm, .btn-group-sm > .btn { font-weight: 500; padding: 0.125rem 1.25rem; font-size: 1rem; line-height: 1.5; border-radius: 0.4375rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-only-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 3.125rem; min-height: 2.8125rem; padding: 1rem; } .btn-only-icon.active [class^="icons-arrow-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn-only-icon.btn-white.disabled, .btn-only-icon.btn-white:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-only-icon.btn-sm, .btn-group-sm > .btn-only-icon.btn { min-width: 1.875rem; min-height: 1.875rem; } .btn-rounded { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; font-size: 0.875rem; font-weight: 500; color: #fff; cursor: pointer; background-color: #747678; border: none; border-radius: 50%; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn-rounded { -webkit-transition: none; transition: none; } } .btn-rounded:hover { background-color: #0074af; } .btn-rounded.disabled, .btn-rounded:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-rounded:not(:disabled):not(.disabled).box-shadow { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .btn-rounded:not(:disabled):not(.disabled).box-shadow:hover { -webkit-box-shadow: none; box-shadow: none; } .btn-rounded-primary { color: #fff; background-color: #00a1ff; } .btn-rounded-primary:not(:disabled):not(.disabled):hover, .btn-rounded-primary:not(:disabled):not(.disabled):focus, .btn-rounded-primary:not(:disabled):not(.disabled):active { color: #fff; background-color: #0074af; } .btn-rounded-white { color: #00a1ff; background-color: #333; } .btn-rounded-white:not(:disabled):not(.disabled):hover, .btn-rounded-white:not(:disabled):not(.disabled):focus, .btn-rounded-white:not(:disabled):not(.disabled):active { color: #000; background-color: #00a1ff; } .btn-rounded-gray { color: #fff; background-color: #b9b9b9; } .btn-rounded-gray:not(:disabled):not(.disabled):hover, .btn-rounded-gray:not(:disabled):not(.disabled):focus, .btn-rounded-gray:not(:disabled):not(.disabled):active { color: #fff; background-color: #b9b9b9; } .btn-rounded-facebook { color: #fff; background-color: #747678; } .btn-rounded-facebook:not(:disabled):not(.disabled):hover, .btn-rounded-facebook:not(:disabled):not(.disabled):focus, .btn-rounded-facebook:not(:disabled):not(.disabled):active { color: #fff; background-color: #3b5998; } .btn-rounded-twitter { color: #fff; background-color: #747678; } .btn-rounded-twitter:not(:disabled):not(.disabled):hover, .btn-rounded-twitter:not(:disabled):not(.disabled):focus, .btn-rounded-twitter:not(:disabled):not(.disabled):active { color: #fff; background-color: #4099FF; } .btn-rounded-linkedin { color: #fff; background-color: #747678; } .btn-rounded-linkedin:not(:disabled):not(.disabled):hover, .btn-rounded-linkedin:not(:disabled):not(.disabled):focus, .btn-rounded-linkedin:not(:disabled):not(.disabled):active { color: #fff; background-color: #007bb6; } .btn-rounded-instagram { color: #fff; background-color: #747678; } .btn-rounded-instagram:not(:disabled):not(.disabled):hover, .btn-rounded-instagram:not(:disabled):not(.disabled):focus, .btn-rounded-instagram:not(:disabled):not(.disabled):active { color: #fff; background-color: #c32aa3; } .btn-rounded-youtube { color: #fff; background-color: #747678; } .btn-rounded-youtube:not(:disabled):not(.disabled):hover, .btn-rounded-youtube:not(:disabled):not(.disabled):focus, .btn-rounded-youtube:not(:disabled):not(.disabled):active { color: #fff; background-color: #bb0000; } .btn-options { min-width: 3.4375rem; padding: 0; color: #f2f2f2; background-color: transparent; } .btn-options[aria-expanded="true"], .btn-options:focus, .btn-options:active, .btn-options:hover { color: #00a1ff; background-color: transparent; } .btn.btn-favorite { color: #b9b9b9; } .btn.btn-favorite:hover, .btn.btn-favorite.active { color: #ffb612; } .btn-notif { position: relative; } .btn-notif .notif { position: absolute; top: calc(50% - 1rem); right: calc(50% - 1.125rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 1rem; min-height: 1rem; padding-top: 3px; font-size: 0.5625rem; line-height: 1; color: #fff; background-color: #00a1ff; border-radius: 50%; } .btn-card { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 9.0625rem; min-height: 9.0625rem; font-weight: 400; border-color: #333; color: #00a1ff; background-color: #333; border-color: #333; } .btn-card span { display: block; margin-top: 1.125rem; } .btn-card:hover, .btn-card:focus { color: #000; background-color: #0074af; border-color: #0074af; } .btn-card.disabled, .btn-card:disabled { color: #b9b9b9; cursor: not-allowed; background-color: #333; border-color: #333; } .btn-card:not(:disabled):not(.disabled):active, .btn-card:not(:disabled):not(.disabled).active, .show > .btn-card.dropdown-toggle { color: #000; background-color: #00a1ff; border-color: #00a1ff; } .btn-color-gray { color: #d7d7d7; } .btn-color-gray:not(:disabled):not(.disabled):hover, .btn-color-gray:not(:disabled):not(.disabled):focus, .btn-color-gray:not(:disabled):not(.disabled):active, .btn-color-gray:not(:disabled):not(.disabled).active { color: #00a1ff; } .btn-color-footer { color: #333; background-color: #fff; } .btn-color-footer:not(:disabled):not(.disabled):hover, .btn-color-footer:not(:disabled):not(.disabled):focus, .btn-color-footer:not(:disabled):not(.disabled):active, .btn-color-footer:not(:disabled):not(.disabled).active { background-color: #b9b9b9; } .btn-unstyled { font-size: inherit; color: inherit; background-color: transparent; border: none; } /* buttons ========================================================================== */ .btn-burger .btn-burger-open { display: block; } .btn-burger .btn-burger-close { display: none; } .btn-burger.active .btn-burger-open { display: none; } .btn-burger.active .btn-burger-close { display: block; } .btn-burger:focus, .btn-burger.active { color: #f2f2f2; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #f2f2f2; text-align: left; list-style: none; background-color: #000; background-clip: padding-box; border: 1px solid #4d4f53; border-radius: 0.4375rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 1024px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1280px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #d7d7d7; } .dropdown-item { display: block; width: 100%; padding: 0.563rem 1.375rem; clear: both; font-weight: 400; color: #f2f2f2; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #00a1ff; text-decoration: none; background-color: transparent; } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: #00a1ff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #d7d7d7; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.375rem; margin-bottom: 0; font-size: 0.875rem; color: #f2f2f2; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.563rem 1.375rem; color: #f2f2f2; } /* dropdown ========================================================================== */ .dropdown-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; } .dropdown-toggle [class^="icons-arrow-"] { display: inline-block; font-size: 0.625rem; } .dropdown-toggle span:not(.sr-only) + [class^="icons-arrow-"] { margin-left: 0.875rem; } .dropdown-toggle [class^="icons-arrow-"] + span:not(.sr-only) { margin-left: 0.875rem; } .dropdown-toggle[aria-expanded="true"] [class^="icons-arrow-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dropdown-menu::after, .dropdown-menu::before { position: absolute; width: 0; height: 0; pointer-events: none; content: " "; border: solid transparent; } .dropdown-menu > ul { padding-left: 0; margin-bottom: 0; list-style: none; } .dropdown-menu::after { border-color: rgba(255, 255, 255, 0); border-width: 9px; } .dropdown-menu::before { border-color: rgba(216, 216, 216, 0); border-width: 0.625rem; } .dropdown .dropdown-menu::after, .dropup .dropdown-menu::after { margin-left: -0.5625rem; } .dropdown .dropdown-menu::before, .dropup .dropdown-menu::before { margin-left: -0.625rem; } .dropdown .dropdown-menu:not(.dropdown-menu-right)::after, .dropdown .dropdown-menu:not(.dropdown-menu-right)::before, .dropup .dropdown-menu:not(.dropdown-menu-right)::after, .dropup .dropdown-menu:not(.dropdown-menu-right)::before { left: 1.125rem; } .dropdown .dropdown-menu[x-placement="bottom-start"], .dropdown .dropdown-menu[x-placement="bottom-end"], .dropup .dropdown-menu[x-placement="bottom-start"], .dropup .dropdown-menu[x-placement="bottom-end"] { top: 0.875rem !important; } .dropdown .dropdown-menu[x-placement="bottom-start"]::after, .dropdown .dropdown-menu[x-placement="bottom-start"]::before, .dropdown .dropdown-menu[x-placement="bottom-end"]::after, .dropdown .dropdown-menu[x-placement="bottom-end"]::before, .dropup .dropdown-menu[x-placement="bottom-start"]::after, .dropup .dropdown-menu[x-placement="bottom-start"]::before, .dropup .dropdown-menu[x-placement="bottom-end"]::after, .dropup .dropdown-menu[x-placement="bottom-end"]::before { bottom: 100%; } .dropdown .dropdown-menu[x-placement="bottom-start"]::after, .dropdown .dropdown-menu[x-placement="bottom-end"]::after, .dropup .dropdown-menu[x-placement="bottom-start"]::after, .dropup .dropdown-menu[x-placement="bottom-end"]::after { border-bottom-color: #000; } .dropdown .dropdown-menu[x-placement="bottom-start"]::before, .dropdown .dropdown-menu[x-placement="bottom-end"]::before, .dropup .dropdown-menu[x-placement="bottom-start"]::before, .dropup .dropdown-menu[x-placement="bottom-end"]::before { border-bottom-color: #4d4f53; } .dropdown .dropdown-menu[x-placement="top-start"], .dropdown .dropdown-menu[x-placement="top-end"], .dropup .dropdown-menu[x-placement="top-start"], .dropup .dropdown-menu[x-placement="top-end"] { top: -0.875rem !important; } .dropdown .dropdown-menu[x-placement="top-start"]::after, .dropdown .dropdown-menu[x-placement="top-start"]::before, .dropdown .dropdown-menu[x-placement="top-end"]::after, .dropdown .dropdown-menu[x-placement="top-end"]::before, .dropup .dropdown-menu[x-placement="top-start"]::after, .dropup .dropdown-menu[x-placement="top-start"]::before, .dropup .dropdown-menu[x-placement="top-end"]::after, .dropup .dropdown-menu[x-placement="top-end"]::before { top: 100%; } .dropdown .dropdown-menu[x-placement="top-start"]::after, .dropdown .dropdown-menu[x-placement="top-end"]::after, .dropup .dropdown-menu[x-placement="top-start"]::after, .dropup .dropdown-menu[x-placement="top-end"]::after { border-top-color: #000; } .dropdown .dropdown-menu[x-placement="top-start"]::before, .dropdown .dropdown-menu[x-placement="top-end"]::before, .dropup .dropdown-menu[x-placement="top-start"]::before, .dropup .dropdown-menu[x-placement="top-end"]::before { border-top-color: #4d4f53; } .dropright .dropdown-menu::after { margin-top: 0.625rem; } .dropright .dropdown-menu::before { margin-top: 0.5625rem; } .dropright .dropdown-menu[x-placement="right-start"], .dropright .dropdown-menu[x-placement="right-end"] { left: 0.875rem !important; } .dropright .dropdown-menu[x-placement="right-start"]::after, .dropright .dropdown-menu[x-placement="right-start"]::before, .dropright .dropdown-menu[x-placement="right-end"]::after, .dropright .dropdown-menu[x-placement="right-end"]::before { top: 0.5rem; right: 100%; } .dropright .dropdown-menu[x-placement="right-start"]::after, .dropright .dropdown-menu[x-placement="right-end"]::after { border-right-color: #000; } .dropright .dropdown-menu[x-placement="right-start"]::before, .dropright .dropdown-menu[x-placement="right-end"]::before { border-right-color: #4d4f53; } .dropleft .dropdown-menu::after { margin-top: 0.625rem; } .dropleft .dropdown-menu::before { margin-top: 0.5625rem; } .dropleft .dropdown-menu[x-placement="left-start"], .dropleft .dropdown-menu[x-placement="left-end"] { left: -0.875rem !important; } .dropleft .dropdown-menu[x-placement="left-start"]::after, .dropleft .dropdown-menu[x-placement="left-start"]::before, .dropleft .dropdown-menu[x-placement="left-end"]::after, .dropleft .dropdown-menu[x-placement="left-end"]::before { top: 0.5rem; left: 100%; } .dropleft .dropdown-menu[x-placement="left-start"]::after, .dropleft .dropdown-menu[x-placement="left-end"]::after { border-left-color: #000; } .dropleft .dropdown-menu[x-placement="left-start"]::before, .dropleft .dropdown-menu[x-placement="left-end"]::before { border-left-color: #4d4f53; } .dropdown-menu-lg { width: 21.25rem; } .dropdown-menu-right::after { right: 1.125rem; } .dropdown-menu-right::before { right: 1.0625rem; } .dropdown-header { font-size: 0.75rem; text-transform: uppercase; } .dropdown-divider { width: calc(100% - 2.75rem); margin-left: 1.375rem; } .dropdown-item { font-weight: 500; color: #f2f2f2; } .dropdown-item:not(.disabled):focus, .dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active { color: #00a1ff; background-color: #000; } input:checked + .dropdown-item:not(.disabled) { color: #00a1ff; } .dropdown-item.disabled { color: #b9b9b9; pointer-events: none; cursor: none; } .dropdown-item a { color: currentColor; } .dropdown-menu-header { padding: 1.875rem; background-color: #4d4f53; } @media (max-width: 767.98px) { .dropdown .dropdown-toggle[aria-expanded="true"] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dropup .dropdown-toggle[aria-expanded="true"] { border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown .dropdown-menu:not(.dropdown-menu-mastheader), .dropup .dropdown-menu:not(.dropdown-menu-mastheader) { width: 100%; min-width: auto; margin: 0; } .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)::after, .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)::before, .dropup .dropdown-menu:not(.dropdown-menu-mastheader)::after, .dropup .dropdown-menu:not(.dropdown-menu-mastheader)::before { pointer-events: none; border: 0; opacity: 0; } .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-start"], .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-end"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-start"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-end"], .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-start"], .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-end"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-start"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-end"] { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-start"], .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-end"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-start"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="bottom-end"] { top: 0 !important; } .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-start"], .dropdown .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-end"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-start"], .dropup .dropdown-menu:not(.dropdown-menu-mastheader)[x-placement="top-end"] { top: 100% !important; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important; } .dropup-split.show .dropdown-toggle-split { border-top-right-radius: 0; } .dropup-split.show .dropdown-menu { border-bottom: 1px solid #4d4f53; border-bottom-right-radius: 0.4375rem; } .dropdown-split.show .dropdown-toggle-split { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dropdown-split.show .dropdown-menu { border-top: 1px solid #4d4f53; border-top-right-radius: 0.4375rem; } .dropdown-toggle-split + .dropdown-menu { right: 0 !important; left: auto !important; } .dropdown .dropdown-item, .dropup .dropdown-item { white-space: initial; } } /* dropdown ========================================================================== */ .dropdown-mastheader .dropdown-menu { padding: 1.875rem; background-color: #333; border-color: #333; } .dropdown-mastheader .dropdown-menu::before, .dropdown-mastheader .dropdown-menu::after { right: 3.875rem; } .dropdown-mastheader.dropdown .dropdown-menu[x-placement="bottom-start"]::after, .dropdown-mastheader.dropdown .dropdown-menu[x-placement="bottom-end"]::after, .dropdown-mastheader.dropup .dropdown-menu[x-placement="bottom-start"]::after, .dropdown-mastheader.dropup .dropdown-menu[x-placement="bottom-end"]::after { border-bottom-color: #333; } .dropdown-mastheader.dropdown .dropdown-menu[x-placement="bottom-start"]::before, .dropdown-mastheader.dropdown .dropdown-menu[x-placement="bottom-end"]::before, .dropdown-mastheader.dropup .dropdown-menu[x-placement="bottom-start"]::before, .dropdown-mastheader.dropup .dropdown-menu[x-placement="bottom-end"]::before { border-bottom-color: #333; } .dropdown-mastheader.dropdown .dropdown-menu[x-placement="top-start"]::after, .dropdown-mastheader.dropdown .dropdown-menu[x-placement="top-end"]::after, .dropdown-mastheader.dropup .dropdown-menu[x-placement="top-start"]::after, .dropdown-mastheader.dropup .dropdown-menu[x-placement="top-end"]::after { border-top-color: #333; } .dropdown-mastheader.dropdown .dropdown-menu[x-placement="top-start"]::before, .dropdown-mastheader.dropdown .dropdown-menu[x-placement="top-end"]::before, .dropdown-mastheader.dropup .dropdown-menu[x-placement="top-start"]::before, .dropdown-mastheader.dropup .dropdown-menu[x-placement="top-end"]::before { border-top-color: #333; } .dropdown-mastheader .dropdown-close { position: absolute; top: 1.25rem; right: 1.25rem; color: #fff; cursor: pointer; } .dropdown-mastheader .dropdown-lang .dropdown-menu { padding-top: 1.25rem; padding-bottom: 1.25rem; } .dropdown-mastheader .dropdown-lang .dropdown-menu::before, .dropdown-mastheader .dropdown-lang .dropdown-menu::after { right: 2.875rem; } .dropdown-mastheader .dropdown-menu-lang-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #d7d7d7; } .dropdown-mastheader .dropdown-menu-lang-item:hover, .dropdown-mastheader .dropdown-menu-lang-item:focus, .dropdown-mastheader .dropdown-menu-lang-item:active, .dropdown-mastheader .dropdown-menu-lang-item.active { color: #fff; } .dropdown-mastheader .dropdown-menu-lang-item:not(:last-child) { padding-bottom: 1.25rem; } .dropdown-menu-lang-item { background-color: transparent; border: none; } .dropdown-menubar .btn { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.25rem; } .dropdown-menubar .btn, .dropdown-menubar .dropdown-menu { background-color: #f2f2f2; } .dropdown-menubar .dropdown-menu { padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; border: 0; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 1.40625rem; padding-left: 1.40625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.9375rem; padding-left: 0.9375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: 0; } .input-group-prepend { margin-right: 0; } .input-group-append { margin-left: 0; } .input-group-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.813rem 1.25rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #00a1ff; text-align: center; white-space: nowrap; background-color: #d7d7d7; border: 0 solid #747678; border-radius: 0.4375rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(2.875rem + 0); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.4375rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5625rem + 0); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.125rem 1.25rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.4375rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* input group ========================================================================== */ .input-group { z-index: 1; } .input-group > .input-group-last:not(:last-child) > .btn { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } .input-group .form-control-container { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; } .input-group .form-control-container:not(:last-child), .input-group .form-control-container:not(:last-child) .form-control, .input-group .form-control-container:not(:last-child) .form-control-state { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-control-container:not(:first-child), .input-group .form-control-container:not(:first-child) .form-control, .input-group .form-control-container:not(:first-child) .form-control-state { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group-prepend > .btn, .input-group-prepend > .btn-group .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-append > .btn, .input-group-append > .btn-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group--flatpickr { position: relative; } .input-group--flatpickr .input-group-append { position: absolute; right: 0; pointer-events: none; } .input-group--flatpickr .input-group-append > .btn, .input-group--flatpickr .input-group-append > .btn-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group--flatpickr .form-control-container:not(:last-child), .input-group--flatpickr .form-control-container:not(:last-child) .form-control, .input-group--flatpickr .form-control-container:not(:last-child) .form-control-state { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } .custom-control { position: relative; display: block; min-height: 1.375rem; padding-left: 2.375rem; } .custom-control-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #000; border-color: #00a1ff; background-color: #00a1ff; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 1px #000, none; box-shadow: 0 0 0 1px #000, none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80d0ff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #000; background-color: #b3e3ff; border-color: #b3e3ff; } .custom-control-input:disabled ~ .custom-control-label { color: #b9b9b9; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: transparent; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -2.375rem; display: block; width: 0.875rem; height: 0.875rem; pointer-events: none; content: ""; background-color: #000; border: #b9b9b9 solid 0; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -2.375rem; display: block; width: 0.875rem; height: 0.875rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 3px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #00a1ff; background-color: #00a1ff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23000' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #f2f2f2; } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: #f2f2f2; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: none; } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #f2f2f2; } .custom-switch { padding-left: 3.46875rem; } .custom-switch .custom-control-label::before { left: -3.46875rem; width: 1.96875rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 0); left: calc(-3.46875rem + 0); width: calc(1.125rem - 0); height: calc(1.125rem - 0); background-color: #b9b9b9; border-radius: 0.5625rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #000; -webkit-transform: translateX(1.09375rem); -ms-transform: translateX(1.09375rem); transform: translateX(1.09375rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #f2f2f2; } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 0); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #00a1ff; vertical-align: middle; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #747678; border-radius: 0.4375rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80d0ff; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 208, 255, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 208, 255, 0.5); } .custom-select:focus::-ms-value { color: #00a1ff; background-color: #333; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #333; background-color: #d7d7d7; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5625rem + 0); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 1.25rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 0); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 0); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 0); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80d0ff; -webkit-box-shadow: none; box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label { background-color: #333; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 0); padding: 0.375rem 1.875rem; font-weight: 400; line-height: 1.5; color: #00a1ff; background-color: #333; border: 1px solid #747678; border-radius: 0.4375rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 1.875rem; line-height: 1.5; color: #00a1ff; content: "Browse"; background-color: #d7d7d7; border-left: inherit; border-radius: 0 0.4375rem 0.4375rem 0; } .custom-range { width: 100%; height: calc(1rem + 0); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #000, none; box-shadow: 0 0 0 1px #000, none; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #000, none; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #000, none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #00a1ff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3e3ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #b9b9b9; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #00a1ff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -webkit-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3e3ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #b9b9b9; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0; margin-left: 0; background-color: #00a1ff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -webkit-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3e3ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #b9b9b9; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #b9b9b9; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #4d4f53; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #4d4f53; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #4d4f53; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; transition: none; } } /* custom forms ========================================================================== */ .custom-control-input { /* stylelint-disable declaration-no-important */ /* stylelint-enable declaration-no-important */ } .custom-control-input:not(:disabled):checked ~ .custom-control-label, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label { color: #00a1ff; } .custom-control-input:not(:disabled):checked ~ .custom-control-label::before, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label::before { border-color: #00a1ff; } .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover, .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus, .custom-control-input:not(:disabled):checked ~ .custom-control-label:active, .custom-control-input:not(:disabled):checked ~ .custom-control-label.active, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active { color: #0074af; } .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before, .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus::before, .custom-control-input:not(:disabled):checked ~ .custom-control-label:active::before, .custom-control-input:not(:disabled):checked ~ .custom-control-label.active::before, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover::before, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus::before, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active::before, .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active::before { background-color: #0074af; border-color: #0074af; } .custom-control-input:disabled { cursor: default; } .custom-control-input:disabled ~ .custom-control-label, .custom-control-input:disabled:indeterminate ~ .custom-control-label, .custom-control-input:disabled:indeterminate:checked ~ .custom-control-label, .custom-control-input:disabled:checked ~ .custom-control-label { color: #b9b9b9 !important; cursor: default; } .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input:disabled:indeterminate ~ .custom-control-label::before, .custom-control-input:disabled:indeterminate:checked ~ .custom-control-label::before, .custom-control-input:disabled:checked ~ .custom-control-label::before { border-color: #f2f2f2 !important; } .custom-control-input:disabled:checked ~ .custom-control-label { cursor: default; } .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #f2f2f2 !important; } .custom-control-label { padding: 0; padding-top: 0.125rem; margin-bottom: 0; color: #d7d7d7; cursor: pointer; background-color: transparent; border: none; } .custom-control-label::before { border: 2px solid #b9b9b9; } .custom-control-label:hover, .custom-control-label:focus, .custom-control-input:focus + .custom-control-label, .custom-control-label:active, .custom-control-label.active { color: #00a1ff; } .custom-control-label:hover::before, .custom-control-label:focus::before, .custom-control-input:focus + .custom-control-label::before, .custom-control-label:active::before, .custom-control-label.active::before { border-color: #00a1ff; } .custom-control-label.active::before { background-color: #00a1ff; } .custom-control-label.active::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-control-label.indeterminate::before { background-color: #00a1ff; border-color: #00a1ff; } .custom-control-label.indeterminate::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23000' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-control-label.indeterminate:hover { color: #0074af; } .custom-control-label.indeterminate:hover::before { background-color: #0074af; border-color: #0074af; } .custom-control-label:checked:hover { color: #00a1ff; } .custom-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .custom-checkbox .custom-control-input:not(:disabled):not(.disabled):indeterminate ~ .custom-control-label { color: #00a1ff; } .custom-checkbox .custom-control-input:not(:disabled):not(.disabled):indeterminate ~ .custom-control-label::before { border-color: #00a1ff; } .custom-checkbox .custom-control-input:not(:disabled):not(.disabled):indeterminate ~ .custom-control-label:hover { color: #0074af; } .custom-checkbox .custom-control-input:not(:disabled):not(.disabled):indeterminate ~ .custom-control-label:hover::before { background-color: #0074af; border-color: #0074af; } /* stylelint-disable declaration-block-single-line-max-declarations */ .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label { color: #4cd201; } .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label::before, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label::before { background-color: #4cd201; border-color: #4cd201; } .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:active, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label.active, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active { color: #4cd201; } .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label:active::before, .custom-checkbox.is-green .custom-control-input:not(:disabled):checked ~ .custom-control-label.active::before, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active::before, .custom-checkbox.is-green .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active::before { background-color: #4cd201; border-color: #4cd201; } .custom-checkbox.is-green .custom-control-input:focus ~ .custom-control-label { color: #4cd201; } .custom-checkbox.is-green .custom-control-input:focus ~ .custom-control-label::before { border-color: #4cd201; } .custom-checkbox.is-green .custom-control-label:hover, .custom-checkbox.is-green .custom-control-label:focus, .custom-checkbox.is-green .custom-control-label:active, .custom-checkbox.is-green .custom-control-label.active { color: #4cd201; } .custom-checkbox.is-green .custom-control-label:hover::before, .custom-checkbox.is-green .custom-control-label:focus::before, .custom-checkbox.is-green .custom-control-label:active::before, .custom-checkbox.is-green .custom-control-label.active::before { border-color: #4cd201; } /* stylelint-enable declaration-block-single-line-max-declarations */ /* stylelint-disable declaration-block-single-line-max-declarations */ .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label { color: #ffb901; } .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label::before { background-color: #ffb901; border-color: #ffb901; } .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:active, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label.active, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active { color: #ffb901; } .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label:active::before, .custom-checkbox.is-yellow .custom-control-input:not(:disabled):checked ~ .custom-control-label.active::before, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active::before, .custom-checkbox.is-yellow .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active::before { background-color: #ffb901; border-color: #ffb901; } .custom-checkbox.is-yellow .custom-control-input:focus ~ .custom-control-label { color: #ffb901; } .custom-checkbox.is-yellow .custom-control-input:focus ~ .custom-control-label::before { border-color: #ffb901; } .custom-checkbox.is-yellow .custom-control-label:hover, .custom-checkbox.is-yellow .custom-control-label:focus, .custom-checkbox.is-yellow .custom-control-label:active, .custom-checkbox.is-yellow .custom-control-label.active { color: #ffb901; } .custom-checkbox.is-yellow .custom-control-label:hover::before, .custom-checkbox.is-yellow .custom-control-label:focus::before, .custom-checkbox.is-yellow .custom-control-label:active::before, .custom-checkbox.is-yellow .custom-control-label.active::before { border-color: #ffb901; } /* stylelint-enable declaration-block-single-line-max-declarations */ /* stylelint-disable declaration-block-single-line-max-declarations */ .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label { color: #333333; } .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label::before, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label::before { background-color: #333333; border-color: #333333; } .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:active, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label.active, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active { color: #333333; } .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label:active::before, .custom-checkbox.is-gray .custom-control-input:not(:disabled):checked ~ .custom-control-label.active::before, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active::before, .custom-checkbox.is-gray .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active::before { background-color: #333333; border-color: #333333; } .custom-checkbox.is-gray .custom-control-input:focus ~ .custom-control-label { color: #333333; } .custom-checkbox.is-gray .custom-control-input:focus ~ .custom-control-label::before { border-color: #333333; } .custom-checkbox.is-gray .custom-control-label:hover, .custom-checkbox.is-gray .custom-control-label:focus, .custom-checkbox.is-gray .custom-control-label:active, .custom-checkbox.is-gray .custom-control-label.active { color: #333333; } .custom-checkbox.is-gray .custom-control-label:hover::before, .custom-checkbox.is-gray .custom-control-label:focus::before, .custom-checkbox.is-gray .custom-control-label:active::before, .custom-checkbox.is-gray .custom-control-label.active::before { border-color: #333333; } /* stylelint-enable declaration-block-single-line-max-declarations */ /* stylelint-disable declaration-block-single-line-max-declarations */ .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label { color: #a1006b; } .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label::before, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label::before { background-color: #a1006b; border-color: #a1006b; } .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:active, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label.active, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active { color: #a1006b; } .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label:active::before, .custom-checkbox.is-pink .custom-control-input:not(:disabled):checked ~ .custom-control-label.active::before, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:hover::before, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:focus::before, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label:active::before, .custom-checkbox.is-pink .custom-control-input:not(:indeterminate):checked ~ .custom-control-label.active::before { background-color: #a1006b; border-color: #a1006b; } .custom-checkbox.is-pink .custom-control-input:focus ~ .custom-control-label { color: #a1006b; } .custom-checkbox.is-pink .custom-control-input:focus ~ .custom-control-label::before { border-color: #a1006b; } .custom-checkbox.is-pink .custom-control-label:hover, .custom-checkbox.is-pink .custom-control-label:focus, .custom-checkbox.is-pink .custom-control-label:active, .custom-checkbox.is-pink .custom-control-label.active { color: #a1006b; } .custom-checkbox.is-pink .custom-control-label:hover::before, .custom-checkbox.is-pink .custom-control-label:focus::before, .custom-checkbox.is-pink .custom-control-label:active::before, .custom-checkbox.is-pink .custom-control-label.active::before { border-color: #a1006b; } /* stylelint-enable declaration-block-single-line-max-declarations */ .custom-checkbox-alone { width: 0.875rem; height: 0.875rem; min-height: auto; padding: 0; } .custom-checkbox-alone .custom-control-label::before, .custom-checkbox-alone .custom-control-label::after { top: -.5rem; left: 0; } .switch-control { position: relative; display: inline-block; width: 3rem; height: 1.5rem; margin-bottom: 0; } .switch-control:hover input:not([disabled]) + .switch-control-slider, .switch-control:focus input:not([disabled]) + .switch-control-slider { background-color: #00a1ff; } .switch-control:hover input:not([disabled]) + .switch-control-slider::before, .switch-control:focus input:not([disabled]) + .switch-control-slider::before { background-color: #000; } .switch-control-slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; background-color: #333; border-radius: 0.75rem; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .switch-control-slider::before { position: absolute; bottom: 0.3125rem; left: 0.3125rem; width: 0.875rem; height: 0.875rem; content: ""; background-color: #00a1ff; border-radius: 50%; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } input:checked + .switch-control-slider::before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px); } input:not([disabled]):checked + .switch-control-slider { background-color: #00a1ff; } input:not([disabled]):checked + .switch-control-slider::before { background-color: #000; } input[disabled] + .switch-control-slider { cursor: initial; } input[disabled] + .switch-control-slider::before { background-color: #b9b9b9; } input[disabled]:checked + .switch-control-slider { background-color: #b9b9b9; } input[disabled]:checked + .switch-control-slider::before { background-color: #fff; } .options-control { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0.3125rem; background-color: #4d4f53; border-radius: 0.6875rem; } .options-control.disabled { background-color: #f2f2f2; } .options-control .options-item + .options-item { padding-left: 0.1875rem; } .options-btn { padding: 0.375rem 1.25rem 0.3125rem; margin-bottom: 0; color: #fff; white-space: nowrap; cursor: pointer; border-radius: 0.4375rem; } input[disabled] + .options-btn { color: #b9b9b9; cursor: default; } input:checked + .options-btn, input[disabled]:checked + .options-btn { color: #4d4f53; background-color: #fff; } .options-control-lg .options-btn { padding: 0.625rem 1.25rem; } .options-links { border-bottom: 1px solid #ebebeb; } .options-links .options-item { position: relative; display: inline-block; padding-top: 0.375rem; padding-bottom: 0.375rem; color: #f2f2f2; cursor: pointer; } .options-links .options-item:not(:first-child) { margin-left: 0.5rem; } .options-links .options-item:not(:last-child) { margin-right: 0.5rem; } .options-links .options-item:hover, .options-links .options-item:focus, .options-links .options-item:active, .options-links .options-item.active { color: #00a1ff; } .options-links .options-item:hover::after, .options-links .options-item:focus::after, .options-links .options-item:active::after, .options-links .options-item.active::after { position: absolute; bottom: -0.0625rem; left: 0; display: block; width: 100%; height: 0.3125rem; content: ""; background-color: #00a1ff; border-radius: 0.625rem; } /* custom forms ========================================================================== */ .custom-control-label { font-size: 0.875rem; } .select-control .custom-control-label { font-size: 1rem; } .options-control-lg .options-btn { padding: 0.625rem 1.25rem; } .options-control-actionbar { background-color: #fff; } .options-control-actionbar .options-btn { color: #00a1ff; border-radius: 0.4375rem; } .options-control-actionbar input:checked + .options-btn, .options-control-actionbar input[disabled]:checked + .options-btn { color: #fff; background-color: #00a1ff; } @media (max-width: 767.98px) { .options-control-actionbar.options-control-lg .options-btn { padding-top: 0.875rem; padding-bottom: 0.875rem; } } /* select ========================================================================== */ select { width: 100%; min-height: 2.8125rem; padding: 0.813rem 1.25rem; line-height: 1.5; cursor: pointer; background-color: #f2f2f2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-down%3C/title%3E%3Cpath class='a' d='M25,40.42,1.15,17a4.69,4.69,0,0,1,0-6.15A5.15,5.15,0,0,1,4.23,9.65a4.38,4.38,0,0,1,3.08,1.16L25,28.12,42.69,10.81a4.6,4.6,0,0,1,6.93.77,5.39,5.39,0,0,1-1.16,5.77Z'/%3E%3C/svg%3E"), -webkit-gradient(linear, right top, left top, color-stop(3.125rem, #00a1ff), color-stop(3.125rem, #f2f2f2)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-down%3C/title%3E%3Cpath class='a' d='M25,40.42,1.15,17a4.69,4.69,0,0,1,0-6.15A5.15,5.15,0,0,1,4.23,9.65a4.38,4.38,0,0,1,3.08,1.16L25,28.12,42.69,10.81a4.6,4.6,0,0,1,6.93.77,5.39,5.39,0,0,1-1.16,5.77Z'/%3E%3C/svg%3E"), -webkit-linear-gradient(right, #00a1ff 3.125rem, #f2f2f2 3.125rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-down%3C/title%3E%3Cpath class='a' d='M25,40.42,1.15,17a4.69,4.69,0,0,1,0-6.15A5.15,5.15,0,0,1,4.23,9.65a4.38,4.38,0,0,1,3.08,1.16L25,28.12,42.69,10.81a4.6,4.6,0,0,1,6.93.77,5.39,5.39,0,0,1-1.16,5.77Z'/%3E%3C/svg%3E"), linear-gradient(to left, #00a1ff 3.125rem, #f2f2f2 3.125rem); background-repeat: no-repeat; background-position: center right 1.1875rem, top left; background-size: 0.8125rem, 100%; border: 1px solid #f2f2f2; border-radius: 0.4375rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-up%3C/title%3E%3Cpath class='a' d='M25,9.58,48.85,33a4.69,4.69,0,0,1,0,6.15,5.15,5.15,0,0,1-3.08,1.16,4.38,4.38,0,0,1-3.08-1.16L25,21.88,7.31,39.19a4.6,4.6,0,0,1-6.93-.77,5.39,5.39,0,0,1,1.16-5.77Z'/%3E%3C/svg%3E"), -webkit-gradient(linear, right top, left top, color-stop(3.125rem, #0074af), color-stop(3.125rem, #f2f2f2)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-up%3C/title%3E%3Cpath class='a' d='M25,9.58,48.85,33a4.69,4.69,0,0,1,0,6.15,5.15,5.15,0,0,1-3.08,1.16,4.38,4.38,0,0,1-3.08-1.16L25,21.88,7.31,39.19a4.6,4.6,0,0,1-6.93-.77,5.39,5.39,0,0,1,1.16-5.77Z'/%3E%3C/svg%3E"), -webkit-linear-gradient(right, #0074af 3.125rem, #f2f2f2 3.125rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-up%3C/title%3E%3Cpath class='a' d='M25,9.58,48.85,33a4.69,4.69,0,0,1,0,6.15,5.15,5.15,0,0,1-3.08,1.16,4.38,4.38,0,0,1-3.08-1.16L25,21.88,7.31,39.19a4.6,4.6,0,0,1-6.93-.77,5.39,5.39,0,0,1,1.16-5.77Z'/%3E%3C/svg%3E"), linear-gradient(to left, #0074af 3.125rem, #f2f2f2 3.125rem); border: 1px solid #d7d7d7; border-bottom-color: #00a1ff; outline: 0; } select::-ms-expand { display: none; /* remove default arrow on ie10 and ie11 */ } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .select-improved:not(.active) .select-menu { display: none; } .select-improved .form-control.is-placeholder { color: #b9b9b9; } .select-control { position: relative; } .select-improved.active > .select-control > .input-group .form-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select-improved.active > .select-control .input-group-last > .btn { border-bottom-right-radius: 0; } .select-improved-up.active > .select-control > .input-group .form-control { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .select-improved-up.active > .select-control .input-group-last > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0.4375rem; } .select-control > .input-group .form-control { position: relative; cursor: pointer; border: 1px solid #333; -webkit-transition: none; transition: none; } .select-improved.active > .select-control > .input-group .form-control { border-top-color: #333; border-left-color: #333; } .select-improved-up.active > .select-control > .input-group .form-control { border-top-color: #f2f2f2; border-bottom-color: #333; border-left-color: #333; } .select-menu { position: absolute; top: 100%; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-height: 22.5rem; padding: 1.25rem; overflow-y: auto; background-color: #000; border-right: #333 solid 1px; border-bottom: #333 solid 1px; border-left: #333 solid 1px; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .select-menu > .d-flex { min-height: 0; } .select-improved-up .select-menu { top: auto; bottom: 100%; border-top: #d7d7d7 solid 1px; border-bottom: none; border-radius: 0.4375rem 0.4375rem 0 0; } .select-menu-inner { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .select-menu-item { display: block; width: 100%; padding: 0; font-weight: 500; color: #f2f2f2; text-align: left; cursor: pointer; background: none; border: 0; } .select-menu-item + .select-menu-item { margin-top: 0.875rem; } .select-menu-item:hover, .select-menu-item:focus, .select-menu-item:active, .select-menu-item.active { color: #00a1ff; } .select-menu-item > button, .select-menu-item > a { display: block; width: 100%; padding: 0; font-weight: 500; color: currentColor; text-align: left; cursor: pointer; background: none; border: 0; } .select-menu-item > button:hover, .select-menu-item > button:focus, .select-menu-item > button:active, .select-menu-item > button.active, .select-menu-item > a:hover, .select-menu-item > a:focus, .select-menu-item > a:active, .select-menu-item > a.active { color: #00a1ff; } .select-group + .select-group { margin-top: 1.125rem; } .select-group-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0; background-color: transparent; border: none; } .select-group-head .select-group-close { display: none; } .select-group-head .select-group-show { display: inline-block; } .select-group-head [class^="icons-arrow-"] { display: inline-block; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .select-group-head[data-role="collapse"] > * { pointer-events: none; } .select-group-head.active .select-group-close { display: inline-block; } .select-group-head.active .select-group-show { display: none; } .select-group-head.active [class^="icons-arrow-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .select-group-head[data-role="collapse"] { cursor: pointer; } .select-group-title { padding: 0; font-weight: 500; color: #f2f2f2; text-align: left; background: none; border: 0; } /* stylelint-disable selector-no-qualifying-type */ button.select-group-title { cursor: pointer; } /* stylelint-enable selector-no-qualifying-type */ .select-group-content { padding-top: 0.875rem; padding-left: 1.75rem; } /* select ========================================================================== */ .select-improved.active > .select-control > .input-group .form-control { border-bottom-color: #00a1ff; } .select-improved-up.active > .select-control > .input-group .form-control { border-top-color: #00a1ff; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #333; background-clip: border-box; border: 0 solid rgba(0, 0, 0, 0.125); border-radius: 0.4375rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 0 solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.4375rem - 0) calc(0.4375rem - 0) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 0 solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.4375rem - 0) calc(0.4375rem - 0); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.4375rem - 0); } .card-img-top { width: 100%; border-top-left-radius: calc(0.4375rem - 0); border-top-right-radius: calc(0.4375rem - 0); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.4375rem - 0); border-bottom-left-radius: calc(0.4375rem - 0); } .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -10px; margin-left: -10px; } .card-deck .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 10px; margin-bottom: 0; margin-left: 10px; } } .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: 0; } .breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 0; margin-bottom: 1rem; list-style: none; background-color: #000; border-radius: 0.4375rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 1rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 1rem; color: #f2f2f2; content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23b9b9b9' d='M40.42 25 17 48.85a4.69 4.69 0 0 1-6.15 0,5.15 5.15 0 0 1-1.16-3.08 4.38 4.38 0 0 1 1.16-3.08L28.12 25 10.81 7.31A4.6 4.6 0 0 1 11.58.38a5.39 5.39 0 0 1 5.77 1.16Z'/%3E%3C/svg%3E"); } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #00a1ff; } /* breadcrumb ========================================================================== */ .breadcrumb { font-weight: 500; border-bottom: 1px solid #f2f2f2; border-radius: 0; } .breadcrumb-item { font-weight: 500; } .breadcrumb-item + .breadcrumb-item::before { width: 1.5rem; height: 0.625rem; content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%230088ce' d='M40.42 25 17 48.85a4.69 4.69 0 0 1-6.15 0,5.15 5.15 0 0 1-1.16-3.08 4.38 4.38 0 0 1 1.16-3.08L28.12 25 10.81 7.31A4.6 4.6 0 0 1 11.58.38a5.39 5.39 0 0 1 5.77 1.16Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 0.5rem 0.625rem; } .breadcrumb-item.active { color: #f2f2f2; } .breadcrumb-item.active ~ .breadcrumb-item::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23b9b9b9' d='M40.42 25 17 48.85a4.69 4.69 0 0 1-6.15 0,5.15 5.15 0 0 1-1.16-3.08 4.38 4.38 0 0 1 1.16-3.08L28.12 25 10.81 7.31A4.6 4.6 0 0 1 11.58.38a5.39 5.39 0 0 1 5.77 1.16Z'/%3E%3C/svg%3E"); } .breadcrumb-item.active ~ .breadcrumb-item a { font-weight: 400; color: #747678; } .breadcrumb-item.active + .breadcrumb-item::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%333333' d='M40.42 25 17 48.85a4.69 4.69 0 0 1-6.15 0,5.15 5.15 0 0 1-1.16-3.08 4.38 4.38 0 0 1 1.16-3.08L28.12 25 10.81 7.31A4.6 4.6 0 0 1 11.58.38a5.39 5.39 0 0 1 5.77 1.16Z'/%3E%3C/svg%3E"); } .breadcrumb-item.disabled a { cursor: default; } .breadcrumb-lg { font-size: 1.5rem; line-height: 1.25; } .breadcrumb-lg .breadcrumb-item + .breadcrumb-item::before { width: 1.625rem; height: 0.875rem; background-size: 0.625rem 0.875rem; } @media (max-width: 1023.98px) { .breadcrumb-lg { font-size: 2.625rem; line-height: 1.14286; } } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.4375rem; } .page-link { position: relative; display: block; padding: 0.125rem 0.313rem; margin-left: 0; line-height: 1.25; color: #f2f2f2; background-color: transparent; border: 0 solid transparent; } .page-link:hover { z-index: 2; color: #0074af; text-decoration: none; background-color: transparent; border-color: transparent; } .page-link:focus { z-index: 2; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .page-item:last-child .page-link { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } .page-item.active .page-link { z-index: 1; color: #00a1ff; background-color: transparent; border-color: transparent; } .page-item.disabled .page-link { color: #d7d7d7; pointer-events: none; cursor: auto; background-color: transparent; border-color: transparent; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } /* pagination ========================================================================== */ .page-item { padding-right: 0.25rem; padding-left: 0.25rem; font-size: 1rem; color: #d7d7d7; } .page-item.active .page-link { position: relative; } .page-item.active .page-link:hover { color: #0074af; } .page-item.active .page-link::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; content: ""; background-color: currentColor; border-radius: 2px; } .page-item:not(.page-skip) + .page-skip { padding-left: 1.875rem; } .page-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; } .page-skip { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-skip:not(.disabled) .page-link { color: #00a1ff; } .page-skip:not(.disabled) .page-link:hover { color: #0074af; } .page-skip + .page-item:not(.page-skip) { padding-left: 1.875rem; } @media (min-width: 576px) { .page-link { font-size: 1rem; } } .badge { display: inline-block; padding: 0.313rem 1.5rem; font-size: 0.875rem; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.75rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #00a1ff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0081cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); box-shadow: 0 0 0 0 rgba(0, 161, 255, 0.5); } .badge-primary-dark { color: #fff; background-color: #0074af; } a.badge-primary-dark:hover, a.badge-primary-dark:focus { color: #fff; background-color: #00527c; } a.badge-primary-dark:focus, a.badge-primary-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); box-shadow: 0 0 0 0 rgba(0, 116, 175, 0.5); } .badge-secondary { color: #212529; background-color: #f2f2f2; } a.badge-secondary:hover, a.badge-secondary:focus { color: #212529; background-color: #d9d9d9; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .badge-success { color: #212529; background-color: #82be00; } a.badge-success:hover, a.badge-success:focus { color: #212529; background-color: #5f8b00; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); box-shadow: 0 0 0 0 rgba(130, 190, 0, 0.5); } .badge-info { color: #fff; background-color: #00abb9; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #007c86; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); box-shadow: 0 0 0 0 rgba(0, 171, 185, 0.5); } .badge-warning { color: #212529; background-color: #ffb612; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #de9a00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); box-shadow: 0 0 0 0 rgba(255, 182, 18, 0.5); } .badge-danger { color: #fff; background-color: #ff6e20; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ec5300; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); box-shadow: 0 0 0 0 rgba(255, 110, 32, 0.5); } .badge-light { color: #212529; background-color: #f2f2f2; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d9d9d9; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .badge-white { color: #212529; background-color: #fff; } a.badge-white:hover, a.badge-white:focus { color: #212529; background-color: #e6e6e6; } a.badge-white:focus, a.badge-white.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } /* sami ========================================================================== */ .sami { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 3.125rem; color: #fff; text-transform: uppercase; background-color: #333; border-radius: 0.4375rem; } .sami-green { background-color: #82be00; } .sami-checkbox-green { cursor: pointer; } input:checked + .sami-checkbox-green { background-color: #82be00; } .sami-blue { background-color: #00a1ff; } .sami-checkbox-blue { cursor: pointer; } input:checked + .sami-checkbox-blue { background-color: #00a1ff; } .sami-yellow { background-color: #ffb612; } .sami-checkbox-yellow { cursor: pointer; } input:checked + .sami-checkbox-yellow { background-color: #ffb612; } .sami-red { background-color: #cd0037; } .sami-checkbox-red { cursor: pointer; } input:checked + .sami-checkbox-red { background-color: #cd0037; } .sami-gray { background-color: #4d4f53; } .sami-checkbox-gray { cursor: pointer; } input:checked + .sami-checkbox-gray { background-color: #4d4f53; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #d7d7d7; border-radius: 0.4375rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.4375rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.7rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #005485; background-color: #ccecff; border-color: #b8e5ff; } .alert-primary hr { border-top-color: #9fdcff; } .alert-primary .alert-link { color: #003452; } .alert-primary-dark { color: #003c5b; background-color: #cce3ef; border-color: #b8d8e9; } .alert-primary-dark hr { border-top-color: #a5cde3; } .alert-primary-dark .alert-link { color: #001a28; } .alert-secondary { color: #7e7e7e; background-color: #fcfcfc; border-color: #fbfbfb; } .alert-secondary hr { border-top-color: #eeeeee; } .alert-secondary .alert-link { color: #656565; } .alert-success { color: #446300; background-color: #e6f2cc; border-color: #dcedb8; } .alert-success hr { border-top-color: #d2e8a4; } .alert-success .alert-link { color: #213000; } .alert-info { color: #005960; background-color: #cceef1; border-color: #b8e7eb; } .alert-info hr { border-top-color: #a4e0e5; } .alert-info .alert-link { color: #002a2d; } .alert-warning { color: #855f09; background-color: #fff0d0; border-color: #ffebbd; } .alert-warning hr { border-top-color: #ffe3a4; } .alert-warning .alert-link { color: #553d06; } .alert-danger { color: #853911; background-color: #ffe2d2; border-color: #ffd6c1; } .alert-danger hr { border-top-color: #ffc5a8; } .alert-danger .alert-link { color: #58260b; } .alert-light { color: #7e7e7e; background-color: #fcfcfc; border-color: #fbfbfb; } .alert-light hr { border-top-color: #eeeeee; } .alert-light .alert-link { color: #656565; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .alert-white { color: #858585; background-color: white; border-color: white; } .alert-white hr { border-top-color: #f2f2f2; } .alert-white .alert-link { color: #6c6c6c; } /* progress ========================================================================== */ .progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0.625rem; font-size: 0.75rem; color: #f2f2f2; background-color: #000; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #333), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(left, #333 50%, transparent 50%); background-image: linear-gradient(90deg, #333 50%, transparent 50%); background-size: 0.25rem 0.625rem; border-radius: 0.3125rem; } .progress.has-label { margin-top: 2.375rem; } .progress-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #f2f2f2; text-align: center; background-color: #00a1ff; border-radius: 0.3125rem; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-label { position: absolute; right: 0; bottom: calc(100% + 0.5rem); font-size: 1.5rem; font-weight: 500; } .progress-label sup { font-size: 0.875rem; } .progress-bar[aria-valuenow="100"] .progress-label { right: 0; left: auto; color: #00a1ff; } .progress-circle { position: relative; display: inline-block; width: 7.5rem; height: 7.5rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%234D4F53;%7d %3c/style%3e%3cg%3e%3crect x='59' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='55.2' y='0.1' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -0.2907 3.9376)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='51.5' y='0.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -0.3974 7.368)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='47.8' y='1.2' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -0.427 10.2973)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='44.1' y='2.1' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -0.4827 12.749)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='40.5' y='3.3' transform='matrix(0.9397 -0.342 0.342 0.9397 -0.6613 14.7626)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='37' y='4.7' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -1.0509 16.3931)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='33.6' y='6.3' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -1.7286 17.7087)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='30.4' y='8.2' transform='matrix(0.848 -0.5299 0.5299 0.848 -2.7588 18.7897)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='27.3' y='10.3' transform='matrix(0.809 -0.5878 0.5878 0.809 -4.1915 19.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='24.3' y='12.6' transform='matrix(0.766 -0.6428 0.6428 0.766 -6.0608 20.6152)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='21.5' y='15.2' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -8.3843 21.5593)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='18.9' y='17.9' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -11.1622 22.6633)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='16.4' y='20.8' transform='matrix(0.6157 -0.788 0.788 0.6157 -14.3769 24.0315)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='14.2' y='23.8' transform='matrix(0.5592 -0.829 0.829 0.5592 -17.9939 25.7655)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='12.2' y='27' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 27.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='10.5' y='30.3' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -26.2122 30.7076)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='8.9' y='33.8' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -30.6638 34.0815)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='7.6' y='37.3' transform='matrix(0.309 -0.9511 0.9511 0.309 -35.2211 38.1485)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='6.6' y='40.9' transform='matrix(0.2419 -0.9703 0.9703 0.2419 -39.7776 42.9595)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.8' y='44.6' transform='matrix(0.1736 -0.9848 0.9848 0.1736 -44.2179 48.5492)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.3' y='48.4' transform='matrix(0.1045 -0.9945 0.9945 0.1045 -48.42 54.9351)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5' y='52.1' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 -52.2577 62.1164)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='0' y='60.9' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -2.1561 0.2482)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.3' y='64.6' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -6.8272 1.0177)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.8' y='68.4' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -11.9436 2.2383)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='1.6' y='72.1' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -17.4499 4.0099)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='2.6' y='75.7' transform='matrix(0.9511 -0.309 0.309 0.9511 -23.2745 6.4241)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='3.9' y='79.2' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -29.331 9.5626)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='5.5' y='82.7' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -35.5191 13.4941)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='7.2' y='86' transform='matrix(0.866 -0.5 0.5 0.866 -41.7269 18.2731)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='9.2' y='89.2' transform='matrix(0.829 -0.5592 0.5592 0.829 -47.8331 23.9378)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='11.4' y='92.2' transform='matrix(0.788 -0.6157 0.6157 0.788 -53.7091 30.5088)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='13.9' y='95.1' transform='matrix(0.7431 -0.6691 0.6691 0.7431 -59.2218 37.988)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='16.5' y='97.8' transform='matrix(0.6947 -0.7193 0.7193 0.6947 -64.236 46.3581)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='19.3' y='100.4' transform='matrix(0.6428 -0.766 0.766 0.6428 -68.6175 55.5822)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='22.3' y='102.7' transform='matrix(0.5878 -0.809 0.809 0.5878 -72.2355 65.6038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='25.4' y='104.8' transform='matrix(0.5299 -0.848 0.848 0.5299 -74.9657 76.3475)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='28.6' y='106.7' transform='matrix(0.4695 -0.8829 0.8829 0.4695 -76.693 87.7197)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='32' y='108.3' transform='matrix(0.4067 -0.9135 0.9135 0.4067 -77.3138 99.6102)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='35.5' y='109.7' transform='matrix(0.342 -0.9397 0.9397 0.342 -76.7383 111.8932)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='39.1' y='110.9' transform='matrix(0.2756 -0.9613 0.9613 0.2756 -74.893 124.43)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='42.8' y='111.8' transform='matrix(0.2079 -0.9781 0.9781 0.2079 -71.7222 137.0703)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='46.5' y='112.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 -67.1899 149.6558)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='50.2' y='112.9' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 -61.2806 162.0216)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='59' y='108' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='62.8' y='107.9' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -7.7877 4.7255)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='66.5' y='107.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -15.1355 10.5006)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='70.2' y='106.8' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -21.9001 17.2744)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='73.9' y='105.9' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -27.9452 24.9761)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='77.5' y='104.7' transform='matrix(0.9397 -0.342 0.342 0.9397 -33.1442 33.5167)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='81' y='103.3' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -37.383 42.7899)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='84.4' y='101.7' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -40.5617 52.6742)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='87.6' y='99.8' transform='matrix(0.848 -0.5299 0.5299 0.848 -42.5973 63.0348)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='90.7' y='97.7' transform='matrix(0.809 -0.5878 0.5878 0.809 -43.4248 73.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='93.7' y='95.4' transform='matrix(0.766 -0.6428 0.6428 0.766 -42.999 84.594)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='96.5' y='92.8' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -41.2954 95.4789)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='99.1' y='90.1' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -38.3109 106.2184)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='101.6' y='87.2' transform='matrix(0.6157 -0.788 0.788 0.6157 -34.0637 116.6505)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='103.8' y='84.2' transform='matrix(0.5592 -0.829 0.829 0.5592 -28.5937 126.6159)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='105.8' y='81' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 135.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='107.5' y='77.7' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -14.2476 144.5431)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='109.1' y='74.2' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -5.5511 152.2277)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='110.4' y='70.7' transform='matrix(0.309 -0.9511 0.9511 0.309 4.0122 158.8962)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='111.4' y='67.1' transform='matrix(0.2419 -0.9703 0.9703 0.2419 14.3114 164.4454)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.2' y='63.4' transform='matrix(0.1736 -0.9848 0.9848 0.1736 25.2032 168.79)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.7' y='59.6' transform='matrix(0.1045 -0.9945 0.9945 0.1045 36.5339 171.8641)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='113' y='55.9' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 48.1428 173.6225)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='108' y='57.1' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -1.9588 4.0128)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.7' y='53.4' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -5.0588 12.1831)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.2' y='49.6' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -7.0711 20.4225)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='106.4' y='45.9' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -8.0163 28.5853)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='105.4' y='42.3' transform='matrix(0.9511 -0.309 0.309 0.9511 -7.9343 36.5311)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='104.1' y='38.8' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -6.8838 44.1282)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='102.5' y='35.3' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -4.9408 51.2552)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='100.8' y='32' transform='matrix(0.866 -0.5 0.5 0.866 -2.1962 57.8038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='98.8' y='28.8' transform='matrix(0.829 -0.5592 0.5592 0.829 1.2454 63.6808)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='96.6' y='25.8' transform='matrix(0.788 -0.6157 0.6157 0.788 5.2685 68.8093)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='94.1' y='22.9' transform='matrix(0.7431 -0.6691 0.6691 0.7431 9.7488 73.1303)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='91.5' y='20.2' transform='matrix(0.6947 -0.7193 0.7193 0.6947 14.5562 76.6036)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='88.7' y='17.6' transform='matrix(0.6428 -0.766 0.766 0.6428 19.5576 79.2086)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='85.7' y='15.3' transform='matrix(0.5878 -0.809 0.809 0.5878 24.6192 80.944)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='82.6' y='13.2' transform='matrix(0.5299 -0.848 0.848 0.5299 29.6096 81.828)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='79.4' y='11.3' transform='matrix(0.4695 -0.8829 0.8829 0.4695 34.4027 81.8974)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='76' y='9.7' transform='matrix(0.4067 -0.9135 0.9135 0.4067 38.8799 81.2069)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='72.5' y='8.3' transform='matrix(0.342 -0.9397 0.9397 0.342 42.9327 79.8275)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='68.9' y='7.1' transform='matrix(0.2756 -0.9613 0.9613 0.2756 46.4651 77.845)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='65.2' y='6.2' transform='matrix(0.2079 -0.9781 0.9781 0.2079 49.3951 75.358)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='61.5' y='5.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 51.657 72.4756)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='57.8' y='5.1' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 53.2021 69.3153)' class='st0' width='12' height='2'/%3e%3c/g%3e%3c/svg%3e "); } .progress-circle-figure { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .progress-circle-meter, .progress-circle-value { fill: none; } .progress-circle-meter { stroke: #000; } .progress-circle-value { stroke: #00a1ff; stroke-linecap: round; } .progress-circle-label { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; font-size: 1.5rem; font-weight: 500; } .progress-circle-label sup { font-size: 0.875rem; } .progress-circle-label.done { color: #00a1ff; } /* variation -------------------------------------------------------------------------- */ .progress-sm { height: 0.3125rem; overflow: hidden; background-color: #000; background-image: none; background-size: auto; border-radius: 0.15625rem; } .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* lists ========================================================================== */ .meta-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; list-style: none; } @media (max-width: 575.98px) { .meta-list-item.separator-none { padding-left: 0; } .meta-list-item.separator-none::before { display: none; } } @media (min-width: 576px) and (max-width: 767.98px) { .meta-list-item.separator-sm-none { padding-left: 0; } .meta-list-item.separator-sm-none::before { display: none; } } @media (min-width: 768px) and (max-width: 1023.98px) { .meta-list-item.separator-md-none { padding-left: 0; } .meta-list-item.separator-md-none::before { display: none; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .meta-list-item.separator-lg-none { padding-left: 0; } .meta-list-item.separator-lg-none::before { display: none; } } @media (min-width: 1280px) { .meta-list-item.separator-xl-none { padding-left: 0; } .meta-list-item.separator-xl-none::before { display: none; } } @media (min-width: 1024px) { .meta-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .meta-list-item { padding-right: 1.25rem; } .meta-list-item.separator { position: relative; padding-left: 1.375rem; } .meta-list-item.separator::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 0.125rem; height: 0.75rem; content: ""; background-color: #8a8b8d; } } .list-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #4d4f53; } .list-group-item-action:active { color: #f2f2f2; background-color: #333; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #000; border: 1px solid #4d4f53; } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item:disabled { color: #d7d7d7; pointer-events: none; background-color: #000; } .list-group-item.active { z-index: 2; color: #f2f2f2; background-color: #000; border-color: #4d4f53; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 1024px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 1280px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #005485; background-color: #b8e5ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #005485; background-color: #9fdcff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #005485; border-color: #005485; } .list-group-item-primary-dark { color: #003c5b; background-color: #b8d8e9; } .list-group-item-primary-dark.list-group-item-action:hover, .list-group-item-primary-dark.list-group-item-action:focus { color: #003c5b; background-color: #a5cde3; } .list-group-item-primary-dark.list-group-item-action.active { color: #fff; background-color: #003c5b; border-color: #003c5b; } .list-group-item-secondary { color: #7e7e7e; background-color: #fbfbfb; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #7e7e7e; background-color: #eeeeee; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #7e7e7e; border-color: #7e7e7e; } .list-group-item-success { color: #446300; background-color: #dcedb8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #446300; background-color: #d2e8a4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #446300; border-color: #446300; } .list-group-item-info { color: #005960; background-color: #b8e7eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #005960; background-color: #a4e0e5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #005960; border-color: #005960; } .list-group-item-warning { color: #855f09; background-color: #ffebbd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #855f09; background-color: #ffe3a4; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #855f09; border-color: #855f09; } .list-group-item-danger { color: #853911; background-color: #ffd6c1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #853911; background-color: #ffc5a8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #853911; border-color: #853911; } .list-group-item-light { color: #7e7e7e; background-color: #fbfbfb; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7e7e7e; background-color: #eeeeee; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7e7e7e; border-color: #7e7e7e; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .list-group-item-white { color: #858585; background-color: white; } .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .close { float: right; font-size: 1.2rem; font-weight: 700; line-height: 1; color: #f2f2f2; text-shadow: none; opacity: .5; } .close:hover { color: #f2f2f2; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } /* close ========================================================================== */ .close { opacity: 1; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #333; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal-dialog-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #000; background-clip: padding-box; border: 1px solid #333; border-radius: 0.4375rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 0 solid #d7d7d7; border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; } .modal-header .close { padding: 1rem; margin: -1.375rem -1.875rem -1.375rem auto; } .modal-title { margin-bottom: 0; line-height: 1.375; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 0 solid #d7d7d7; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 480px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 320px; } } @media (min-width: 1024px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1280px) { .modal-xl { max-width: 1140px; } } /* lists ========================================================================== */ .modal-header { padding: 1.375rem 1.875rem 0 1.875rem; } .modal-header .close { padding: 1.375rem 1.875rem 0 1.875rem; margin: -1.375rem -1.875rem 0 auto; } .modal-body { padding: 1.375rem 1.875rem; } .modal-body:not(:first-child) { padding-top: 0.5rem; } .modal-body:not(:last-child) { padding-bottom: 0; } .modal-body p:last-child { margin-bottom: 0; } .modal-footer { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 1.875rem; } .modal-footer:not(:first-child) { padding-top: 0.75rem; } .modal-footer > :not(:first-child) { margin-left: .625rem; } .modal-footer > :not(:last-child) { margin-right: .625rem; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.375; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #333; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #333; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #333; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #333; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #333; border-radius: 0.4375rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 420px; font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.375; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1rem; word-wrap: break-word; background-color: #000; background-clip: padding-box; border: 1px solid #4d4f53; border-radius: 0.4375rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.4375rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: #4d4f53; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #000; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.4375rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #4d4f53; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #000; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #4d4f53; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #000; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #000; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.4375rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #4d4f53; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #000; } .popover-header { padding: 1.5rem 1.5rem; margin-bottom: 0; font-size: 1rem; color: #00a1ff; background-color: #000; border-bottom: 1px solid black; border-top-left-radius: calc(0.4375rem - 1px); border-top-right-radius: calc(0.4375rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1.5rem 1.5rem; color: #f2f2f2; } /* popover ========================================================================== */ .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: calc(0.5rem + 5px); } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: calc(0.5rem + 5px); } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: calc(0.5rem + 5px); } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: calc(0.5rem + 5px); } .popover-header { padding-bottom: 0; border: 0; } .popover-header:not(:empty) + .popover-body { padding-top: 0.125rem; } .popover { width: 100%; } .popover::before { position: absolute; top: 1.5625rem; right: 1.5625rem; display: block; width: 0.75rem; height: 0.75rem; cursor: pointer; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ctitle%3eclose%3c/title%3e%3cpath fill='%23f2f2f2' d='M7.91,6l3.71-3.71a1.37,1.37,0,0,0,0-1.9,1.38,1.38,0,0,0-1.91,0L6,4.09,2.29.38A1.38,1.38,0,0,0,.38.38a1.4,1.4,0,0,0,0,1.91L4.09,6,.38,9.71a1.38,1.38,0,0,0,0,1.91,1.38,1.38,0,0,0,1.91,0L6,7.91l3.71,3.71a1.38,1.38,0,0,0,1.91,0,1.4,1.4,0,0,0,0-1.91Z' transform='translate(0 0)'/%3e%3c/svg%3e"); } @media (max-width: 1023.98px) { .popover-header, .popover-body { padding: 1.125rem 0.875rem; } } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -ms-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: 0s 0.6s opacity; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; 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: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } /* management item ========================================================================== */ .management-item.list-group-item { padding: 0; } .management-item-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1.125rem; padding-right: 0.5rem; padding-bottom: 1.125rem; padding-left: 0.5rem; } .management-item-content:hover { background-color: #4d4f53; } .management-item-content .custom-control { display: inline-block; width: 1.125rem; height: 1.125rem; padding: 0; } .management-item-content .custom-control-label::after, .management-item-content .custom-control-label::before { top: 0; } .management-item-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 1.25rem; padding-left: 1.25rem; } .management-item-caret { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .management-item-caret::before { display: inline-block; width: 0; height: 0; margin-right: 1.125rem; content: ""; border-color: transparent transparent transparent #b9b9b9; border-style: solid; border-width: 0.375em 0 0.375em 0.375em; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .management-item-group.active .management-item-caret::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .management-item-input, .management-item-symbol { padding-top: 0.0625rem; padding-right: 0.5rem; padding-left: 0.5rem; text-align: center; } .management-item-main { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0.375rem; padding-left: 0.375rem; } .management-item-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .management-item-group { cursor: pointer; /* stylelint-disable declaration-no-important */ /* stylelint-enable declaration-no-important */ } .management-item-group .management-item { border-top: 1px solid #d7d7d7; } .management-item-group .management-item-content { min-height: 3.125rem; padding-top: 0; padding-bottom: 0; } .management-item-group .management-item-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .management-item-group .management-item-symbol { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 0.625rem; padding-left: 0; } .management-item-group .management-item-action { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .management-item-group .management-item-action .btn { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; min-height: 1.875rem; } .management-item-group .management-item-spacing { padding-left: 3.625rem; } .management-item-grouplist { padding-left: 0; list-style: none; } .management-item-group:not(.active) .management-item-grouplist { display: none; } @media (max-width: 1023.98px) { .management-item-input + .management-item-symbol { display: none; } .management-item-action { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .management-item-content { padding-right: 0.9375rem; padding-left: 0.9375rem; } .management-item-input, .management-item-symbol { padding-right: 0.9375rem; padding-left: 0.9375rem; } .management-item-symbol:first-child { padding-left: 0.5rem; } .management-item-main { padding-right: 0.125rem; padding-left: 0.125rem; } .management-item-action { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-right: 0.625rem; padding-left: 2.875rem; } } /* chips ========================================================================== */ .form-chips-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-top: 0.3125rem; padding-left: 0.3125rem; cursor: text; background-color: #333; background-clip: padding-box; border-radius: 0.4375rem; } .chips-group { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding-right: 0.3125rem; padding-bottom: 0.3125rem; vertical-align: middle; } .chips-group .chips:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .chips-group .chips:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .chips { display: inline-block; font-weight: 500; color: #000; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #00a1ff; border: 1px solid #00a1ff; padding: 0.5em 1.125em; font-size: 1rem; line-height: 1.5; border-radius: 0.4375rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .chips { -webkit-transition: none; transition: none; } } .chips .icons-close { font-size: 0.625rem; } .chips-label { padding-right: 0; } .chips-btn:hover, .chips-btn:focus { text-decoration: none; cursor: pointer; background-color: #0074af; } .chips-btn:focus, .chips-btn.focus { -webkit-box-shadow: none; box-shadow: none; } .chips-only-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 2.75rem; min-height: 2.5rem; padding: 0; } .chips-input { min-height: 2.8125rem; padding-right: 5px; padding-bottom: 0.3125rem; padding-left: 1.125rem; font-weight: 400; color: #00a1ff; background-color: transparent; border: none; } /* toolbar ========================================================================== */ .toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .toolbar-item.separator, .toolbar-item + .toolbar-item { position: relative; } .toolbar-item.separator::before, .toolbar-item + .toolbar-item::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; } .toolbar-item.separator-gray-100::before { background-color: #f2f2f2; } .toolbar-item.separator-gray-200::before { background-color: #d7d7d7; } .toolbar-item.separator-gray-300::before { background-color: #b9b9b9; } .toolbar-item.separator-gray-400::before { background-color: #747678; } .toolbar-item.separator-gray-500::before { background-color: #4d4f53; } .toolbar-item.separator-gray-600::before { background-color: #333; } .toolbar-item.separator-gray-700::before { background-color: #495057; } .toolbar-item.separator-gray-800::before { background-color: #343a40; } .toolbar-item.separator-gray-900::before { background-color: #212529; } .toolbar-item-spacing { padding-right: 1.25rem; padding-left: 1.25rem; } .toolbar-item.separator { position: relative; } .toolbar-item.separator::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; opacity: 1; } .toolbar-item.no-separator::before { width: 0; height: 0; opacity: 0; } .toolbar-item-spacing-right { padding-right: 1.25rem; } .toolbar-item-spacing-left { padding-left: 1.25rem; } .toolbar-item-no-spacing-right { padding-right: 0; } .toolbar-item-no-spacing-left { padding-left: 0; } @media (min-width: 576px) { .toolbar-item.separator-sm { position: relative; } .toolbar-item.separator-sm::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; opacity: 1; } .toolbar-item.no-separator-sm::before { width: 0; height: 0; opacity: 0; } .toolbar-item-spacing-right-sm { padding-right: 1.25rem; } .toolbar-item-spacing-left-sm { padding-left: 1.25rem; } .toolbar-item-no-spacing-right-sm { padding-right: 0; } .toolbar-item-no-spacing-left-sm { padding-left: 0; } } @media (min-width: 768px) { .toolbar-item.separator-md { position: relative; } .toolbar-item.separator-md::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; opacity: 1; } .toolbar-item.no-separator-md::before { width: 0; height: 0; opacity: 0; } .toolbar-item-spacing-right-md { padding-right: 1.25rem; } .toolbar-item-spacing-left-md { padding-left: 1.25rem; } .toolbar-item-no-spacing-right-md { padding-right: 0; } .toolbar-item-no-spacing-left-md { padding-left: 0; } } @media (min-width: 1024px) { .toolbar-item.separator-lg { position: relative; } .toolbar-item.separator-lg::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; opacity: 1; } .toolbar-item.no-separator-lg::before { width: 0; height: 0; opacity: 0; } .toolbar-item-spacing-right-lg { padding-right: 1.25rem; } .toolbar-item-spacing-left-lg { padding-left: 1.25rem; } .toolbar-item-no-spacing-right-lg { padding-right: 0; } .toolbar-item-no-spacing-left-lg { padding-left: 0; } } @media (min-width: 1280px) { .toolbar-item.separator-xl { position: relative; } .toolbar-item.separator-xl::before { position: absolute; top: calc(50% - 0.6875rem); left: 0; width: 0.0625rem; height: 1.375rem; content: ""; background-color: #e6e6e6; opacity: 1; } .toolbar-item.no-separator-xl::before { width: 0; height: 0; opacity: 0; } .toolbar-item-spacing-right-xl { padding-right: 1.25rem; } .toolbar-item-spacing-left-xl { padding-left: 1.25rem; } .toolbar-item-no-spacing-right-xl { padding-right: 0; } .toolbar-item-no-spacing-left-xl { padding-left: 0; } } /* navtabs ========================================================================== */ .navtabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; overflow: hidden; white-space: nowrap; list-style: none; } .navtabs::before, .navtabs::after { position: absolute; top: 0; z-index: 2; width: 4rem; height: 100%; pointer-events: none; content: ""; } .navtabs.scroll-left-max::before { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(2%, #fff), color-stop(98%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #fff 2%, rgba(255, 255, 255, 0) 98%); background: linear-gradient(to right, #fff 2%, rgba(255, 255, 255, 0) 98%); } .navtabs.scroll-left-min::after { right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(2%, #fff), color-stop(98%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, #fff 2%, rgba(255, 255, 255, 0) 98%); background: linear-gradient(to left, #fff 2%, rgba(255, 255, 255, 0) 98%); } .navtabs.nav { -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; } .navtabs-item { padding-right: 1.25rem; } .navtabs-item a { display: block; color: #f2f2f2; } .navtabs-item a:hover, .navtabs-item a:focus, .navtabs-item a:active, .navtabs-item a.active { position: relative; color: #00a1ff; } .navtabs-item a.active { font-weight: 500; color: #00a1ff; } @media (min-width: 768px) { .navtabs-item { padding-right: 1.25rem; } .navtabs-item a { padding-top: 0.25rem; padding-bottom: 1rem; } .navtabs-item a.active::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; content: ""; background-color: #00a1ff; border-radius: 3px; } } /* navtabs ========================================================================== */ .navtabs { border-bottom: 1px solid #ebebeb; } .actionbar.light .scroll-left-max::before, .actionbar.dark .scroll-left-max::before { opacity: 0; } .actionbar.light .scroll-left-min::after, .actionbar.dark .scroll-left-min::after { opacity: 0; } .actionbar.light .navtabs { border-bottom: 1px solid #fff; } .actionbar.light .navtabs-item a.active, .actionbar.light .navtabs-item a:hover { color: #fff; } .actionbar.light .navtabs-item a::after { background-color: #fff; } .actionbar.dark .h2 { color: #333; } .actionbar.dark .navtabs { border-bottom: 1px solid #333; } .actionbar.dark .navtabs-item a { color: #333; } .actionbar.dark .navtabs-item a.active, .actionbar.dark .navtabs-item a:hover { color: #333; } .actionbar.dark .navtabs-item a::after { background-color: #333; } /* flatpick ========================================================================== */ .flatpickr-input[readonly] { font-weight: 500; color: #00a1ff; background-image: none; } .flatpickr-wrapper { width: 100%; } .flatpickr-wrapper .input-group { cursor: pointer; } .flatpickr-calendar { width: 19.125rem !important; padding: 1.5rem 1.875rem; margin-top: 0.625rem; font-size: 0.75rem; background-color: #333; border: 1px solid #4d4f53; border-radius: 0.4375rem; -webkit-box-shadow: none; box-shadow: none; } .flatpickr-calendar.arrowTop::before { border-bottom-color: #4d4f53; } .flatpickr-calendar::after { right: 1.5rem; left: auto; margin: 0 -9px; border-width: 9px; } .flatpickr-calendar::before { right: 1.5rem; left: auto; margin: 0 -10px; border-width: 10px; } .flatpickr-calendar.static { right: 0; } .flatpickr-calendar.rangeMode { right: auto; left: 0; } .flatpickr-calendar.rangeMode::after, .flatpickr-calendar.rangeMode::before { right: auto; left: 1.5rem; } .flatpickr-months { position: relative; padding-bottom: 0.625rem; color: #00a1ff; fill: #00a1ff; } .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { color: #00a1ff; fill: #00a1ff; } .flatpickr-months .flatpickr-month:hover, .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month svg:hover, .flatpickr-months .flatpickr-next-month svg:hover { fill: #0074af; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flatpickr-months .flatpickr-prev-month { padding-right: 0.875rem; padding-left: 0.375rem; } .flatpickr-months .flatpickr-next-month { padding-right: 0.375rem; padding-left: 0.875rem; } .flatpickr-months span.arrowDown, .flatpickr-months span.arrowUp { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.25rem; height: 1.25rem; padding: 0; line-height: 1; background-repeat: no-repeat; background-position: center; border: 0; opacity: 1; } .flatpickr-months span.arrowDown::after, .flatpickr-months span.arrowUp::after { opacity: 0; } .flatpickr-months span.arrowDown:hover, .flatpickr-months span.arrowUp:hover { background-color: transparent; } .flatpickr-months span.arrowDown { right: 0; bottom: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSans titre - 1%3c/title%3e%3crect class='a' width='12' height='2'/%3e%3c/svg%3e"); background-size: 12px 2px; } .flatpickr-months span.arrowUp { top: 0; right: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSans titre - 1%3c/title%3e%3crect class='a' y='5' width='12' height='2'/%3e%3crect class='a' y='5' width='12' height='2' transform='translate(0 12) rotate(-90)'/%3e%3c/svg%3e"); background-size: 12px 12px; } .flatpickr-current-month { left: 1.875rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: calc(100% - 3.75rem); padding-top: 0; font-size: 1rem; } .flatpickr-current-month .numInputWrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 4.5rem; -ms-flex: 0 0 4.5rem; flex: 0 0 4.5rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 1.875rem; padding-right: 1.75rem; padding-bottom: 0.0625rem; } .flatpickr-current-month .numInputWrapper:hover { background-color: transparent; } .flatpickr-current-month .flatpickr-monthDropdown-months { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: auto; padding-right: 0; padding-left: 0; } .flatpickr-current-month .numInput.cur-year { width: 3rem; padding-left: 0.625rem; } .flatpickr-weekday.flatpickr-weekday { font-size: 0.75rem; color: #d7d7d7; } .flatpickr-days { width: 100% !important; } .flatpickr-rContainer, .dayContainer { width: 100%; min-width: auto; } .flatpickr-day { -webkit-flex-basis: 29px; -ms-flex-preferred-size: 29px; flex-basis: 29px; width: 1.8125rem; height: 1.8125rem; margin: 0.25rem 0.0625rem; line-height: 29px; color: #f2f2f2; } .flatpickr-day.today { z-index: 2; font-weight: 500; color: #fff; background-color: #4d4f53; border-color: #4d4f53; } .flatpickr-day.today.inRange { color: #00a1ff; background-color: #4d4f53; border-color: #4d4f53; } .flatpickr-day:hover { color: #000; } .flatpickr-day.selected, .flatpickr-day.focus, .flatpickr-day.endRange.endRange, .flatpickr-day.startRange.startRange { font-weight: 500; color: #000; background-color: #00a1ff; border-color: #00a1ff; } .flatpickr-day.selected:hover, .flatpickr-day.focus:hover, .flatpickr-day.endRange.endRange:hover, .flatpickr-day.startRange.startRange:hover { color: #000; background-color: #0074af; border-color: #0074af; } .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay { color: #b9b9b9; } .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay:hover { color: #000; } .flatpickr-day.endRange.endRange, .flatpickr-day.startRange.startRange { z-index: 2; border-radius: 50%; } .flatpickr-day.startRange + .flatpickr-day.inRange::before { position: absolute; top: -1px; right: 100%; display: block; width: 100%; height: calc(100% + 2px); content: ""; background-color: #4d4f53; } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange { background-color: #4d4f53; border-color: #4d4f53; -webkit-box-shadow: -5px 0 0 #4d4f53, 5px 0 0 #4d4f53; box-shadow: -5px 0 0 #4d4f53, 5px 0 0 #4d4f53; } .flatpickr-day.inRange::after, .flatpickr-day.nextMonthDay.inRange::after, .flatpickr-day.prevMonthDay.inRange::after { position: absolute; top: -1px; left: 100%; display: block; width: 100%; height: calc(100% + 2px); content: ""; background-color: #4d4f53; } .flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange { -webkit-box-shadow: none; box-shadow: none; } /* stylelint-disable selector-no-qualifying-type */ .flatpickr-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-height: none; color: #f2f2f2; } .flatpickr-time input { color: #f2f2f2; } .flatpickr-time input:focus { background: #4d4f53; } .flatpickr-time .numInputWrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; float: none; height: auto; padding-left: 4.6875rem; background: none; } .flatpickr-time .numInputWrapper::before { position: absolute; top: 0; left: 0; font-size: 1.125rem; line-height: 3.125rem; } .flatpickr-time .numInputWrapper:first-child::before { content: "Heures"; } .flatpickr-time .numInputWrapper:last-child::before { content: "Minutes"; } .flatpickr-time .numInputWrapper span.arrowDown, .flatpickr-time .numInputWrapper span.arrowUp { position: absolute; top: 0; width: 1.5rem; height: 100%; padding: 0; line-height: 1; background-repeat: no-repeat; border: 0; opacity: 1; } .flatpickr-time .numInputWrapper span.arrowDown::after, .flatpickr-time .numInputWrapper span.arrowUp::after { opacity: 0; } .flatpickr-time .numInputWrapper span.arrowDown:hover, .flatpickr-time .numInputWrapper span.arrowUp:hover { background-color: transparent; } .flatpickr-time .numInputWrapper span.arrowDown { left: 4.6875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSans titre - 1%3c/title%3e%3crect class='a' width='12' height='2'/%3e%3c/svg%3e"); background-position: center right; background-size: 12px 2px; } .flatpickr-time .numInputWrapper span.arrowUp { right: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSans titre - 1%3c/title%3e%3crect class='a' y='5' width='12' height='2'/%3e%3crect class='a' y='5' width='12' height='2' transform='translate(0 12) rotate(-90)'/%3e%3c/svg%3e"); background-position: center left; background-size: 12px 12px; } .flatpickr-time.time24hr .numInputWrapper { width: auto; } .flatpickr-time input.flatpickr-hour { font-weight: 400; } .flatpickr-time .numInput { width: 5.375rem; height: 3.125rem; font-size: 1rem; pointer-events: none; background-color: #333; border-radius: 0.4375rem; } .flatpickr-time .numInput.input { font-weight: 400; } /* stylelint-enable selector-no-qualifying-type */ .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 100%; padding-top: 0.625rem; border-top: none; } /* stylelint-disable selector-max-class, no-duplicate-selectors */ .flatpickr-time .flatpickr-time-separator { height: 10px; text-indent: -9999px; } /* stylelint-enable selector-max-class, no-duplicate-selectors */ .flatpickr-monthDropdown-months { font-size: 1rem; text-transform: capitalize; } /* form toolbar ========================================================================== */ .form-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 2.375rem; padding-left: 0.625rem; line-height: 1; border: 1px solid #333; border-bottom: 0; border-radius: 7px 7px 0 0; } .form-toolbar + .form-control-container > .form-control { border-top-left-radius: 0; border-top-right-radius: 0; } .form-toolbar-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2.375rem; height: 1.5rem; color: #f2f2f2; text-align: center; background-color: transparent; border: 0; } .form-toolbar-item:hover, .form-toolbar-item:focus, .form-toolbar-item:active, .form-toolbar-item.active { color: #00a1ff; } .form-toolbar-separator { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 1.5rem; margin: 0; text-align: center; border: 0; } .form-toolbar-separator::after { display: inline-block; width: 0.0625rem; height: 1rem; content: ""; background-color: #d7d7d7; } /* range slider ========================================================================== */ .range-slider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; font-weight: 500; color: #00a1ff; } .range-slider [class^="icons-"] { color: #f2f2f2; } .irs { width: 100%; height: 26px; } .irs-with-grid { height: 75px; } .irs--flat .irs-line { top: 8px; height: 10px; background: #f2f2f2; border-radius: 5px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs--flat .irs-bar { top: 8px; height: 10px; background: #00a1ff; } .irs-bar-edge { top: 8px; width: 14px; height: 10px; background: #00a1ff; border-right: 0; border-radius: 5px 0 0 5px; } .irs--flat .irs-handle { top: 0; width: 26px; height: 26px; cursor: pointer; background: #00a1ff; border: 1px solid #00a1ff; border-radius: 50%; } .irs--flat .irs-handle i { display: none; opacity: 0; } .irs--flat .irs-min, .irs--flat .irs-max, .irs--flat .irs-from, .irs--flat .irs-to, .irs--single { font-size: 14px; font-weight: 500; line-height: 26px; color: #fff; cursor: pointer; background-color: transparent; opacity: 0; } .irs--flat .irs-min:hover, .irs--flat .irs-min:focus, .irs--flat .irs-max:hover, .irs--flat .irs-max:focus, .irs--flat .irs-from:hover, .irs--flat .irs-from:focus, .irs--flat .irs-to:hover, .irs--flat .irs-to:focus, .irs--single:hover, .irs--single:focus { opacity: 1; } .irs--flat .irs-min::before, .irs--flat .irs-max::before, .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--single::before { display: none; opacity: 0; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--single { z-index: 10; } .range-slider.is-disabled { color: #b9b9b9; pointer-events: none; } .range-slider.is-disabled .irs-bar, .range-slider.is-disabled .irs-bar-edge, .range-slider.is-disabled .irs-handle { background-color: #b9b9b9; } .range-slider.is-disabled .irs-handle { border-color: #b9b9b9; } /* advanced search ========================================================================== */ .advanced-search:not(.active) .select-menu { display: none; } .advanced-search-control { position: relative; } .advanced-search.active > .advanced-search-control::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; pointer-events: none; content: " "; border-top: #d7d7d7 solid 1px; border-left: #d7d7d7 solid 1px; border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; } .advanced-search.active > .advanced-search-control > .input-group .form-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .advanced-search.active > .advanced-search-control .input-group-last > .btn { border-bottom-right-radius: 0; } .advanced-search-menu { position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; max-height: 22.5rem; padding: 1.25rem; overflow-y: auto; background-color: #000; border-right: #4d4f53 solid 1px; border-bottom: #4d4f53 solid 1px; border-left: #4d4f53 solid 1px; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .advanced-search-menu-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0; font-weight: 500; text-align: left; cursor: pointer; background: none; border: 0; } .advanced-search-menu-item .btn-link:not(:hover):first-child { color: #f2f2f2; } .advanced-search-menu-item + .advanced-search-menu-item { margin-top: 0.875rem; } .advanced-search-menu-title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.875rem; font-size: 0.75rem; color: #f2f2f2; text-transform: uppercase; } .advanced-search-menu-title .btn-link { font-size: 0.875rem; } .advanced-search-menu-item + .advanced-search-menu-title { margin-top: 1.5rem; } /* card accordion ========================================================================== */ .accordion + .accordion { margin-top: 0.625rem; } .accordion-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1.25rem; cursor: pointer; background-color: #333; border-radius: 0.4375rem; } .accordion-title { padding-right: 1.875rem; font-size: 1rem; font-weight: 500; color: #00a1ff; text-transform: none; } .accordion-toggle { font-size: 1rem; font-weight: 500; color: #00a1ff; cursor: pointer; background-color: transparent; border: none; } .accordion-toggle [class^="icons-arrow-"] { display: inline-block; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .accordion-toggle-close, .accordion-toggle-show { display: none; } .accordion-body { padding: 1.25rem; } .accordion-head[aria-expanded="true"] { color: #0074af; } .accordion-head[aria-expanded="true"] .accordion-toggle [class^="icons-arrow-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 768px) { .accordion-head { padding: 1.25rem 1.875rem; } .accordion-body { padding: 1.5rem 1.875rem; } .accordion-toggle-close { display: none; } .accordion-toggle-show { display: inline-block; } .accordion-head[aria-expanded="true"] .accordion-toggle-close { display: inline-block; } .accordion-head[aria-expanded="true"] .accordion-toggle-show { display: none; } } /* evidences ========================================================================== */ .proof { border-radius: 0.4375rem; } .proof.is-gray { background-color: #333; } .proof .display-3 { color: currentColor; } .proof-icon { text-align: center; } @media (max-width: 767.98px) { .proof { padding: 1.5625rem 1.25rem; } } @media (min-width: 768px) { .proof { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 12.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } .proof.has-strip { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4d4f53), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(#4d4f53 50%, transparent 50%); background-image: linear-gradient(#4d4f53 50%, transparent 50%); background-repeat: repeat-y; background-position: top right; background-size: 2.75rem 2.375rem; } .proof.has-strip:not(.is-gray) { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%); background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .proof-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .proof-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-right: 10%; } } /* editorial ========================================================================== */ .editorial { color: #fff; background-color: #333; border-radius: 0.4375rem; } .editorial .display-3 { color: currentColor; } .editorial-light { color: #f2f2f2; background-color: #333; } @media (max-width: 767.98px) { .editorial { padding: 1.25rem 1.25rem; } } @media (min-width: 768px) { .editorial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 2.5rem; padding-bottom: 2.5rem; } .editorial-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .editorial-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 2.5rem; } } .edito-push-highlight-bg { background-color: #333; } .edito-packshot { color: #f2f2f2; background-color: #333; } .edito-contact-bg { background-color: #333; } /* swiper ========================================================================== */ .swiper { position: relative; } .swiper-button-prev, .swiper-button-next { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; margin-top: -1.25rem; color: #000; background-color: #00a1ff; background-image: none; border: none; border-radius: 50%; /* stylelint-disable declaration-no-important */ /* stylelint-enable declaration-no-important */ } .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-button-next:not(.swiper-button-disabled):hover { color: #000; background-color: #0074af; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { pointer-events: none !important; } .swiper-pagination { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .swiper-pagination-bullet { width: 0.625rem; height: 0.625rem; margin-right: 0.3125rem; margin-left: 0.3125rem; background-color: transparent; border: 2px solid #747678; opacity: 1; } .swiper-pagination-bullet-active { background-color: #00a1ff; border-color: #00a1ff; } /* slideshow ========================================================================== */ .slideshow .swiper-button-prev, .slideshow .swiper-button-next { width: 1.875rem; height: 1.875rem; margin-top: 0; } .slideshow .swiper-button-prev { left: 0.625rem; } .slideshow .swiper-button-next { right: 0.625rem; } .slideshow .swiper-buttons { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; width: 100%; height: 0; padding-bottom: 60.06098%; } .slideshow .swiper-buttons .swiper-button-prev, .slideshow .swiper-buttons .swiper-button-next { pointer-events: initial; } .slideshow .swiper-pagination { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 500; } .multi-slideshow .swiper-button-prev { right: calc(100% + 3.125rem); left: auto; } .multi-slideshow .swiper-button-next { right: auto; left: calc(100% + 3.125rem); } @media (min-width: 768px) { .slideshow .swiper-button-prev, .slideshow .swiper-button-next { width: 2.5rem; height: 2.5rem; } .slideshow .swiper-button-prev { left: 1.25rem; } .slideshow .swiper-button-next { right: 1.25rem; } } /* carousel ========================================================================== */ .bg-carousel { background-color: #333; } .carousel-item-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 1.875rem 1.5625rem 3.75rem; } .carousel-item-headtext { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .carousel-controls { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 1.875rem; pointer-events: none; } @media (min-width: 768px) { .carousel-controls { top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 2.5rem; } .carousel-controls > .row { height: 100%; } .carousel-controls .swiper-button-prev, .carousel-controls .swiper-button-next { position: relative; top: auto; right: auto; bottom: auto; left: auto; pointer-events: initial; } .carousel-controls .swiper-button-next { margin-left: 0.625rem; } .carousel-controls .swiper-pagination-bullet { width: 0.9375rem; height: 0.9375rem; } .carousel-item-content { padding: 3.75rem 2.5rem 7.5rem 0; } } /* tongues ========================================================================== */ .tongue { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 2.5rem; padding-right: 2.625rem; padding-left: 1.25rem; font-size: 1.125rem; font-weight: 900; color: #fff; text-transform: uppercase; background-color: #00a1ff; border-top-right-radius: 1.25rem; border-bottom-right-radius: 1.25rem; } .tongue::after { position: absolute; top: calc(50% - 0.4375rem); right: 0.875rem; width: 0.875rem; height: 0.875rem; content: ""; background-color: #000; border-radius: 50%; } /* anchor ========================================================================== */ .anchor { position: relative; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #747678), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(bottom, #747678 50%, transparent 50%); background-image: linear-gradient(0deg, #747678 50%, transparent 50%); background-repeat: repeat-y; background-position: top left; background-size: 0.8125rem 0.25rem; } .anchor-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #f2f2f2; } .anchor-item:first-child::after, .anchor-item:last-child::after { position: absolute; left: 0; z-index: 1; display: block; width: 0.8125rem; height: 0.625rem; content: ""; background-color: #000; } .anchor-item:first-child::after { top: 0; } .anchor-item:last-child::after { bottom: 0; } .anchor-item:not(:last-child) { padding-bottom: 1.0625rem; } .anchor-item:hover { color: #0074af; } .anchor-item::before { position: relative; z-index: 2; display: block; width: 0.8125rem; height: 0.8125rem; margin-top: 0.1875rem; margin-right: 1.125rem; content: ""; background-color: currentColor; border-radius: 50%; } .anchor-item.current { font-weight: 500; color: #00a1ff; } .anchor-item.current::after { position: absolute; top: 0.625rem; left: 0; z-index: 1; display: block; width: 0.8125rem; height: calc(100% - 10px); content: ""; background-color: #000; } .anchor-item.current:first-child::after { top: 0; height: 100%; } .anchor-item.current ~ .anchor-item::after { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 0.8125rem; height: 100%; content: ""; background-color: #000; } .vignette-bg { background-color: #000; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #00a1ff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0081cc !important; } .bg-primary-dark { background-color: #0074af !important; } a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus { background-color: #00527c !important; } .bg-secondary { background-color: #f2f2f2 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #d9d9d9 !important; } .bg-success { background-color: #82be00 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #5f8b00 !important; } .bg-info { background-color: #00abb9 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #007c86 !important; } .bg-warning { background-color: #ffb612 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #de9a00 !important; } .bg-danger { background-color: #ff6e20 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ec5300 !important; } .bg-light { background-color: #f2f2f2 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d9d9d9 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #4d4f53 !important; } .border-top { border-top: 1px solid #4d4f53 !important; } .border-right { border-right: 1px solid #4d4f53 !important; } .border-bottom { border-bottom: 1px solid #4d4f53 !important; } .border-left { border-left: 1px solid #4d4f53 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #00a1ff !important; } .border-primary-dark { border-color: #0074af !important; } .border-secondary { border-color: #f2f2f2 !important; } .border-success { border-color: #82be00 !important; } .border-info { border-color: #00abb9 !important; } .border-warning { border-color: #ffb612 !important; } .border-danger { border-color: #ff6e20 !important; } .border-light { border-color: #f2f2f2 !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.4375rem !important; } .rounded { border-radius: 0.4375rem !important; } .rounded-top { border-top-left-radius: 0.4375rem !important; border-top-right-radius: 0.4375rem !important; } .rounded-right { border-top-right-radius: 0.4375rem !important; border-bottom-right-radius: 0.4375rem !important; } .rounded-bottom { border-bottom-right-radius: 0.4375rem !important; border-bottom-left-radius: 0.4375rem !important; } .rounded-left { border-top-left-radius: 0.4375rem !important; border-bottom-left-radius: 0.4375rem !important; } .rounded-lg { border-radius: 0.4375rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1024px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1280px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1280px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #00a1ff !important; } a.text-primary:hover, a.text-primary:focus { color: #0071b3 !important; } .text-primary-dark { color: #0074af !important; } a.text-primary-dark:hover, a.text-primary-dark:focus { color: #004163 !important; } .text-secondary { color: #f2f2f2 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #cccccc !important; } .text-success { color: #82be00 !important; } a.text-success:hover, a.text-success:focus { color: #4e7200 !important; } .text-info { color: #00abb9 !important; } a.text-info:hover, a.text-info:focus { color: #00646d !important; } .text-warning { color: #ffb612 !important; } a.text-warning:hover, a.text-warning:focus { color: #c58800 !important; } .text-danger { color: #ff6e20 !important; } a.text-danger:hover, a.text-danger:focus { color: #d34a00 !important; } .text-light { color: #f2f2f2 !important; } a.text-light:hover, a.text-light:focus { color: #cccccc !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-white { color: #fff !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-body { color: #f2f2f2 !important; } .text-muted { color: #d7d7d7 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /* backgrounds ========================================================================== */ .text-blue { color: #00a1ff; } .text-purple { color: #6e1e78; } .text-pink { color: #a1006b; } .text-red { color: #cd0037; } .text-orange { color: #ff6e20; } .text-yellow { color: #ffb612; } .text-green { color: #82be00; } .text-teal { color: #d2e100; } .text-cyan { color: #00abb9; } .text-white { color: #fff; } .text-black { color: #000; } .text-gray { color: #333; } .text-gray-dark { color: #343a40; } .bg-blue { background-color: #00a1ff; } .bg-purple { background-color: #6e1e78; } .bg-pink { background-color: #a1006b; } .bg-red { background-color: #cd0037; } .bg-orange { background-color: #ff6e20; } .bg-yellow { background-color: #ffb612; } .bg-green { background-color: #82be00; } .bg-teal { background-color: #d2e100; } .bg-cyan { background-color: #00abb9; } .bg-white { background-color: #fff; } .bg-black { background-color: #000; } .bg-gray { background-color: #333; } .bg-gray-dark { background-color: #343a40; } .bg-gray100 { background-color: #f2f2f2; } .bg-gray200 { background-color: #d7d7d7; } .bg-gray300 { background-color: #b9b9b9; } .bg-gray400 { background-color: #747678; } .bg-gray500 { background-color: #4d4f53; } .bg-gray600 { background-color: #333; } .bg-gray700 { background-color: #495057; } .bg-gray800 { background-color: #343a40; } .bg-gray900 { background-color: #212529; } /* icons utilities ========================================================================== */ [class^="icons-"] { display: inline-block; } .icons-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .icons-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icons-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .icons-flip-horizontal { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .icons-flip-vertical { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .icons-size-x5 { font-size: 0.5rem; } .icons-size-x75 { font-size: 0.75rem; } .icons-size-1x { font-size: 1rem; } .icons-size-1x25 { font-size: 1.25rem; } .icons-size-1x5 { font-size: 1.5rem; } .icons-size-1x75 { font-size: 1.75rem; } .icons-size-2x { font-size: 2rem; } .icons-size-3x { font-size: 3rem; } .icons-size-30px { font-size: 1.875rem; } .icons-size-50px { font-size: 3.125rem; } .icons-size-66px { font-size: 4.125rem; } .icons-size-90px { font-size: 5.625rem; } .icons-size-96px { font-size: 6rem; } .icons-size-140px { font-size: 8.75rem; } @media (min-width: 576px) { .icons-sm-size-x5 { font-size: 0.5rem; } .icons-sm-size-x75 { font-size: 0.75rem; } .icons-sm-size-1x { font-size: 1rem; } .icons-sm-size-1x25 { font-size: 1.25rem; } .icons-sm-size-1x5 { font-size: 1.5rem; } .icons-sm-size-1x75 { font-size: 1.75rem; } .icons-sm-size-2x { font-size: 2rem; } .icons-sm-size-3x { font-size: 3rem; } .icons-sm-size-30px { font-size: 1.875rem; } .icons-sm-size-50px { font-size: 3.125rem; } .icons-sm-size-66px { font-size: 4.125rem; } .icons-sm-size-90px { font-size: 5.625rem; } .icons-sm-size-96px { font-size: 6rem; } .icons-sm-size-140px { font-size: 8.75rem; } } @media (min-width: 768px) { .icons-md-size-x5 { font-size: 0.5rem; } .icons-md-size-x75 { font-size: 0.75rem; } .icons-md-size-1x { font-size: 1rem; } .icons-md-size-1x25 { font-size: 1.25rem; } .icons-md-size-1x5 { font-size: 1.5rem; } .icons-md-size-1x75 { font-size: 1.75rem; } .icons-md-size-2x { font-size: 2rem; } .icons-md-size-3x { font-size: 3rem; } .icons-md-size-30px { font-size: 1.875rem; } .icons-md-size-50px { font-size: 3.125rem; } .icons-md-size-66px { font-size: 4.125rem; } .icons-md-size-90px { font-size: 5.625rem; } .icons-md-size-96px { font-size: 6rem; } .icons-md-size-140px { font-size: 8.75rem; } } @media (min-width: 1024px) { .icons-lg-size-x5 { font-size: 0.5rem; } .icons-lg-size-x75 { font-size: 0.75rem; } .icons-lg-size-1x { font-size: 1rem; } .icons-lg-size-1x25 { font-size: 1.25rem; } .icons-lg-size-1x5 { font-size: 1.5rem; } .icons-lg-size-1x75 { font-size: 1.75rem; } .icons-lg-size-2x { font-size: 2rem; } .icons-lg-size-3x { font-size: 3rem; } .icons-lg-size-30px { font-size: 1.875rem; } .icons-lg-size-50px { font-size: 3.125rem; } .icons-lg-size-66px { font-size: 4.125rem; } .icons-lg-size-90px { font-size: 5.625rem; } .icons-lg-size-96px { font-size: 6rem; } .icons-lg-size-140px { font-size: 8.75rem; } } @media (min-width: 1280px) { .icons-xl-size-x5 { font-size: 0.5rem; } .icons-xl-size-x75 { font-size: 0.75rem; } .icons-xl-size-1x { font-size: 1rem; } .icons-xl-size-1x25 { font-size: 1.25rem; } .icons-xl-size-1x5 { font-size: 1.5rem; } .icons-xl-size-1x75 { font-size: 1.75rem; } .icons-xl-size-2x { font-size: 2rem; } .icons-xl-size-3x { font-size: 3rem; } .icons-xl-size-30px { font-size: 1.875rem; } .icons-xl-size-50px { font-size: 3.125rem; } .icons-xl-size-66px { font-size: 4.125rem; } .icons-xl-size-90px { font-size: 5.625rem; } .icons-xl-size-96px { font-size: 6rem; } .icons-xl-size-140px { font-size: 8.75rem; } } .flex-fluid { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-fixed { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } @media (min-width: 576px) { .flex-sm-fluid { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-fixed { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } } @media (min-width: 768px) { .flex-md-fluid { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-fixed { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } } @media (min-width: 1024px) { .flex-lg-fluid { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-fixed { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } } @media (min-width: 1280px) { .flex-xl-fluid { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-fixed { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } } /* overflow ========================================================================== */ .overflow-hidden { overflow: hidden !important; } .overflow-y { overflow-y: auto !important; } .g-0 { padding: 0 !important; } .gt-0, .gy-0 { padding-top: 0 !important; } .gr-0, .gx-0 { padding-right: 0 !important; } .gb-0, .gy-0 { padding-bottom: 0 !important; } .gl-0, .gx-0 { padding-left: 0 !important; } .g-1 { padding: 0.3125rem !important; } .gt-1, .gy-1 { padding-top: 0.3125rem !important; } .gr-1, .gx-1 { padding-right: 0.3125rem !important; } .gb-1, .gy-1 { padding-bottom: 0.3125rem !important; } .gl-1, .gx-1 { padding-left: 0.3125rem !important; } .g-2 { padding: 0.625rem !important; } .gt-2, .gy-2 { padding-top: 0.625rem !important; } .gr-2, .gx-2 { padding-right: 0.625rem !important; } .gb-2, .gy-2 { padding-bottom: 0.625rem !important; } .gl-2, .gx-2 { padding-left: 0.625rem !important; } .g-3 { padding: 1.25rem !important; } .gt-3, .gy-3 { padding-top: 1.25rem !important; } .gr-3, .gx-3 { padding-right: 1.25rem !important; } .gb-3, .gy-3 { padding-bottom: 1.25rem !important; } .gl-3, .gx-3 { padding-left: 1.25rem !important; } .g-4 { padding: 1.875rem !important; } .gt-4, .gy-4 { padding-top: 1.875rem !important; } .gr-4, .gx-4 { padding-right: 1.875rem !important; } .gb-4, .gy-4 { padding-bottom: 1.875rem !important; } .gl-4, .gx-4 { padding-left: 1.875rem !important; } .g-5 { padding: 2.5rem !important; } .gt-5, .gy-5 { padding-top: 2.5rem !important; } .gr-5, .gx-5 { padding-right: 2.5rem !important; } .gb-5, .gy-5 { padding-bottom: 2.5rem !important; } .gl-5, .gx-5 { padding-left: 2.5rem !important; } .g-6 { padding: 3.125rem !important; } .gt-6, .gy-6 { padding-top: 3.125rem !important; } .gr-6, .gx-6 { padding-right: 3.125rem !important; } .gb-6, .gy-6 { padding-bottom: 3.125rem !important; } .gl-6, .gx-6 { padding-left: 3.125rem !important; } .g-7 { padding: 3.75rem !important; } .gt-7, .gy-7 { padding-top: 3.75rem !important; } .gr-7, .gx-7 { padding-right: 3.75rem !important; } .gb-7, .gy-7 { padding-bottom: 3.75rem !important; } .gl-7, .gx-7 { padding-left: 3.75rem !important; } .g-8 { padding: 5rem !important; } .gt-8, .gy-8 { padding-top: 5rem !important; } .gr-8, .gx-8 { padding-right: 5rem !important; } .gb-8, .gy-8 { padding-bottom: 5rem !important; } .gl-8, .gx-8 { padding-left: 5rem !important; } @media (min-width: 576px) { .g-sm-0 { padding: 0 !important; } .gt-sm-0, .gy-sm-0 { padding-top: 0 !important; } .gr-sm-0, .gx-sm-0 { padding-right: 0 !important; } .gb-sm-0, .gy-sm-0 { padding-bottom: 0 !important; } .gl-sm-0, .gx-sm-0 { padding-left: 0 !important; } .g-sm-1 { padding: 0.3125rem !important; } .gt-sm-1, .gy-sm-1 { padding-top: 0.3125rem !important; } .gr-sm-1, .gx-sm-1 { padding-right: 0.3125rem !important; } .gb-sm-1, .gy-sm-1 { padding-bottom: 0.3125rem !important; } .gl-sm-1, .gx-sm-1 { padding-left: 0.3125rem !important; } .g-sm-2 { padding: 0.625rem !important; } .gt-sm-2, .gy-sm-2 { padding-top: 0.625rem !important; } .gr-sm-2, .gx-sm-2 { padding-right: 0.625rem !important; } .gb-sm-2, .gy-sm-2 { padding-bottom: 0.625rem !important; } .gl-sm-2, .gx-sm-2 { padding-left: 0.625rem !important; } .g-sm-3 { padding: 1.25rem !important; } .gt-sm-3, .gy-sm-3 { padding-top: 1.25rem !important; } .gr-sm-3, .gx-sm-3 { padding-right: 1.25rem !important; } .gb-sm-3, .gy-sm-3 { padding-bottom: 1.25rem !important; } .gl-sm-3, .gx-sm-3 { padding-left: 1.25rem !important; } .g-sm-4 { padding: 1.875rem !important; } .gt-sm-4, .gy-sm-4 { padding-top: 1.875rem !important; } .gr-sm-4, .gx-sm-4 { padding-right: 1.875rem !important; } .gb-sm-4, .gy-sm-4 { padding-bottom: 1.875rem !important; } .gl-sm-4, .gx-sm-4 { padding-left: 1.875rem !important; } .g-sm-5 { padding: 2.5rem !important; } .gt-sm-5, .gy-sm-5 { padding-top: 2.5rem !important; } .gr-sm-5, .gx-sm-5 { padding-right: 2.5rem !important; } .gb-sm-5, .gy-sm-5 { padding-bottom: 2.5rem !important; } .gl-sm-5, .gx-sm-5 { padding-left: 2.5rem !important; } .g-sm-6 { padding: 3.125rem !important; } .gt-sm-6, .gy-sm-6 { padding-top: 3.125rem !important; } .gr-sm-6, .gx-sm-6 { padding-right: 3.125rem !important; } .gb-sm-6, .gy-sm-6 { padding-bottom: 3.125rem !important; } .gl-sm-6, .gx-sm-6 { padding-left: 3.125rem !important; } .g-sm-7 { padding: 3.75rem !important; } .gt-sm-7, .gy-sm-7 { padding-top: 3.75rem !important; } .gr-sm-7, .gx-sm-7 { padding-right: 3.75rem !important; } .gb-sm-7, .gy-sm-7 { padding-bottom: 3.75rem !important; } .gl-sm-7, .gx-sm-7 { padding-left: 3.75rem !important; } .g-sm-8 { padding: 5rem !important; } .gt-sm-8, .gy-sm-8 { padding-top: 5rem !important; } .gr-sm-8, .gx-sm-8 { padding-right: 5rem !important; } .gb-sm-8, .gy-sm-8 { padding-bottom: 5rem !important; } .gl-sm-8, .gx-sm-8 { padding-left: 5rem !important; } } @media (min-width: 768px) { .g-md-0 { padding: 0 !important; } .gt-md-0, .gy-md-0 { padding-top: 0 !important; } .gr-md-0, .gx-md-0 { padding-right: 0 !important; } .gb-md-0, .gy-md-0 { padding-bottom: 0 !important; } .gl-md-0, .gx-md-0 { padding-left: 0 !important; } .g-md-1 { padding: 0.3125rem !important; } .gt-md-1, .gy-md-1 { padding-top: 0.3125rem !important; } .gr-md-1, .gx-md-1 { padding-right: 0.3125rem !important; } .gb-md-1, .gy-md-1 { padding-bottom: 0.3125rem !important; } .gl-md-1, .gx-md-1 { padding-left: 0.3125rem !important; } .g-md-2 { padding: 0.625rem !important; } .gt-md-2, .gy-md-2 { padding-top: 0.625rem !important; } .gr-md-2, .gx-md-2 { padding-right: 0.625rem !important; } .gb-md-2, .gy-md-2 { padding-bottom: 0.625rem !important; } .gl-md-2, .gx-md-2 { padding-left: 0.625rem !important; } .g-md-3 { padding: 1.25rem !important; } .gt-md-3, .gy-md-3 { padding-top: 1.25rem !important; } .gr-md-3, .gx-md-3 { padding-right: 1.25rem !important; } .gb-md-3, .gy-md-3 { padding-bottom: 1.25rem !important; } .gl-md-3, .gx-md-3 { padding-left: 1.25rem !important; } .g-md-4 { padding: 1.875rem !important; } .gt-md-4, .gy-md-4 { padding-top: 1.875rem !important; } .gr-md-4, .gx-md-4 { padding-right: 1.875rem !important; } .gb-md-4, .gy-md-4 { padding-bottom: 1.875rem !important; } .gl-md-4, .gx-md-4 { padding-left: 1.875rem !important; } .g-md-5 { padding: 2.5rem !important; } .gt-md-5, .gy-md-5 { padding-top: 2.5rem !important; } .gr-md-5, .gx-md-5 { padding-right: 2.5rem !important; } .gb-md-5, .gy-md-5 { padding-bottom: 2.5rem !important; } .gl-md-5, .gx-md-5 { padding-left: 2.5rem !important; } .g-md-6 { padding: 3.125rem !important; } .gt-md-6, .gy-md-6 { padding-top: 3.125rem !important; } .gr-md-6, .gx-md-6 { padding-right: 3.125rem !important; } .gb-md-6, .gy-md-6 { padding-bottom: 3.125rem !important; } .gl-md-6, .gx-md-6 { padding-left: 3.125rem !important; } .g-md-7 { padding: 3.75rem !important; } .gt-md-7, .gy-md-7 { padding-top: 3.75rem !important; } .gr-md-7, .gx-md-7 { padding-right: 3.75rem !important; } .gb-md-7, .gy-md-7 { padding-bottom: 3.75rem !important; } .gl-md-7, .gx-md-7 { padding-left: 3.75rem !important; } .g-md-8 { padding: 5rem !important; } .gt-md-8, .gy-md-8 { padding-top: 5rem !important; } .gr-md-8, .gx-md-8 { padding-right: 5rem !important; } .gb-md-8, .gy-md-8 { padding-bottom: 5rem !important; } .gl-md-8, .gx-md-8 { padding-left: 5rem !important; } } @media (min-width: 1024px) { .g-lg-0 { padding: 0 !important; } .gt-lg-0, .gy-lg-0 { padding-top: 0 !important; } .gr-lg-0, .gx-lg-0 { padding-right: 0 !important; } .gb-lg-0, .gy-lg-0 { padding-bottom: 0 !important; } .gl-lg-0, .gx-lg-0 { padding-left: 0 !important; } .g-lg-1 { padding: 0.3125rem !important; } .gt-lg-1, .gy-lg-1 { padding-top: 0.3125rem !important; } .gr-lg-1, .gx-lg-1 { padding-right: 0.3125rem !important; } .gb-lg-1, .gy-lg-1 { padding-bottom: 0.3125rem !important; } .gl-lg-1, .gx-lg-1 { padding-left: 0.3125rem !important; } .g-lg-2 { padding: 0.625rem !important; } .gt-lg-2, .gy-lg-2 { padding-top: 0.625rem !important; } .gr-lg-2, .gx-lg-2 { padding-right: 0.625rem !important; } .gb-lg-2, .gy-lg-2 { padding-bottom: 0.625rem !important; } .gl-lg-2, .gx-lg-2 { padding-left: 0.625rem !important; } .g-lg-3 { padding: 1.25rem !important; } .gt-lg-3, .gy-lg-3 { padding-top: 1.25rem !important; } .gr-lg-3, .gx-lg-3 { padding-right: 1.25rem !important; } .gb-lg-3, .gy-lg-3 { padding-bottom: 1.25rem !important; } .gl-lg-3, .gx-lg-3 { padding-left: 1.25rem !important; } .g-lg-4 { padding: 1.875rem !important; } .gt-lg-4, .gy-lg-4 { padding-top: 1.875rem !important; } .gr-lg-4, .gx-lg-4 { padding-right: 1.875rem !important; } .gb-lg-4, .gy-lg-4 { padding-bottom: 1.875rem !important; } .gl-lg-4, .gx-lg-4 { padding-left: 1.875rem !important; } .g-lg-5 { padding: 2.5rem !important; } .gt-lg-5, .gy-lg-5 { padding-top: 2.5rem !important; } .gr-lg-5, .gx-lg-5 { padding-right: 2.5rem !important; } .gb-lg-5, .gy-lg-5 { padding-bottom: 2.5rem !important; } .gl-lg-5, .gx-lg-5 { padding-left: 2.5rem !important; } .g-lg-6 { padding: 3.125rem !important; } .gt-lg-6, .gy-lg-6 { padding-top: 3.125rem !important; } .gr-lg-6, .gx-lg-6 { padding-right: 3.125rem !important; } .gb-lg-6, .gy-lg-6 { padding-bottom: 3.125rem !important; } .gl-lg-6, .gx-lg-6 { padding-left: 3.125rem !important; } .g-lg-7 { padding: 3.75rem !important; } .gt-lg-7, .gy-lg-7 { padding-top: 3.75rem !important; } .gr-lg-7, .gx-lg-7 { padding-right: 3.75rem !important; } .gb-lg-7, .gy-lg-7 { padding-bottom: 3.75rem !important; } .gl-lg-7, .gx-lg-7 { padding-left: 3.75rem !important; } .g-lg-8 { padding: 5rem !important; } .gt-lg-8, .gy-lg-8 { padding-top: 5rem !important; } .gr-lg-8, .gx-lg-8 { padding-right: 5rem !important; } .gb-lg-8, .gy-lg-8 { padding-bottom: 5rem !important; } .gl-lg-8, .gx-lg-8 { padding-left: 5rem !important; } } @media (min-width: 1280px) { .g-xl-0 { padding: 0 !important; } .gt-xl-0, .gy-xl-0 { padding-top: 0 !important; } .gr-xl-0, .gx-xl-0 { padding-right: 0 !important; } .gb-xl-0, .gy-xl-0 { padding-bottom: 0 !important; } .gl-xl-0, .gx-xl-0 { padding-left: 0 !important; } .g-xl-1 { padding: 0.3125rem !important; } .gt-xl-1, .gy-xl-1 { padding-top: 0.3125rem !important; } .gr-xl-1, .gx-xl-1 { padding-right: 0.3125rem !important; } .gb-xl-1, .gy-xl-1 { padding-bottom: 0.3125rem !important; } .gl-xl-1, .gx-xl-1 { padding-left: 0.3125rem !important; } .g-xl-2 { padding: 0.625rem !important; } .gt-xl-2, .gy-xl-2 { padding-top: 0.625rem !important; } .gr-xl-2, .gx-xl-2 { padding-right: 0.625rem !important; } .gb-xl-2, .gy-xl-2 { padding-bottom: 0.625rem !important; } .gl-xl-2, .gx-xl-2 { padding-left: 0.625rem !important; } .g-xl-3 { padding: 1.25rem !important; } .gt-xl-3, .gy-xl-3 { padding-top: 1.25rem !important; } .gr-xl-3, .gx-xl-3 { padding-right: 1.25rem !important; } .gb-xl-3, .gy-xl-3 { padding-bottom: 1.25rem !important; } .gl-xl-3, .gx-xl-3 { padding-left: 1.25rem !important; } .g-xl-4 { padding: 1.875rem !important; } .gt-xl-4, .gy-xl-4 { padding-top: 1.875rem !important; } .gr-xl-4, .gx-xl-4 { padding-right: 1.875rem !important; } .gb-xl-4, .gy-xl-4 { padding-bottom: 1.875rem !important; } .gl-xl-4, .gx-xl-4 { padding-left: 1.875rem !important; } .g-xl-5 { padding: 2.5rem !important; } .gt-xl-5, .gy-xl-5 { padding-top: 2.5rem !important; } .gr-xl-5, .gx-xl-5 { padding-right: 2.5rem !important; } .gb-xl-5, .gy-xl-5 { padding-bottom: 2.5rem !important; } .gl-xl-5, .gx-xl-5 { padding-left: 2.5rem !important; } .g-xl-6 { padding: 3.125rem !important; } .gt-xl-6, .gy-xl-6 { padding-top: 3.125rem !important; } .gr-xl-6, .gx-xl-6 { padding-right: 3.125rem !important; } .gb-xl-6, .gy-xl-6 { padding-bottom: 3.125rem !important; } .gl-xl-6, .gx-xl-6 { padding-left: 3.125rem !important; } .g-xl-7 { padding: 3.75rem !important; } .gt-xl-7, .gy-xl-7 { padding-top: 3.75rem !important; } .gr-xl-7, .gx-xl-7 { padding-right: 3.75rem !important; } .gb-xl-7, .gy-xl-7 { padding-bottom: 3.75rem !important; } .gl-xl-7, .gx-xl-7 { padding-left: 3.75rem !important; } .g-xl-8 { padding: 5rem !important; } .gt-xl-8, .gy-xl-8 { padding-top: 5rem !important; } .gr-xl-8, .gx-xl-8 { padding-right: 5rem !important; } .gb-xl-8, .gy-xl-8 { padding-bottom: 5rem !important; } .gl-xl-8, .gx-xl-8 { padding-left: 5rem !important; } } /* text ========================================================================== */ .font-weight-medium { font-weight: 500 !important; } .text-gray100 { color: #f2f2f2; } .text-gray200 { color: #d7d7d7; } .text-gray300 { color: #b9b9b9; } .text-gray400 { color: #747678; } .text-gray500 { color: #4d4f53; } .text-gray600 { color: #333; } .text-gray700 { color: #495057; } .text-gray800 { color: #343a40; } .text-gray900 { color: #212529; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #4d4f53; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1024px !important; } .container { min-width: 1024px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #b9b9b9 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #4d4f53; } .table .thead-dark th { color: inherit; border-color: #4d4f53; } } /*# sourceMappingURL=src/scss/dark-extern.scss.map */ /*# sourceMappingURL=bootstrap-sncf.darkmode.css.map*/