@font-face{ font-family:"Open Sans"; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:local("OpenSans-Light"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Light.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Light.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:300; font-stretch:100%; font-display:swap; src:local("OpenSans-LightItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-LightItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-LightItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-LightItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-LightItalic.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:local("OpenSans-Regular"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Regular.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:local("OpenSans-RegularItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-RegularItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-RegularItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-RegularItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-RegularItalic.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:500; font-stretch:100%; font-display:swap; src:local("OpenSans-Medium"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Medium.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Medium.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Medium.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Medium.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:500; font-stretch:100%; font-display:swap; src:local("OpenSans-MediumItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-MediumItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-MediumItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-MediumItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-MediumItalic.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:600; font-stretch:100%; font-display:swap; src:local("OpenSans-SemiBold"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBold.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBold.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:600; font-stretch:100%; font-display:swap; src:local("OpenSans-SemiBoldItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBoldItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-SemiBoldItalic.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:700; font-stretch:100%; font-display:swap; src:local("OpenSans-Bold"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-Bold.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:700; font-stretch:100%; font-display:swap; src:local("OpenSans-BoldItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-BoldItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-BoldItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-BoldItalic.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:800; font-stretch:100%; font-display:swap; src:local("OpenSans-ExtraBold"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBold.svg#OpenSans") format("svg"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:800; font-stretch:100%; font-display:swap; src:local("OpenSans-ExtraBoldItalic"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/OpenSans/OpenSans-ExtraBoldItalic.svg#OpenSans") format("svg"); } :root{ --corporate-font-family-open-sans-label:Open Sans; --corporate-font-family-open-sans-font:"Open Sans", sans-serif; --corporate-font-family-open-sans-font-weights:300, 400, 500, 600, 700, 800; --corporate-font-family-open-sans-font-styles:normal, italic; } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:100; font-stretch:100%; font-display:swap; src:local("Roboto-Thin"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Thin.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:100; font-stretch:100%; font-display:swap; src:local("Roboto-ThinItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-ThinItalic.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:300; font-stretch:100%; font-display:swap; src:local("Roboto-Light"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Light.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Light.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:300; font-stretch:100%; font-display:swap; src:local("Roboto-LightItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:local("Roboto-Regular"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Regular.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:local("Roboto-RegularItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-RegularItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-RegularItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-RegularItalic.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:500; font-stretch:100%; font-display:swap; src:local("Roboto-Medium"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Medium.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:500; font-stretch:100%; font-display:swap; src:local("Roboto-MediumItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:700; font-stretch:100%; font-display:swap; src:local("Roboto-Bold"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Bold.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:700; font-stretch:100%; font-display:swap; src:local("Roboto-BoldItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:normal; font-weight:900; font-stretch:100%; font-display:swap; src:local("Roboto-Black"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Black.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-Black.svg#Roboto") format("svg"); } @font-face{ font-family:"Roboto"; font-style:italic; font-weight:900; font-stretch:100%; font-display:swap; src:local("Roboto-BlackItalic"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("https://marcant-base.staging.io-digital.de/fonts/Roboto/Roboto-BlackItalic.svg#Roboto") format("svg"); } :root{ --corporate-font-family-roboto-label:Roboto; --corporate-font-family-roboto-font:"Roboto", sans-serif; --corporate-font-family-roboto-font-weights:100, 300, 400, 500, 700, 900; --corporate-font-family-roboto-font-styles:normal, italic; } @import url(https://use.typekit.net/tjt0fsz.css); *,:after,:before{ box-sizing:inherit } html{ height:100%; box-sizing:border-box; transition:background-color .3s cubic-bezier(.25,.8,.25,1) } body{ min-height:100%; margin:0; position:relative; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif } a:not(.md-button){ transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:color,background-color,opacity } audio,canvas,embed,iframe,img,object,video{ max-width:100%; font-style:italic; vertical-align:middle } audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),video:not(.md-image){ height:auto } [tabindex="-1"]:focus{ outline:none!important } .md-scrollbar::-webkit-scrollbar{ width:8px; height:8px; border-radius:8px } .md-scrollbar::-webkit-scrollbar-thumb{ border-radius:8px } .md-scrollbar::-webkit-scrollbar-button{ display:none } .md-caption{ font-size:12px; font-weight:400; letter-spacing:.02em; line-height:17px } .md-body-1,body{ font-weight:400; line-height:20px } .md-body-1,.md-body-2,body{ font-size:14px; letter-spacing:.01em } .md-body-2{ font-weight:500; line-height:24px } .md-subheading{ font-size:16px; font-weight:400; letter-spacing:.01em; line-height:24px } .md-title{ font-size:20px; font-weight:500; letter-spacing:.005em; line-height:26px } .md-headline{ font-size:24px; line-height:32px } .md-display-1,.md-headline{ font-weight:400; letter-spacing:0 } .md-display-1{ font-size:34px; line-height:40px } .md-display-2{ font-size:45px; font-weight:400; letter-spacing:0; line-height:48px } .md-display-3{ font-size:56px; font-weight:400; letter-spacing:-.005em; line-height:58px } .md-display-4{ font-size:112px; font-weight:300; letter-spacing:-.01em; line-height:112px } a:not(.md-button){ text-decoration:none } a:not(.md-button):hover{ text-decoration:underline } button:focus{ outline:none } .md-app{ display:flex; overflow:hidden; position:relative } .md-app.md-fixed .md-app-scroller{ overflow:auto } .md-app.md-fixed-last,.md-app.md-flexible,.md-app.md-overlap,.md-app.md-reveal{ transform:translateZ(0) } .md-app.md-fixed-last .md-app-toolbar,.md-app.md-flexible .md-app-toolbar,.md-app.md-overlap .md-app-toolbar,.md-app.md-reveal .md-app-toolbar{ position:absolute; top:0 } .md-app.md-flexible .md-app-toolbar,.md-app.md-overlap .md-app-toolbar{ min-height:0 } .md-app.md-flexible .md-toolbar-row:first-child{ z-index:2 } .md-app.md-flexible .md-toolbar-row:last-child{ position:fixed; bottom:0; z-index:1 } .md-app.md-flexible .md-display-1{ position:fixed } .md-app.md-overlap .md-app-toolbar{ z-index:1 } .md-app.md-overlap .md-app-content{ margin:-64px 24px 24px; position:relative; z-index:2 } .md-app-content{ padding:16px } .md-app-content>p:first-child{ margin-top:0 } .md-app-content>p:last-child{ margin-bottom:0 } .md-app-container{ flex:1; display:flex; overflow:auto; transform:translateZ(0); transition:padding-left .4s cubic-bezier(.4,0,.2,1),padding-right .4s cubic-bezier(.4,0,.2,1); will-change:padding-left,padding-right } .md-app-scroller{ flex:1 } @media (max-width:960px){ .md-app.md-overlap .md-app-content{ margin:-64px 16px 16px } } @media (max-width:600px){ .md-app.md-overlap .md-app-content{ margin:-64px 8px 8px } } @media (min-width:600px){ .md-app-drawer.md-permanent-card+.md-app-scroller .md-content{ padding-left:0; padding-right:0; border-left:none; border-right:none } .md-app-content{ border-left:1px solid transparent; border-right:1px solid transparent } } .md-app-internal-drawer,.md-app-side-drawer .md-app-container{ flex-direction:column } .md-app-internal-drawer .md-app-scroller{ overflow:auto } .md-no-elevation{ box-shadow:none!important } .md-fixed-last .md-reveal-active,.md-flexible .md-reveal-active,.md-overlap .md-reveal-active,.md-reveal .md-reveal-active{ transform:translate3d(0,calc(100% + 10px),0); transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:box-shadow,transform; will-change:height,box-shadow,transform } .md-app-toolbar{ min-height:64px } .md-overlap .md-app-toolbar{ height:196px } .md-fixed-last-active{ transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:box-shadow,transform; will-change:height,box-shadow,transform } .md-overlap-off{ z-index:3!important } .md-app-content{ min-height:100% } .md-app-content .md-card{ margin-right:16px; margin-left:16px; overflow:visible } .md-badge-content{ position:relative; display:inline-block } .md-badge-content .md-position-top{ top:-4px } .md-badge-content .md-position-bottom{ bottom:-4px } .md-badge{ position:absolute; transition:.3s cubic-bezier(.4,0,.2,1); display:flex; align-items:center; justify-content:center; right:-4px; font-size:10px; font-style:normal; width:22px; height:22px; border-radius:50%; color:#fff; pointer-events:none; z-index:11 } .md-list-item-content .md-badge{ position:relative; top:0; bottom:0; right:0 } .md-badge.md-dense{ width:18px; height:18px; font-size:8px } .md-badge.md-square{ width:auto; border-radius:3px; height:18px; padding:0 4px } .md-autocomplete .md-menu{ width:100%; display:flex } .md-autocomplete-loading{ display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100 } .md-field.md-inline.md-autocomplete-box{ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); padding-top:2px; border-radius:2px } .md-field.md-inline.md-autocomplete-box.md-focused{ z-index:120 } .md-field.md-inline.md-autocomplete-box:after,.md-field.md-inline.md-autocomplete-box:before{ display:none } .md-toolbar .md-field.md-inline.md-autocomplete-box{ min-height:40px; height:40px; margin:0; box-shadow:none } .md-field.md-inline.md-autocomplete-box .md-menu{ align-items:center } .md-field.md-inline.md-autocomplete-box .md-input{ padding-left:16px } .md-field.md-inline.md-autocomplete-box.md-focused label,.md-field.md-inline.md-autocomplete-box .md-input-action,.md-field.md-inline.md-autocomplete-box label{ top:50%; transform:translateY(-50%) } .md-field.md-inline.md-autocomplete-box .md-input-action{ right:8px } .md-field.md-inline.md-autocomplete-box.md-focused label,.md-field.md-inline.md-autocomplete-box label{ margin-top:2px; left:16px } .md-autocomplete-box-content:after{ height:6px; position:absolute; top:-6px; right:0; left:0; z-index:120; border-bottom:1px solid; content:"" } .md-avatar{ width:40px; min-width:40px; height:40px; margin:auto; display:inline-flex; justify-content:center; align-items:center; overflow:hidden; -webkit-user-select:none; user-select:none; position:relative; border-radius:40px; transition:.4s cubic-bezier(.4,0,.2,1); transition-property:color,background-color; will-change:color,background-color; font-size:24px; letter-spacing:-.05em; vertical-align:middle } .md-avatar.md-large{ min-width:64px; min-height:64px; border-radius:64px; font-size:32px } .md-avatar.md-large .md-icon{ font-size:40px!important } .md-avatar.md-small{ width:24px; min-width:24px; height:24px; border-radius:24px; font-size:14px } .md-avatar.md-small .md-icon{ font-size:16px!important } .md-avatar .md-icon{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .md-avatar img{ width:100%; height:100%; display:block } .md-avatar .md-ripple{ cursor:pointer; display:inline-flex; justify-content:center; align-items:center; border-radius:50% } .md-bottom-bar{ box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); width:100%; transition:background-color .5s cubic-bezier(.4,0,.2,1) } .md-bottom-bar>.md-ripple{ display:flex; flex-wrap:wrap } .md-bottom-bar.md-type-fixed{ justify-content:center } .md-bottom-bar.md-type-fixed .md-bottom-bar-item{ min-width:80px; max-width:168px; transition:.4s cubic-bezier(.4,0,.2,1); transition-property:color; will-change:color } .md-bottom-bar.md-type-fixed .md-bottom-bar-item .md-bottom-bar-label{ transform:scale(.8571) translate3D(0,4px,0) } .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-ripple{ padding-top:6px } .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-icon{ transform:translate3d(0,-2px,0) } .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-label{ transform:translate3D(0,3px,0) } .md-bottom-bar.md-type-shift{ justify-content:center } .md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter-active{ transition-duration:1.1s!important } .md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter{ opacity:1 } .md-bottom-bar.md-type-shift .md-bottom-bar-item{ min-width:56px; max-width:96px; flex:1 1 32px; transition:.3s cubic-bezier(.4,0,.2,1); transition-property:padding,min-width,max-width,flex,color; will-change:padding,min-width,max-width,flex,color } .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-ripple{ padding:16px } .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-icon{ transform:translate3d(0,8px,0) } .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-label{ opacity:0; transform:scale(.7) translate3d(0,6px,0) } .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active{ min-width:96px; max-width:168px; flex:1 1 72px } .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-ripple{ padding:6px 0 10px } .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-icon{ transform:translateZ(0) } .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-label{ opacity:1; transform:translate3d(0,3px,0) } .md-bottom-bar .md-bottom-bar-item{ height:56px; margin:0; flex:1; cursor:pointer; border-radius:0; font-size:14px; font-weight:400; line-height:1em; text-transform:none } .md-bottom-bar .md-bottom-bar-item .md-ripple{ padding:8px 12px 10px; transition:padding .3s cubic-bezier(.25,.8,.25,1); will-change:padding } .md-bottom-bar .md-bottom-bar-item .md-button-content{ position:static; display:flex; flex-direction:column; align-items:center } .md-bottom-bar .md-bottom-bar-item .md-bottom-bar-icon,.md-bottom-bar .md-bottom-bar-item .md-bottom-bar-label{ transition:.3s cubic-bezier(.4,0,.2,1); transition-property:transform,opacity; will-change:transform,opacity } .md-ripple{ width:100%; height:100%; position:relative; z-index:10; overflow:hidden; -webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0) } .md-ripple-wave{ position:absolute; z-index:1; pointer-events:none; background:currentColor; border-radius:50%; opacity:0; transform:scale(2) translateZ(0) } .md-ripple-wave.md-centered{ animation-duration:1.2s; top:50%; left:50% } .md-ripple-wave~:not(.md-ripple-wave){ position:relative; z-index:2 } .md-ripple-enter-active{ transition:.8s cubic-bezier(.25,.8,.25,1); transition-property:opacity,transform; will-change:opacity,transform } .md-ripple-enter-active.md-centered{ transition-duration:1.2s } .md-ripple-enter{ opacity:.26; transform:scale(.26) translateZ(0) } .md-button,.md-button-clean{ margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; outline:none; background:transparent; border:0; border-radius:0; transition:.4s cubic-bezier(.4,0,.2,1); font-family:inherit; line-height:normal; text-decoration:none; vertical-align:top; white-space:nowrap } .md-button{ min-width:88px; height:36px; margin:6px 8px; -webkit-user-select:none; user-select:none; border-radius:2px; font-size:14px; font-weight:500; text-transform:uppercase } .md-button:active{ outline:none } .md-button[disabled]{ pointer-events:none } .md-button:not([disabled]){ cursor:pointer } .md-button:not([disabled]).md-focused:before,.md-button:not([disabled]):active:before,.md-button:not([disabled]):hover:before{ background-color:currentColor; opacity:.12 } .md-button:not([disabled]).md-focused.md-accent:before,.md-button:not([disabled]).md-focused.md-primary:before,.md-button:not([disabled]):active:before{ opacity:.2 } .md-button:not([disabled]).md-ripple-off:active:before{ opacity:.26 } .md-button.md-plain.md-button.md-raised:not([disabled]){ color:rgba(0,0,0,.87); background-color:#fff } .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-font{ color:rgba(0,0,0,.87) } .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-image{ fill:rgba(0,0,0,.87) } .md-button::-moz-focus-inner{ padding:0; border:0 } .md-button:before{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0; transition:.4s cubic-bezier(.4,0,.2,1); will-change:background-color,opacity; content:" " } .md-button.md-dense{ height:32px; font-size:13px } .md-button.md-raised:not([disabled]){ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .md-button.md-raised:not([disabled]):active{ box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) } .md-button.md-raised:not([disabled]).md-ripple-off:active:before{ opacity:.2 } .md-button+.md-button{ margin-left:0 } .md-button .md-ripple{ padding:0 8px; display:flex; justify-content:center; align-items:center } .md-button-spaced .md-ripple{ padding:0 16px } .md-fab,.md-icon-button{ border-radius:50%; z-index:10 } .md-fab .md-ripple,.md-fab:before,.md-icon-button .md-ripple,.md-icon-button:before{ border-radius:50% } .md-fab.md-dense .md-ripple-wave,.md-fab.md-mini .md-ripple-wave,.md-icon-button .md-ripple-wave{ top:0!important; right:0!important; bottom:0!important; left:0!important } .md-icon-button{ width:40px; min-width:40px; height:40px; margin:0 6px } .md-icon-button.md-dense{ width:32px; min-width:32px; height:32px } .md-icon-button .md-ripple-enter-active{ transition-duration:1.2s } .md-fab{ box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); width:56px; height:56px; min-width:0; overflow:hidden } .md-fab:active{ box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12) } .md-fab.md-dense,.md-fab.md-mini{ width:40px; height:40px } .md-fab.md-fab-top-left,.md-fab.md-fab-top-right{ position:absolute; top:24px } .md-fab.md-fab-bottom-left,.md-fab.md-fab-bottom-right{ position:absolute; bottom:24px } .md-fab.md-fab-bottom-center,.md-fab.md-fab-top-center{ position:absolute; left:50%; transform:translateX(-50%) } .md-fab.md-fab-top-center{ top:24px } .md-fab.md-fab-bottom-center{ bottom:24px } .md-fab.md-fab-bottom-right,.md-fab.md-fab-top-right{ right:24px } .md-fab.md-fab-bottom-left,.md-fab.md-fab-top-left{ left:24px } .md-fab.md-fixed{ position:fixed } .md-fab .md-ripple{ padding:0 } .md-button-content{ position:relative; z-index:2 } .md-card{ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); position:relative; z-index:1; border-radius:2px; transition:.3s cubic-bezier(.4,0,.2,1); transition-property:color,background-color; will-change:color,background-color } .md-card.md-with-hover{ cursor:pointer; transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.25,.8,.25,1); will-change:background-color,box-shadow } .md-card.md-with-hover:hover{ z-index:2; box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) } .md-card.md-expand-active .md-card-expand-trigger.md-icon-button{ transform:rotate(180deg) } .md-card .md-subhead,.md-card .md-subheading,.md-card .md-title{ margin:0; font-weight:400 } .md-card .md-subhead{ opacity:.54; font-size:14px; letter-spacing:.01em; line-height:20px } .md-card .md-subhead+.md-title{ margin-top:4px } .md-card .md-title{ font-size:24px; letter-spacing:0; line-height:32px } .md-card-area,.md-card>.md-card-area:not(:last-child){ position:relative } .md-card>.md-card-area:not(:last-child):after{ height:1px; position:absolute; bottom:0; content:" " } .md-card>.md-card-area:not(:last-child):not(.md-inset):after{ right:0; left:0 } .md-card>.md-card-area:not(:last-child).md-inset:after{ right:16px; left:16px } .md-card-header{ padding:16px } .md-card-header:first-child>.md-card-header-text>.md-title:first-child,.md-card-header:first-child>.md-title:first-child{ margin-top:8px } .md-card-header:last-child{ margin-bottom:8px } .md-card-header.md-card-header-flex{ display:flex; justify-content:space-between } .md-card-header+.md-card-content{ padding-top:0 } .md-card-header+.md-card-actions:not(:last-child){ padding:0 8px } .md-card-header>img{ border-radius:50% } .md-card-header .md-avatar,.md-card-header>img{ margin-right:16px; float:left } .md-card-header .md-avatar~.md-title,.md-card-header>img~.md-title{ font-size:14px } .md-card-header .md-avatar~.md-subhead,.md-card-header .md-avatar~.md-title,.md-card-header>img~.md-subhead,.md-card-header>img~.md-title{ font-weight:500; line-height:20px } .md-card-header .md-button{ margin:0 } .md-card-header .md-button:last-child{ margin-right:-4px } .md-card-header .md-button+.md-button{ margin-left:8px } .md-card-header .md-card-header-text{ flex:1 } .md-card-header .md-card-media{ width:80px; height:80px; margin-left:16px; flex:0 0 80px } .md-card-header .md-card-media.md-medium{ width:120px; height:120px; flex:0 0 120px } .md-card-header .md-card-media.md-big{ width:160px; height:160px; flex:0 0 160px } .md-card-media{ position:relative } .md-card-media.md-ratio-16-9{ overflow:hidden } .md-card-media.md-ratio-16-9:before{ width:100%; padding-top:56.25%; display:block; content:" " } .md-card-media.md-ratio-16-9 img{ position:absolute; top:50%; right:0; left:0; transform:translateY(-50%) } .md-card-media.md-ratio-4-3{ overflow:hidden } .md-card-media.md-ratio-4-3:before{ width:100%; padding-top:75%; display:block; content:" " } .md-card-media.md-ratio-4-3 img{ position:absolute; top:50%; right:0; left:0; transform:translateY(-50%) } .md-card-media.md-ratio-1-1{ overflow:hidden } .md-card-media.md-ratio-1-1:before{ width:100%; padding-top:100%; display:block; content:" " } .md-card-media.md-ratio-1-1 img{ position:absolute; top:50%; right:0; left:0; transform:translateY(-50%) } .md-card-media+.md-card-header{ padding-top:24px } .md-card-media+.md-card-content:last-child{ padding-bottom:16px } .md-card-media img{ width:100% } .md-card-media-actions{ padding:16px; display:flex; justify-content:space-between } .md-card-media-actions .md-card-media{ max-width:240px; max-height:240px; flex:1 } .md-card-media-actions .md-card-actions{ margin-left:16px; flex-direction:column; justify-content:flex-start; align-items:center } .md-card-media-actions .md-card-actions .md-button+.md-button{ margin:8px 0 0 } .md-card-media-cover{ position:relative; color:#fff } .md-card-media-cover.md-solid .md-card-area{ background-color:rgba(0,0,0,.54) } .md-card-media-cover.md-text-scrim .md-card-backdrop{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1 } .md-card-media-cover .md-card-area{ display:flex; flex-direction:column; position:absolute; right:0; bottom:0; left:0; z-index:2 } .md-card-media-cover .md-card-header{ display:flex; flex-direction:column } .md-card-media-cover .md-card-header+.md-card-actions{ padding-top:0 } .md-card-media-cover .md-subhead{ opacity:1 } .md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent),.md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent),.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon{ color:#fff!important } .md-card-content{ padding:16px; font-size:14px; line-height:22px } .md-card-content:last-of-type{ padding-bottom:24px } .md-card-expand{ overflow:hidden } .md-card-expand .md-card-actions{ position:relative; z-index:2 } .md-card-expand .md-card-expand-content{ position:relative; z-index:1 } .md-card-expand-trigger.md-icon-button{ transition:transform .4s cubic-bezier(.25,.8,.25,1); will-change:transform } .md-card-expand-content{ overflow:hidden; transform:translateZ(0); transition:.4s cubic-bezier(.4,0,.2,1); transition-property:opacity,margin-top; will-change:opacity,margin-top } .md-card-actions{ padding:8px; display:flex; align-items:center } .md-card-actions.md-alignment-right{ justify-content:flex-end } .md-card-actions.md-alignment-left{ justify-content:flex-start } .md-card-actions.md-alignment-space-between{ justify-content:space-between } .md-card-actions .md-button{ margin:0 } .md-card-actions .md-button:first-child{ margin-left:0 } .md-card-actions .md-button:last-child{ margin-right:0 } .md-card-actions .md-button+.md-button{ margin-left:4px } .md-checkbox{ width:auto; margin:16px 16px 16px 0; display:inline-flex; position:relative } .md-checkbox:not(.md-disabled),.md-checkbox:not(.md-disabled) .md-checkbox-label{ cursor:pointer } .md-checkbox .md-checkbox-container{ width:20px; min-width:20px; height:20px; position:relative; border-radius:2px; border:2px solid transparent; transition:.4s cubic-bezier(.25,.8,.25,1) } .md-checkbox .md-checkbox-container:focus{ outline:none } .md-checkbox .md-checkbox-container:after,.md-checkbox .md-checkbox-container:before{ position:absolute; transition:.4s cubic-bezier(.55,0,.55,.2); content:" " } .md-checkbox .md-checkbox-container:before{ width:48px; height:48px; top:50%; left:50%; z-index:11; border-radius:50%; transform:translate(-50%,-50%) } .md-checkbox .md-checkbox-container:after{ width:6px; height:13px; top:0; left:5px; z-index:12; border:2px solid transparent; border-top:0; border-left:0; opacity:0; transform:rotate(45deg) scale3D(.15,.15,1) } .md-checkbox .md-checkbox-container .md-ripple{ width:48px!important; height:48px!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%); border-radius:50% } .md-checkbox .md-checkbox-container input{ position:absolute; left:-999em } .md-checkbox .md-checkbox-label{ height:20px; padding-left:16px; position:relative; line-height:20px } .md-checkbox.md-indeterminate .md-checkbox-container:after{ width:12px; height:2px; top:50%; left:50%; z-index:7; border-style:solid; border-width:0 0 2px; opacity:0; transform:translate(-50%,-50%)!important } .md-checkbox.md-checked .md-checkbox-container:after{ opacity:1; transform:rotate(45deg) scaleX(1); transition:.4s cubic-bezier(.25,.8,.25,1) } .md-checkbox.md-disabled.md-checked .md-checkbox-container{ border-color:transparent!important } .md-checkbox.md-required label:after{ position:absolute; top:2px; right:0; transform:translateX(calc(100% + 2px)); content:"*"; line-height:1em; vertical-align:top } .md-chips.md-field{ padding-top:12px; flex-wrap:wrap } .md-chips.md-field.md-has-value label{ top:-6px } .md-chips.md-field .md-chip{ margin-bottom:4px } .md-chips.md-field .md-chip:last-of-type{ margin-right:8px } .md-chips.md-field .md-input{ min-width:128px } .md-field{ width:100%; min-height:48px; margin:4px 0 24px; padding-top:16px; display:flex; position:relative; font-family:inherit } .md-field:after,.md-field:before{ position:absolute; bottom:0; right:0; left:0; z-index:1; transition:border .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform 0s cubic-bezier(.4,0,.2,1) .3s; will-change:border,opacity,transform; content:" " } .md-field:after{ height:1px } .md-field:before{ height:2px; z-index:2; opacity:0; transform:scaleX(.12) } .md-field label{ position:absolute; top:23px; left:0; pointer-events:none; transition:.4s cubic-bezier(.25,.8,.25,1); transition-duration:.3s; font-size:16px; line-height:20px } .md-field .md-prefix,.md-field .md-suffix{ font-size:16px; line-height:32px; align-self:center; justify-self:center } .md-field .md-prefix{ display:none; padding-right:4px } .md-field.md-focused .md-prefix,.md-field.md-has-value .md-prefix{ display:block } .md-field .md-input,.md-field .md-textarea{ height:32px; padding:0; display:block; flex:1; border:none; background:none; transition:.4s cubic-bezier(.25,.8,.25,1); transition-property:font-size,padding-top,color; font-family:inherit; font-size:16px; line-height:32px } .md-field .md-input[type=date],.md-field .md-textarea[type=date]{ font-size:16px } .md-field .md-input[disabled],.md-field .md-textarea[disabled]{ cursor:default } .md-field .md-input:focus,.md-field .md-textarea:focus{ outline:none } .md-field .md-input::-webkit-input-placeholder,.md-field .md-textarea::-webkit-input-placeholder{ font-size:16px; text-shadow:none; -webkit-text-fill-color:initial; -webkit-transition:.4s cubic-bezier(.25,.8,.25,1); transition:.4s cubic-bezier(.25,.8,.25,1); -webkit-transition-property:font-size,color; transition-property:font-size,color } .md-field .md-textarea{ min-height:32px; max-height:230px; padding:5px 0; resize:none; line-height:1.3em } .md-field .md-count,.md-field .md-error,.md-field .md-helper-text{ height:20px; position:absolute; bottom:-22px; font-size:12px; transition:.3s cubic-bezier(.4,0,.2,1) } .md-field .md-error{ display:block!important; left:0; opacity:0; transform:translate3d(0,-8px,0) } .md-field .md-count{ right:0 } .md-field .md-input-action{ width:32px; min-width:32px; height:32px; margin:0; position:absolute; top:16px; right:0; transition:.4s cubic-bezier(.4,0,.2,1) } .md-field .md-input-action.md-input-action-enter-active,.md-field .md-input-action.md-input-action-leave-active{ opacity:0 } .md-field .md-input-action.md-input-action-enter-to{ opacity:1 } .md-field>.md-icon{ margin:4px auto; position:relative; z-index:3; transition:.4s cubic-bezier(.25,.8,.25,1) } .md-field>.md-icon:last-of-type:not(:first-child):after{ display:none } .md-field>.md-icon:after{ width:37px; height:4px; position:absolute; left:-1px; bottom:-5px; transition:.3s cubic-bezier(.4,0,.2,1); content:"" } .md-field>.md-icon~label{ left:36px } .md-field>.md-icon~.md-file,.md-field>.md-icon~.md-input,.md-field>.md-icon~.md-textarea{ margin-left:12px } .md-field+.md-has-textarea:not(.md-autogrow){ margin-top:36px } .md-field.md-has-placeholder label{ pointer-events:auto; top:10px; opacity:0; font-size:12px } .md-field.md-has-placeholder .md-input,.md-field.md-has-placeholder .md-textarea{ font-size:16px } .md-field.md-has-textarea:not(.md-autogrow):after,.md-field.md-has-textarea:not(.md-autogrow):before{ height:auto; pointer-events:none; top:0; bottom:0; transform:none; background:none!important; border:1px solid transparent; border-radius:3px } .md-field.md-has-textarea:not(.md-autogrow):before{ border-width:2px } .md-field.md-has-textarea:not(.md-autogrow) label{ top:16px; left:16px } .md-field.md-has-textarea:not(.md-autogrow) .md-textarea{ min-height:100px; padding:0 16px; resize:vertical } .md-field.md-has-textarea:not(.md-autogrow)>.md-icon{ position:absolute; top:6px; right:6px; z-index:3 } .md-field.md-has-textarea:not(.md-autogrow) .md-count{ right:6px; bottom:2px } .md-field.md-has-textarea:not(.md-autogrow) .md-clear{ top:6px; right:6px } .md-field.md-has-textarea:not(.md-autogrow).md-focused label,.md-field.md-has-textarea:not(.md-autogrow).md-has-value label{ top:6px } .md-field.md-has-textarea:not(.md-autogrow).md-focused .md-textarea,.md-field.md-has-textarea:not(.md-autogrow).md-has-value .md-textarea{ padding-top:10px } .md-field.md-has-file:after,.md-field.md-has-file:before,.md-field.md-has-file label{ left:36px } .md-field.md-has-file .md-input{ margin-left:12px } .md-field.md-focused:before,.md-field.md-highlight:before{ opacity:1; transform:scaleX(1); transition:.3s cubic-bezier(.4,0,.2,1); transition-property:border,opacity,transform } .md-field.md-focused label,.md-field.md-has-value label{ pointer-events:auto; top:0; opacity:1; font-size:12px } .md-field.md-focused .md-input,.md-field.md-focused .md-textarea,.md-field.md-has-value .md-input,.md-field.md-has-value .md-textarea{ font-size:16px } .md-field.md-inline label{ pointer-events:none } .md-field.md-inline.md-focused label{ top:23px; font-size:16px } .md-field.md-inline.md-has-value label{ opacity:0 } .md-field.md-disabled:after{ background:0 100% repeat-x; background-size:4px 1px } .md-field.md-has-password .md-toggle-password{ margin:0; position:absolute; right:0; bottom:-2px } .md-field.md-has-password .md-toggle-password svg{ width:22px; height:22px } .md-field.md-clearable .md-input{ padding-right:30px } @keyframes md-invalid-shake{ 10%,90%{ transform:translate3d(-1px,0,0) } 30%,70%{ transform:translate3d(-4px,0,0) } 40%,60%{ transform:translate3d(4px,0,0) } } .md-field.md-invalid.md-has-value label:not(:focus){ animation:md-invalid-shake .4s cubic-bezier(.4,0,.2,1) both; backface-visibility:hidden; perspective:1000px } .md-field.md-invalid.md-has-textarea:not(.md-autogrow):before{ border-width:2px } .md-field.md-invalid .md-error{ opacity:1; transform:translateZ(0) } .md-field.md-invalid .md-helper-text{ opacity:0; transform:translate3d(0,-8px,0) } .md-field.md-required label:after{ position:absolute; top:2px; right:0; transform:translateX(calc(100% + 2px)); content:"*"; line-height:1em; vertical-align:top } .md-icon{ width:24px; min-width:24px; height:24px; font-size:24px!important; margin:auto; display:inline-flex; -webkit-user-select:none; user-select:none; align-items:center; justify-content:center; vertical-align:middle } .md-icon.md-size-2x{ width:48px; min-width:48px; height:48px; font-size:48px!important } .md-icon.md-size-3x{ width:72px; min-width:72px; height:72px; font-size:72px!important } .md-icon.md-size-4x{ width:96px; min-width:96px; height:96px; font-size:96px!important } .md-icon.md-size-5x{ width:120px; min-width:120px; height:120px; font-size:120px!important } .md-icon-image svg{ height:100%; flex:1; transition:fill .4s cubic-bezier(.4,0,.2,1) } .md-icon{ transition:color .4s cubic-bezier(.4,0,.2,1); direction:ltr; font-family:Material Icons; font-feature-settings:"liga"; font-style:normal; letter-spacing:normal; line-height:1; text-rendering:optimizeLegibility; text-transform:none; word-wrap:normal; white-space:nowrap; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .md-svg-loader{ display:block } .md-svg-loader svg{ width:100% } .md-chip{ height:32px; padding:0 12px; display:inline-block; cursor:default; border-radius:32px; transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:background-color,color,opacity,transform,box-shadow; will-change:background-color,color,opacity,transform,box-shadow; font-size:13px; line-height:32px; vertical-align:middle; white-space:nowrap } .md-chip:focus{ outline:none } .md-chip.md-chip-enter-active,.md-chip.md-chip-leave-active{ opacity:0; transform:transformZ(0) scale(.8) } .md-chip.md-chip-enter-to{ opacity:1; transform:transformZ(0) scale(1) } .md-chip.md-clickable:not(.md-disabled):active,.md-chip.md-deletable:not(.md-disabled):active,.md-chip.md-focused{ box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) } .md-chip.md-clickable{ padding:0; cursor:pointer } .md-chip.md-clickable>.md-ripple{ padding:0 12px } .md-chip.md-deletable{ padding-right:32px; position:relative } .md-chip.md-deletable.md-clickable{ padding-right:0 } .md-chip.md-deletable.md-clickable>.md-ripple{ padding-right:32px } .md-chip.md-disabled{ cursor:default } .md-chip+.md-chip{ margin-left:4px } .md-chip .md-button.md-input-action{ width:18px; min-width:18px; height:18px; margin:0; position:absolute; top:50%; right:7px; z-index:11; transform:translate3D(0,-50%,0); transition-duration:.3s; transition-timing-function:cubic-bezier(.25,.8,.25,1); font-size:18px } .md-chip .md-button.md-input-action .md-ripple{ padding:0 } .md-chip .md-button.md-input-action .md-button-content{ height:14px } .md-chip .md-button.md-input-action .md-icon{ width:14px; min-width:14px; height:14px; font-size:14px!important; vertical-align:top } .md-chip .md-button.md-input-action .md-icon svg{ transition-duration:.3s; transition-timing-function:cubic-bezier(.25,.8,.25,1) } .md-datepicker-overlay{ opacity:0 } .md-datepicker.md-native label{ top:0!important } .md-datepicker .md-date-icon{ cursor:pointer } .md-datepicker input[type=date]::-webkit-calendar-picker-indicator,.md-datepicker input[type=date]::-webkit-clear-button,.md-datepicker input[type=date]::-webkit-inner-spin-button{ display:none } @media (max-width:600px){ .md-datepicker-overlay{ opacity:1 } } .md-overlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; overflow:hidden; background:rgba(0,0,0,.6); transition:.35s cubic-bezier(.4,0,.2,1); transition-property:opacity; will-change:opacity } .md-overlay.md-fixed,body>.md-overlay{ position:fixed } .md-overlay-enter,.md-overlay-leave-active{ opacity:0 } .md-datepicker-dialog{ box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); display:flex; overflow:hidden; z-index:110; border-radius:2px; backface-visibility:hidden; pointer-events:auto; transform-origin:top left; flex-shrink:0; transition:opacity .2s cubic-bezier(.25,.8,.25,1),transform .35s cubic-bezier(.25,.8,.25,1); will-change:opacity,transform,left,top } .md-datepicker-dialog-leave-active{ opacity:0 } .md-datepicker-dialog-enter{ opacity:0; transform:scale(.9) } .md-datepicker-dialog-enter .md-datepicker-body .md-datepicker-calendar{ opacity:0; transform:translate3D(0,10%,0) } .md-datepicker-header{ min-width:150px; padding:16px } .md-datepicker-header .md-datepicker-year-select{ cursor:pointer; opacity:.54; transition:opacity .3s cubic-bezier(.4,0,.2,1); font-size:16px; font-weight:700; letter-spacing:.01em; line-height:24px } .md-datepicker-header .md-datepicker-date-select{ cursor:pointer; opacity:.54; transition:opacity .3s cubic-bezier(.4,0,.2,1); font-size:32px; font-weight:900; letter-spacing:0; line-height:1.2em } .md-datepicker-header .md-datepicker-dayname{ display:block } .md-datepicker-header .md-selected{ opacity:1 } .md-datepicker-body{ width:320px; position:relative; overflow:hidden; transition:width .3s cubic-bezier(.25,.8,.25,1); will-change:width } .md-datepicker-body .md-button{ margin:0 } .md-datepicker-body-header{ padding:8px; display:flex; align-items:center; justify-content:space-between; position:absolute; top:0; right:0; left:0; pointer-events:none } .md-datepicker-body-header:after,.md-datepicker-body-header:before{ width:48px; height:48px; position:absolute; top:0; z-index:2; pointer-events:none; content:" " } .md-datepicker-body-header:after{ left:0 } .md-datepicker-body-header:before{ right:0 } .md-datepicker-body-header .md-button{ pointer-events:auto; z-index:3 } .md-datepicker-body-header-enter .md-button:first-child,.md-datepicker-body-header-leave-active .md-button:first-child{ transform:translate3d(-150%,0,0) } .md-datepicker-body-header-enter .md-button:last-child,.md-datepicker-body-header-leave-active .md-button:last-child{ transform:translate3d(150%,0,0) } .md-datepicker-body-content{ overflow:hidden; transition:height .35s cubic-bezier(.4,0,.2,1); will-change:height } .md-datepicker-panel{ display:flex; position:absolute; top:0; right:0; bottom:0; left:0; transition:.35s cubic-bezier(.4,0,.2,1); transition-property:transform,opacity; will-change:transform,opacity } .md-datepicker-calendar.md-datepicker-view-enter,.md-datepicker-calendar.md-datepicker-view-leave-active{ transform:translate3d(0,100%,0) } .md-datepicker-calendar.md-previous .md-datepicker-month-enter{ transform:translate3D(-100%,0,0) } .md-datepicker-calendar.md-previous .md-datepicker-month-enter .md-datepicker-month-trigger{ transform:translate3D(-30%,0,0) } .md-datepicker-calendar.md-next .md-datepicker-month-enter,.md-datepicker-calendar.md-previous .md-datepicker-month-leave-active{ transform:translate3D(100%,0,0) } .md-datepicker-calendar.md-next .md-datepicker-month-enter .md-datepicker-month-trigger{ transform:translate3D(30%,0,0) } .md-datepicker-calendar.md-next .md-datepicker-month-leave-active{ transform:translate3D(-100%,0,0) } .md-datepicker-month{ top:8px; bottom:auto; flex-direction:column; transition:.35s cubic-bezier(.4,0,.2,1); transition-property:transform,opacity; will-change:transform,opacity } .md-datepicker-month .md-datepicker-month-trigger{ min-height:32px; margin:0 46px 10px; flex:1; border-radius:0; transition:transform .45s cubic-bezier(.4,0,.2,1); will-change:transform } .md-datepicker-week{ display:flex; align-items:center } .md-datepicker-week span{ flex:1; font-size:12px; text-align:center } .md-datepicker-days{ display:flex; flex-wrap:wrap } .md-datepicker-days .md-datepicker-day,.md-datepicker-days .md-datepicker-empty{ margin:1px 0; display:flex; align-items:center; justify-content:center; flex:0 1 14.28571% } .md-datepicker-days .md-datepicker-day-button{ width:30px; min-width:30px; height:30px; cursor:pointer; border-radius:30px; transition:.3s cubic-bezier(.4,0,.2,1); line-height:30px; text-align:center } .md-datepicker-days .md-datepicker-selected,.md-datepicker-days .md-datepicker-today{ font-weight:700 } .md-datepicker-days .md-datepicker-disabled{ pointer-events:none } .md-datepicker-month-selector{ padding:6px 8px 10px; flex-wrap:wrap; bottom:auto; transition:.35s cubic-bezier(.4,0,.2,1); transition-property:transform,opacity; will-change:transform,opacity } .md-datepicker-month-selector.md-datepicker-view-enter,.md-datepicker-month-selector.md-datepicker-view-leave-active{ transform:translate3d(0,-100%,0) } .md-datepicker-month-selector .md-datepicker-year-trigger{ width:100%; margin:0 0 8px; flex:1 1 100% } .md-datepicker-month-button,.md-datepicker-year-button{ height:36px; margin:3px 0; cursor:pointer; transition:.3s cubic-bezier(.4,0,.2,1); line-height:36px; font-weight:500; text-align:center; text-transform:uppercase } .md-datepicker-month-button{ flex:1 1 33.3333%; border-radius:2px; font-size:13px } .md-datepicker-year-selector{ flex-direction:column; overflow:auto; bottom:52px; border-bottom:1px solid } .md-datepicker-year-selector.md-datepicker-view-enter,.md-datepicker-year-selector.md-datepicker-view-leave-active{ transform:translate3d(0,-100%,0) } .md-datepicker-year-selector .md-button{ min-height:36px } .md-datepicker-year-button{ font-size:16px } .md-datepicker-year-button.md-datepicker-selected{ font-size:24px } @media (max-width:600px){ .md-datepicker-dialog{ flex-direction:column; top:50%!important; left:50%!important; transform:translate3D(-50%,-50%,0); transform-origin:center center; position:fixed!important } .md-datepicker-dialog-enter{ transform:translate3D(-50%,-50%,0) scale(.9) } .md-datepicker-header{ min-width:auto; padding:16px 20px } .md-datepicker-header .md-datepicker-dayname{ display:inline-block } .md-datepicker-body{ width:296px } .md-datepicker-month{ padding:0 6px } } .md-popover.md-rendering{ opacity:0; transition:none!important } .md-dialog{ position:fixed; top:0; left:0; right:0; bottom:0; align-items:center; justify-content:center; pointer-events:none; display:flex; transition-duration:.2s; z-index:110 } .md-dialog.md-dialog-enter-to .md-dialog-container,.md-dialog.md-dialog-leave .md-dialog-container{ opacity:1; transform:scale(1) } .md-dialog.md-dialog-enter .md-dialog-container,.md-dialog.md-dialog-leave-to .md-dialog-container{ opacity:0; transform:scale(.9) } .md-dialog-container{ box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); min-width:280px; max-width:80%; max-height:80%; margin:auto; display:flex; flex-flow:column; overflow:hidden; border-radius:2px; backface-visibility:hidden; pointer-events:auto; opacity:1; transform-origin:center center; transition:opacity .15s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1); will-change:opacity,transform } .md-dialog-container.md-dialog-enter-to,.md-dialog-container.md-dialog-leave{ opacity:1; transform:translate(-50%,-50%) scale(1) } .md-dialog-container.md-dialog-enter,.md-dialog-container.md-dialog-leave-to{ opacity:0; transform:translate(-50%,-50%) scale(.9) } .md-dialog-container .md-tabs{ flex:1; max-width:100% } .md-dialog-container .md-tabs-navigation{ padding:0 12px } @media (max-width:600px){ .md-dialog.md-dialog-enter-to .md-dialog-fullscreen,.md-dialog.md-dialog-leave .md-dialog-fullscreen{ opacity:0; transform:translateY(30%) } .md-dialog.md-dialog-enter .md-dialog-fullscreen,.md-dialog.md-dialog-leave-to .md-dialog-fullscreen{ opacity:1; transform:translate(0) } .md-dialog-container .md-tab{ padding:12px } .md-dialog-fullscreen{ width:100%; height:100%; max-width:100%; max-height:100%; border-radius:0; transform:none } .md-dialog-fullscreen.md-dialog-enter,.md-dialog-fullscreen.md-dialog-leave-to{ opacity:0; transform:translate3D(0,30%,0) } .md-dialog-fullscreen.md-dialog-enter-to,.md-dialog-fullscreen.md-dialog-leave{ opacity:1; transform:translateZ(0) } } .md-dialog-title{ margin-bottom:20px; padding:24px 24px 0 } .md-dialog-content{ padding:0 24px 24px; flex:1; flex-basis:auto; overflow:auto; position:relative } .md-dialog-content:first-child{ padding-top:24px } .md-dialog-content p:first-child:not(:only-child){ margin-top:0 } .md-dialog-content p:last-child:not(:only-child){ margin-bottom:0 } .md-dialog-actions{ min-height:52px; padding:8px 8px 8px 24px; display:flex; align-items:center; justify-content:flex-end; position:relative } .md-dialog-actions:before{ height:1px; position:absolute; top:-1px; right:0; left:0; content:" " } .md-dialog-actions .md-button{ min-width:64px; margin:0 } .md-dialog-actions .md-button+.md-button{ margin-left:8px } .md-divider{ height:1px; margin:0; padding:0; display:block; border:0; transition:margin-left .3s cubic-bezier(.4,0,.2,1); will-change:margin-left } .md-divider.md-inset{ margin-left:72px } .md-drawer{ position:absolute; top:0; bottom:0; left:0; z-index:30; transform:translate3D(-100%,0,0); transition:transform .4s cubic-bezier(.25,.8,.25,1); will-change:transform,box-shadow; width:400px; max-width:calc(100vw - 56px); overflow-x:hidden; overflow-y:auto } .md-drawer.md-right{ right:0; left:auto; transform:translate3D(100%,0,0) } .md-drawer.md-fixed{ position:fixed } .md-drawer.md-active{ transform:translateZ(0); transition-timing-function:cubic-bezier(.4,0,.2,1) } .md-drawer.md-temporary.md-left+.md-app-container .md-content{ border-left:none } .md-drawer.md-temporary.md-right-previous+.md-app-container .md-content{ border-right:none } .md-drawer.md-temporary.md-active{ box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12) } .md-drawer.md-persistent:not(.md-active).md-left+.md-app-container .md-content{ border-left:none } .md-drawer.md-persistent:not(.md-active).md-right-previous+.md-app-container .md-content{ border-right:none } .md-drawer.md-persistent-mini{ transform:translate3D(0,64px,0); transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:transform,width; will-change:transform,box-shadow } .md-drawer.md-persistent-mini.md-left{ border-right:1px solid } .md-drawer.md-persistent-mini.md-right{ border-left:1px solid } .md-drawer.md-persistent-mini.md-active.md-left+.md-app-container .md-content{ border-left:none } .md-drawer.md-persistent-mini.md-active.md-right-previous+.md-app-container .md-content{ border-right:none } .md-drawer.md-persistent-mini:not(.md-active){ width:70px!important; z-index:1; white-space:nowrap } .md-drawer.md-persistent-mini:not(.md-active) .md-toolbar{ display:none } .md-drawer.md-persistent-mini:not(.md-active) .md-list-item-content{ padding:0 23px } .md-drawer.md-persistent-mini.md-active{ position:relative; transform:translateZ(0); white-space:normal } .md-drawer .md-list-item-container{ font-size:14px; text-transform:none } @media (max-width:600px){ .md-drawer{ width:320px } .md-drawer.md-active{ box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12) } } @media (min-width:600px){ .md-drawer:not(.md-temporary)~.md-overlay{ background:none; pointer-events:none } .md-drawer.md-permanent{ position:relative; transform:translateZ(0) } .md-drawer.md-permanent-full{ z-index:3 } .md-drawer.md-permanent-full .md-list{ padding-top:0 } .md-drawer.md-permanent-card,.md-drawer.md-permanent-clipped{ z-index:1 } .md-drawer.md-permanent-card{ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); position:relative; border-radius:2px; transition:.3s cubic-bezier(.4,0,.2,1); transition-property:color,background-color; will-change:color,background-color; margin:8px; z-index:1 } } @media (min-width:960px){ .md-drawer.md-permanent-card{ margin:16px } } @media (min-width:1280px){ .md-drawer.md-permanent-card{ margin:24px } } .md-elevation-0{ box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .md-elevation-1{ box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) } .md-elevation-2{ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .md-elevation-3{ box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) } .md-elevation-4{ box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) } .md-elevation-5{ box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12) } .md-elevation-6{ box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12) } .md-elevation-7{ box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12) } .md-elevation-8{ box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) } .md-elevation-9{ box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12) } .md-elevation-10{ box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12) } .md-elevation-11{ box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12) } .md-elevation-12{ box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12) } .md-elevation-13{ box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12) } .md-elevation-14{ box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12) } .md-elevation-15{ box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12) } .md-elevation-16{ box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12) } .md-elevation-17{ box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12) } .md-elevation-18{ box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12) } .md-elevation-19{ box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12) } .md-elevation-20{ box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12) } .md-elevation-21{ box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12) } .md-elevation-22{ box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12) } .md-elevation-23{ box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12) } .md-elevation-24{ box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12) } .md-empty-state{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; max-width:420px; padding:36px; margin:0 auto; position:relative; transition:opacity .15s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1); will-change:transform,opacity } .md-empty-state.md-rounded{ max-width:auto; border-radius:50% } .md-empty-state.md-rounded .md-empty-state-container{ padding:40px; position:absolute; top:0; right:0; bottom:0; left:0 } .md-empty-state .md-button{ margin:.5em 0 0 } .md-empty-state-enter{ opacity:0; transform:scale(.87) } .md-empty-state-enter .md-empty-state-container{ opacity:0 } .md-empty-state-container{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transition:opacity .4s cubic-bezier(.4,0,.2,1); will-change:opacity } .md-empty-state-icon{ width:160px; min-width:160px; height:160px; font-size:160px!important; margin:0 } .md-empty-state-label{ font-size:26px; font-weight:500; line-height:40px } .md-empty-state-description{ margin:1em 0; font-size:16px; line-height:24px } .md-menu.md-select{ display:flex; flex:1; overflow:auto } .md-menu.md-select:not(.md-disabled) .md-icon,.md-menu.md-select:not(.md-disabled) .md-input{ cursor:pointer; outline:none } .md-menu.md-select .md-input{ flex:1; min-width:0 } .md-menu.md-select .md-input-fake,.md-menu.md-select select{ width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; position:absolute; clip:rect(0 0 0 0); border:0 } .md-menu-content.md-select-menu{ z-index:111; width:100% } .md-menu-content.md-select-menu.md-menu-content-enter{ transform:translate3d(0,-8px,0) scaleY(.3) } .md-menu-content.md-select-menu .md-list{ transition:opacity .3s cubic-bezier(.55,0,.55,.2) } .md-menu{ display:inline-block } .md-menu>.md-button{ margin:0 } .md-menu-content{ box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); min-width:112px; max-width:280px; max-height:35vh; display:flex; flex-direction:row; position:absolute; z-index:60; border-radius:2px; transition:transform .2s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.25,.8,.25,1); will-change:opacity,transform,top,left!important } .md-menu-content.md-shallow{ position:fixed!important; top:-9999em!important; left:-9999em!important; pointer-events:none } .md-menu-content.md-menu-content-enter-active{ opacity:1; transform:translateZ(0) } .md-menu-content.md-menu-content-leave-active{ transition:opacity .4s cubic-bezier(.4,0,.2,1); opacity:0 } .md-menu-content.md-menu-content-enter.md-menu-content-top-start{ transform-origin:bottom left; transform:translate3d(0,8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-top-end{ transform-origin:bottom right; transform:translate3d(0,8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-right-start{ transform-origin:left top; transform:translate3d(0,-8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-right-end{ transform-origin:left bottom; transform:translate3d(0,8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-bottom-start{ transform-origin:top left; transform:translate3d(0,-8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-bottom-end{ transform-origin:top right; transform:translate3d(0,-8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-left-start{ transform-origin:right top; transform:translate3d(0,-8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter.md-menu-content-left-end{ transform-origin:right bottom; transform:translate3d(0,8px,0) scaleY(.95) } .md-menu-content.md-menu-content-enter .md-list{ opacity:0 } .md-menu-content.md-menu-content-medium{ min-width:168px } .md-menu-content.md-menu-content-big{ min-width:224px } .md-menu-content.md-menu-content-huge{ min-width:280px } .md-menu-content-container{ flex:1; overflow:auto } .md-menu-content-container .md-list{ transition:opacity .3s cubic-bezier(.25,.8,.25,1); will-change:opacity; font-family:Roboto,sans-serif; text-transform:none; white-space:nowrap } .md-menu-content-container .md-list .md-list-item-container{ height:100% } @media (max-width:960px){ .md-menu-content-container .md-list{ font-size:14px } } .md-list{ margin:0; padding:8px 0; display:flex; flex-flow:column nowrap; position:relative; list-style:none } .md-list.md-dense{ padding:4px 0 } .md-list .md-divider{ margin-top:-1px } .md-list .md-subheader.md-inset{ padding-left:72px } .md-list>.md-subheader:first-of-type{ margin-top:-8px } .md-optgroup .md-subheader{ text-transform:uppercase } .md-optgroup .md-ripple.md-list-item-content{ padding-left:24px } .md-file{ display:flex; flex:1 } .md-file input[type=file]{ width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; position:absolute; clip:rect(0 0 0 0); border:0 } .md-file .md-file-icon:not(.md-disabled){ cursor:pointer } .md-file .md-file-icon.md-disabled{ pointer-events:none } .md-highlight-text{ flex:1 } .md-highlight-text-match{ font-weight:500 } .md-image{ display:flex; justify-content:center; align-items:center } .md-layout{ display:flex; flex-wrap:wrap } .md-layout .md-layout{ flex:1 } .md-layout .md-layout-nowrap{ flex-wrap:nowrap } .md-layout.md-centered{ width:100%; max-width:1200px; margin:0 auto } .md-layout.md-gutter{ margin-right:-20px; margin-left:-20px } .md-layout.md-gutter>.md-layout-item{ padding-right:20px; padding-left:20px } @media (max-width:1904px){ .md-layout.md-gutter{ margin-right:-20px; margin-left:-20px } .md-layout.md-gutter>.md-layout-item{ padding-right:20px; padding-left:20px } } @media (max-width:1280px){ .md-layout.md-gutter{ margin-right:-12px; margin-left:-12px } .md-layout.md-gutter>.md-layout-item{ padding-right:12px; padding-left:12px } } @media (max-width:960px){ .md-layout.md-gutter{ margin-right:-8px; margin-left:-8px } .md-layout.md-gutter>.md-layout-item{ padding-right:8px; padding-left:8px } } @media (max-width:600px){ .md-layout.md-gutter{ margin-right:-4px; margin-left:-4px } .md-layout.md-gutter>.md-layout-item{ padding-right:4px; padding-left:4px } } .md-layout.md-alignment-top-left{ justify-content:flex-start; align-items:flex-start } .md-layout.md-alignment-top-center{ justify-content:center; align-items:flex-start } .md-layout.md-alignment-top-right{ justify-content:flex-end; align-items:flex-start } .md-layout.md-alignment-top-space-around{ justify-content:space-around; align-items:flex-start } .md-layout.md-alignment-top-space-between{ justify-content:space-between; align-items:flex-start } .md-layout.md-alignment-center-left{ justify-content:flex-start; align-items:center } .md-layout.md-alignment-center,.md-layout.md-alignment-center-center{ justify-content:center; align-items:center } .md-layout.md-alignment-center-right{ justify-content:flex-end; align-items:center } .md-layout.md-alignment-center-space-around{ justify-content:space-around; align-items:center } .md-layout.md-alignment-center-space-between{ justify-content:space-between; align-items:center } .md-layout.md-alignment-bottom-left{ justify-content:flex-start; align-items:flex-end } .md-layout.md-alignment-bottom-center{ justify-content:center; align-items:flex-end } .md-layout.md-alignment-bottom-right{ justify-content:flex-end; align-items:flex-end } .md-layout.md-alignment-bottom-space-around{ justify-content:space-around; align-items:flex-end } .md-layout.md-alignment-bottom-space-between{ justify-content:space-between; align-items:flex-end } .md-layout.md-alignment-space-around-left{ justify-content:flex-start; align-items:space-around } .md-layout.md-alignment-space-around-center{ justify-content:center; align-items:space-around } .md-layout.md-alignment-space-around-right{ justify-content:flex-end; align-items:space-around } .md-layout.md-alignment-space-around-space-around{ justify-content:space-around; align-items:space-around } .md-layout.md-alignment-space-around-space-between{ justify-content:space-between; align-items:space-around } .md-layout.md-alignment-space-between-left{ justify-content:flex-start; align-items:space-between } .md-layout.md-alignment-space-between-center{ justify-content:center; align-items:space-between } .md-layout.md-alignment-space-between-right{ justify-content:flex-end; align-items:space-between } .md-layout.md-alignment-space-between-space-around{ justify-content:space-around; align-items:space-between } .md-layout.md-alignment-space-between-space-between{ justify-content:space-between; align-items:space-between } .md-layout-item{ flex:1 1 } .md-layout-item.md-layout{ margin:0 } .md-layout-item.md-size{ flex:1 1 } .md-layout-item.md-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } @media (min-width:1904px){ .md-layout-item.md-xlarge-size{ flex:1 1 } .md-layout-item.md-xlarge-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-xlarge-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-xlarge-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-xlarge-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-xlarge-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-xlarge-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-xlarge-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-xlarge-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-xlarge-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-xlarge-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-xlarge-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-xlarge-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-xlarge-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-xlarge-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-xlarge-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-xlarge-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-xlarge-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-xlarge-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-xlarge-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-xlarge-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-xlarge-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-xlarge-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } } @media (max-width:1904px){ .md-layout-item.md-large-size{ flex:1 1 } .md-layout-item.md-large-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-large-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-large-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-large-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-large-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-large-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-large-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-large-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-large-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-large-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-large-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-large-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-large-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-large-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-large-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-large-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-large-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-large-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-large-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-large-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-large-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-large-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } } @media (max-width:1280px){ .md-layout-item.md-medium-size{ flex:1 1 } .md-layout-item.md-medium-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-medium-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-medium-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-medium-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-medium-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-medium-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-medium-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-medium-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-medium-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-medium-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-medium-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-medium-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-medium-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-medium-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-medium-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-medium-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-medium-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-medium-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-medium-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-medium-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-medium-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-medium-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } } @media (max-width:960px){ .md-layout-item.md-small-size{ flex:1 1 } .md-layout-item.md-small-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-small-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-small-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-small-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-small-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-small-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-small-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-small-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-small-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-small-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-small-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-small-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-small-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-small-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-small-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-small-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-small-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-small-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-small-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-small-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-small-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-small-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } } @media (max-width:600px){ .md-layout-item.md-xsmall-size{ flex:1 1 } .md-layout-item.md-xsmall-size-5{ min-width:5%; max-width:5%; flex:0 1 5% } .md-layout-item.md-xsmall-size-10{ min-width:10%; max-width:10%; flex:0 1 10% } .md-layout-item.md-xsmall-size-15{ min-width:15%; max-width:15%; flex:0 1 15% } .md-layout-item.md-xsmall-size-20{ min-width:20%; max-width:20%; flex:0 1 20% } .md-layout-item.md-xsmall-size-25{ min-width:25%; max-width:25%; flex:0 1 25% } .md-layout-item.md-xsmall-size-30{ min-width:30%; max-width:30%; flex:0 1 30% } .md-layout-item.md-xsmall-size-35{ min-width:35%; max-width:35%; flex:0 1 35% } .md-layout-item.md-xsmall-size-40{ min-width:40%; max-width:40%; flex:0 1 40% } .md-layout-item.md-xsmall-size-45{ min-width:45%; max-width:45%; flex:0 1 45% } .md-layout-item.md-xsmall-size-50{ min-width:50%; max-width:50%; flex:0 1 50% } .md-layout-item.md-xsmall-size-55{ min-width:55%; max-width:55%; flex:0 1 55% } .md-layout-item.md-xsmall-size-60{ min-width:60%; max-width:60%; flex:0 1 60% } .md-layout-item.md-xsmall-size-65{ min-width:65%; max-width:65%; flex:0 1 65% } .md-layout-item.md-xsmall-size-70{ min-width:70%; max-width:70%; flex:0 1 70% } .md-layout-item.md-xsmall-size-75{ min-width:75%; max-width:75%; flex:0 1 75% } .md-layout-item.md-xsmall-size-80{ min-width:80%; max-width:80%; flex:0 1 80% } .md-layout-item.md-xsmall-size-85{ min-width:85%; max-width:85%; flex:0 1 85% } .md-layout-item.md-xsmall-size-90{ min-width:90%; max-width:90%; flex:0 1 90% } .md-layout-item.md-xsmall-size-95{ min-width:95%; max-width:95%; flex:0 1 95% } .md-layout-item.md-xsmall-size-33{ min-width:33.3333%; max-width:33.3333%; flex:0 1 33.3333% } .md-layout-item.md-xsmall-size-66{ min-width:66.6666%; max-width:66.6666%; flex:0 1 66.6666% } .md-layout-item.md-xsmall-size-100{ min-width:100%; max-width:100%; margin-left:0!important; flex:1 1 100% } } .md-hide{ display:none } @media (min-width:1904px){ .md-xlarge-hide{ display:none } } @media (max-width:1904px){ .md-large-hide{ display:none } } @media (max-width:1280px){ .md-medium-hide{ display:none } } @media (max-width:960px){ .md-small-hide{ display:none } } @media (max-width:600px){ .md-xsmall-hide{ display:none } } .md-list-item{ height:auto; position:relative; z-index:2 } .md-list-item.md-inset .md-list-item-content{ padding-left:72px } .md-list-item .md-icon{ margin:0; transition-property:color,margin-right } .md-list-item-container{ width:100%; font-size:16px; font-weight:400; text-align:left; text-transform:none } .md-list-item-container:not(.md-list-item-default):not([disabled])>.md-list-item-content{ -webkit-user-select:none; user-select:none; cursor:pointer } .md-list-item-container.md-button-clean:hover{ opacity:1; text-decoration:none } .md-list-item-content{ min-height:48px; padding:4px 16px; display:flex; align-items:center; justify-content:space-between; transition:padding .4s cubic-bezier(.25,.8,.25,1); will-change:padding } .md-list.md-dense .md-list-item-content{ min-height:40px; font-size:13px } .md-list.md-dense .md-list-item-content>.md-avatar{ margin-top:0; margin-bottom:0 } .md-list.md-dense .md-list-item-content>.md-avatar:not(.md-small){ width:36px; min-width:36px; height:36px } .md-list.md-dense .md-list-item-content>.md-avatar:first-child{ margin-right:20px } .md-list.md-double-line .md-list-item-content{ min-height:72px } .md-list.md-double-line.md-dense .md-list-item-content{ min-height:60px } .md-list.md-triple-line .md-list-item-content{ min-height:88px } .md-list.md-triple-line.md-dense .md-list-item-content{ min-height:76px } .md-list-item-content .md-list-action{ margin:0 -10px 0 0 } .md-list-item-content .md-list-action:last-of-type{ margin:0 -10px 0 16px } .md-list.md-triple-line .md-list-item-content .md-list-action:last-of-type{ align-self:flex-start } .md-list-item-content>.md-icon:first-child{ margin-right:32px } .md-list-item-content>.md-icon:last-child{ margin-left:16px } .md-list-item-content>.md-checkbox,.md-list-item-content>.md-radio{ margin:0 } .md-list-item-content>.md-checkbox:first-child,.md-list-item-content>.md-radio:first-child{ margin-right:36px } .md-list-item-content>.md-switch{ margin:0 } .md-list-item-content>.md-switch:first-child{ margin-right:22px } .md-list-item-content>.md-avatar{ margin:4px 0 } .md-list-item-content>.md-avatar:first-child{ margin-right:16px } .md-list-item-text{ flex:1; display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; line-height:1.25em; white-space:nowrap } .md-list.md-dense .md-list-item-text{ font-size:13px } .md-list-item-text *{ width:100%; margin:0; overflow:hidden; line-height:1.25em; text-overflow:ellipsis } .md-list-item-text :nth-child(2),.md-list-item-text :nth-child(3){ font-size:14px } .md-list.md-dense .md-list-item-text *{ font-size:13px } .md-list-item-expand{ border-top:1px solid transparent; border-bottom:1px solid transparent; transition:border .4s cubic-bezier(.25,.8,.25,1); will-change:border } .md-list-item-expand.md-active>.md-list-item-content>.md-list-expand-icon{ perspective:1000px; perspective-origin:50% 50%; transform:rotateX(180deg) } .md-list-item-expand.md-active .md-list-expand{ opacity:1; transform:translateZ(0) } .md-list-item-expand .md-list-expand{ height:0; opacity:0; overflow:hidden; transform:translate3D(0,-24px,0); transition:.4s cubic-bezier(.25,.8,.25,1); transition-property:transform,opacity; will-change:transform,opacity } .md-list-item-expand .md-list-expand-icon{ transition:transform .4s cubic-bezier(.25,.8,.25,1); will-change:transform } @keyframes md-progress-bar-indeterminate-track{ 0%{ transform:translateX(0) } 20%{ animation-timing-function:cubic-bezier(.5,0,.7,.5); transform:translateX(0) } 60%{ animation-timing-function:cubic-bezier(.3,.38,.55,.96); transform:translateX(83.67%) } to{ transform:translateX(200.61%) } } @keyframes md-progress-bar-indeterminate-track-alternate{ 0%{ transform:scaleX(.08) } 35%{ animation-timing-function:cubic-bezier(.33,.12,.79,1); transform:scaleX(.08) } 70%{ animation-timing-function:cubic-bezier(.06,.11,.6,1); transform:scaleX(.66) } to{ transform:scaleX(.08) } } @keyframes md-progress-bar-indeterminate-fill{ 0%{ animation-timing-function:cubic-bezier(.15,0,.52,.41); transform:translateX(0) } 25%{ animation-timing-function:cubic-bezier(.31,.28,.8,.73); transform:translateX(37.65%) } 50%{ animation-timing-function:cubic-bezier(.4,.63,.6,.9); transform:translateX(84.39%) } to{ transform:translateX(160.28%) } } @keyframes md-progress-bar-indeterminate-fill-alternate{ 0%{ animation-timing-function:cubic-bezier(.15,0,.52,.41); transform:scaleX(.08) } 20%{ animation-timing-function:cubic-bezier(.31,.28,.8,.73); transform:scaleX(.46) } 45%{ animation-timing-function:cubic-bezier(.4,.63,.6,.9); transform:scaleX(.73) } to{ transform:scaleX(.08) } } @keyframes md-progress-bar-buffer{ to{ transform:translate3D(-8px,0,0) } } .md-progress-bar{ height:5px; overflow:hidden; position:relative; transform:translateZ(0) scaleY(1); transform-origin:center center; transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1); will-change:opacity,transform } .md-progress-bar.md-indeterminate .md-progress-bar-track,.md-progress-bar.md-query .md-progress-bar-track{ left:-150%; animation:md-progress-bar-indeterminate-track 2s linear infinite } .md-progress-bar.md-indeterminate .md-progress-bar-track:after,.md-progress-bar.md-query .md-progress-bar-track:after{ animation:md-progress-bar-indeterminate-track-alternate 2s linear infinite } .md-progress-bar.md-indeterminate .md-progress-bar-fill,.md-progress-bar.md-query .md-progress-bar-fill{ left:-55%; animation:md-progress-bar-indeterminate-fill 2s linear infinite } .md-progress-bar.md-indeterminate .md-progress-bar-fill:after,.md-progress-bar.md-query .md-progress-bar-fill:after{ animation:md-progress-bar-indeterminate-fill-alternate 2s linear infinite } .md-progress-bar.md-buffer .md-progress-bar-buffer,.md-progress-bar.md-buffer .md-progress-bar-fill,.md-progress-bar.md-buffer .md-progress-bar-track,.md-progress-bar.md-determinate .md-progress-bar-buffer,.md-progress-bar.md-determinate .md-progress-bar-fill,.md-progress-bar.md-determinate .md-progress-bar-track{ transition:.25s cubic-bezier(.25,.8,.25,1) } .md-progress-bar.md-determinate .md-progress-bar-track{ display:none } .md-progress-bar.md-buffer .md-progress-bar-buffer{ border-top:4px dotted; animation:md-progress-bar-buffer .25s linear infinite } .md-progress-bar.md-query{ transform:rotate(180deg) } .md-progress-bar-enter,.md-progress-bar-leave-active{ opacity:.5; transform:translateZ(0) scaleY(0) } .md-progress-bar-buffer,.md-progress-bar-fill,.md-progress-bar-track{ transform-origin:top left } .md-progress-bar-buffer,.md-progress-bar-buffer:after,.md-progress-bar-fill,.md-progress-bar-fill:after,.md-progress-bar-track,.md-progress-bar-track:after{ width:100%; height:100%; position:absolute; will-change:transform } .md-progress-bar-buffer:after,.md-progress-bar-fill:after,.md-progress-bar-track:after{ display:inline-block; left:0; content:" " } @keyframes md-progress-spinner-rotate{ 0%{ transform:rotate(0) } to{ transform:rotate(1turn) } } @keyframes md-progress-spinner-initial-rotate{ 0%{ opacity:0; transform:rotate(-90deg) translateZ(0) } 20%{ opacity:1 } to{ transform:rotate(270deg) translateZ(0) } } @keyframes md-progress-spinner-stroke-rotate-fallback{ 0%{ transform:rotate(0) } 25%{ transform:rotate(1170deg) } 50%{ transform:rotate(2340deg) } 75%{ transform:rotate(3510deg) } to{ transform:rotate(13turn) } } @keyframes md-progress-spinner-stroke-rotate{ 0%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotate(0) } 12.5%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotate(0) } 12.51%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotateX(180deg) rotate(72.5deg) } 25%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotateX(180deg) rotate(72.5deg) } 25.1%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotate(270deg) } 37.5%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotate(270deg) } 37.51%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotateX(180deg) rotate(161.5deg) } 50%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotateX(180deg) rotate(161.5deg) } 50.01%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotate(180deg) } 62.5%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotate(180deg) } 62.51%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotateX(180deg) rotate(251.5deg) } 75%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotateX(180deg) rotate(251.5deg) } 75.01%{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotate(90deg) } 87.5%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotate(90deg) } 87.51%{ stroke-dashoffset:var(--md-progress-spinner-end-value); transform:rotateX(180deg) rotate(341.5deg) } to{ stroke-dashoffset:var(--md-progress-spinner-start-value); transform:rotateX(180deg) rotate(341.5deg) } } .md-progress-spinner{ display:inline-flex; position:relative } .md-progress-spinner.md-indeterminate{ animation:md-progress-spinner-rotate 2s linear infinite } .md-progress-spinner.md-indeterminate.md-progress-spinner-enter .md-progress-spinner-draw,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-to .md-progress-spinner-draw{ opacity:0; transform:scale(.1) } .md-progress-spinner.md-indeterminate.md-progress-spinner-enter-active,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active{ transition-duration:.4s; animation:none } .md-progress-spinner.md-indeterminate .md-progress-spinner-circle{ animation:4s cubic-bezier(.25,.8,.25,1) infinite; animation-name:md-progress-spinner-stroke-rotate } .md-progress-spinner.md-determinate.md-progress-spinner-enter-active{ transition-duration:2s } .md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw{ animation:md-progress-spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) forwards } .md-progress-spinner.md-determinate.md-progress-spinner-leave-active{ transition-duration:2s } .md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw{ animation:md-progress-spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) reverse forwards } .md-progress-spinner.md-determinate .md-progress-spinner-draw{ transition:none } .md-progress-spinner-draw{ overflow:visible; transform:scale(1) rotate(-90deg); transform-origin:center; transition:.4s cubic-bezier(.25,.8,.25,1); will-change:opacity,transform } .md-progress-spinner-circle{ fill:none; transform-origin:center; transition:stroke-dashoffset .25s cubic-bezier(.25,.8,.25,1); will-change:stroke-dashoffset,stroke-dasharray,stroke-width,animation-name,r } .md-radio{ width:auto; margin:16px 16px 16px 0; display:inline-flex; position:relative } .md-radio:not(.md-disabled),.md-radio:not(.md-disabled) .md-radio-label{ cursor:pointer } .md-radio .md-radio-container{ width:20px; min-width:20px; height:20px; position:relative; border:2px solid transparent; border-radius:50%; transition:.4s cubic-bezier(.25,.8,.25,1) } .md-radio .md-radio-container:focus{ outline:none } .md-radio .md-radio-container:after,.md-radio .md-radio-container:before{ position:absolute; transition:.4s cubic-bezier(.55,0,.55,.2); content:" " } .md-radio .md-radio-container:before{ width:48px; height:48px; top:50%; left:50%; z-index:11; border-radius:50%; transform:translate(-50%,-50%) } .md-radio .md-radio-container:after{ position:absolute; top:3px; right:3px; bottom:3px; left:3px; border-radius:50%; opacity:0; transform:scale3D(.38,.38,1); content:" " } .md-radio .md-radio-container .md-ripple{ width:48px!important; height:48px!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%); border-radius:50% } .md-radio .md-radio-container input{ position:absolute; left:-999em } .md-radio .md-radio-label{ height:20px; padding-left:16px; position:relative; line-height:20px } .md-radio.md-checked .md-radio-container:after{ opacity:1; transform:scaleX(1); transition:.4s cubic-bezier(.25,.8,.25,1) } .md-radio.md-required label:after{ position:absolute; top:2px; right:0; transform:translateX(calc(100% + 2px)); content:"*"; line-height:1em; vertical-align:top } .md-snackbar{ box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); min-width:288px; max-width:568px; min-height:48px; max-height:80px; padding:14px 24px; display:flex; align-items:center; position:fixed; z-index:1000; border-radius:2px; transition:.4s cubic-bezier(.4,0,.2,1); will-change:background-color,color,opacity,transform } .md-snackbar.md-position-center{ margin:0 auto; right:0; bottom:0; left:0 } .md-snackbar.md-position-center.md-snackbar-enter,.md-snackbar.md-position-center.md-snackbar-leave-active{ transform:translate3D(0,calc(100% + 8px),0) } .md-snackbar.md-position-left{ bottom:24px; left:24px } .md-snackbar.md-position-left.md-snackbar-enter,.md-snackbar.md-position-left.md-snackbar-leave-active{ transform:translate3D(0,calc(100% + 32px),0) } .md-snackbar-enter,.md-snackbar-enter .md-snackbar-content,.md-snackbar-leave-active,.md-snackbar-leave-active .md-snackbar-content{ opacity:0 } .md-snackbar-content{ flex:1; display:flex; align-items:center; justify-content:space-between; transition:opacity .38s cubic-bezier(.55,0,.55,.2) } .md-snackbar-content .md-button{ min-width:0; margin:-8px -8px -8px 36px } .md-snackbar-content .md-button+.md-button{ margin-left:16px } @media (max-width:600px){ .md-snackbar{ left:0; transform:none; border-radius:0 } .md-snackbar-content .md-button{ margin-left:12px } } .md-speed-dial{ display:inline-flex; flex-direction:column } .md-speed-dial.md-top-left,.md-speed-dial.md-top-right{ position:absolute; top:24px } .md-speed-dial.md-bottom-left,.md-speed-dial.md-bottom-right{ position:absolute; bottom:24px } .md-speed-dial.md-bottom-center,.md-speed-dial.md-top-center{ position:absolute; left:50%; transform:translateX(-50%) } .md-speed-dial.md-top-center{ top:24px } .md-speed-dial.md-bottom-center{ bottom:24px } .md-speed-dial.md-bottom-right,.md-speed-dial.md-top-right{ right:24px } .md-speed-dial.md-bottom-left,.md-speed-dial.md-top-left{ left:24px } .md-speed-dial.md-fixed{ position:fixed } .md-speed-dial.md-direction-top.md-effect-fling .md-speed-dial-content .md-button{ transform:translate3d(0,50%,0) scale(.8) } .md-speed-dial.md-direction-top .md-speed-dial-target{ order:2; margin-bottom:0!important } .md-speed-dial.md-direction-top .md-speed-dial-content{ order:1 } .md-speed-dial.md-direction-top .md-speed-dial-content .md-button:first-child{ margin-top:0 } .md-speed-dial.md-direction-bottom.md-effect-fling .md-speed-dial-content .md-button{ transform:translate3d(0,-50%,0) scale(.8) } .md-speed-dial.md-direction-bottom .md-speed-dial-target{ order:1; margin-top:0!important } .md-speed-dial.md-direction-bottom .md-speed-dial-content{ order:2 } .md-speed-dial.md-direction-bottom .md-speed-dial-content .md-button:last-child{ margin-bottom:0 } .md-speed-dial.md-effect-scale .md-speed-dial-content .md-button{ transform:scale(.3) } .md-speed-dial.md-active .md-morph-initial,.md-speed-dial.md-with-hover:hover .md-morph-initial{ opacity:0; transform:translate3D(-50%,-50%,0) rotate(90deg) scale(.7) } .md-speed-dial.md-active .md-morph-final,.md-speed-dial.md-with-hover:hover .md-morph-final{ opacity:1; transform:translate3D(-50%,-50%,0) rotate(0deg) scale(1) } .md-speed-dial.md-active .md-speed-dial-content .md-button,.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button{ pointer-events:auto; opacity:1; transform:translateZ(0) scale(1)!important; transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.25,.8,.25,1) } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="0"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="0"]{ transition-delay:0s } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="1"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="1"]{ transition-delay:.1s } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="2"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="2"]{ transition-delay:.2s } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="3"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="3"]{ transition-delay:.3s } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="4"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="4"]{ transition-delay:.4s } .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="5"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="5"]{ transition-delay:.5s } .md-speed-dial .md-button{ margin:6px 0 } .md-speed-dial .md-speed-dial-content .md-button{ pointer-events:none; opacity:0; transition:opacity .3s cubic-bezier(.4,0,.2,1),transform 0s cubic-bezier(.4,0,.2,1) .3s; will-change:opacity,transform } .md-speed-dial .md-morph-final,.md-speed-dial .md-morph-initial{ position:absolute; top:50%; left:50%; transform:translate3D(-50%,-50%,0); transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:opacity,transform; will-change:opacity,transform } .md-speed-dial .md-morph-final{ opacity:0; transform:translate3D(-50%,-50%,0) scale(.7) rotate(-90deg) } .md-speed-dial-target{ z-index:1 } .md-speed-dial-content{ display:flex; flex-direction:column; align-items:center; position:relative; z-index:2 } .md-speed-dial-content,.md-steppers{ transition:.3s cubic-bezier(.4,0,.2,1) } .md-steppers{ transition-property:color,background-color; will-change:color,background-color } .md-steppers.md-no-transition *{ transition:none!important } .md-steppers.md-dynamic-height .md-steppers-wrapper{ transition:height .3s cubic-bezier(.4,0,.2,1); will-change:height } .md-steppers.md-horizontal.md-alternative .md-stepper-header{ height:104px } .md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-number:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-number:after{ content:none } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-ripple{ justify-content:center } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content{ padding-top:16px; flex-direction:column } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:before{ content:none } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-text{ height:32px; justify-content:flex-start; text-align:center } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number{ margin:0 8px 8px; position:relative } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before{ width:9999%; height:1px; position:absolute; top:50%; z-index:2; transition:background-color .3s cubic-bezier(.4,0,.2,1); will-change:background-color; content:" " } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after{ left:calc(100% + 8px) } .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before{ right:32px } .md-steppers.md-vertical .md-stepper-header{ height:56px } .md-steppers.md-vertical .md-stepper-header .md-ripple{ padding:0 24px 0 16px } .md-steppers.md-vertical .md-steppers-container{ display:block } .md-steppers.md-vertical .md-button-content:after,.md-steppers.md-vertical .md-button-content:before{ content:none } .md-steppers.md-vertical .md-stepper-icon,.md-steppers.md-vertical .md-stepper-number{ margin-right:12px } .md-steppers.md-vertical .md-stepper{ flex:none; padding:0; position:relative } .md-steppers.md-vertical .md-stepper:last-of-type:after{ content:none } .md-steppers.md-vertical .md-stepper:after{ width:1px; position:absolute; top:48px; bottom:-8px; left:36px; z-index:2; transition:background-color .3s cubic-bezier(.4,0,.2,1); will-change:background-color; content:" " } .md-steppers-navigation{ box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); display:flex } .md-steppers-navigation .md-stepper-header{ width:auto } .md-stepper-header{ width:100%; height:72px; margin:0; flex:1; border-radius:0; font-weight:400; text-align:left; text-transform:none } .md-stepper-header:first-of-type .md-button-content:before,.md-stepper-header:last-of-type .md-button-content:after{ content:none } .md-stepper-header.md-active,.md-stepper-header.md-error{ font-weight:500 } .md-stepper-header .md-ripple{ padding:0 16px; justify-content:flex-start } .md-stepper-header .md-button-content{ padding:0 8px; display:flex; align-items:center; transition:color .3s cubic-bezier(.4,0,.2,1); will-change:color } .md-stepper-header .md-button-content:after,.md-stepper-header .md-button-content:before{ height:1px; position:absolute; top:50%; transition:background-color .3s cubic-bezier(.4,0,.2,1); will-change:background-color; content:" " } .md-stepper-header .md-button-content:after{ width:9999%; left:100% } .md-stepper-header .md-button-content:before{ width:16px; left:-16px } .md-stepper-header .md-button-content svg{ transition:.3s cubic-bezier(.4,0,.2,1); transition-property:color,fill; will-change:color,fill } .md-stepper-text{ display:flex; flex-direction:column; justify-content:center; line-height:16px; white-space:nowrap } .md-stepper-icon,.md-stepper-number{ margin-right:8px; transition:color .3s cubic-bezier(.4,0,.2,1); will-change:color } .md-stepper-number{ width:24px; height:24px; border-radius:24px; transition:.3s cubic-bezier(.4,0,.2,1); transition-property:color,background-color; will-change:color,background-color; font-size:12px; line-height:24px; text-align:center } .md-stepper-done{ width:20px; height:20px; transform:translateY(-1px) } .md-stepper-editable{ width:14px; height:14px; transform:translateY(-1px) } .md-stepper-description,.md-stepper-error{ font-size:12px; font-weight:400; line-height:16px } .md-stepper-description{ opacity:.54 } .md-steppers-wrapper{ overflow:hidden; transition:none; will-change:height } .md-steppers-container{ display:flex; align-items:flex-start; flex-wrap:nowrap; transform:translateZ(0); transition:transform .35s cubic-bezier(.4,0,.2,1); will-change:transform } .md-stepper{ width:100%; flex:1 0 100%; padding:16px 24px } @media (max-width:960px){ .md-stepper{ padding:8px 16px } } .md-steppers.md-vertical .md-stepper-content{ padding:0 24px 0 60px; height:0; overflow:hidden; opacity:0; transform:translate3D(0,-20px,0); transition:.35s cubic-bezier(.25,.8,.25,1); transition-property:opacity,transform,height,padding-bottom; will-change:opacity,transform,height,padding-bottom } .md-steppers.md-vertical .md-stepper-content.md-active{ height:auto; padding-bottom:40px; opacity:1; transform:translateZ(0) } .md-subheader{ min-height:48px; padding:0 16px; display:flex; align-items:center; flex-flow:row wrap; font-size:14px; font-weight:500 } .md-switch{ width:auto; margin:16px 16px 16px 0; display:inline-flex; position:relative } .md-switch:not(.md-disabled),.md-switch:not(.md-disabled) .md-switch-label{ cursor:pointer } .md-switch .md-switch-container{ width:34px; min-width:34px; height:14px; margin:3px 0; display:flex; align-items:center; position:relative; border-radius:14px; transition:.4s cubic-bezier(.25,.8,.25,1) } .md-switch .md-switch-thumb{ box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); width:20px; height:20px; position:relative; border-radius:50%; transition:.4s cubic-bezier(.25,.8,.25,1) } .md-switch .md-switch-thumb:before{ width:48px; height:48px; position:absolute; top:50%; left:50%; z-index:11; transform:translate(-50%,-50%); content:" " } .md-switch .md-switch-thumb .md-ripple{ width:48px!important; height:48px!important; top:50%!important; left:50%!important; position:absolute; transform:translate(-50%,-50%); border-radius:50% } .md-switch .md-switch-thumb input{ position:absolute; left:-999em } .md-switch .md-switch-label{ height:20px; padding-left:16px; position:relative; line-height:20px } .md-switch.md-checked .md-switch-thumb{ transform:translate3d(15px,0,0) } .md-switch.md-required label:after{ position:absolute; top:2px; right:0; transform:translateX(calc(100% + 2px)); content:"*"; line-height:1em; vertical-align:top } .md-table{ display:flex; flex-flow:column wrap; overflow-x:auto } .md-table .md-table-fixed-header{ position:relative } .md-table .md-table-fixed-header .md-table-fixed-header-container{ flex:1; overflow-x:auto } .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar,.md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-button,.md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-thumb{ display:none } .md-table .md-table-fixed-header-active{ border-bottom:1px solid } .md-table .md-table-content{ flex:1; overflow-x:auto; transition:height .3s cubic-bezier(.4,0,.2,1) } .md-table .md-table-empty{ display:flex; align-items:center; justify-content:center } .md-table table{ width:100%; border-spacing:0; border-collapse:collapse; overflow:hidden } .md-table-head{ padding:0; position:relative; font-size:12px; line-height:16px; text-align:left } .md-table-head:last-child:not(:first-child) .md-table-head-label{ padding-right:24px } .md-table-head.md-numeric{ text-align:right } .md-table-head.md-sortable:first-of-type .md-table-sortable-icon,.md-table-head.md-table-cell-selection+.md-sortable .md-table-sortable-icon{ right:8px; left:auto } .md-table-head .md-icon{ width:16px; height:16px; font-size:16px } .md-table-head .md-icon:not(.md-sortable-icon){ margin:0 4px } .md-table-head .md-icon:first-child{ margin-left:0 } .md-table-head .md-icon:last-child{ margin-right:0 } .md-sortable{ cursor:pointer } .md-sortable.md-sorted .md-table-sortable-icon,.md-sortable:hover .md-table-sortable-icon{ opacity:1 } .md-sortable.md-sorted-desc .md-table-sortable-icon{ transform:translateY(-50%) rotate(180deg) } .md-table-head-container{ height:56px; padding:14px 0 } .md-table-head-container,.md-table-head-label{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .md-table-head-label{ height:28px; padding-right:32px; padding-left:24px; display:inline-block; position:relative; line-height:28px } .md-table-sortable-icon{ position:absolute; top:50%; left:0; transition:.3s cubic-bezier(.4,0,.2,1); transform:translateY(-50%); opacity:0; color:rgba(0,0,0,.38) } .md-table-alternate-header{ position:absolute; top:0; right:0; left:0; z-index:2; will-change:opacity,transform } .md-table-alternate-header-enter,.md-table-alternate-header-leave-active{ opacity:0; transform:translate3d(0,-100%,0) } .md-table-alternate-header-enter-active{ transition:.3s cubic-bezier(.4,0,.2,1) } .md-table-alternate-header-leave-active{ transition:.2s cubic-bezier(.4,0,1,1) } .md-table-row{ transition:.3s cubic-bezier(.4,0,.2,1); transition-property:background-color,font-weight; will-change:background-color,font-weight } .md-table-row.md-has-selection{ cursor:pointer } .md-table-row.md-selected-single{ font-weight:500 } tbody .md-table-row td{ border-top:1px solid } .md-table-cell-selection{ width:66px } .md-table-cell-selection+td .md-table-cell-container,.md-table-cell-selection+th .md-table-head-label{ padding-left:0 } .md-table-cell-selection .md-table-cell-container,.md-table-cell-selection .md-table-cell-label,.md-table-cell-selection .md-table-head-container,.md-table-cell-selection .md-table-head-label{ padding:0; display:flex; align-items:center; justify-content:center; overflow:visible } .md-table-cell-selection .md-checkbox{ margin:0 } .md-table-cell-selection .md-checkbox .md-checkbox-container{ width:18px; min-width:18px; height:18px } .md-table-cell-selection .md-checkbox .md-checkbox-container:after{ top:-1px; left:4px } .md-table-toolbar{ padding-left:24px } .md-table-toolbar .md-title{ flex:1; font-size:20px } .md-toolbar,.md-toolbar-row{ width:100%; min-height:64px; display:flex; align-items:center; align-content:center; transition:.3s cubic-bezier(.4,0,.2,1); transition-property:opacity,background-color,box-shadow,transform,color,min-height; will-change:opacity,background-color,box-shadow,transform,color,min-height } .md-toolbar{ padding:0 16px; flex-flow:row wrap; position:relative; z-index:2 } .md-toolbar.md-dense{ min-height:48px } .md-toolbar.md-large .md-toolbar-row,.md-toolbar.md-medium .md-toolbar-row{ min-height:64px } .md-toolbar.md-medium{ min-height:88px } .md-toolbar.md-large{ min-height:128px; align-content:inherit } .md-toolbar.md-large.md-dense{ min-height:96px } .md-toolbar.md-large.md-dense .md-toolbar-row+.md-toolbar-row{ min-height:32px } .md-toolbar .md-toolbar-offset{ margin-left:56px } .md-toolbar .md-button,.md-toolbar .md-icon{ z-index:1 } .md-toolbar .md-button~.md-title,.md-toolbar .md-icon~.md-title{ margin-left:24px } .md-toolbar .md-button:last-child{ margin-right:0 } .md-toolbar .md-button:first-child{ margin-left:0 } .md-toolbar .md-display-1,.md-toolbar .md-display-2,.md-toolbar .md-title{ margin:0 0 0 8px; overflow:hidden; font-weight:400; letter-spacing:.02em; text-overflow:ellipsis; white-space:nowrap; vertical-align:top } .md-toolbar .md-display-1{ padding:12px 0 } .md-toolbar .md-field{ margin-top:2px; margin-bottom:14px; padding-top:16px } .md-toolbar-row{ align-self:flex-start } .md-toolbar-section-end,.md-toolbar-section-start{ display:flex; align-items:center; flex:1 } .md-toolbar-section-start{ justify-content:flex-start; order:0 } .md-toolbar-section-end{ justify-content:flex-end; order:10 } @media (max-width:960px){ .md-toolbar,.md-toolbar-row{ min-height:48px } .md-toolbar{ padding:0 8px } .md-toolbar .md-toolbar-offset{ margin-left:48px } .md-toolbar .md-button~.md-title,.md-toolbar .md-icon~.md-title{ margin-left:16px } } @media (max-width:600px){ .md-toolbar,.md-toolbar-row{ min-height:56px } } .md-table-empty-state{ padding-left:24px } .md-table-cell{ height:48px; position:relative; transition:.3s cubic-bezier(.4,0,.2,1); font-size:13px; line-height:18px } .md-table-cell.md-numeric{ text-align:right } .md-table-cell:last-child .md-table-cell-container{ padding-right:24px } .md-table-cell-container{ padding:6px 32px 6px 24px } .md-table-pagination{ height:56px; display:flex; flex:1; align-items:center; justify-content:flex-end; border-top:1px solid; font-size:12px } .md-table-pagination .md-table-pagination-previous{ margin-right:2px; margin-left:18px } .md-table-pagination .md-field{ width:48px; min-width:36px; margin:-16px 24px 0 32px } .md-table-pagination .md-field:after,.md-table-pagination .md-field:before{ display:none } .md-table-pagination .md-field .md-select-value{ font-size:13px } .md-menu-content.md-pagination-select{ max-width:82px; min-width:56px; margin-top:5px } .md-tabs{ display:flex; flex-direction:column } .md-tabs.md-no-transition *{ transition:none!important } .md-tabs.md-dynamic-height .md-tabs-content{ transition:height .3s cubic-bezier(.4,0,.2,1); will-change:height } .md-tabs.md-transparent .md-tabs-content,.md-tabs.md-transparent .md-tabs-navigation{ background-color:transparent!important } .md-tabs.md-dynamic-height .md-tabs-content{ transition:height .35s cubic-bezier(.25,.8,.25,1) } .md-tabs.md-alignment-left .md-tabs-navigation{ justify-content:flex-start } .md-tabs.md-alignment-right .md-tabs-navigation{ justify-content:flex-end } .md-tabs.md-alignment-centered .md-tabs-navigation,.md-tabs.md-alignment-fixed .md-tabs-navigation{ justify-content:center } .md-tabs.md-alignment-fixed .md-tabs-navigation .md-button{ max-width:264px; min-width:160px; flex:1 } .md-toolbar .md-tabs{ padding-left:48px } .md-tabs-navigation{ display:flex; position:relative } .md-tabs-navigation .md-button{ max-width:264px; min-width:72px; height:48px; margin:0; cursor:pointer; border-radius:0; font-size:13px } .md-tabs-navigation .md-button-content{ position:static } .md-tabs-navigation .md-icon-label{ height:72px } .md-tabs-navigation .md-icon-label .md-button-content{ display:flex; flex-direction:column; justify-content:center } .md-tabs-navigation .md-icon-label .md-tab-icon+.md-tab-label{ margin-top:10px } .md-tabs-navigation .md-ripple{ padding:0 24px } .md-tabs-indicator{ height:2px; position:absolute; bottom:0; left:0; transform:translateZ(0); will-change:left,right } .md-tabs-indicator.md-tabs-indicator-left{ transition:left .3s cubic-bezier(.4,0,.2,1),right .35s cubic-bezier(.4,0,.2,1) } .md-tabs-indicator.md-tabs-indicator-right{ transition:right .3s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1) } .md-tabs-content{ overflow:hidden; transition:none; will-change:height } .md-tabs-container{ display:flex; align-items:flex-start; flex-wrap:nowrap; transform:translateZ(0); transition:transform .35s cubic-bezier(.4,0,.2,1); will-change:transform } .md-tab{ width:100%; flex:1 0 100%; padding:16px } @media (max-width:960px){ .md-tabs.md-alignment-fixed .md-tabs-navigation .md-button{ min-width:72px } .md-toolbar .md-tabs{ margin:0 -8px; padding-left:0 } .md-tabs-navigation .md-ripple{ padding:0 12px } .md-tab{ padding:8px } } .md-tooltip{ height:22px; padding:0 8px; position:fixed; z-index:111; pointer-events:none; border-radius:2px; transition:.15s cubic-bezier(0,0,.2,1); transition-property:opacity,transform; will-change:opacity,transform,top,left!important; font-size:10px; line-height:22px; text-transform:none; white-space:nowrap } .md-tooltip.md-tooltip-leave-active{ transition-timing-function:cubic-bezier(.4,0,1,1) } .md-tooltip.md-tooltip-enter,.md-tooltip.md-tooltip-leave-active{ opacity:0 } .md-tooltip.md-tooltip-enter.md-tooltip-top,.md-tooltip.md-tooltip-leave-active.md-tooltip-top{ transform:translate3d(0,4px,0) scale(.95) } .md-tooltip.md-tooltip-enter.md-tooltip-right,.md-tooltip.md-tooltip-leave-active.md-tooltip-right{ transform:translate3d(-4px,0,0) scale(.95) } .md-tooltip.md-tooltip-enter.md-tooltip-bottom,.md-tooltip.md-tooltip-leave-active.md-tooltip-bottom{ transform:translate3d(0,-4px,0) scale(.95) } .md-tooltip.md-tooltip-enter.md-tooltip-left,.md-tooltip.md-tooltip-leave-active.md-tooltip-left{ transform:translate3d(4px,0,0) scale(.95) } @media (max-width:960px){ .md-tooltip{ height:32px; font-size:14px; line-height:32px } } *,:after,:before{ box-sizing:inherit } html{ height:100%; box-sizing:border-box; transition:background-color .3s cubic-bezier(.25,.8,.25,1) } body{ min-height:100%; margin:0; position:relative; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif } a:not(.md-button){ transition:.3s cubic-bezier(.25,.8,.25,1); transition-property:color,background-color,opacity } audio,canvas,embed,iframe,img,object,video{ max-width:100%; font-style:italic; vertical-align:middle } audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),video:not(.md-image){ height:auto } [tabindex="-1"]:focus{ outline:none!important } .md-scrollbar::-webkit-scrollbar{ width:8px; height:8px; border-radius:8px } .md-scrollbar::-webkit-scrollbar-thumb{ border-radius:8px } .md-scrollbar::-webkit-scrollbar-button{ display:none } .md-caption{ font-size:12px; font-weight:400; letter-spacing:.02em; line-height:17px } .md-body-1,body{ font-weight:400; line-height:20px } .md-body-1,.md-body-2,body{ font-size:14px; letter-spacing:.01em } .md-body-2{ font-weight:500; line-height:24px } .md-subheading{ font-size:16px; font-weight:400; letter-spacing:.01em; line-height:24px } .md-title{ font-size:20px; font-weight:500; letter-spacing:.005em; line-height:26px } .md-headline{ font-size:24px; line-height:32px } .md-display-1,.md-headline{ font-weight:400; letter-spacing:0 } .md-display-1{ font-size:34px; line-height:40px } .md-display-2{ font-size:45px; font-weight:400; letter-spacing:0; line-height:48px } .md-display-3{ font-size:56px; font-weight:400; letter-spacing:-.005em; line-height:58px } .md-display-4{ font-size:112px; font-weight:300; letter-spacing:-.01em; line-height:112px } a:not(.md-button){ text-decoration:none } a:not(.md-button):hover{ text-decoration:underline } button:focus{ outline:none } .md-ripple{ width:100%; height:100%; position:relative; z-index:10; overflow:hidden; -webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0) } .md-ripple-wave{ position:absolute; z-index:1; pointer-events:none; background:currentColor; border-radius:50%; opacity:0; transform:scale(2) translateZ(0) } .md-ripple-wave.md-centered{ animation-duration:1.2s; top:50%; left:50% } .md-ripple-wave~:not(.md-ripple-wave){ position:relative; z-index:2 } .md-ripple-enter-active{ transition:.8s cubic-bezier(.25,.8,.25,1); transition-property:opacity,transform; will-change:opacity,transform } .md-ripple-enter-active.md-centered{ transition-duration:1.2s } .md-ripple-enter{ opacity:.26; transform:scale(.26) translateZ(0) } fieldset[disabled] .multiselect{ pointer-events:none } .multiselect__spinner{ position:absolute; right:1px; top:1px; width:40px; height:38px; background:#fff; display:block } .multiselect__spinner:after,.multiselect__spinner:before{ position:absolute; content:""; top:50%; left:50%; margin:-8px 0 0 -8px; width:16px; height:16px; border-radius:100%; border:2px solid transparent; border-top-color:#41b883; box-shadow:0 0 0 1px transparent } .multiselect__spinner:before{ animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62); animation-iteration-count:infinite } .multiselect__spinner:after{ animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8); animation-iteration-count:infinite } .multiselect__loading-enter-active,.multiselect__loading-leave-active{ transition:opacity .4s ease-in-out; opacity:1 } .multiselect__loading-enter,.multiselect__loading-leave-active{ opacity:0 } .multiselect,.multiselect__input,.multiselect__single{ font-family:inherit; font-size:16px; touch-action:manipulation } .multiselect{ box-sizing:content-box; display:block; position:relative; width:100%; min-height:40px; text-align:left; color:#35495e } .multiselect *{ box-sizing:border-box } .multiselect:focus{ outline:none } .multiselect--disabled{ background:#ededed; pointer-events:none; opacity:.6 } .multiselect--active{ z-index:50 } .multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{ border-bottom-left-radius:0; border-bottom-right-radius:0 } .multiselect--active .multiselect__select{ transform:rotate(180deg) } .multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{ border-top-left-radius:0; border-top-right-radius:0 } .multiselect__input,.multiselect__single{ position:relative; display:inline-block; min-height:20px; line-height:20px; border:none; border-radius:5px; background:#fff; padding:0 0 0 5px; width:100%; transition:border .1s ease; box-sizing:border-box; margin-bottom:8px; vertical-align:top } .multiselect__input::placeholder{ color:#35495e } .multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{ width:auto } .multiselect__input:hover,.multiselect__single:hover{ border-color:#cfcfcf } .multiselect__input:focus,.multiselect__single:focus{ border-color:#a8a8a8; outline:none } .multiselect__single{ padding-left:5px; margin-bottom:8px } .multiselect__tags-wrap{ display:inline } .multiselect__tags{ min-height:40px; display:block; padding:8px 40px 0 8px; border-radius:5px; border:1px solid #e8e8e8; background:#fff; font-size:14px } .multiselect__tag{ position:relative; display:inline-block; padding:4px 26px 4px 10px; border-radius:5px; margin-right:10px; color:#fff; line-height:1; background:#41b883; margin-bottom:5px; white-space:nowrap; overflow:hidden; max-width:100%; text-overflow:ellipsis } .multiselect__tag-icon{ cursor:pointer; margin-left:7px; position:absolute; right:0; top:0; bottom:0; font-weight:700; font-style:normal; width:22px; text-align:center; line-height:22px; transition:all .2s ease; border-radius:5px } .multiselect__tag-icon:after{ content:"\D7"; color:#266d4d; font-size:14px } .multiselect__tag-icon:focus,.multiselect__tag-icon:hover{ background:#369a6e } .multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{ color:#fff } .multiselect__current{ min-height:40px; overflow:hidden; padding:8px 30px 0 12px; white-space:nowrap; border-radius:5px; border:1px solid #e8e8e8 } .multiselect__current,.multiselect__select{ line-height:16px; box-sizing:border-box; display:block; margin:0; text-decoration:none; cursor:pointer } .multiselect__select{ position:absolute; width:40px; height:38px; right:1px; top:1px; padding:4px 8px; text-align:center; transition:transform .2s ease } .multiselect__select:before{ position:relative; right:0; top:65%; color:#999; margin-top:4px; border-color:#999 transparent transparent; border-style:solid; border-width:5px 5px 0; content:"" } .multiselect__placeholder{ color:#adadad; display:inline-block; margin-bottom:10px; padding-top:2px } .multiselect--active .multiselect__placeholder{ display:none } .multiselect__content-wrapper{ position:absolute; display:block; background:#fff; width:100%; max-height:240px; overflow:auto; border:1px solid #e8e8e8; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:50; -webkit-overflow-scrolling:touch } .multiselect__content{ list-style:none; display:inline-block; padding:0; margin:0; min-width:100%; vertical-align:top } .multiselect--above .multiselect__content-wrapper{ bottom:100%; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:none; border-top:1px solid #e8e8e8 } .multiselect__content::webkit-scrollbar{ display:none } .multiselect__element{ display:block } .multiselect__option{ display:block; padding:12px; min-height:40px; line-height:16px; text-decoration:none; text-transform:none; vertical-align:middle; position:relative; cursor:pointer; white-space:nowrap } .multiselect__option:after{ top:0; right:0; position:absolute; line-height:40px; padding-right:12px; padding-left:20px; font-size:13px } .multiselect__option--highlight{ background:#41b883; outline:none; color:#fff } .multiselect__option--highlight:after{ content:attr(data-select); background:#41b883; color:#fff } .multiselect__option--selected{ background:#f3f3f3; color:#35495e; font-weight:700 } .multiselect__option--selected:after{ content:attr(data-selected); color:silver; background:inherit } .multiselect__option--selected.multiselect__option--highlight{ background:#ff6a6a; color:#fff } .multiselect__option--selected.multiselect__option--highlight:after{ background:#ff6a6a; content:attr(data-deselect); color:#fff } .multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{ background:#ededed; color:#a6a6a6 } .multiselect__option--disabled{ background:#ededed!important; color:#a6a6a6!important; cursor:text; pointer-events:none } .multiselect__option--group{ background:#ededed; color:#35495e } .multiselect__option--group.multiselect__option--highlight{ background:#35495e; color:#fff } .multiselect__option--group.multiselect__option--highlight:after{ background:#35495e } .multiselect__option--disabled.multiselect__option--highlight{ background:#dedede } .multiselect__option--group-selected.multiselect__option--highlight{ background:#ff6a6a; color:#fff } .multiselect__option--group-selected.multiselect__option--highlight:after{ background:#ff6a6a; content:attr(data-deselect); color:#fff } .multiselect-enter-active,.multiselect-leave-active{ transition:all .15s ease } .multiselect-enter,.multiselect-leave-active{ opacity:0 } .multiselect__strong{ margin-bottom:8px; line-height:20px; display:inline-block; vertical-align:top } [dir=rtl] .multiselect{ text-align:right } [dir=rtl] .multiselect__select{ right:auto; left:1px } [dir=rtl] .multiselect__tags{ padding:8px 8px 0 40px } [dir=rtl] .multiselect__content{ text-align:right } [dir=rtl] .multiselect__option:after{ right:auto; left:0 } [dir=rtl] .multiselect__clear{ right:auto; left:12px } [dir=rtl] .multiselect__spinner{ right:auto; left:1px } @keyframes spinning{ 0%{ transform:rotate(0) } to{ transform:rotate(2turn) } } @charset "UTF-8"; :root, [data-bs-theme=light]{ --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-black:#000; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-gray-100:#f8f9fa; --bs-gray-200:#e9ecef; --bs-gray-300:#dee2e6; --bs-gray-400:#ced4da; --bs-gray-500:#adb5bd; --bs-gray-600:#6c757d; --bs-gray-700:#495057; --bs-gray-800:#343a40; --bs-gray-900:#212529; --bs-primary:#20535c; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-primary-rgb:32, 83, 92; --bs-secondary-rgb:108, 117, 125; --bs-success-rgb:25, 135, 84; --bs-info-rgb:13, 202, 240; --bs-warning-rgb:255, 193, 7; --bs-danger-rgb:220, 53, 69; --bs-light-rgb:248, 249, 250; --bs-dark-rgb:33, 37, 41; --bs-primary-text-emphasis:#0d2125; --bs-secondary-text-emphasis:#2b2f32; --bs-success-text-emphasis:#0a3622; --bs-info-text-emphasis:#055160; --bs-warning-text-emphasis:#664d03; --bs-danger-text-emphasis:#58151c; --bs-light-text-emphasis:#495057; --bs-dark-text-emphasis:#495057; --bs-primary-bg-subtle:#d2ddde; --bs-secondary-bg-subtle:#e2e3e5; --bs-success-bg-subtle:#d1e7dd; --bs-info-bg-subtle:#cff4fc; --bs-warning-bg-subtle:#fff3cd; --bs-danger-bg-subtle:#f8d7da; --bs-light-bg-subtle:#fcfcfd; --bs-dark-bg-subtle:#ced4da; --bs-primary-border-subtle:#a6babe; --bs-secondary-border-subtle:#c4c8cb; --bs-success-border-subtle:#a3cfbb; --bs-info-border-subtle:#9eeaf9; --bs-warning-border-subtle:#ffe69c; --bs-danger-border-subtle:#f1aeb5; --bs-light-border-subtle:#e9ecef; --bs-dark-border-subtle:#adb5bd; --bs-white-rgb:255, 255, 255; --bs-black-rgb:0, 0, 0; --bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-color-rgb:33, 37, 41; --bs-body-bg:#F8F7F6; --bs-body-bg-rgb:248, 247, 246; --bs-emphasis-color:#000; --bs-emphasis-color-rgb:0, 0, 0; --bs-secondary-color:rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb:33, 37, 41; --bs-secondary-bg:#e9ecef; --bs-secondary-bg-rgb:233, 236, 239; --bs-tertiary-color:rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb:33, 37, 41; --bs-tertiary-bg:#f8f9fa; --bs-tertiary-bg-rgb:248, 249, 250; --bs-heading-color:inherit; --bs-link-color:#20535c; --bs-link-color-rgb:32, 83, 92; --bs-link-decoration:underline; --bs-link-hover-color:#1a424a; --bs-link-hover-color-rgb:26, 66, 74; --bs-code-color:#d63384; --bs-highlight-bg:#fff3cd; --bs-border-width:1px; --bs-border-style:solid; --bs-border-color:#dee2e6; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius:0.375rem; --bs-border-radius-sm:0.25rem; --bs-border-radius-lg:0.5rem; --bs-border-radius-xl:1rem; --bs-border-radius-xxl:2rem; --bs-border-radius-2xl:var(--bs-border-radius-xxl); --bs-border-radius-pill:50rem; --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width:0.25rem; --bs-focus-ring-opacity:0.25; --bs-focus-ring-color:rgba(32, 83, 92, 0.25); --bs-form-valid-color:#198754; --bs-form-valid-border-color:#198754; --bs-form-invalid-color:#dc3545; --bs-form-invalid-border-color:#dc3545; } [data-bs-theme=dark]{ color-scheme:dark; --bs-body-color:#dee2e6; --bs-body-color-rgb:222, 226, 230; --bs-body-bg:#212529; --bs-body-bg-rgb:33, 37, 41; --bs-emphasis-color:#fff; --bs-emphasis-color-rgb:255, 255, 255; --bs-secondary-color:rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb:222, 226, 230; --bs-secondary-bg:#343a40; --bs-secondary-bg-rgb:52, 58, 64; --bs-tertiary-color:rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb:222, 226, 230; --bs-tertiary-bg:#2b3035; --bs-tertiary-bg-rgb:43, 48, 53; --bs-primary-text-emphasis:#79989d; --bs-secondary-text-emphasis:#a7acb1; --bs-success-text-emphasis:#75b798; --bs-info-text-emphasis:#6edff6; --bs-warning-text-emphasis:#ffda6a; --bs-danger-text-emphasis:#ea868f; --bs-light-text-emphasis:#f8f9fa; --bs-dark-text-emphasis:#dee2e6; --bs-primary-bg-subtle:#061112; --bs-secondary-bg-subtle:#161719; --bs-success-bg-subtle:#051b11; --bs-info-bg-subtle:#032830; --bs-warning-bg-subtle:#332701; --bs-danger-bg-subtle:#2c0b0e; --bs-light-bg-subtle:#343a40; --bs-dark-bg-subtle:#1a1d20; --bs-primary-border-subtle:#133237; --bs-secondary-border-subtle:#41464b; --bs-success-border-subtle:#0f5132; --bs-info-border-subtle:#087990; --bs-warning-border-subtle:#997404; --bs-danger-border-subtle:#842029; --bs-light-border-subtle:#495057; --bs-dark-border-subtle:#343a40; --bs-heading-color:inherit; --bs-link-color:#79989d; --bs-link-hover-color:#94adb1; --bs-link-color-rgb:121, 152, 157; --bs-link-hover-color-rgb:148, 173, 177; --bs-code-color:#e685b5; --bs-border-color:#495057; --bs-border-color-translucent:rgba(255, 255, 255, 0.15); --bs-form-valid-color:#75b798; --bs-form-valid-border-color:#75b798; --bs-form-invalid-color:#ea868f; --bs-form-invalid-border-color:#ea868f; } *, *::before, *::after{ box-sizing:border-box; } @media (prefers-reduced-motion: no-preference){ :root{ scroll-behavior:smooth; } } body{ margin:0; font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size); font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height); color:var(--bs-body-color); text-align:var(--bs-body-text-align); background-color:var(--bs-body-bg); -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } hr{ margin:1rem 0; color:inherit; border:0; border-top:var(--bs-border-width) solid; opacity:0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .io-weather-widget h5, .io-weather-widget .h5{ margin-top:0; margin-bottom:0.5rem; font-weight:500; line-height:1.2; color:var(--bs-heading-color); } h1, .h1, .io-weather-widget h5, .io-weather-widget .h5{ font-size:calc(1.375rem + 1.5vw); } @media (min-width: 1200px){ h1, .h1, .io-weather-widget h5, .io-weather-widget .h5{ font-size:2.5rem; } } h2, .h2{ font-size:calc(1.325rem + 0.9vw); } @media (min-width: 1200px){ h2, .h2{ font-size:2rem; } } h3, .h3{ font-size:calc(1.3rem + 0.6vw); } @media (min-width: 1200px){ h3, .h3{ font-size:1.75rem; } } h4, .h4{ font-size:calc(1.275rem + 0.3vw); } @media (min-width: 1200px){ h4, .h4{ font-size:1.5rem; } } h5, .h5{ font-size:1.25rem; } h6, .h6{ font-size:1rem; } p{ margin-top:0; margin-bottom:1rem; } abbr[title]{ -webkit-text-decoration:underline dotted; text-decoration:underline dotted; cursor:help; -webkit-text-decoration-skip-ink:none; text-decoration-skip-ink:none; } address{ margin-bottom:1rem; font-style:normal; line-height:inherit; } ol, ul{ padding-left:2rem; } ol, ul, dl{ margin-top:0; margin-bottom:1rem; } ol ol, ul ul, ol ul, ul ol{ margin-bottom:0; } dt{ font-weight:700; } dd{ margin-bottom:0.5rem; margin-left:0; } blockquote{ margin:0 0 1rem; } b, strong{ font-weight:bolder; } small, .small{ font-size:0.875em; } mark, .mark{ padding:0.1875em; background-color:var(--bs-highlight-bg); } sub, sup{ position:relative; font-size:0.75em; line-height:0; vertical-align:baseline; } sub{ bottom:-0.25em; } sup{ top:-0.5em; } a{ color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration:underline; } a:hover{ --bs-link-color-rgb:var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover{ color:inherit; text-decoration:none; } pre, code, kbd, samp{ font-family:var(--bs-font-monospace); font-size:1em; } pre{ display:block; margin-top:0; margin-bottom:1rem; overflow:auto; font-size:0.875em; } pre code{ font-size:inherit; color:inherit; word-break:normal; } code{ font-size:0.875em; color:var(--bs-code-color); word-wrap:break-word; } a > code{ color:inherit; } kbd{ padding:0.1875rem 0.375rem; font-size:0.875em; color:var(--bs-body-bg); background-color:var(--bs-body-color); border-radius:0.25rem; } kbd kbd{ padding:0; font-size:1em; } figure{ margin:0 0 1rem; } img, svg{ vertical-align:middle; } table{ caption-side:bottom; border-collapse:collapse; } caption{ padding-top:0.5rem; padding-bottom:0.5rem; color:var(--bs-secondary-color); text-align:left; } th{ text-align:inherit; text-align:-webkit-match-parent; } thead, tbody, tfoot, tr, td, th{ border-color:inherit; border-style:solid; border-width:0; } label{ display:inline-block; } button{ border-radius:0; } button:focus:not(:focus-visible){ outline:0; } input, button, select, optgroup, textarea{ margin:0; font-family:inherit; font-size:inherit; line-height:inherit; } button, select{ text-transform:none; } [role=button]{ cursor:pointer; } select{ word-wrap:normal; } select:disabled{ opacity:1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{ display:none !important; } button, [type=button], [type=reset], [type=submit]{ -webkit-appearance:button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled){ cursor:pointer; } ::-moz-focus-inner{ padding:0; border-style:none; } textarea{ resize:vertical; } fieldset{ min-width:0; padding:0; margin:0; border:0; } legend{ float:left; width:100%; padding:0; margin-bottom:0.5rem; font-size:calc(1.275rem + 0.3vw); line-height:inherit; } @media (min-width: 1200px){ legend{ font-size:1.5rem; } } legend + *{ clear:left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field{ padding:0; } ::-webkit-inner-spin-button{ height:auto; } [type=search]{ -webkit-appearance:textfield; outline-offset:-2px; } ::-webkit-search-decoration{ -webkit-appearance:none; } ::-webkit-color-swatch-wrapper{ padding:0; } ::file-selector-button{ font:inherit; -webkit-appearance:button; } output{ display:inline-block; } iframe{ border:0; } summary{ display:list-item; cursor:pointer; } progress{ vertical-align:baseline; } [hidden]{ display:none !important; } .lead{ font-size:1.25rem; font-weight:300; } .display-1{ font-size:calc(1.625rem + 4.5vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-1{ font-size:5rem; } } .display-2{ font-size:calc(1.575rem + 3.9vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-2{ font-size:4.5rem; } } .display-3{ font-size:calc(1.525rem + 3.3vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-3{ font-size:4rem; } } .display-4{ font-size:calc(1.475rem + 2.7vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-4{ font-size:3.5rem; } } .display-5{ font-size:calc(1.425rem + 2.1vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-5{ font-size:3rem; } } .display-6{ font-size:calc(1.375rem + 1.5vw); font-weight:300; line-height:1.2; } @media (min-width: 1200px){ .display-6{ font-size:2.5rem; } } .list-unstyled{ padding-left:0; list-style:none; } .list-inline{ padding-left:0; list-style:none; } .list-inline-item{ display:inline-block; } .list-inline-item:not(:last-child){ margin-right:0.5rem; } .initialism{ font-size:0.875em; text-transform:uppercase; } .blockquote{ margin-bottom:1rem; font-size:1.25rem; } .blockquote > :last-child{ margin-bottom:0; } .blockquote-footer{ margin-top:-1rem; margin-bottom:1rem; font-size:0.875em; color:#6c757d; } .blockquote-footer::before{ content:"— "; } .img-fluid{ max-width:100%; height:auto; } .img-thumbnail{ padding:0.25rem; background-color:var(--bs-body-bg); border:var(--bs-border-width) solid var(--bs-border-color); border-radius:var(--bs-border-radius); max-width:100%; height:auto; } .figure{ display:inline-block; } .figure-img{ margin-bottom:0.5rem; line-height:1; } .figure-caption{ font-size:0.875em; color:var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{ --bs-gutter-x:1.5rem; --bs-gutter-y:0; width:100%; padding-right:calc(var(--bs-gutter-x) * 0.5); padding-left:calc(var(--bs-gutter-x) * 0.5); margin-right:auto; margin-left:auto; } @media (min-width: 576px){ .container-sm, .container{ max-width:540px; } } @media (min-width: 768px){ .container-md, .container-sm, .container{ max-width:720px; } } @media (min-width: 992px){ .container-lg, .container-md, .container-sm, .container{ max-width:960px; } } @media (min-width: 1200px){ .container-xl, .container-lg, .container-md, .container-sm, .container{ max-width:1140px; } } @media (min-width: 1400px){ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{ max-width:1320px; } } :root{ --bs-breakpoint-xs:0; --bs-breakpoint-sm:576px; --bs-breakpoint-md:768px; --bs-breakpoint-lg:992px; --bs-breakpoint-xl:1200px; --bs-breakpoint-xxl:1400px; } .row{ --bs-gutter-x:1.5rem; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-0.5 * var(--bs-gutter-x)); margin-left:calc(-0.5 * var(--bs-gutter-x)); } .row > *{ flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * 0.5); padding-left:calc(var(--bs-gutter-x) * 0.5); margin-top:var(--bs-gutter-y); } .col{ flex:1 0 0%; } .row-cols-auto > *{ flex:0 0 auto; width:auto; } .row-cols-1 > *{ flex:0 0 auto; width:100%; } .row-cols-2 > *{ flex:0 0 auto; width:50%; } .row-cols-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-4 > *{ flex:0 0 auto; width:25%; } .row-cols-5 > *{ flex:0 0 auto; width:20%; } .row-cols-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-auto{ flex:0 0 auto; width:auto; } .col-1{ flex:0 0 auto; width:8.33333333%; } .col-2{ flex:0 0 auto; width:16.66666667%; } .col-3{ flex:0 0 auto; width:25%; } .col-4{ flex:0 0 auto; width:33.33333333%; } .col-5{ flex:0 0 auto; width:41.66666667%; } .col-6{ flex:0 0 auto; width:50%; } .col-7{ flex:0 0 auto; width:58.33333333%; } .col-8{ flex:0 0 auto; width:66.66666667%; } .col-9{ flex:0 0 auto; width:75%; } .col-10{ flex:0 0 auto; width:83.33333333%; } .col-11{ flex:0 0 auto; width:91.66666667%; } .col-12{ flex:0 0 auto; width:100%; } .offset-1{ margin-left:8.33333333%; } .offset-2{ margin-left:16.66666667%; } .offset-3{ margin-left:25%; } .offset-4{ margin-left:33.33333333%; } .offset-5{ margin-left:41.66666667%; } .offset-6{ margin-left:50%; } .offset-7{ margin-left:58.33333333%; } .offset-8{ margin-left:66.66666667%; } .offset-9{ margin-left:75%; } .offset-10{ margin-left:83.33333333%; } .offset-11{ margin-left:91.66666667%; } .g-0, .gx-0{ --bs-gutter-x:0; } .g-0, .gy-0{ --bs-gutter-y:0; } .g-1, .gx-1{ --bs-gutter-x:0.25rem; } .g-1, .gy-1{ --bs-gutter-y:0.25rem; } .g-2, .gx-2{ --bs-gutter-x:0.5rem; } .g-2, .gy-2{ --bs-gutter-y:0.5rem; } .g-3, .gx-3{ --bs-gutter-x:1rem; } .g-3, .gy-3{ --bs-gutter-y:1rem; } .g-4, .gx-4{ --bs-gutter-x:1.5rem; } .g-4, .gy-4{ --bs-gutter-y:1.5rem; } .g-5, .gx-5{ --bs-gutter-x:3rem; } .g-5, .gy-5{ --bs-gutter-y:3rem; } @media (min-width: 576px){ .col-sm{ flex:1 0 0%; } .row-cols-sm-auto > *{ flex:0 0 auto; width:auto; } .row-cols-sm-1 > *{ flex:0 0 auto; width:100%; } .row-cols-sm-2 > *{ flex:0 0 auto; width:50%; } .row-cols-sm-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-sm-4 > *{ flex:0 0 auto; width:25%; } .row-cols-sm-5 > *{ flex:0 0 auto; width:20%; } .row-cols-sm-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-sm-auto{ flex:0 0 auto; width:auto; } .col-sm-1{ flex:0 0 auto; width:8.33333333%; } .col-sm-2{ flex:0 0 auto; width:16.66666667%; } .col-sm-3{ flex:0 0 auto; width:25%; } .col-sm-4{ flex:0 0 auto; width:33.33333333%; } .col-sm-5{ flex:0 0 auto; width:41.66666667%; } .col-sm-6{ flex:0 0 auto; width:50%; } .col-sm-7{ flex:0 0 auto; width:58.33333333%; } .col-sm-8{ flex:0 0 auto; width:66.66666667%; } .col-sm-9{ flex:0 0 auto; width:75%; } .col-sm-10{ flex:0 0 auto; width:83.33333333%; } .col-sm-11{ flex:0 0 auto; width:91.66666667%; } .col-sm-12{ flex:0 0 auto; width:100%; } .offset-sm-0{ margin-left:0; } .offset-sm-1{ margin-left:8.33333333%; } .offset-sm-2{ margin-left:16.66666667%; } .offset-sm-3{ margin-left:25%; } .offset-sm-4{ margin-left:33.33333333%; } .offset-sm-5{ margin-left:41.66666667%; } .offset-sm-6{ margin-left:50%; } .offset-sm-7{ margin-left:58.33333333%; } .offset-sm-8{ margin-left:66.66666667%; } .offset-sm-9{ margin-left:75%; } .offset-sm-10{ margin-left:83.33333333%; } .offset-sm-11{ margin-left:91.66666667%; } .g-sm-0, .gx-sm-0{ --bs-gutter-x:0; } .g-sm-0, .gy-sm-0{ --bs-gutter-y:0; } .g-sm-1, .gx-sm-1{ --bs-gutter-x:0.25rem; } .g-sm-1, .gy-sm-1{ --bs-gutter-y:0.25rem; } .g-sm-2, .gx-sm-2{ --bs-gutter-x:0.5rem; } .g-sm-2, .gy-sm-2{ --bs-gutter-y:0.5rem; } .g-sm-3, .gx-sm-3{ --bs-gutter-x:1rem; } .g-sm-3, .gy-sm-3{ --bs-gutter-y:1rem; } .g-sm-4, .gx-sm-4{ --bs-gutter-x:1.5rem; } .g-sm-4, .gy-sm-4{ --bs-gutter-y:1.5rem; } .g-sm-5, .gx-sm-5{ --bs-gutter-x:3rem; } .g-sm-5, .gy-sm-5{ --bs-gutter-y:3rem; } } @media (min-width: 768px){ .col-md{ flex:1 0 0%; } .row-cols-md-auto > *{ flex:0 0 auto; width:auto; } .row-cols-md-1 > *{ flex:0 0 auto; width:100%; } .row-cols-md-2 > *{ flex:0 0 auto; width:50%; } .row-cols-md-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-md-4 > *{ flex:0 0 auto; width:25%; } .row-cols-md-5 > *{ flex:0 0 auto; width:20%; } .row-cols-md-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-md-auto{ flex:0 0 auto; width:auto; } .col-md-1{ flex:0 0 auto; width:8.33333333%; } .col-md-2{ flex:0 0 auto; width:16.66666667%; } .col-md-3{ flex:0 0 auto; width:25%; } .col-md-4{ flex:0 0 auto; width:33.33333333%; } .col-md-5{ flex:0 0 auto; width:41.66666667%; } .col-md-6{ flex:0 0 auto; width:50%; } .col-md-7{ flex:0 0 auto; width:58.33333333%; } .col-md-8{ flex:0 0 auto; width:66.66666667%; } .col-md-9{ flex:0 0 auto; width:75%; } .col-md-10{ flex:0 0 auto; width:83.33333333%; } .col-md-11{ flex:0 0 auto; width:91.66666667%; } .col-md-12{ flex:0 0 auto; width:100%; } .offset-md-0{ margin-left:0; } .offset-md-1{ margin-left:8.33333333%; } .offset-md-2{ margin-left:16.66666667%; } .offset-md-3{ margin-left:25%; } .offset-md-4{ margin-left:33.33333333%; } .offset-md-5{ margin-left:41.66666667%; } .offset-md-6{ margin-left:50%; } .offset-md-7{ margin-left:58.33333333%; } .offset-md-8{ margin-left:66.66666667%; } .offset-md-9{ margin-left:75%; } .offset-md-10{ margin-left:83.33333333%; } .offset-md-11{ margin-left:91.66666667%; } .g-md-0, .gx-md-0{ --bs-gutter-x:0; } .g-md-0, .gy-md-0{ --bs-gutter-y:0; } .g-md-1, .gx-md-1{ --bs-gutter-x:0.25rem; } .g-md-1, .gy-md-1{ --bs-gutter-y:0.25rem; } .g-md-2, .gx-md-2{ --bs-gutter-x:0.5rem; } .g-md-2, .gy-md-2{ --bs-gutter-y:0.5rem; } .g-md-3, .gx-md-3{ --bs-gutter-x:1rem; } .g-md-3, .gy-md-3{ --bs-gutter-y:1rem; } .g-md-4, .gx-md-4{ --bs-gutter-x:1.5rem; } .g-md-4, .gy-md-4{ --bs-gutter-y:1.5rem; } .g-md-5, .gx-md-5{ --bs-gutter-x:3rem; } .g-md-5, .gy-md-5{ --bs-gutter-y:3rem; } } @media (min-width: 992px){ .col-lg{ flex:1 0 0%; } .row-cols-lg-auto > *{ flex:0 0 auto; width:auto; } .row-cols-lg-1 > *{ flex:0 0 auto; width:100%; } .row-cols-lg-2 > *{ flex:0 0 auto; width:50%; } .row-cols-lg-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-lg-4 > *{ flex:0 0 auto; width:25%; } .row-cols-lg-5 > *{ flex:0 0 auto; width:20%; } .row-cols-lg-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-lg-auto{ flex:0 0 auto; width:auto; } .col-lg-1{ flex:0 0 auto; width:8.33333333%; } .col-lg-2{ flex:0 0 auto; width:16.66666667%; } .col-lg-3{ flex:0 0 auto; width:25%; } .col-lg-4{ flex:0 0 auto; width:33.33333333%; } .col-lg-5{ flex:0 0 auto; width:41.66666667%; } .col-lg-6{ flex:0 0 auto; width:50%; } .col-lg-7{ flex:0 0 auto; width:58.33333333%; } .col-lg-8{ flex:0 0 auto; width:66.66666667%; } .col-lg-9{ flex:0 0 auto; width:75%; } .col-lg-10{ flex:0 0 auto; width:83.33333333%; } .col-lg-11{ flex:0 0 auto; width:91.66666667%; } .col-lg-12{ flex:0 0 auto; width:100%; } .offset-lg-0{ margin-left:0; } .offset-lg-1{ margin-left:8.33333333%; } .offset-lg-2{ margin-left:16.66666667%; } .offset-lg-3{ margin-left:25%; } .offset-lg-4{ margin-left:33.33333333%; } .offset-lg-5{ margin-left:41.66666667%; } .offset-lg-6{ margin-left:50%; } .offset-lg-7{ margin-left:58.33333333%; } .offset-lg-8{ margin-left:66.66666667%; } .offset-lg-9{ margin-left:75%; } .offset-lg-10{ margin-left:83.33333333%; } .offset-lg-11{ margin-left:91.66666667%; } .g-lg-0, .gx-lg-0{ --bs-gutter-x:0; } .g-lg-0, .gy-lg-0{ --bs-gutter-y:0; } .g-lg-1, .gx-lg-1{ --bs-gutter-x:0.25rem; } .g-lg-1, .gy-lg-1{ --bs-gutter-y:0.25rem; } .g-lg-2, .gx-lg-2{ --bs-gutter-x:0.5rem; } .g-lg-2, .gy-lg-2{ --bs-gutter-y:0.5rem; } .g-lg-3, .gx-lg-3{ --bs-gutter-x:1rem; } .g-lg-3, .gy-lg-3{ --bs-gutter-y:1rem; } .g-lg-4, .gx-lg-4{ --bs-gutter-x:1.5rem; } .g-lg-4, .gy-lg-4{ --bs-gutter-y:1.5rem; } .g-lg-5, .gx-lg-5{ --bs-gutter-x:3rem; } .g-lg-5, .gy-lg-5{ --bs-gutter-y:3rem; } } @media (min-width: 1200px){ .col-xl{ flex:1 0 0%; } .row-cols-xl-auto > *{ flex:0 0 auto; width:auto; } .row-cols-xl-1 > *{ flex:0 0 auto; width:100%; } .row-cols-xl-2 > *{ flex:0 0 auto; width:50%; } .row-cols-xl-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-xl-4 > *{ flex:0 0 auto; width:25%; } .row-cols-xl-5 > *{ flex:0 0 auto; width:20%; } .row-cols-xl-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-xl-auto{ flex:0 0 auto; width:auto; } .col-xl-1{ flex:0 0 auto; width:8.33333333%; } .col-xl-2{ flex:0 0 auto; width:16.66666667%; } .col-xl-3{ flex:0 0 auto; width:25%; } .col-xl-4{ flex:0 0 auto; width:33.33333333%; } .col-xl-5{ flex:0 0 auto; width:41.66666667%; } .col-xl-6{ flex:0 0 auto; width:50%; } .col-xl-7{ flex:0 0 auto; width:58.33333333%; } .col-xl-8{ flex:0 0 auto; width:66.66666667%; } .col-xl-9{ flex:0 0 auto; width:75%; } .col-xl-10{ flex:0 0 auto; width:83.33333333%; } .col-xl-11{ flex:0 0 auto; width:91.66666667%; } .col-xl-12{ flex:0 0 auto; width:100%; } .offset-xl-0{ margin-left:0; } .offset-xl-1{ margin-left:8.33333333%; } .offset-xl-2{ margin-left:16.66666667%; } .offset-xl-3{ margin-left:25%; } .offset-xl-4{ margin-left:33.33333333%; } .offset-xl-5{ margin-left:41.66666667%; } .offset-xl-6{ margin-left:50%; } .offset-xl-7{ margin-left:58.33333333%; } .offset-xl-8{ margin-left:66.66666667%; } .offset-xl-9{ margin-left:75%; } .offset-xl-10{ margin-left:83.33333333%; } .offset-xl-11{ margin-left:91.66666667%; } .g-xl-0, .gx-xl-0{ --bs-gutter-x:0; } .g-xl-0, .gy-xl-0{ --bs-gutter-y:0; } .g-xl-1, .gx-xl-1{ --bs-gutter-x:0.25rem; } .g-xl-1, .gy-xl-1{ --bs-gutter-y:0.25rem; } .g-xl-2, .gx-xl-2{ --bs-gutter-x:0.5rem; } .g-xl-2, .gy-xl-2{ --bs-gutter-y:0.5rem; } .g-xl-3, .gx-xl-3{ --bs-gutter-x:1rem; } .g-xl-3, .gy-xl-3{ --bs-gutter-y:1rem; } .g-xl-4, .gx-xl-4{ --bs-gutter-x:1.5rem; } .g-xl-4, .gy-xl-4{ --bs-gutter-y:1.5rem; } .g-xl-5, .gx-xl-5{ --bs-gutter-x:3rem; } .g-xl-5, .gy-xl-5{ --bs-gutter-y:3rem; } } @media (min-width: 1400px){ .col-xxl{ flex:1 0 0%; } .row-cols-xxl-auto > *{ flex:0 0 auto; width:auto; } .row-cols-xxl-1 > *{ flex:0 0 auto; width:100%; } .row-cols-xxl-2 > *{ flex:0 0 auto; width:50%; } .row-cols-xxl-3 > *{ flex:0 0 auto; width:33.3333333333%; } .row-cols-xxl-4 > *{ flex:0 0 auto; width:25%; } .row-cols-xxl-5 > *{ flex:0 0 auto; width:20%; } .row-cols-xxl-6 > *{ flex:0 0 auto; width:16.6666666667%; } .col-xxl-auto{ flex:0 0 auto; width:auto; } .col-xxl-1{ flex:0 0 auto; width:8.33333333%; } .col-xxl-2{ flex:0 0 auto; width:16.66666667%; } .col-xxl-3{ flex:0 0 auto; width:25%; } .col-xxl-4{ flex:0 0 auto; width:33.33333333%; } .col-xxl-5{ flex:0 0 auto; width:41.66666667%; } .col-xxl-6{ flex:0 0 auto; width:50%; } .col-xxl-7{ flex:0 0 auto; width:58.33333333%; } .col-xxl-8{ flex:0 0 auto; width:66.66666667%; } .col-xxl-9{ flex:0 0 auto; width:75%; } .col-xxl-10{ flex:0 0 auto; width:83.33333333%; } .col-xxl-11{ flex:0 0 auto; width:91.66666667%; } .col-xxl-12{ flex:0 0 auto; width:100%; } .offset-xxl-0{ margin-left:0; } .offset-xxl-1{ margin-left:8.33333333%; } .offset-xxl-2{ margin-left:16.66666667%; } .offset-xxl-3{ margin-left:25%; } .offset-xxl-4{ margin-left:33.33333333%; } .offset-xxl-5{ margin-left:41.66666667%; } .offset-xxl-6{ margin-left:50%; } .offset-xxl-7{ margin-left:58.33333333%; } .offset-xxl-8{ margin-left:66.66666667%; } .offset-xxl-9{ margin-left:75%; } .offset-xxl-10{ margin-left:83.33333333%; } .offset-xxl-11{ margin-left:91.66666667%; } .g-xxl-0, .gx-xxl-0{ --bs-gutter-x:0; } .g-xxl-0, .gy-xxl-0{ --bs-gutter-y:0; } .g-xxl-1, .gx-xxl-1{ --bs-gutter-x:0.25rem; } .g-xxl-1, .gy-xxl-1{ --bs-gutter-y:0.25rem; } .g-xxl-2, .gx-xxl-2{ --bs-gutter-x:0.5rem; } .g-xxl-2, .gy-xxl-2{ --bs-gutter-y:0.5rem; } .g-xxl-3, .gx-xxl-3{ --bs-gutter-x:1rem; } .g-xxl-3, .gy-xxl-3{ --bs-gutter-y:1rem; } .g-xxl-4, .gx-xxl-4{ --bs-gutter-x:1.5rem; } .g-xxl-4, .gy-xxl-4{ --bs-gutter-y:1.5rem; } .g-xxl-5, .gx-xxl-5{ --bs-gutter-x:3rem; } .g-xxl-5, .gy-xxl-5{ --bs-gutter-y:3rem; } } .table{ --bs-table-color-type:initial; --bs-table-bg-type:initial; --bs-table-color-state:initial; --bs-table-bg-state:initial; --bs-table-color:var(--bs-body-color); --bs-table-bg:var(--bs-body-bg); --bs-table-border-color:var(--bs-border-color); --bs-table-accent-bg:transparent; --bs-table-striped-color:var(--bs-body-color); --bs-table-striped-bg:rgba(0, 0, 0, 0.05); --bs-table-active-color:var(--bs-body-color); --bs-table-active-bg:rgba(0, 0, 0, 0.1); --bs-table-hover-color:var(--bs-body-color); --bs-table-hover-bg:rgba(0, 0, 0, 0.075); width:100%; margin-bottom:1rem; vertical-align:top; border-color:var(--bs-table-border-color); } .table > :not(caption) > * > *{ padding:0.5rem 0.5rem; color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color:var(--bs-table-bg); border-bottom-width:var(--bs-border-width); box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody{ vertical-align:inherit; } .table > thead{ vertical-align:bottom; } .table-group-divider{ border-top:calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top{ caption-side:top; } .table-sm > :not(caption) > * > *{ padding:0.25rem 0.25rem; } .table-bordered > :not(caption) > *{ border-width:var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > *{ border-width:0 var(--bs-border-width); } .table-borderless > :not(caption) > * > *{ border-bottom-width:0; } .table-borderless > :not(:first-child){ border-top-width:0; } .table-striped > tbody > tr:nth-of-type(odd) > *{ --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even){ --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-active{ --bs-table-color-state:var(--bs-table-active-color); --bs-table-bg-state:var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > *{ --bs-table-color-state:var(--bs-table-hover-color); --bs-table-bg-state:var(--bs-table-hover-bg); } .table-primary{ --bs-table-color:#000; --bs-table-bg:#d2ddde; --bs-table-border-color:#bdc7c8; --bs-table-striped-bg:#c8d2d3; --bs-table-striped-color:#000; --bs-table-active-bg:#bdc7c8; --bs-table-active-color:#000; --bs-table-hover-bg:#c2cccd; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-secondary{ --bs-table-color:#000; --bs-table-bg:#e2e3e5; --bs-table-border-color:#cbccce; --bs-table-striped-bg:#d7d8da; --bs-table-striped-color:#000; --bs-table-active-bg:#cbccce; --bs-table-active-color:#000; --bs-table-hover-bg:#d1d2d4; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-success{ --bs-table-color:#000; --bs-table-bg:#d1e7dd; --bs-table-border-color:#bcd0c7; --bs-table-striped-bg:#c7dbd2; --bs-table-striped-color:#000; --bs-table-active-bg:#bcd0c7; --bs-table-active-color:#000; --bs-table-hover-bg:#c1d6cc; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-info{ --bs-table-color:#000; --bs-table-bg:#cff4fc; --bs-table-border-color:#badce3; --bs-table-striped-bg:#c5e8ef; --bs-table-striped-color:#000; --bs-table-active-bg:#badce3; --bs-table-active-color:#000; --bs-table-hover-bg:#bfe2e9; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-warning{ --bs-table-color:#000; --bs-table-bg:#fff3cd; --bs-table-border-color:#e6dbb9; --bs-table-striped-bg:#f2e7c3; --bs-table-striped-color:#000; --bs-table-active-bg:#e6dbb9; --bs-table-active-color:#000; --bs-table-hover-bg:#ece1be; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-danger{ --bs-table-color:#000; --bs-table-bg:#f8d7da; --bs-table-border-color:#dfc2c4; --bs-table-striped-bg:#eccccf; --bs-table-striped-color:#000; --bs-table-active-bg:#dfc2c4; --bs-table-active-color:#000; --bs-table-hover-bg:#e5c7ca; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-light{ --bs-table-color:#000; --bs-table-bg:#f8f9fa; --bs-table-border-color:#dfe0e1; --bs-table-striped-bg:#ecedee; --bs-table-striped-color:#000; --bs-table-active-bg:#dfe0e1; --bs-table-active-color:#000; --bs-table-hover-bg:#e5e6e7; --bs-table-hover-color:#000; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-dark{ --bs-table-color:#fff; --bs-table-bg:#212529; --bs-table-border-color:#373b3e; --bs-table-striped-bg:#2c3034; --bs-table-striped-color:#fff; --bs-table-active-bg:#373b3e; --bs-table-active-color:#fff; --bs-table-hover-bg:#323539; --bs-table-hover-color:#fff; color:var(--bs-table-color); border-color:var(--bs-table-border-color); } .table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; } @media (max-width: 575.98px){ .table-responsive-sm{ overflow-x:auto; -webkit-overflow-scrolling:touch; } } @media (max-width: 767.98px){ .table-responsive-md{ overflow-x:auto; -webkit-overflow-scrolling:touch; } } @media (max-width: 991.98px){ .table-responsive-lg{ overflow-x:auto; -webkit-overflow-scrolling:touch; } } @media (max-width: 1199.98px){ .table-responsive-xl{ overflow-x:auto; -webkit-overflow-scrolling:touch; } } @media (max-width: 1399.98px){ .table-responsive-xxl{ overflow-x:auto; -webkit-overflow-scrolling:touch; } } .form-label{ margin-bottom:0.5rem; } .col-form-label{ padding-top:calc(0.375rem + var(--bs-border-width)); padding-bottom:calc(0.375rem + var(--bs-border-width)); margin-bottom:0; font-size:inherit; line-height:1.5; } .col-form-label-lg{ padding-top:calc(0.5rem + var(--bs-border-width)); padding-bottom:calc(0.5rem + var(--bs-border-width)); font-size:1.25rem; } .col-form-label-sm{ padding-top:calc(0.25rem + var(--bs-border-width)); padding-bottom:calc(0.25rem + var(--bs-border-width)); font-size:0.875rem; } .form-text{ margin-top:0.25rem; font-size:0.875em; color:var(--bs-secondary-color); } .form-control{ display:block; width:100%; padding:0.375rem 0.75rem; font-size:1rem; font-weight:400; line-height:1.5; color:var(--bs-body-color); -webkit-appearance:none; appearance:none; background-color:var(--bs-body-bg); background-clip:padding-box; border:var(--bs-border-width) solid var(--bs-border-color); border-radius:var(--bs-border-radius); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-control{ transition:none; } } .form-control[type=file]{ overflow:hidden; } .form-control[type=file]:not(:disabled):not([readonly]){ cursor:pointer; } .form-control:focus{ color:var(--bs-body-color); background-color:var(--bs-body-bg); border-color:#90a9ae; outline:0; box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .form-control::-webkit-date-and-time-value{ min-width:85px; height:1.5em; margin:0; } .form-control::-webkit-datetime-edit{ display:block; padding:0; } .form-control::placeholder{ color:var(--bs-secondary-color); opacity:1; } .form-control:disabled{ background-color:var(--bs-secondary-bg); opacity:1; } .form-control::file-selector-button{ padding:0.375rem 0.75rem; margin:-0.375rem -0.75rem; margin-inline-end:0.75rem; color:var(--bs-body-color); background-color:var(--bs-tertiary-bg); pointer-events:none; border-color:inherit; border-style:solid; border-width:0; border-inline-end-width:var(--bs-border-width); border-radius:0; transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-control::file-selector-button{ transition:none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button{ background-color:var(--bs-secondary-bg); } .form-control-plaintext{ display:block; width:100%; padding:0.375rem 0; margin-bottom:0; line-height:1.5; color:var(--bs-body-color); background-color:transparent; border:solid transparent; border-width:var(--bs-border-width) 0; } .form-control-plaintext:focus{ outline:0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg{ padding-right:0; padding-left:0; } .form-control-sm{ min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding:0.25rem 0.5rem; font-size:0.875rem; border-radius:var(--bs-border-radius-sm); } .form-control-sm::file-selector-button{ padding:0.25rem 0.5rem; margin:-0.25rem -0.5rem; margin-inline-end:0.5rem; } .form-control-lg{ min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding:0.5rem 1rem; font-size:1.25rem; border-radius:var(--bs-border-radius-lg); } .form-control-lg::file-selector-button{ padding:0.5rem 1rem; margin:-0.5rem -1rem; margin-inline-end:1rem; } textarea.form-control{ min-height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm{ min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg{ min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color{ width:3rem; height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding:0.375rem; } .form-control-color:not(:disabled):not([readonly]){ cursor:pointer; } .form-control-color::-moz-color-swatch{ border:0 !important; border-radius:var(--bs-border-radius); } .form-control-color::-webkit-color-swatch{ border:0 !important; border-radius:var(--bs-border-radius); } .form-control-color.form-control-sm{ height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg{ height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select{ --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display:block; width:100%; padding:0.375rem 2.25rem 0.375rem 0.75rem; font-size:1rem; font-weight:400; line-height:1.5; color:var(--bs-body-color); -webkit-appearance:none; appearance:none; background-color:var(--bs-body-bg); background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat:no-repeat; background-position:right 0.75rem center; background-size:16px 12px; border:var(--bs-border-width) solid var(--bs-border-color); border-radius:var(--bs-border-radius); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-select{ transition:none; } } .form-select:focus{ border-color:#90a9ae; outline:0; box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]){ padding-right:0.75rem; background-image:none; } .form-select:disabled{ background-color:var(--bs-secondary-bg); } .form-select:-moz-focusring{ color:transparent; text-shadow:0 0 0 var(--bs-body-color); } .form-select-sm{ padding-top:0.25rem; padding-bottom:0.25rem; padding-left:0.5rem; font-size:0.875rem; border-radius:var(--bs-border-radius-sm); } .form-select-lg{ padding-top:0.5rem; padding-bottom:0.5rem; padding-left:1rem; font-size:1.25rem; border-radius:var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select{ --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check{ display:block; min-height:1.5rem; padding-left:1.5em; margin-bottom:0.125rem; } .form-check .form-check-input{ float:left; margin-left:-1.5em; } .form-check-reverse{ padding-right:1.5em; padding-left:0; text-align:right; } .form-check-reverse .form-check-input{ float:right; margin-right:-1.5em; margin-left:0; } .form-check-input{ --bs-form-check-bg:var(--bs-body-bg); width:1em; height:1em; margin-top:0.25em; vertical-align:top; -webkit-appearance:none; appearance:none; background-color:var(--bs-form-check-bg); background-image:var(--bs-form-check-bg-image); background-repeat:no-repeat; background-position:center; background-size:contain; border:var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust:exact; print-color-adjust:exact; } .form-check-input[type=checkbox]{ border-radius:0.25em; } .form-check-input[type=radio]{ border-radius:50%; } .form-check-input:active{ filter:brightness(90%); } .form-check-input:focus{ border-color:#90a9ae; outline:0; box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .form-check-input:checked{ background-color:#20535c; border-color:#20535c; } .form-check-input:checked[type=checkbox]{ --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio]{ --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate{ background-color:#20535c; border-color:#20535c; --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled{ pointer-events:none; filter:none; opacity:0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label{ cursor:default; opacity:0.5; } .form-switch{ padding-left:2.5em; } .form-switch .form-check-input{ --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width:2em; margin-left:-2.5em; background-image:var(--bs-form-switch-bg); background-position:left center; border-radius:2em; transition:background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-switch .form-check-input{ transition:none; } } .form-switch .form-check-input:focus{ --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390a9ae'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked{ background-position:right center; --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse{ padding-right:2.5em; padding-left:0; } .form-switch.form-check-reverse .form-check-input{ margin-right:-2.5em; margin-left:0; } .form-check-inline{ display:inline-block; margin-right:1rem; } .btn-check{ position:absolute; clip:rect(0, 0, 0, 0); pointer-events:none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn{ pointer-events:none; filter:none; opacity:0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){ --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range{ width:100%; height:1.5rem; padding:0; -webkit-appearance:none; appearance:none; background-color:transparent; } .form-range:focus{ outline:0; } .form-range:focus::-webkit-slider-thumb{ box-shadow:0 0 0 1px #F8F7F6, 0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .form-range:focus::-moz-range-thumb{ box-shadow:0 0 0 1px #F8F7F6, 0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .form-range::-moz-focus-outer{ border:0; } .form-range::-webkit-slider-thumb{ width:1rem; height:1rem; margin-top:-0.25rem; -webkit-appearance:none; appearance:none; background-color:#20535c; border:0; border-radius:1rem; -webkit-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-range::-webkit-slider-thumb{ -webkit-transition:none; transition:none; } } .form-range::-webkit-slider-thumb:active{ background-color:#bccbce; } .form-range::-webkit-slider-runnable-track{ width:100%; height:0.5rem; color:transparent; cursor:pointer; background-color:var(--bs-tertiary-bg); border-color:transparent; border-radius:1rem; } .form-range::-moz-range-thumb{ width:1rem; height:1rem; appearance:none; background-color:#20535c; border:0; border-radius:1rem; -moz-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-range::-moz-range-thumb{ -moz-transition:none; transition:none; } } .form-range::-moz-range-thumb:active{ background-color:#bccbce; } .form-range::-moz-range-track{ width:100%; height:0.5rem; color:transparent; cursor:pointer; background-color:var(--bs-tertiary-bg); border-color:transparent; border-radius:1rem; } .form-range:disabled{ pointer-events:none; } .form-range:disabled::-webkit-slider-thumb{ background-color:var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb{ background-color:var(--bs-secondary-color); } .form-floating{ position:relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select{ height:calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height:calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height:1.25; } .form-floating > label{ position:absolute; top:0; left:0; z-index:2; height:100%; padding:1rem 0.75rem; overflow:hidden; text-align:start; text-overflow:ellipsis; white-space:nowrap; pointer-events:none; border:var(--bs-border-width) solid transparent; transform-origin:0 0; transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce){ .form-floating > label{ transition:none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext{ padding:1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder{ color:transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown){ padding-top:1.625rem; padding-bottom:0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill{ padding-top:1.625rem; padding-bottom:0.625rem; } .form-floating > .form-select{ padding-top:1.625rem; padding-bottom:0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label{ color:rgba(var(--bs-body-color-rgb), 0.65); transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after{ position:absolute; inset:1rem 0.375rem; z-index:-1; height:1.5em; content:""; background-color:var(--bs-body-bg); border-radius:var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label{ color:rgba(var(--bs-body-color-rgb), 0.65); transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label{ border-width:var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label{ color:#6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after{ background-color:var(--bs-secondary-bg); } .input-group{ position:relative; display:flex; flex-wrap:wrap; align-items:stretch; width:100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating{ position:relative; flex:1 1 auto; width:1%; min-width:0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within{ z-index:5; } .input-group .btn{ position:relative; z-index:2; } .input-group .btn:focus{ z-index:5; } .input-group-text{ display:flex; align-items:center; padding:0.375rem 0.75rem; font-size:1rem; font-weight:400; line-height:1.5; color:var(--bs-body-color); text-align:center; white-space:nowrap; background-color:var(--bs-tertiary-bg); border:var(--bs-border-width) solid var(--bs-border-color); border-radius:var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn{ padding:0.5rem 1rem; font-size:1.25rem; border-radius:var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn{ padding:0.25rem 0.5rem; font-size:0.875rem; border-radius:var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select{ padding-right:3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select{ border-top-right-radius:0; border-bottom-right-radius:0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select{ border-top-right-radius:0; border-bottom-right-radius:0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ margin-left:calc(var(--bs-border-width) * -1); border-top-left-radius:0; border-bottom-left-radius:0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select{ border-top-left-radius:0; border-bottom-left-radius:0; } .valid-feedback{ display:none; width:100%; margin-top:0.25rem; font-size:0.875em; color:var(--bs-form-valid-color); } .valid-tooltip{ position:absolute; top:100%; z-index:5; display:none; max-width:100%; padding:0.25rem 0.5rem; margin-top:0.1rem; font-size:0.875rem; color:#fff; background-color:var(--bs-success); border-radius:var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip{ display:block; } .was-validated .form-control:valid, .form-control.is-valid{ border-color:var(--bs-form-valid-border-color); padding-right:calc(1.5em + 0.75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(0.375em + 0.1875rem) center; background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus{ border-color:var(--bs-form-valid-border-color); box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid{ padding-right:calc(1.5em + 0.75rem); background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid{ border-color:var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"]{ --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right:4.125rem; background-position:right 0.75rem center, center right 2.25rem; background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus{ border-color:var(--bs-form-valid-border-color); box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid{ width:calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid{ border-color:var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked{ background-color:var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus{ box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{ color:var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback{ margin-left:0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid{ z-index:3; } .invalid-feedback{ display:none; width:100%; margin-top:0.25rem; font-size:0.875em; color:var(--bs-form-invalid-color); } .invalid-tooltip{ position:absolute; top:100%; z-index:5; display:none; max-width:100%; padding:0.25rem 0.5rem; margin-top:0.1rem; font-size:0.875rem; color:#fff; background-color:var(--bs-danger); border-radius:var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip{ display:block; } .was-validated .form-control:invalid, .form-control.is-invalid{ border-color:var(--bs-form-invalid-border-color); padding-right:calc(1.5em + 0.75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(0.375em + 0.1875rem) center; background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{ border-color:var(--bs-form-invalid-border-color); box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{ padding-right:calc(1.5em + 0.75rem); background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid{ border-color:var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"]{ --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right:4.125rem; background-position:right 0.75rem center, center right 2.25rem; background-size:16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus{ border-color:var(--bs-form-invalid-border-color); box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid{ width:calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid{ border-color:var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked{ background-color:var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus{ box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{ color:var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback{ margin-left:0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid{ z-index:4; } .btn{ --bs-btn-padding-x:0.75rem; --bs-btn-padding-y:0.375rem; --bs-btn-font-family:; --bs-btn-font-size:1rem; --bs-btn-font-weight:400; --bs-btn-line-height:1.5; --bs-btn-color:var(--bs-body-color); --bs-btn-bg:transparent; --bs-btn-border-width:var(--bs-border-width); --bs-btn-border-color:transparent; --bs-btn-border-radius:var(--bs-border-radius); --bs-btn-hover-border-color:transparent; --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity:0.65; --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display:inline-block; padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family:var(--bs-btn-font-family); font-size:var(--bs-btn-font-size); font-weight:var(--bs-btn-font-weight); line-height:var(--bs-btn-line-height); color:var(--bs-btn-color); text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; -webkit-user-select:none; user-select:none; border:var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius:var(--bs-btn-border-radius); background-color:var(--bs-btn-bg); transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .btn{ transition:none; } } .btn:hover{ color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); } .btn-check + .btn:hover{ color:var(--bs-btn-color); background-color:var(--bs-btn-bg); border-color:var(--bs-btn-border-color); } .btn:focus-visible{ color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); outline:0; box-shadow:var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn{ border-color:var(--bs-btn-hover-border-color); outline:0; box-shadow:var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{ color:var(--bs-btn-active-color); background-color:var(--bs-btn-active-bg); border-color:var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible{ box-shadow:var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn{ color:var(--bs-btn-disabled-color); pointer-events:none; background-color:var(--bs-btn-disabled-bg); border-color:var(--bs-btn-disabled-border-color); opacity:var(--bs-btn-disabled-opacity); } .btn-primary{ --bs-btn-color:#fff; --bs-btn-bg:#20535c; --bs-btn-border-color:#20535c; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#1b474e; --bs-btn-hover-border-color:#1a424a; --bs-btn-focus-shadow-rgb:65, 109, 116; --bs-btn-active-color:#fff; --bs-btn-active-bg:#1a424a; --bs-btn-active-border-color:#183e45; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#20535c; --bs-btn-disabled-border-color:#20535c; } .btn-secondary{ --bs-btn-color:#fff; --bs-btn-bg:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#5c636a; --bs-btn-hover-border-color:#565e64; --bs-btn-focus-shadow-rgb:130, 138, 145; --bs-btn-active-color:#fff; --bs-btn-active-bg:#565e64; --bs-btn-active-border-color:#51585e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#6c757d; --bs-btn-disabled-border-color:#6c757d; } .btn-success{ --bs-btn-color:#fff; --bs-btn-bg:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#157347; --bs-btn-hover-border-color:#146c43; --bs-btn-focus-shadow-rgb:60, 153, 110; --bs-btn-active-color:#fff; --bs-btn-active-bg:#146c43; --bs-btn-active-border-color:#13653f; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#198754; --bs-btn-disabled-border-color:#198754; } .btn-info{ --bs-btn-color:#000; --bs-btn-bg:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#31d2f2; --bs-btn-hover-border-color:#25cff2; --bs-btn-focus-shadow-rgb:11, 172, 204; --bs-btn-active-color:#000; --bs-btn-active-bg:#3dd5f3; --bs-btn-active-border-color:#25cff2; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#0dcaf0; --bs-btn-disabled-border-color:#0dcaf0; } .btn-warning{ --bs-btn-color:#000; --bs-btn-bg:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffca2c; --bs-btn-hover-border-color:#ffc720; --bs-btn-focus-shadow-rgb:217, 164, 6; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffcd39; --bs-btn-active-border-color:#ffc720; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#ffc107; --bs-btn-disabled-border-color:#ffc107; } .btn-danger{ --bs-btn-color:#fff; --bs-btn-bg:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#bb2d3b; --bs-btn-hover-border-color:#b02a37; --bs-btn-focus-shadow-rgb:225, 83, 97; --bs-btn-active-color:#fff; --bs-btn-active-bg:#b02a37; --bs-btn-active-border-color:#a52834; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#dc3545; --bs-btn-disabled-border-color:#dc3545; } .btn-light{ --bs-btn-color:#000; --bs-btn-bg:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#d3d4d5; --bs-btn-hover-border-color:#c6c7c8; --bs-btn-focus-shadow-rgb:211, 212, 213; --bs-btn-active-color:#000; --bs-btn-active-bg:#c6c7c8; --bs-btn-active-border-color:#babbbc; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#f8f9fa; --bs-btn-disabled-border-color:#f8f9fa; } .btn-dark{ --bs-btn-color:#fff; --bs-btn-bg:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#424649; --bs-btn-hover-border-color:#373b3e; --bs-btn-focus-shadow-rgb:66, 70, 73; --bs-btn-active-color:#fff; --bs-btn-active-bg:#4d5154; --bs-btn-active-border-color:#373b3e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#212529; --bs-btn-disabled-border-color:#212529; } .btn-outline-primary{ --bs-btn-color:#20535c; --bs-btn-border-color:#20535c; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#20535c; --bs-btn-hover-border-color:#20535c; --bs-btn-focus-shadow-rgb:32, 83, 92; --bs-btn-active-color:#fff; --bs-btn-active-bg:#20535c; --bs-btn-active-border-color:#20535c; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#20535c; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#20535c; --bs-gradient:none; } .btn-outline-secondary{ --bs-btn-color:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#6c757d; --bs-btn-hover-border-color:#6c757d; --bs-btn-focus-shadow-rgb:108, 117, 125; --bs-btn-active-color:#fff; --bs-btn-active-bg:#6c757d; --bs-btn-active-border-color:#6c757d; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#6c757d; --bs-gradient:none; } .btn-outline-success{ --bs-btn-color:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#198754; --bs-btn-hover-border-color:#198754; --bs-btn-focus-shadow-rgb:25, 135, 84; --bs-btn-active-color:#fff; --bs-btn-active-bg:#198754; --bs-btn-active-border-color:#198754; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#198754; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#198754; --bs-gradient:none; } .btn-outline-info{ --bs-btn-color:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#0dcaf0; --bs-btn-hover-border-color:#0dcaf0; --bs-btn-focus-shadow-rgb:13, 202, 240; --bs-btn-active-color:#000; --bs-btn-active-bg:#0dcaf0; --bs-btn-active-border-color:#0dcaf0; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#0dcaf0; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#0dcaf0; --bs-gradient:none; } .btn-outline-warning{ --bs-btn-color:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffc107; --bs-btn-hover-border-color:#ffc107; --bs-btn-focus-shadow-rgb:255, 193, 7; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffc107; --bs-btn-active-border-color:#ffc107; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#ffc107; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#ffc107; --bs-gradient:none; } .btn-outline-danger{ --bs-btn-color:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#dc3545; --bs-btn-hover-border-color:#dc3545; --bs-btn-focus-shadow-rgb:220, 53, 69; --bs-btn-active-color:#fff; --bs-btn-active-bg:#dc3545; --bs-btn-active-border-color:#dc3545; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#dc3545; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#dc3545; --bs-gradient:none; } .btn-outline-light{ --bs-btn-color:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#f8f9fa; --bs-btn-hover-border-color:#f8f9fa; --bs-btn-focus-shadow-rgb:248, 249, 250; --bs-btn-active-color:#000; --bs-btn-active-bg:#f8f9fa; --bs-btn-active-border-color:#f8f9fa; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#f8f9fa; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#f8f9fa; --bs-gradient:none; } .btn-outline-dark{ --bs-btn-color:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#212529; --bs-btn-hover-border-color:#212529; --bs-btn-focus-shadow-rgb:33, 37, 41; --bs-btn-active-color:#fff; --bs-btn-active-bg:#212529; --bs-btn-active-border-color:#212529; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#212529; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#212529; --bs-gradient:none; } .btn-link{ --bs-btn-font-weight:400; --bs-btn-color:var(--bs-link-color); --bs-btn-bg:transparent; --bs-btn-border-color:transparent; --bs-btn-hover-color:var(--bs-link-hover-color); --bs-btn-hover-border-color:transparent; --bs-btn-active-color:var(--bs-link-hover-color); --bs-btn-active-border-color:transparent; --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-border-color:transparent; --bs-btn-box-shadow:0 0 0 #000; --bs-btn-focus-shadow-rgb:65, 109, 116; text-decoration:underline; } .btn-link:focus-visible{ color:var(--bs-btn-color); } .btn-link:hover{ color:var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn{ --bs-btn-padding-y:0.5rem; --bs-btn-padding-x:1rem; --bs-btn-font-size:1.25rem; --bs-btn-border-radius:var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn{ --bs-btn-padding-y:0.25rem; --bs-btn-padding-x:0.5rem; --bs-btn-font-size:0.875rem; --bs-btn-border-radius:var(--bs-border-radius-sm); } .fade{ transition:opacity 0.15s linear; } @media (prefers-reduced-motion: reduce){ .fade{ transition:none; } } .fade:not(.show){ opacity:0; } .collapse:not(.show){ display:none; } .collapsing{ height:0; overflow:hidden; transition:height 0.35s ease; } @media (prefers-reduced-motion: reduce){ .collapsing{ transition:none; } } .collapsing.collapse-horizontal{ width:0; height:auto; transition:width 0.35s ease; } @media (prefers-reduced-motion: reduce){ .collapsing.collapse-horizontal{ transition:none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center{ position:relative; } .dropdown-toggle{ white-space:nowrap; } .dropdown-toggle::after{ display:inline-block; margin-left:0.255em; vertical-align:0.255em; content:""; border-top:0.3em solid; border-right:0.3em solid transparent; border-bottom:0; border-left:0.3em solid transparent; } .dropdown-toggle:empty::after{ margin-left:0; } .dropdown-menu{ --bs-dropdown-zindex:1000; --bs-dropdown-min-width:10rem; --bs-dropdown-padding-x:0; --bs-dropdown-padding-y:0.5rem; --bs-dropdown-spacer:0.125rem; --bs-dropdown-font-size:1rem; --bs-dropdown-color:var(--bs-body-color); --bs-dropdown-bg:var(--bs-body-bg); --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-border-radius:var(--bs-border-radius); --bs-dropdown-border-width:var(--bs-border-width); --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y:0.5rem; --bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color:var(--bs-body-color); --bs-dropdown-link-hover-color:var(--bs-body-color); --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#20535c; --bs-dropdown-link-disabled-color:var(--bs-tertiary-color); --bs-dropdown-item-padding-x:1rem; --bs-dropdown-item-padding-y:0.25rem; --bs-dropdown-header-color:#6c757d; --bs-dropdown-header-padding-x:1rem; --bs-dropdown-header-padding-y:0.5rem; position:absolute; z-index:var(--bs-dropdown-zindex); display:none; min-width:var(--bs-dropdown-min-width); padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin:0; font-size:var(--bs-dropdown-font-size); color:var(--bs-dropdown-color); text-align:left; list-style:none; background-color:var(--bs-dropdown-bg); background-clip:padding-box; border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius:var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper]{ top:100%; left:0; margin-top:var(--bs-dropdown-spacer); } .dropdown-menu-start{ --bs-position:start; } .dropdown-menu-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-end{ --bs-position:end; } .dropdown-menu-end[data-bs-popper]{ right:0; left:auto; } @media (min-width: 576px){ .dropdown-menu-sm-start{ --bs-position:start; } .dropdown-menu-sm-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-sm-end{ --bs-position:end; } .dropdown-menu-sm-end[data-bs-popper]{ right:0; left:auto; } } @media (min-width: 768px){ .dropdown-menu-md-start{ --bs-position:start; } .dropdown-menu-md-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-md-end{ --bs-position:end; } .dropdown-menu-md-end[data-bs-popper]{ right:0; left:auto; } } @media (min-width: 992px){ .dropdown-menu-lg-start{ --bs-position:start; } .dropdown-menu-lg-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-lg-end{ --bs-position:end; } .dropdown-menu-lg-end[data-bs-popper]{ right:0; left:auto; } } @media (min-width: 1200px){ .dropdown-menu-xl-start{ --bs-position:start; } .dropdown-menu-xl-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-xl-end{ --bs-position:end; } .dropdown-menu-xl-end[data-bs-popper]{ right:0; left:auto; } } @media (min-width: 1400px){ .dropdown-menu-xxl-start{ --bs-position:start; } .dropdown-menu-xxl-start[data-bs-popper]{ right:auto; left:0; } .dropdown-menu-xxl-end{ --bs-position:end; } .dropdown-menu-xxl-end[data-bs-popper]{ right:0; left:auto; } } .dropup .dropdown-menu[data-bs-popper]{ top:auto; bottom:100%; margin-top:0; margin-bottom:var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after{ display:inline-block; margin-left:0.255em; vertical-align:0.255em; content:""; border-top:0; border-right:0.3em solid transparent; border-bottom:0.3em solid; border-left:0.3em solid transparent; } .dropup .dropdown-toggle:empty::after{ margin-left:0; } .dropend .dropdown-menu[data-bs-popper]{ top:0; right:auto; left:100%; margin-top:0; margin-left:var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after{ display:inline-block; margin-left:0.255em; vertical-align:0.255em; content:""; border-top:0.3em solid transparent; border-right:0; border-bottom:0.3em solid transparent; border-left:0.3em solid; } .dropend .dropdown-toggle:empty::after{ margin-left:0; } .dropend .dropdown-toggle::after{ vertical-align:0; } .dropstart .dropdown-menu[data-bs-popper]{ top:0; right:100%; left:auto; margin-top:0; margin-right:var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after{ display:inline-block; margin-left:0.255em; vertical-align:0.255em; content:""; } .dropstart .dropdown-toggle::after{ display:none; } .dropstart .dropdown-toggle::before{ display:inline-block; margin-right:0.255em; vertical-align:0.255em; content:""; border-top:0.3em solid transparent; border-right:0.3em solid; border-bottom:0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after{ margin-left:0; } .dropstart .dropdown-toggle::before{ vertical-align:0; } .dropdown-divider{ height:0; margin:var(--bs-dropdown-divider-margin-y) 0; overflow:hidden; border-top:1px solid var(--bs-dropdown-divider-bg); opacity:1; } .dropdown-item{ display:block; width:100%; padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear:both; font-weight:400; color:var(--bs-dropdown-link-color); text-align:inherit; text-decoration:none; white-space:nowrap; background-color:transparent; border:0; border-radius:var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus{ color:var(--bs-dropdown-link-hover-color); background-color:var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active{ color:var(--bs-dropdown-link-active-color); text-decoration:none; background-color:var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled{ color:var(--bs-dropdown-link-disabled-color); pointer-events:none; background-color:transparent; } .dropdown-menu.show{ display:block; } .dropdown-header{ display:block; padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom:0; font-size:0.875rem; color:var(--bs-dropdown-header-color); white-space:nowrap; } .dropdown-item-text{ display:block; padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color:var(--bs-dropdown-link-color); } .dropdown-menu-dark{ --bs-dropdown-color:#dee2e6; --bs-dropdown-bg:#343a40; --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-box-shadow:; --bs-dropdown-link-color:#dee2e6; --bs-dropdown-link-hover-color:#fff; --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#20535c; --bs-dropdown-link-disabled-color:#adb5bd; --bs-dropdown-header-color:#adb5bd; } .btn-group, .btn-group-vertical{ position:relative; display:inline-flex; vertical-align:middle; } .btn-group > .btn, .btn-group-vertical > .btn{ position:relative; flex:1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active{ z-index:1; } .btn-toolbar{ display:flex; flex-wrap:wrap; justify-content:flex-start; } .btn-toolbar .input-group{ width:auto; } .btn-group{ border-radius:var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child){ margin-left:calc(var(--bs-border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn{ border-top-right-radius:0; border-bottom-right-radius:0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn{ border-top-left-radius:0; border-bottom-left-radius:0; } .dropdown-toggle-split{ padding-right:0.5625rem; padding-left:0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after{ margin-left:0; } .dropstart .dropdown-toggle-split::before{ margin-right:0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split{ padding-right:0.375rem; padding-left:0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split{ padding-right:0.75rem; padding-left:0.75rem; } .btn-group-vertical{ flex-direction:column; align-items:flex-start; justify-content:center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group{ width:100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child){ margin-top:calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn{ border-bottom-right-radius:0; border-bottom-left-radius:0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn{ border-top-left-radius:0; border-top-right-radius:0; } .nav{ --bs-nav-link-padding-x:1rem; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color:var(--bs-link-color); --bs-nav-link-hover-color:var(--bs-link-hover-color); --bs-nav-link-disabled-color:var(--bs-secondary-color); display:flex; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none; } .nav-link{ display:block; padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size:var(--bs-nav-link-font-size); font-weight:var(--bs-nav-link-font-weight); color:var(--bs-nav-link-color); text-decoration:none; background:none; border:0; transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .nav-link{ transition:none; } } .nav-link:hover, .nav-link:focus{ color:var(--bs-nav-link-hover-color); } .nav-link:focus-visible{ outline:0; box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); } .nav-link.disabled, .nav-link:disabled{ color:var(--bs-nav-link-disabled-color); pointer-events:none; cursor:default; } .nav-tabs{ --bs-nav-tabs-border-width:var(--bs-border-width); --bs-nav-tabs-border-color:var(--bs-border-color); --bs-nav-tabs-border-radius:var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color:var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg:var(--bs-body-bg); --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link{ margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width)); border:var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius:var(--bs-nav-tabs-border-radius); border-top-right-radius:var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{ isolation:isolate; border-color:var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ color:var(--bs-nav-tabs-link-active-color); background-color:var(--bs-nav-tabs-link-active-bg); border-color:var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu{ margin-top:calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius:0; border-top-right-radius:0; } .nav-pills{ --bs-nav-pills-border-radius:var(--bs-border-radius); --bs-nav-pills-link-active-color:#fff; --bs-nav-pills-link-active-bg:#20535c; } .nav-pills .nav-link{ border-radius:var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ color:var(--bs-nav-pills-link-active-color); background-color:var(--bs-nav-pills-link-active-bg); } .nav-underline{ --bs-nav-underline-gap:1rem; --bs-nav-underline-border-width:0.125rem; --bs-nav-underline-link-active-color:var(--bs-emphasis-color); gap:var(--bs-nav-underline-gap); } .nav-underline .nav-link{ padding-right:0; padding-left:0; border-bottom:var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus{ border-bottom-color:currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link{ font-weight:700; color:var(--bs-nav-underline-link-active-color); border-bottom-color:currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item{ flex:1 1 auto; text-align:center; } .nav-justified > .nav-link, .nav-justified .nav-item{ flex-basis:0; flex-grow:1; text-align:center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{ width:100%; } .tab-content > .tab-pane{ display:none; } .tab-content > .active{ display:block; } .navbar{ --bs-navbar-padding-x:0; --bs-navbar-padding-y:0.5rem; --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y:0.3125rem; --bs-navbar-brand-margin-end:1rem; --bs-navbar-brand-font-size:1.25rem; --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x:0.5rem; --bs-navbar-toggler-padding-y:0.25rem; --bs-navbar-toggler-padding-x:0.75rem; --bs-navbar-toggler-font-size:1.25rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius:var(--bs-border-radius); --bs-navbar-toggler-focus-width:0.25rem; --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl{ display:flex; flex-wrap:inherit; align-items:center; justify-content:space-between; } .navbar-brand{ padding-top:var(--bs-navbar-brand-padding-y); padding-bottom:var(--bs-navbar-brand-padding-y); margin-right:var(--bs-navbar-brand-margin-end); font-size:var(--bs-navbar-brand-font-size); color:var(--bs-navbar-brand-color); text-decoration:none; white-space:nowrap; } .navbar-brand:hover, .navbar-brand:focus{ color:var(--bs-navbar-brand-hover-color); } .navbar-nav{ --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color:var(--bs-navbar-color); --bs-nav-link-hover-color:var(--bs-navbar-hover-color); --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color); display:flex; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{ color:var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu{ position:static; } .navbar-text{ padding-top:0.5rem; padding-bottom:0.5rem; color:var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus{ color:var(--bs-navbar-active-color); } .navbar-collapse{ flex-basis:100%; flex-grow:1; align-items:center; } .navbar-toggler{ padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size:var(--bs-navbar-toggler-font-size); line-height:1; color:var(--bs-navbar-color); background-color:transparent; border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius:var(--bs-navbar-toggler-border-radius); transition:var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce){ .navbar-toggler{ transition:none; } } .navbar-toggler:hover{ text-decoration:none; } .navbar-toggler:focus{ text-decoration:none; outline:0; box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon{ display:inline-block; width:1.5em; height:1.5em; vertical-align:middle; background-image:var(--bs-navbar-toggler-icon-bg); background-repeat:no-repeat; background-position:center; background-size:100%; } .navbar-nav-scroll{ max-height:var(--bs-scroll-height, 75vh); overflow-y:auto; } @media (min-width: 576px){ .navbar-expand-sm{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-sm .navbar-nav{ flex-direction:row; } .navbar-expand-sm .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand-sm .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll{ overflow:visible; } .navbar-expand-sm .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand-sm .navbar-toggler{ display:none; } .navbar-expand-sm .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand-sm .offcanvas .offcanvas-header{ display:none; } .navbar-expand-sm .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } } @media (min-width: 768px){ .navbar-expand-md{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-md .navbar-nav{ flex-direction:row; } .navbar-expand-md .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand-md .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll{ overflow:visible; } .navbar-expand-md .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand-md .navbar-toggler{ display:none; } .navbar-expand-md .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand-md .offcanvas .offcanvas-header{ display:none; } .navbar-expand-md .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } } @media (min-width: 992px){ .navbar-expand-lg{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-lg .navbar-nav{ flex-direction:row; } .navbar-expand-lg .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand-lg .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll{ overflow:visible; } .navbar-expand-lg .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand-lg .navbar-toggler{ display:none; } .navbar-expand-lg .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand-lg .offcanvas .offcanvas-header{ display:none; } .navbar-expand-lg .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } } @media (min-width: 1200px){ .navbar-expand-xl{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-xl .navbar-nav{ flex-direction:row; } .navbar-expand-xl .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand-xl .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll{ overflow:visible; } .navbar-expand-xl .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand-xl .navbar-toggler{ display:none; } .navbar-expand-xl .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand-xl .offcanvas .offcanvas-header{ display:none; } .navbar-expand-xl .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } } @media (min-width: 1400px){ .navbar-expand-xxl{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-xxl .navbar-nav{ flex-direction:row; } .navbar-expand-xxl .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand-xxl .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll{ overflow:visible; } .navbar-expand-xxl .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand-xxl .navbar-toggler{ display:none; } .navbar-expand-xxl .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand-xxl .offcanvas .offcanvas-header{ display:none; } .navbar-expand-xxl .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } } .navbar-expand{ flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand .navbar-nav{ flex-direction:row; } .navbar-expand .navbar-nav .dropdown-menu{ position:absolute; } .navbar-expand .navbar-nav .nav-link{ padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll{ overflow:visible; } .navbar-expand .navbar-collapse{ display:flex !important; flex-basis:auto; } .navbar-expand .navbar-toggler{ display:none; } .navbar-expand .offcanvas{ position:static; z-index:auto; flex-grow:1; width:auto !important; height:auto !important; visibility:visible !important; background-color:transparent !important; border:0 !important; transform:none !important; transition:none; } .navbar-expand .offcanvas .offcanvas-header{ display:none; } .navbar-expand .offcanvas .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; } .navbar-dark, .navbar[data-bs-theme=dark]{ --bs-navbar-color:rgba(255, 255, 255, 0.55); --bs-navbar-hover-color:rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25); --bs-navbar-active-color:#fff; --bs-navbar-brand-color:#fff; --bs-navbar-brand-hover-color:#fff; --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon{ --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card{ --bs-card-spacer-y:1rem; --bs-card-spacer-x:1rem; --bs-card-title-spacer-y:0.5rem; --bs-card-title-color:; --bs-card-subtitle-color:; --bs-card-border-width:var(--bs-border-width); --bs-card-border-color:var(--bs-border-color-translucent); --bs-card-border-radius:var(--bs-border-radius); --bs-card-box-shadow:; --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y:0.5rem; --bs-card-cap-padding-x:1rem; --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color:; --bs-card-height:; --bs-card-color:; --bs-card-bg:var(--bs-body-bg); --bs-card-img-overlay-padding:1rem; --bs-card-group-margin:0.75rem; position:relative; display:flex; flex-direction:column; min-width:0; height:var(--bs-card-height); color:var(--bs-body-color); word-wrap:break-word; background-color:var(--bs-card-bg); background-clip:border-box; border:var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius:var(--bs-card-border-radius); } .card > hr{ margin-right:0; margin-left:0; } .card > .list-group{ border-top:inherit; border-bottom:inherit; } .card > .list-group:first-child{ border-top-width:0; border-top-left-radius:var(--bs-card-inner-border-radius); border-top-right-radius:var(--bs-card-inner-border-radius); } .card > .list-group:last-child{ border-bottom-width:0; border-bottom-right-radius:var(--bs-card-inner-border-radius); border-bottom-left-radius:var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer{ border-top:0; } .card-body{ flex:1 1 auto; padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x); color:var(--bs-card-color); } .card-title{ margin-bottom:var(--bs-card-title-spacer-y); color:var(--bs-card-title-color); } .card-subtitle{ margin-top:calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom:0; color:var(--bs-card-subtitle-color); } .card-text:last-child{ margin-bottom:0; } .card-link + .card-link{ margin-left:var(--bs-card-spacer-x); } .card-header{ padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom:0; color:var(--bs-card-cap-color); background-color:var(--bs-card-cap-bg); border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child{ border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer{ padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color:var(--bs-card-cap-color); background-color:var(--bs-card-cap-bg); border-top:var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child{ border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs{ margin-right:calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom:calc(-1 * var(--bs-card-cap-padding-y)); margin-left:calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom:0; } .card-header-tabs .nav-link.active{ background-color:var(--bs-card-bg); border-bottom-color:var(--bs-card-bg); } .card-header-pills{ margin-right:calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left:calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay{ position:absolute; top:0; right:0; bottom:0; left:0; padding:var(--bs-card-img-overlay-padding); border-radius:var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom{ width:100%; } .card-img, .card-img-top{ border-top-left-radius:var(--bs-card-inner-border-radius); border-top-right-radius:var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom{ border-bottom-right-radius:var(--bs-card-inner-border-radius); border-bottom-left-radius:var(--bs-card-inner-border-radius); } .card-group > .card{ margin-bottom:var(--bs-card-group-margin); } @media (min-width: 576px){ .card-group{ display:flex; flex-flow:row wrap; } .card-group > .card{ flex:1 0 0%; margin-bottom:0; } .card-group > .card + .card{ margin-left:0; border-left:0; } .card-group > .card:not(:last-child){ border-top-right-radius:0; border-bottom-right-radius:0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header{ border-top-right-radius:0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer{ border-bottom-right-radius:0; } .card-group > .card:not(:first-child){ border-top-left-radius:0; border-bottom-left-radius:0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header{ border-top-left-radius:0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer{ border-bottom-left-radius:0; } } .accordion{ --bs-accordion-color:var(--bs-body-color); --bs-accordion-bg:var(--bs-body-bg); --bs-accordion-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, border-radius 0.15s ease; --bs-accordion-border-color:var(--bs-border-color); --bs-accordion-border-width:var(--bs-border-width); --bs-accordion-border-radius:var(--bs-border-radius); --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x:1.25rem; --bs-accordion-btn-padding-y:1rem; --bs-accordion-btn-color:var(--bs-body-color); --bs-accordion-btn-bg:var(--bs-accordion-bg); --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width:1.25rem; --bs-accordion-btn-icon-transform:rotate(-180deg); --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out; --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d2125'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color:#90a9ae; --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); --bs-accordion-body-padding-x:1.25rem; --bs-accordion-body-padding-y:1rem; --bs-accordion-active-color:var(--bs-primary-text-emphasis); --bs-accordion-active-bg:var(--bs-primary-bg-subtle); } .accordion-button{ position:relative; display:flex; align-items:center; width:100%; padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size:1rem; color:var(--bs-accordion-btn-color); text-align:left; background-color:var(--bs-accordion-btn-bg); border:0; border-radius:0; overflow-anchor:none; transition:var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce){ .accordion-button{ transition:none; } } .accordion-button:not(.collapsed){ color:var(--bs-accordion-active-color); background-color:var(--bs-accordion-active-bg); box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after{ background-image:var(--bs-accordion-btn-active-icon); transform:var(--bs-accordion-btn-icon-transform); } .accordion-button::after{ flex-shrink:0; width:var(--bs-accordion-btn-icon-width); height:var(--bs-accordion-btn-icon-width); margin-left:auto; content:""; background-image:var(--bs-accordion-btn-icon); background-repeat:no-repeat; background-size:var(--bs-accordion-btn-icon-width); transition:var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce){ .accordion-button::after{ transition:none; } } .accordion-button:hover{ z-index:2; } .accordion-button:focus{ z-index:3; border-color:var(--bs-accordion-btn-focus-border-color); outline:0; box-shadow:var(--bs-accordion-btn-focus-box-shadow); } .accordion-header{ margin-bottom:0; } .accordion-item{ color:var(--bs-accordion-color); background-color:var(--bs-accordion-bg); border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type{ border-top-left-radius:var(--bs-accordion-border-radius); border-top-right-radius:var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button{ border-top-left-radius:var(--bs-accordion-inner-border-radius); border-top-right-radius:var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type){ border-top:0; } .accordion-item:last-of-type{ border-bottom-right-radius:var(--bs-accordion-border-radius); border-bottom-left-radius:var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed{ border-bottom-right-radius:var(--bs-accordion-inner-border-radius); border-bottom-left-radius:var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse{ border-bottom-right-radius:var(--bs-accordion-border-radius); border-bottom-left-radius:var(--bs-accordion-border-radius); } .accordion-body{ padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse{ border-width:0; } .accordion-flush .accordion-item{ border-right:0; border-left:0; border-radius:0; } .accordion-flush .accordion-item:first-child{ border-top:0; } .accordion-flush .accordion-item:last-child{ border-bottom:0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{ border-radius:0; } [data-bs-theme=dark] .accordion-button::after{ --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2379989d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2379989d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb{ --bs-breadcrumb-padding-x:0; --bs-breadcrumb-padding-y:0; --bs-breadcrumb-margin-bottom:1rem; --bs-breadcrumb-bg:; --bs-breadcrumb-border-radius:; --bs-breadcrumb-divider-color:var(--bs-secondary-color); --bs-breadcrumb-item-padding-x:0.5rem; --bs-breadcrumb-item-active-color:var(--bs-secondary-color); display:flex; flex-wrap:wrap; padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom:var(--bs-breadcrumb-margin-bottom); font-size:var(--bs-breadcrumb-font-size); list-style:none; background-color:var(--bs-breadcrumb-bg); border-radius:var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item{ padding-left:var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before{ float:left; padding-right:var(--bs-breadcrumb-item-padding-x); color:var(--bs-breadcrumb-divider-color); content:var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active{ color:var(--bs-breadcrumb-item-active-color); } .pagination{ --bs-pagination-padding-x:0.75rem; --bs-pagination-padding-y:0.375rem; --bs-pagination-font-size:1rem; --bs-pagination-color:var(--bs-link-color); --bs-pagination-bg:var(--bs-body-bg); --bs-pagination-border-width:var(--bs-border-width); --bs-pagination-border-color:var(--bs-border-color); --bs-pagination-border-radius:var(--bs-border-radius); --bs-pagination-hover-color:var(--bs-link-hover-color); --bs-pagination-hover-bg:var(--bs-tertiary-bg); --bs-pagination-hover-border-color:var(--bs-border-color); --bs-pagination-focus-color:var(--bs-link-hover-color); --bs-pagination-focus-bg:var(--bs-secondary-bg); --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); --bs-pagination-active-color:#fff; --bs-pagination-active-bg:#20535c; --bs-pagination-active-border-color:#20535c; --bs-pagination-disabled-color:var(--bs-secondary-color); --bs-pagination-disabled-bg:var(--bs-secondary-bg); --bs-pagination-disabled-border-color:var(--bs-border-color); display:flex; padding-left:0; list-style:none; } .page-link{ position:relative; display:block; padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size:var(--bs-pagination-font-size); color:var(--bs-pagination-color); text-decoration:none; background-color:var(--bs-pagination-bg); border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .page-link{ transition:none; } } .page-link:hover{ z-index:2; color:var(--bs-pagination-hover-color); background-color:var(--bs-pagination-hover-bg); border-color:var(--bs-pagination-hover-border-color); } .page-link:focus{ z-index:3; color:var(--bs-pagination-focus-color); background-color:var(--bs-pagination-focus-bg); outline:0; box-shadow:var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link{ z-index:3; color:var(--bs-pagination-active-color); background-color:var(--bs-pagination-active-bg); border-color:var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link{ color:var(--bs-pagination-disabled-color); pointer-events:none; background-color:var(--bs-pagination-disabled-bg); border-color:var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link{ margin-left:calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link{ border-top-left-radius:var(--bs-pagination-border-radius); border-bottom-left-radius:var(--bs-pagination-border-radius); } .page-item:last-child .page-link{ border-top-right-radius:var(--bs-pagination-border-radius); border-bottom-right-radius:var(--bs-pagination-border-radius); } .pagination-lg{ --bs-pagination-padding-x:1.5rem; --bs-pagination-padding-y:0.75rem; --bs-pagination-font-size:1.25rem; --bs-pagination-border-radius:var(--bs-border-radius-lg); } .pagination-sm{ --bs-pagination-padding-x:0.5rem; --bs-pagination-padding-y:0.25rem; --bs-pagination-font-size:0.875rem; --bs-pagination-border-radius:var(--bs-border-radius-sm); } .badge{ --bs-badge-padding-x:0.65em; --bs-badge-padding-y:0.35em; --bs-badge-font-size:0.75em; --bs-badge-font-weight:700; --bs-badge-color:#fff; --bs-badge-border-radius:var(--bs-border-radius); display:inline-block; padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size:var(--bs-badge-font-size); font-weight:var(--bs-badge-font-weight); line-height:1; color:var(--bs-badge-color); text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:var(--bs-badge-border-radius); } .badge:empty{ display:none; } .btn .badge{ position:relative; top:-1px; } .alert{ --bs-alert-bg:transparent; --bs-alert-padding-x:1rem; --bs-alert-padding-y:1rem; --bs-alert-margin-bottom:1rem; --bs-alert-color:inherit; --bs-alert-border-color:transparent; --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius:var(--bs-border-radius); --bs-alert-link-color:inherit; position:relative; padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom:var(--bs-alert-margin-bottom); color:var(--bs-alert-color); background-color:var(--bs-alert-bg); border:var(--bs-alert-border); border-radius:var(--bs-alert-border-radius); } .alert-heading{ color:inherit; } .alert-link{ font-weight:700; color:var(--bs-alert-link-color); } .alert-dismissible{ padding-right:3rem; } .alert-dismissible .btn-close{ position:absolute; top:0; right:0; z-index:2; padding:1.25rem 1rem; } .alert-primary{ --bs-alert-color:var(--bs-primary-text-emphasis); --bs-alert-bg:var(--bs-primary-bg-subtle); --bs-alert-border-color:var(--bs-primary-border-subtle); --bs-alert-link-color:var(--bs-primary-text-emphasis); } .alert-secondary{ --bs-alert-color:var(--bs-secondary-text-emphasis); --bs-alert-bg:var(--bs-secondary-bg-subtle); --bs-alert-border-color:var(--bs-secondary-border-subtle); --bs-alert-link-color:var(--bs-secondary-text-emphasis); } .alert-success{ --bs-alert-color:var(--bs-success-text-emphasis); --bs-alert-bg:var(--bs-success-bg-subtle); --bs-alert-border-color:var(--bs-success-border-subtle); --bs-alert-link-color:var(--bs-success-text-emphasis); } .alert-info{ --bs-alert-color:var(--bs-info-text-emphasis); --bs-alert-bg:var(--bs-info-bg-subtle); --bs-alert-border-color:var(--bs-info-border-subtle); --bs-alert-link-color:var(--bs-info-text-emphasis); } .alert-warning{ --bs-alert-color:var(--bs-warning-text-emphasis); --bs-alert-bg:var(--bs-warning-bg-subtle); --bs-alert-border-color:var(--bs-warning-border-subtle); --bs-alert-link-color:var(--bs-warning-text-emphasis); } .alert-danger{ --bs-alert-color:var(--bs-danger-text-emphasis); --bs-alert-bg:var(--bs-danger-bg-subtle); --bs-alert-border-color:var(--bs-danger-border-subtle); --bs-alert-link-color:var(--bs-danger-text-emphasis); } .alert-light{ --bs-alert-color:var(--bs-light-text-emphasis); --bs-alert-bg:var(--bs-light-bg-subtle); --bs-alert-border-color:var(--bs-light-border-subtle); --bs-alert-link-color:var(--bs-light-text-emphasis); } .alert-dark{ --bs-alert-color:var(--bs-dark-text-emphasis); --bs-alert-bg:var(--bs-dark-bg-subtle); --bs-alert-border-color:var(--bs-dark-border-subtle); --bs-alert-link-color:var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes{ 0%{ background-position-x:1rem; } } .progress, .progress-stacked{ --bs-progress-height:1rem; --bs-progress-font-size:0.75rem; --bs-progress-bg:var(--bs-secondary-bg); --bs-progress-border-radius:var(--bs-border-radius); --bs-progress-box-shadow:var(--bs-box-shadow-inset); --bs-progress-bar-color:#fff; --bs-progress-bar-bg:#20535c; --bs-progress-bar-transition:width 0.6s ease; display:flex; height:var(--bs-progress-height); overflow:hidden; font-size:var(--bs-progress-font-size); background-color:var(--bs-progress-bg); border-radius:var(--bs-progress-border-radius); } .progress-bar{ display:flex; flex-direction:column; justify-content:center; overflow:hidden; color:var(--bs-progress-bar-color); text-align:center; white-space:nowrap; background-color:var(--bs-progress-bar-bg); transition:var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce){ .progress-bar{ transition:none; } } .progress-bar-striped{ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size:var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress{ overflow:visible; } .progress-stacked > .progress > .progress-bar{ width:100%; } .progress-bar-animated{ animation:1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce){ .progress-bar-animated{ animation:none; } } .list-group{ --bs-list-group-color:var(--bs-body-color); --bs-list-group-bg:var(--bs-body-bg); --bs-list-group-border-color:var(--bs-border-color); --bs-list-group-border-width:var(--bs-border-width); --bs-list-group-border-radius:var(--bs-border-radius); --bs-list-group-item-padding-x:1rem; --bs-list-group-item-padding-y:0.5rem; --bs-list-group-action-color:var(--bs-secondary-color); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-tertiary-bg); --bs-list-group-action-active-color:var(--bs-body-color); --bs-list-group-action-active-bg:var(--bs-secondary-bg); --bs-list-group-disabled-color:var(--bs-secondary-color); --bs-list-group-disabled-bg:var(--bs-body-bg); --bs-list-group-active-color:#fff; --bs-list-group-active-bg:#20535c; --bs-list-group-active-border-color:#20535c; display:flex; flex-direction:column; padding-left:0; margin-bottom:0; border-radius:var(--bs-list-group-border-radius); } .list-group-numbered{ list-style-type:none; counter-reset:section; } .list-group-numbered > .list-group-item::before{ content:counters(section, ".") ". "; counter-increment:section; } .list-group-item-action{ width:100%; color:var(--bs-list-group-action-color); text-align:inherit; } .list-group-item-action:hover, .list-group-item-action:focus{ z-index:1; color:var(--bs-list-group-action-hover-color); text-decoration:none; background-color:var(--bs-list-group-action-hover-bg); } .list-group-item-action:active{ color:var(--bs-list-group-action-active-color); background-color:var(--bs-list-group-action-active-bg); } .list-group-item{ position:relative; display:block; padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color:var(--bs-list-group-color); text-decoration:none; background-color:var(--bs-list-group-bg); border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child{ border-top-left-radius:inherit; border-top-right-radius:inherit; } .list-group-item:last-child{ border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; } .list-group-item.disabled, .list-group-item:disabled{ color:var(--bs-list-group-disabled-color); pointer-events:none; background-color:var(--bs-list-group-disabled-bg); } .list-group-item.active{ z-index:2; color:var(--bs-list-group-active-color); background-color:var(--bs-list-group-active-bg); border-color:var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item{ border-top-width:0; } .list-group-item + .list-group-item.active{ margin-top:calc(-1 * var(--bs-list-group-border-width)); border-top-width:var(--bs-list-group-border-width); } .list-group-horizontal{ flex-direction:row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal > .list-group-item.active{ margin-top:0; } .list-group-horizontal > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } @media (min-width: 576px){ .list-group-horizontal-sm{ flex-direction:row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal-sm > .list-group-item.active{ margin-top:0; } .list-group-horizontal-sm > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } } @media (min-width: 768px){ .list-group-horizontal-md{ flex-direction:row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal-md > .list-group-item.active{ margin-top:0; } .list-group-horizontal-md > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } } @media (min-width: 992px){ .list-group-horizontal-lg{ flex-direction:row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal-lg > .list-group-item.active{ margin-top:0; } .list-group-horizontal-lg > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } } @media (min-width: 1200px){ .list-group-horizontal-xl{ flex-direction:row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal-xl > .list-group-item.active{ margin-top:0; } .list-group-horizontal-xl > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } } @media (min-width: 1400px){ .list-group-horizontal-xxl{ flex-direction:row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child){ border-bottom-left-radius:var(--bs-list-group-border-radius); border-top-right-radius:0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child){ border-top-right-radius:var(--bs-list-group-border-radius); border-bottom-left-radius:0; } .list-group-horizontal-xxl > .list-group-item.active{ margin-top:0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item{ border-top-width:var(--bs-list-group-border-width); border-left-width:0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active{ margin-left:calc(-1 * var(--bs-list-group-border-width)); border-left-width:var(--bs-list-group-border-width); } } .list-group-flush{ border-radius:0; } .list-group-flush > .list-group-item{ border-width:0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child{ border-bottom-width:0; } .list-group-item-primary{ --bs-list-group-color:var(--bs-primary-text-emphasis); --bs-list-group-bg:var(--bs-primary-bg-subtle); --bs-list-group-border-color:var(--bs-primary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-primary-border-subtle); --bs-list-group-active-color:var(--bs-primary-bg-subtle); --bs-list-group-active-bg:var(--bs-primary-text-emphasis); --bs-list-group-active-border-color:var(--bs-primary-text-emphasis); } .list-group-item-secondary{ --bs-list-group-color:var(--bs-secondary-text-emphasis); --bs-list-group-bg:var(--bs-secondary-bg-subtle); --bs-list-group-border-color:var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle); --bs-list-group-active-color:var(--bs-secondary-bg-subtle); --bs-list-group-active-bg:var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis); } .list-group-item-success{ --bs-list-group-color:var(--bs-success-text-emphasis); --bs-list-group-bg:var(--bs-success-bg-subtle); --bs-list-group-border-color:var(--bs-success-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-success-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-success-border-subtle); --bs-list-group-active-color:var(--bs-success-bg-subtle); --bs-list-group-active-bg:var(--bs-success-text-emphasis); --bs-list-group-active-border-color:var(--bs-success-text-emphasis); } .list-group-item-info{ --bs-list-group-color:var(--bs-info-text-emphasis); --bs-list-group-bg:var(--bs-info-bg-subtle); --bs-list-group-border-color:var(--bs-info-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-info-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-info-border-subtle); --bs-list-group-active-color:var(--bs-info-bg-subtle); --bs-list-group-active-bg:var(--bs-info-text-emphasis); --bs-list-group-active-border-color:var(--bs-info-text-emphasis); } .list-group-item-warning{ --bs-list-group-color:var(--bs-warning-text-emphasis); --bs-list-group-bg:var(--bs-warning-bg-subtle); --bs-list-group-border-color:var(--bs-warning-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-warning-border-subtle); --bs-list-group-active-color:var(--bs-warning-bg-subtle); --bs-list-group-active-bg:var(--bs-warning-text-emphasis); --bs-list-group-active-border-color:var(--bs-warning-text-emphasis); } .list-group-item-danger{ --bs-list-group-color:var(--bs-danger-text-emphasis); --bs-list-group-bg:var(--bs-danger-bg-subtle); --bs-list-group-border-color:var(--bs-danger-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-danger-border-subtle); --bs-list-group-active-color:var(--bs-danger-bg-subtle); --bs-list-group-active-bg:var(--bs-danger-text-emphasis); --bs-list-group-active-border-color:var(--bs-danger-text-emphasis); } .list-group-item-light{ --bs-list-group-color:var(--bs-light-text-emphasis); --bs-list-group-bg:var(--bs-light-bg-subtle); --bs-list-group-border-color:var(--bs-light-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-light-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-light-border-subtle); --bs-list-group-active-color:var(--bs-light-bg-subtle); --bs-list-group-active-bg:var(--bs-light-text-emphasis); --bs-list-group-active-border-color:var(--bs-light-text-emphasis); } .list-group-item-dark{ --bs-list-group-color:var(--bs-dark-text-emphasis); --bs-list-group-bg:var(--bs-dark-bg-subtle); --bs-list-group-border-color:var(--bs-dark-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-dark-border-subtle); --bs-list-group-active-color:var(--bs-dark-bg-subtle); --bs-list-group-active-bg:var(--bs-dark-text-emphasis); --bs-list-group-active-border-color:var(--bs-dark-text-emphasis); } .btn-close{ --bs-btn-close-color:#000; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity:0.5; --bs-btn-close-hover-opacity:0.75; --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(32, 83, 92, 0.25); --bs-btn-close-focus-opacity:1; --bs-btn-close-disabled-opacity:0.25; --bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%); box-sizing:content-box; width:1em; height:1em; padding:0.25em 0.25em; color:var(--bs-btn-close-color); background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border:0; border-radius:0.375rem; opacity:var(--bs-btn-close-opacity); } .btn-close:hover{ color:var(--bs-btn-close-color); text-decoration:none; opacity:var(--bs-btn-close-hover-opacity); } .btn-close:focus{ outline:0; box-shadow:var(--bs-btn-close-focus-shadow); opacity:var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled{ pointer-events:none; -webkit-user-select:none; user-select:none; opacity:var(--bs-btn-close-disabled-opacity); } .btn-close-white{ filter:var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close{ filter:var(--bs-btn-close-white-filter); } .toast{ --bs-toast-zindex:1090; --bs-toast-padding-x:0.75rem; --bs-toast-padding-y:0.5rem; --bs-toast-spacing:1.5rem; --bs-toast-max-width:350px; --bs-toast-font-size:0.875rem; --bs-toast-color:; --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width:var(--bs-border-width); --bs-toast-border-color:var(--bs-border-color-translucent); --bs-toast-border-radius:var(--bs-border-radius); --bs-toast-box-shadow:var(--bs-box-shadow); --bs-toast-header-color:var(--bs-secondary-color); --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color:var(--bs-border-color-translucent); width:var(--bs-toast-max-width); max-width:100%; font-size:var(--bs-toast-font-size); color:var(--bs-toast-color); pointer-events:auto; background-color:var(--bs-toast-bg); background-clip:padding-box; border:var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow:var(--bs-toast-box-shadow); border-radius:var(--bs-toast-border-radius); } .toast.showing{ opacity:0; } .toast:not(.show){ display:none; } .toast-container{ --bs-toast-zindex:1090; position:absolute; z-index:var(--bs-toast-zindex); width:max-content; max-width:100%; pointer-events:none; } .toast-container > :not(:last-child){ margin-bottom:var(--bs-toast-spacing); } .toast-header{ display:flex; align-items:center; padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x); color:var(--bs-toast-header-color); background-color:var(--bs-toast-header-bg); background-clip:padding-box; border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close{ margin-right:calc(-0.5 * var(--bs-toast-padding-x)); margin-left:var(--bs-toast-padding-x); } .toast-body{ padding:var(--bs-toast-padding-x); word-wrap:break-word; } .modal{ --bs-modal-zindex:1055; --bs-modal-width:500px; --bs-modal-padding:1rem; --bs-modal-margin:0.5rem; --bs-modal-color:; --bs-modal-bg:var(--bs-body-bg); --bs-modal-border-color:var(--bs-border-color-translucent); --bs-modal-border-width:var(--bs-border-width); --bs-modal-border-radius:var(--bs-border-radius-lg); --bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x:1rem; --bs-modal-header-padding-y:1rem; --bs-modal-header-padding:1rem 1rem; --bs-modal-header-border-color:var(--bs-border-color); --bs-modal-header-border-width:var(--bs-border-width); --bs-modal-title-line-height:1.5; --bs-modal-footer-gap:0.5rem; --bs-modal-footer-bg:; --bs-modal-footer-border-color:var(--bs-border-color); --bs-modal-footer-border-width:var(--bs-border-width); position:fixed; top:0; left:0; z-index:var(--bs-modal-zindex); display:none; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; outline:0; } .modal-dialog{ position:relative; width:auto; margin:var(--bs-modal-margin); pointer-events:none; } .modal.fade .modal-dialog{ transition:transform 0.3s ease-out; transform:translate(0, -50px); } @media (prefers-reduced-motion: reduce){ .modal.fade .modal-dialog{ transition:none; } } .modal.show .modal-dialog{ transform:none; } .modal.modal-static .modal-dialog{ transform:scale(1.02); } .modal-dialog-scrollable{ height:calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content{ max-height:100%; overflow:hidden; } .modal-dialog-scrollable .modal-body{ overflow-y:auto; } .modal-dialog-centered{ display:flex; align-items:center; min-height:calc(100% - var(--bs-modal-margin) * 2); } .modal-content{ position:relative; display:flex; flex-direction:column; width:100%; color:var(--bs-modal-color); pointer-events:auto; background-color:var(--bs-modal-bg); background-clip:padding-box; border:var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius:var(--bs-modal-border-radius); outline:0; } .modal-backdrop{ --bs-backdrop-zindex:1050; --bs-backdrop-bg:#000; --bs-backdrop-opacity:0.5; position:fixed; top:0; left:0; z-index:var(--bs-backdrop-zindex); width:100vw; height:100vh; background-color:var(--bs-backdrop-bg); } .modal-backdrop.fade{ opacity:0; } .modal-backdrop.show{ opacity:var(--bs-backdrop-opacity); } .modal-header{ display:flex; flex-shrink:0; align-items:center; justify-content:space-between; padding:var(--bs-modal-header-padding); border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius:var(--bs-modal-inner-border-radius); border-top-right-radius:var(--bs-modal-inner-border-radius); } .modal-header .btn-close{ padding:calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin:calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title{ margin-bottom:0; line-height:var(--bs-modal-title-line-height); } .modal-body{ position:relative; flex:1 1 auto; padding:var(--bs-modal-padding); } .modal-footer{ display:flex; flex-shrink:0; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color:var(--bs-modal-footer-bg); border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius:var(--bs-modal-inner-border-radius); border-bottom-left-radius:var(--bs-modal-inner-border-radius); } .modal-footer > *{ margin:calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px){ .modal{ --bs-modal-margin:1.75rem; --bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal-dialog{ max-width:var(--bs-modal-width); margin-right:auto; margin-left:auto; } .modal-sm{ --bs-modal-width:300px; } } @media (min-width: 992px){ .modal-lg, .modal-xl{ --bs-modal-width:800px; } } @media (min-width: 1200px){ .modal-xl{ --bs-modal-width:1140px; } } .modal-fullscreen{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer{ border-radius:0; } .modal-fullscreen .modal-body{ overflow-y:auto; } @media (max-width: 575.98px){ .modal-fullscreen-sm-down{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen-sm-down .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer{ border-radius:0; } .modal-fullscreen-sm-down .modal-body{ overflow-y:auto; } } @media (max-width: 767.98px){ .modal-fullscreen-md-down{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen-md-down .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer{ border-radius:0; } .modal-fullscreen-md-down .modal-body{ overflow-y:auto; } } @media (max-width: 991.98px){ .modal-fullscreen-lg-down{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen-lg-down .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer{ border-radius:0; } .modal-fullscreen-lg-down .modal-body{ overflow-y:auto; } } @media (max-width: 1199.98px){ .modal-fullscreen-xl-down{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen-xl-down .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer{ border-radius:0; } .modal-fullscreen-xl-down .modal-body{ overflow-y:auto; } } @media (max-width: 1399.98px){ .modal-fullscreen-xxl-down{ width:100vw; max-width:none; height:100%; margin:0; } .modal-fullscreen-xxl-down .modal-content{ height:100%; border:0; border-radius:0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer{ border-radius:0; } .modal-fullscreen-xxl-down .modal-body{ overflow-y:auto; } } .tooltip{ --bs-tooltip-zindex:1080; --bs-tooltip-max-width:200px; --bs-tooltip-padding-x:0.5rem; --bs-tooltip-padding-y:0.25rem; --bs-tooltip-margin:; --bs-tooltip-font-size:0.875rem; --bs-tooltip-color:var(--bs-body-bg); --bs-tooltip-bg:var(--bs-emphasis-color); --bs-tooltip-border-radius:var(--bs-border-radius); --bs-tooltip-opacity:0.9; --bs-tooltip-arrow-width:0.8rem; --bs-tooltip-arrow-height:0.4rem; z-index:var(--bs-tooltip-zindex); display:block; margin:var(--bs-tooltip-margin); font-family:var(--bs-font-sans-serif); font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; white-space:normal; word-spacing:normal; line-break:auto; font-size:var(--bs-tooltip-font-size); word-wrap:break-word; opacity:0; } .tooltip.show{ opacity:var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow{ display:block; width:var(--bs-tooltip-arrow-width); height:var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before{ position:absolute; content:""; border-color:transparent; border-style:solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{ bottom:calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{ top:-1px; border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color:var(--bs-tooltip-bg); } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{ left:calc(-1 * var(--bs-tooltip-arrow-height)); width:var(--bs-tooltip-arrow-height); height:var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{ right:-1px; border-width:calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color:var(--bs-tooltip-bg); } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{ top:calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{ bottom:-1px; border-width:0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color:var(--bs-tooltip-bg); } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{ right:calc(-1 * var(--bs-tooltip-arrow-height)); width:var(--bs-tooltip-arrow-height); height:var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{ left:-1px; border-width:calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color:var(--bs-tooltip-bg); } .tooltip-inner{ max-width:var(--bs-tooltip-max-width); padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color:var(--bs-tooltip-color); text-align:center; background-color:var(--bs-tooltip-bg); border-radius:var(--bs-tooltip-border-radius); } .popover{ --bs-popover-zindex:1070; --bs-popover-max-width:276px; --bs-popover-font-size:0.875rem; --bs-popover-bg:var(--bs-body-bg); --bs-popover-border-width:var(--bs-border-width); --bs-popover-border-color:var(--bs-border-color-translucent); --bs-popover-border-radius:var(--bs-border-radius-lg); --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x:1rem; --bs-popover-header-padding-y:0.5rem; --bs-popover-header-font-size:1rem; --bs-popover-header-color:inherit; --bs-popover-header-bg:var(--bs-secondary-bg); --bs-popover-body-padding-x:1rem; --bs-popover-body-padding-y:1rem; --bs-popover-body-color:var(--bs-body-color); --bs-popover-arrow-width:1rem; --bs-popover-arrow-height:0.5rem; --bs-popover-arrow-border:var(--bs-popover-border-color); z-index:var(--bs-popover-zindex); display:block; max-width:var(--bs-popover-max-width); font-family:var(--bs-font-sans-serif); font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; white-space:normal; word-spacing:normal; line-break:auto; font-size:var(--bs-popover-font-size); word-wrap:break-word; background-color:var(--bs-popover-bg); background-clip:padding-box; border:var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius:var(--bs-popover-border-radius); } .popover .popover-arrow{ display:block; width:var(--bs-popover-arrow-width); height:var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after{ position:absolute; display:block; content:""; border-color:transparent; border-style:solid; border-width:0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow{ bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after{ border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before{ bottom:0; border-top-color:var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after{ bottom:var(--bs-popover-border-width); border-top-color:var(--bs-popover-bg); } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow{ left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width:var(--bs-popover-arrow-height); height:var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after{ border-width:calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before{ left:0; border-right-color:var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after{ left:var(--bs-popover-border-width); border-right-color:var(--bs-popover-bg); } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow{ top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after{ border-width:0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before{ top:0; border-bottom-color:var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after{ top:var(--bs-popover-border-width); border-bottom-color:var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{ position:absolute; top:0; left:50%; display:block; width:var(--bs-popover-arrow-width); margin-left:calc(-0.5 * var(--bs-popover-arrow-width)); content:""; border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow{ right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width:var(--bs-popover-arrow-height); height:var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after{ border-width:calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before{ right:0; border-left-color:var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after{ right:var(--bs-popover-border-width); border-left-color:var(--bs-popover-bg); } .popover-header{ padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom:0; font-size:var(--bs-popover-header-font-size); color:var(--bs-popover-header-color); background-color:var(--bs-popover-header-bg); border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius:var(--bs-popover-inner-border-radius); border-top-right-radius:var(--bs-popover-inner-border-radius); } .popover-header:empty{ display:none; } .popover-body{ padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color:var(--bs-popover-body-color); } .carousel{ position:relative; } .carousel.pointer-event{ touch-action:pan-y; } .carousel-inner{ position:relative; width:100%; overflow:hidden; } .carousel-inner::after{ display:block; clear:both; content:""; } .carousel-item{ position:relative; display:none; float:left; width:100%; margin-right:-100%; backface-visibility:hidden; transition:transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce){ .carousel-item{ transition:none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev{ display:block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end{ transform:translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start{ transform:translateX(-100%); } .carousel-fade .carousel-item{ opacity:0; transition-property:opacity; transform:none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end{ z-index:1; opacity:1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end{ z-index:0; opacity:0; transition:opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce){ .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end{ transition:none; } } .carousel-control-prev, .carousel-control-next{ position:absolute; top:0; bottom:0; z-index:1; display:flex; align-items:center; justify-content:center; width:15%; padding:0; color:#fff; text-align:center; background:none; border:0; opacity:0.5; transition:opacity 0.15s ease; } @media (prefers-reduced-motion: reduce){ .carousel-control-prev, .carousel-control-next{ transition:none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{ color:#fff; text-decoration:none; outline:0; opacity:0.9; } .carousel-control-prev{ left:0; } .carousel-control-next{ right:0; } .carousel-control-prev-icon, .carousel-control-next-icon{ display:inline-block; width:2rem; height:2rem; background-repeat:no-repeat; background-position:50%; background-size:100% 100%; } .carousel-control-prev-icon{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators{ position:absolute; right:0; bottom:0; left:0; z-index:2; display:flex; justify-content:center; padding:0; margin-right:15%; margin-bottom:1rem; margin-left:15%; } .carousel-indicators [data-bs-target]{ box-sizing:content-box; flex:0 1 auto; width:30px; height:3px; padding:0; margin-right:3px; margin-left:3px; text-indent:-999px; cursor:pointer; background-color:#fff; background-clip:padding-box; border:0; border-top:10px solid transparent; border-bottom:10px solid transparent; opacity:0.5; transition:opacity 0.6s ease; } @media (prefers-reduced-motion: reduce){ .carousel-indicators [data-bs-target]{ transition:none; } } .carousel-indicators .active{ opacity:1; } .carousel-caption{ position:absolute; right:15%; bottom:1.25rem; left:15%; padding-top:1.25rem; padding-bottom:1.25rem; color:#fff; text-align:center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon{ filter:invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target]{ background-color:#000; } .carousel-dark .carousel-caption{ color:#000; } [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon{ filter:invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{ background-color:#000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption{ color:#000; } .spinner-grow, .spinner-border{ display:inline-block; width:var(--bs-spinner-width); height:var(--bs-spinner-height); vertical-align:var(--bs-spinner-vertical-align); border-radius:50%; animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border{ to{ transform:rotate(360deg); } } .spinner-border{ --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-border-width:0.25em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-border; border:var(--bs-spinner-border-width) solid currentcolor; border-right-color:transparent; } .spinner-border-sm{ --bs-spinner-width:1rem; --bs-spinner-height:1rem; --bs-spinner-border-width:0.2em; } @keyframes spinner-grow{ 0%{ transform:scale(0); } 50%{ opacity:1; transform:none; } } .spinner-grow{ --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-grow; background-color:currentcolor; opacity:0; } .spinner-grow-sm{ --bs-spinner-width:1rem; --bs-spinner-height:1rem; } @media (prefers-reduced-motion: reduce){ .spinner-border, .spinner-grow{ --bs-spinner-animation-speed:1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{ --bs-offcanvas-zindex:1045; --bs-offcanvas-width:400px; --bs-offcanvas-height:30vh; --bs-offcanvas-padding-x:1rem; --bs-offcanvas-padding-y:1rem; --bs-offcanvas-color:var(--bs-body-color); --bs-offcanvas-bg:var(--bs-body-bg); --bs-offcanvas-border-width:var(--bs-border-width); --bs-offcanvas-border-color:var(--bs-border-color-translucent); --bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-offcanvas-transition:transform 0.3s ease-in-out; --bs-offcanvas-title-line-height:1.5; } @media (max-width: 575.98px){ .offcanvas-sm{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce){ .offcanvas-sm{ transition:none; } } @media (max-width: 575.98px){ .offcanvas-sm.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas-sm.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas-sm.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas-sm.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding){ transform:none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show{ visibility:visible; } } @media (min-width: 576px){ .offcanvas-sm{ --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color:transparent !important; } .offcanvas-sm .offcanvas-header{ display:none; } .offcanvas-sm .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; background-color:transparent !important; } } @media (max-width: 767.98px){ .offcanvas-md{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce){ .offcanvas-md{ transition:none; } } @media (max-width: 767.98px){ .offcanvas-md.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas-md.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas-md.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas-md.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding){ transform:none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show{ visibility:visible; } } @media (min-width: 768px){ .offcanvas-md{ --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color:transparent !important; } .offcanvas-md .offcanvas-header{ display:none; } .offcanvas-md .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; background-color:transparent !important; } } @media (max-width: 991.98px){ .offcanvas-lg{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce){ .offcanvas-lg{ transition:none; } } @media (max-width: 991.98px){ .offcanvas-lg.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas-lg.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas-lg.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas-lg.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding){ transform:none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show{ visibility:visible; } } @media (min-width: 992px){ .offcanvas-lg{ --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color:transparent !important; } .offcanvas-lg .offcanvas-header{ display:none; } .offcanvas-lg .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; background-color:transparent !important; } } @media (max-width: 1199.98px){ .offcanvas-xl{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce){ .offcanvas-xl{ transition:none; } } @media (max-width: 1199.98px){ .offcanvas-xl.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas-xl.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas-xl.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas-xl.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding){ transform:none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show{ visibility:visible; } } @media (min-width: 1200px){ .offcanvas-xl{ --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color:transparent !important; } .offcanvas-xl .offcanvas-header{ display:none; } .offcanvas-xl .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; background-color:transparent !important; } } @media (max-width: 1399.98px){ .offcanvas-xxl{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce){ .offcanvas-xxl{ transition:none; } } @media (max-width: 1399.98px){ .offcanvas-xxl.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas-xxl.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas-xxl.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas-xxl.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding){ transform:none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show{ visibility:visible; } } @media (min-width: 1400px){ .offcanvas-xxl{ --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color:transparent !important; } .offcanvas-xxl .offcanvas-header{ display:none; } .offcanvas-xxl .offcanvas-body{ display:flex; flex-grow:0; padding:0; overflow-y:visible; background-color:transparent !important; } } .offcanvas{ position:fixed; bottom:0; z-index:var(--bs-offcanvas-zindex); display:flex; flex-direction:column; max-width:100%; color:var(--bs-offcanvas-color); visibility:hidden; background-color:var(--bs-offcanvas-bg); background-clip:padding-box; outline:0; transition:var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce){ .offcanvas{ transition:none; } } .offcanvas.offcanvas-start{ top:0; left:0; width:var(--bs-offcanvas-width); border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(-100%); } .offcanvas.offcanvas-end{ top:0; right:0; width:var(--bs-offcanvas-width); border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateX(100%); } .offcanvas.offcanvas-top{ top:0; right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(-100%); } .offcanvas.offcanvas-bottom{ right:0; left:0; height:var(--bs-offcanvas-height); max-height:100%; border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform:translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding){ transform:none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show{ visibility:visible; } .offcanvas-backdrop{ position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000; } .offcanvas-backdrop.fade{ opacity:0; } .offcanvas-backdrop.show{ opacity:0.5; } .offcanvas-header{ display:flex; align-items:center; justify-content:space-between; padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close{ padding:calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top:calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right:calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom:calc(-0.5 * var(--bs-offcanvas-padding-y)); } .offcanvas-title{ margin-bottom:0; line-height:var(--bs-offcanvas-title-line-height); } .offcanvas-body{ flex-grow:1; padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y:auto; } .placeholder{ display:inline-block; min-height:1em; vertical-align:middle; cursor:wait; background-color:currentcolor; opacity:0.5; } .placeholder.btn::before{ display:inline-block; content:""; } .placeholder-xs{ min-height:0.6em; } .placeholder-sm{ min-height:0.8em; } .placeholder-lg{ min-height:1.2em; } .placeholder-glow .placeholder{ animation:placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow{ 50%{ opacity:0.2; } } .placeholder-wave{ -webkit-mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size:200% 100%; mask-size:200% 100%; animation:placeholder-wave 2s linear infinite; } @keyframes placeholder-wave{ 100%{ -webkit-mask-position:-200% 0%; mask-position:-200% 0%; } } .clearfix::after{ display:block; clear:both; content:""; } .text-bg-primary{ color:#fff !important; background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary{ color:#fff !important; background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success{ color:#fff !important; background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info{ color:#000 !important; background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning{ color:#000 !important; background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger{ color:#fff !important; background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light{ color:#000 !important; background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark{ color:#fff !important; background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary{ color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus{ color:RGBA(26, 66, 74, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(26, 66, 74, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary{ color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus{ color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success{ color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus{ color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info{ color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus{ color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning{ color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus{ color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger{ color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus{ color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light{ color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus{ color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark{ color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus{ color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis{ color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus{ color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus{ outline:0; box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link{ display:inline-flex; gap:0.375rem; align-items:center; text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset:0.25em; backface-visibility:hidden; } .icon-link > .bi{ flex-shrink:0; width:1em; height:1em; fill:currentcolor; transition:0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce){ .icon-link > .bi{ transition:none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi{ transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio{ position:relative; width:100%; } .ratio::before{ display:block; padding-top:var(--bs-aspect-ratio); content:""; } .ratio > *{ position:absolute; top:0; left:0; width:100%; height:100%; } .ratio-1x1{ --bs-aspect-ratio:100%; } .ratio-4x3{ --bs-aspect-ratio:75%; } .ratio-16x9{ --bs-aspect-ratio:56.25%; } .ratio-21x9{ --bs-aspect-ratio:42.8571428571%; } .fixed-top{ position:fixed; top:0; right:0; left:0; z-index:1030; } .fixed-bottom{ position:fixed; right:0; bottom:0; left:0; z-index:1030; } .sticky-top{ position:sticky; top:0; z-index:1020; } .sticky-bottom{ position:sticky; bottom:0; z-index:1020; } @media (min-width: 576px){ .sticky-sm-top{ position:sticky; top:0; z-index:1020; } .sticky-sm-bottom{ position:sticky; bottom:0; z-index:1020; } } @media (min-width: 768px){ .sticky-md-top{ position:sticky; top:0; z-index:1020; } .sticky-md-bottom{ position:sticky; bottom:0; z-index:1020; } } @media (min-width: 992px){ .sticky-lg-top{ position:sticky; top:0; z-index:1020; } .sticky-lg-bottom{ position:sticky; bottom:0; z-index:1020; } } @media (min-width: 1200px){ .sticky-xl-top{ position:sticky; top:0; z-index:1020; } .sticky-xl-bottom{ position:sticky; bottom:0; z-index:1020; } } @media (min-width: 1400px){ .sticky-xxl-top{ position:sticky; top:0; z-index:1020; } .sticky-xxl-bottom{ position:sticky; bottom:0; z-index:1020; } } .hstack{ display:flex; flex-direction:row; align-items:center; align-self:stretch; } .vstack{ display:flex; flex:1 1 auto; flex-direction:column; align-self:stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within){ width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){ position:absolute !important; } .stretched-link::after{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:""; } .text-truncate{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .vr{ display:inline-block; align-self:stretch; width:var(--bs-border-width); min-height:1em; background-color:currentcolor; opacity:0.25; } .align-baseline{ vertical-align:baseline !important; } .align-top{ vertical-align:top !important; } .align-middle{ vertical-align:middle !important; } .align-bottom{ vertical-align:bottom !important; } .align-text-bottom{ vertical-align:text-bottom !important; } .align-text-top{ vertical-align:text-top !important; } .float-start{ float:left !important; } .float-end{ float:right !important; } .float-none{ float:none !important; } .object-fit-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-none{ -o-object-fit:none !important; object-fit:none !important; } .opacity-0{ opacity:0 !important; } .opacity-25{ opacity:0.25 !important; } .opacity-50{ opacity:0.5 !important; } .opacity-75{ opacity:0.75 !important; } .opacity-100{ opacity:1 !important; } .overflow-auto{ overflow:auto !important; } .overflow-hidden{ overflow:hidden !important; } .overflow-visible{ overflow:visible !important; } .overflow-scroll{ overflow:scroll !important; } .overflow-x-auto{ overflow-x:auto !important; } .overflow-x-hidden{ overflow-x:hidden !important; } .overflow-x-visible{ overflow-x:visible !important; } .overflow-x-scroll{ overflow-x:scroll !important; } .overflow-y-auto{ overflow-y:auto !important; } .overflow-y-hidden{ overflow-y:hidden !important; } .overflow-y-visible{ overflow-y:visible !important; } .overflow-y-scroll{ overflow-y:scroll !important; } .d-inline{ display:inline !important; } .d-inline-block{ display:inline-block !important; } .d-block{ display:block !important; } .d-grid{ display:grid !important; } .d-inline-grid{ display:inline-grid !important; } .d-table{ display:table !important; } .d-table-row{ display:table-row !important; } .d-table-cell{ display:table-cell !important; } .d-flex{ display:flex !important; } .d-inline-flex{ display:inline-flex !important; } .d-none{ display:none !important; } .shadow{ box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm{ box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg{ box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none{ box-shadow:none !important; } .focus-ring-primary{ --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary{ --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success{ --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info{ --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning{ --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger{ --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light{ --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark{ --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static{ position:static !important; } .position-relative{ position:relative !important; } .position-absolute{ position:absolute !important; } .position-fixed{ position:fixed !important; } .position-sticky{ position:sticky !important; } .top-0{ top:0 !important; } .top-50{ top:50% !important; } .top-100{ top:100% !important; } .bottom-0{ bottom:0 !important; } .bottom-50{ bottom:50% !important; } .bottom-100{ bottom:100% !important; } .start-0{ left:0 !important; } .start-50{ left:50% !important; } .start-100{ left:100% !important; } .end-0{ right:0 !important; } .end-50{ right:50% !important; } .end-100{ right:100% !important; } .translate-middle{ transform:translate(-50%, -50%) !important; } .translate-middle-x{ transform:translateX(-50%) !important; } .translate-middle-y{ transform:translateY(-50%) !important; } .border{ border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0{ border:0 !important; } .border-top{ border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0{ border-top:0 !important; } .border-end{ border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0{ border-right:0 !important; } .border-bottom{ border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0{ border-bottom:0 !important; } .border-start{ border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0{ border-left:0 !important; } .border-primary{ --bs-border-opacity:1; border-color:rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary{ --bs-border-opacity:1; border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success{ --bs-border-opacity:1; border-color:rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info{ --bs-border-opacity:1; border-color:rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning{ --bs-border-opacity:1; border-color:rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger{ --bs-border-opacity:1; border-color:rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light{ --bs-border-opacity:1; border-color:rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark{ --bs-border-opacity:1; border-color:rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black{ --bs-border-opacity:1; border-color:rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white{ --bs-border-opacity:1; border-color:rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle{ border-color:var(--bs-primary-border-subtle) !important; } .border-secondary-subtle{ border-color:var(--bs-secondary-border-subtle) !important; } .border-success-subtle{ border-color:var(--bs-success-border-subtle) !important; } .border-info-subtle{ border-color:var(--bs-info-border-subtle) !important; } .border-warning-subtle{ border-color:var(--bs-warning-border-subtle) !important; } .border-danger-subtle{ border-color:var(--bs-danger-border-subtle) !important; } .border-light-subtle{ border-color:var(--bs-light-border-subtle) !important; } .border-dark-subtle{ border-color:var(--bs-dark-border-subtle) !important; } .border-1{ border-width:1px !important; } .border-2{ border-width:2px !important; } .border-3{ border-width:3px !important; } .border-4{ border-width:4px !important; } .border-5{ border-width:5px !important; } .border-opacity-10{ --bs-border-opacity:0.1; } .border-opacity-25{ --bs-border-opacity:0.25; } .border-opacity-50{ --bs-border-opacity:0.5; } .border-opacity-75{ --bs-border-opacity:0.75; } .border-opacity-100{ --bs-border-opacity:1; } .w-25{ width:25% !important; } .w-50{ width:50% !important; } .w-75{ width:75% !important; } .w-100{ width:100% !important; } .w-auto{ width:auto !important; } .mw-100{ max-width:100% !important; } .vw-100{ width:100vw !important; } .min-vw-100{ min-width:100vw !important; } .h-25{ height:25% !important; } .h-50{ height:50% !important; } .h-75{ height:75% !important; } .h-100{ height:100% !important; } .h-auto{ height:auto !important; } .mh-100{ max-height:100% !important; } .vh-100{ height:100vh !important; } .min-vh-100{ min-height:100vh !important; } .flex-fill{ flex:1 1 auto !important; } .flex-row{ flex-direction:row !important; } .flex-column{ flex-direction:column !important; } .flex-row-reverse{ flex-direction:row-reverse !important; } .flex-column-reverse{ flex-direction:column-reverse !important; } .flex-grow-0{ flex-grow:0 !important; } .flex-grow-1{ flex-grow:1 !important; } .flex-shrink-0{ flex-shrink:0 !important; } .flex-shrink-1{ flex-shrink:1 !important; } .flex-wrap{ flex-wrap:wrap !important; } .flex-nowrap{ flex-wrap:nowrap !important; } .flex-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-start{ justify-content:flex-start !important; } .justify-content-end{ justify-content:flex-end !important; } .justify-content-center{ justify-content:center !important; } .justify-content-between{ justify-content:space-between !important; } .justify-content-around{ justify-content:space-around !important; } .justify-content-evenly{ justify-content:space-evenly !important; } .align-items-start{ align-items:flex-start !important; } .align-items-end{ align-items:flex-end !important; } .align-items-center{ align-items:center !important; } .align-items-baseline{ align-items:baseline !important; } .align-items-stretch{ align-items:stretch !important; } .align-content-start{ align-content:flex-start !important; } .align-content-end{ align-content:flex-end !important; } .align-content-center{ align-content:center !important; } .align-content-between{ align-content:space-between !important; } .align-content-around{ align-content:space-around !important; } .align-content-stretch{ align-content:stretch !important; } .align-self-auto{ align-self:auto !important; } .align-self-start{ align-self:flex-start !important; } .align-self-end{ align-self:flex-end !important; } .align-self-center{ align-self:center !important; } .align-self-baseline{ align-self:baseline !important; } .align-self-stretch{ align-self:stretch !important; } .order-first{ order:-1 !important; } .order-0{ order:0 !important; } .order-1{ order:1 !important; } .order-2{ order:2 !important; } .order-3{ order:3 !important; } .order-4{ order:4 !important; } .order-5{ order:5 !important; } .order-last{ order:6 !important; } .m-0{ margin:0 !important; } .m-1{ margin:0.25rem !important; } .m-2{ margin:0.5rem !important; } .m-3{ margin:1rem !important; } .m-4{ margin:1.5rem !important; } .m-5{ margin:3rem !important; } .m-auto{ margin:auto !important; } .mx-0{ margin-right:0 !important; margin-left:0 !important; } .mx-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-auto{ margin-right:auto !important; margin-left:auto !important; } .my-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-0{ margin-top:0 !important; } .mt-1{ margin-top:0.25rem !important; } .mt-2{ margin-top:0.5rem !important; } .mt-3{ margin-top:1rem !important; } .mt-4{ margin-top:1.5rem !important; } .mt-5{ margin-top:3rem !important; } .mt-auto{ margin-top:auto !important; } .me-0{ margin-right:0 !important; } .me-1{ margin-right:0.25rem !important; } .me-2{ margin-right:0.5rem !important; } .me-3{ margin-right:1rem !important; } .me-4{ margin-right:1.5rem !important; } .me-5{ margin-right:3rem !important; } .me-auto{ margin-right:auto !important; } .mb-0{ margin-bottom:0 !important; } .mb-1{ margin-bottom:0.25rem !important; } .mb-2{ margin-bottom:0.5rem !important; } .mb-3{ margin-bottom:1rem !important; } .mb-4{ margin-bottom:1.5rem !important; } .mb-5{ margin-bottom:3rem !important; } .mb-auto{ margin-bottom:auto !important; } .ms-0{ margin-left:0 !important; } .ms-1{ margin-left:0.25rem !important; } .ms-2{ margin-left:0.5rem !important; } .ms-3{ margin-left:1rem !important; } .ms-4{ margin-left:1.5rem !important; } .ms-5{ margin-left:3rem !important; } .ms-auto{ margin-left:auto !important; } .p-0{ padding:0 !important; } .p-1{ padding:0.25rem !important; } .p-2{ padding:0.5rem !important; } .p-3{ padding:1rem !important; } .p-4{ padding:1.5rem !important; } .p-5{ padding:3rem !important; } .px-0{ padding-right:0 !important; padding-left:0 !important; } .px-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-0{ padding-top:0 !important; } .pt-1{ padding-top:0.25rem !important; } .pt-2{ padding-top:0.5rem !important; } .pt-3{ padding-top:1rem !important; } .pt-4{ padding-top:1.5rem !important; } .pt-5{ padding-top:3rem !important; } .pe-0{ padding-right:0 !important; } .pe-1{ padding-right:0.25rem !important; } .pe-2{ padding-right:0.5rem !important; } .pe-3{ padding-right:1rem !important; } .pe-4{ padding-right:1.5rem !important; } .pe-5{ padding-right:3rem !important; } .pb-0{ padding-bottom:0 !important; } .pb-1{ padding-bottom:0.25rem !important; } .pb-2{ padding-bottom:0.5rem !important; } .pb-3{ padding-bottom:1rem !important; } .pb-4{ padding-bottom:1.5rem !important; } .pb-5{ padding-bottom:3rem !important; } .ps-0{ padding-left:0 !important; } .ps-1{ padding-left:0.25rem !important; } .ps-2{ padding-left:0.5rem !important; } .ps-3{ padding-left:1rem !important; } .ps-4{ padding-left:1.5rem !important; } .ps-5{ padding-left:3rem !important; } .gap-0{ gap:0 !important; } .gap-1{ gap:0.25rem !important; } .gap-2{ gap:0.5rem !important; } .gap-3{ gap:1rem !important; } .gap-4{ gap:1.5rem !important; } .gap-5{ gap:3rem !important; } .row-gap-0{ row-gap:0 !important; } .row-gap-1{ row-gap:0.25rem !important; } .row-gap-2{ row-gap:0.5rem !important; } .row-gap-3{ row-gap:1rem !important; } .row-gap-4{ row-gap:1.5rem !important; } .row-gap-5{ row-gap:3rem !important; } .column-gap-0{ column-gap:0 !important; } .column-gap-1{ column-gap:0.25rem !important; } .column-gap-2{ column-gap:0.5rem !important; } .column-gap-3{ column-gap:1rem !important; } .column-gap-4{ column-gap:1.5rem !important; } .column-gap-5{ column-gap:3rem !important; } .font-monospace{ font-family:var(--bs-font-monospace) !important; } .fs-1{ font-size:calc(1.375rem + 1.5vw) !important; } .fs-2{ font-size:calc(1.325rem + 0.9vw) !important; } .fs-3{ font-size:calc(1.3rem + 0.6vw) !important; } .fs-4{ font-size:calc(1.275rem + 0.3vw) !important; } .fs-5{ font-size:1.25rem !important; } .fs-6{ font-size:1rem !important; } .fst-italic{ font-style:italic !important; } .fst-normal{ font-style:normal !important; } .fw-lighter{ font-weight:lighter !important; } .fw-light{ font-weight:300 !important; } .fw-normal{ font-weight:400 !important; } .fw-medium{ font-weight:500 !important; } .fw-semibold{ font-weight:600 !important; } .fw-bold{ font-weight:700 !important; } .fw-bolder{ font-weight:bolder !important; } .lh-1{ line-height:1 !important; } .lh-sm{ line-height:1.25 !important; } .lh-base{ line-height:1.5 !important; } .lh-lg{ line-height:2 !important; } .text-start{ text-align:left !important; } .text-end{ text-align:right !important; } .text-center{ text-align:center !important; } .text-decoration-none{ text-decoration:none !important; } .text-decoration-underline{ text-decoration:underline !important; } .text-decoration-line-through{ text-decoration:line-through !important; } .text-lowercase{ text-transform:lowercase !important; } .text-uppercase{ text-transform:uppercase !important; } .text-capitalize{ text-transform:capitalize !important; } .text-wrap{ white-space:normal !important; } .text-nowrap{ white-space:nowrap !important; } .text-break{ word-wrap:break-word !important; word-break:break-word !important; } .text-primary{ --bs-text-opacity:1; color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary{ --bs-text-opacity:1; color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success{ --bs-text-opacity:1; color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info{ --bs-text-opacity:1; color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning{ --bs-text-opacity:1; color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger{ --bs-text-opacity:1; color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light{ --bs-text-opacity:1; color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark{ --bs-text-opacity:1; color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black{ --bs-text-opacity:1; color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white{ --bs-text-opacity:1; color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body{ --bs-text-opacity:1; color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted{ --bs-text-opacity:1; color:var(--bs-secondary-color) !important; } .text-black-50{ --bs-text-opacity:1; color:rgba(0, 0, 0, 0.5) !important; } .text-white-50{ --bs-text-opacity:1; color:rgba(255, 255, 255, 0.5) !important; } .text-body-secondary{ --bs-text-opacity:1; color:var(--bs-secondary-color) !important; } .text-body-tertiary{ --bs-text-opacity:1; color:var(--bs-tertiary-color) !important; } .text-body-emphasis{ --bs-text-opacity:1; color:var(--bs-emphasis-color) !important; } .text-reset{ --bs-text-opacity:1; color:inherit !important; } .text-opacity-25{ --bs-text-opacity:0.25; } .text-opacity-50{ --bs-text-opacity:0.5; } .text-opacity-75{ --bs-text-opacity:0.75; } .text-opacity-100{ --bs-text-opacity:1; } .text-primary-emphasis{ color:var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis{ color:var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis{ color:var(--bs-success-text-emphasis) !important; } .text-info-emphasis{ color:var(--bs-info-text-emphasis) !important; } .text-warning-emphasis{ color:var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis{ color:var(--bs-danger-text-emphasis) !important; } .text-light-emphasis{ color:var(--bs-light-text-emphasis) !important; } .text-dark-emphasis{ color:var(--bs-dark-text-emphasis) !important; } .link-opacity-10{ --bs-link-opacity:0.1; } .link-opacity-10-hover:hover{ --bs-link-opacity:0.1; } .link-opacity-25{ --bs-link-opacity:0.25; } .link-opacity-25-hover:hover{ --bs-link-opacity:0.25; } .link-opacity-50{ --bs-link-opacity:0.5; } .link-opacity-50-hover:hover{ --bs-link-opacity:0.5; } .link-opacity-75{ --bs-link-opacity:0.75; } .link-opacity-75-hover:hover{ --bs-link-opacity:0.75; } .link-opacity-100{ --bs-link-opacity:1; } .link-opacity-100-hover:hover{ --bs-link-opacity:1; } .link-offset-1{ text-underline-offset:0.125em !important; } .link-offset-1-hover:hover{ text-underline-offset:0.125em !important; } .link-offset-2{ text-underline-offset:0.25em !important; } .link-offset-2-hover:hover{ text-underline-offset:0.25em !important; } .link-offset-3{ text-underline-offset:0.375em !important; } .link-offset-3-hover:hover{ text-underline-offset:0.375em !important; } .link-underline-primary{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline{ --bs-link-underline-opacity:1; text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0{ --bs-link-underline-opacity:0; } .link-underline-opacity-0-hover:hover{ --bs-link-underline-opacity:0; } .link-underline-opacity-10{ --bs-link-underline-opacity:0.1; } .link-underline-opacity-10-hover:hover{ --bs-link-underline-opacity:0.1; } .link-underline-opacity-25{ --bs-link-underline-opacity:0.25; } .link-underline-opacity-25-hover:hover{ --bs-link-underline-opacity:0.25; } .link-underline-opacity-50{ --bs-link-underline-opacity:0.5; } .link-underline-opacity-50-hover:hover{ --bs-link-underline-opacity:0.5; } .link-underline-opacity-75{ --bs-link-underline-opacity:0.75; } .link-underline-opacity-75-hover:hover{ --bs-link-underline-opacity:0.75; } .link-underline-opacity-100{ --bs-link-underline-opacity:1; } .link-underline-opacity-100-hover:hover{ --bs-link-underline-opacity:1; } .bg-primary{ --bs-bg-opacity:1; background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary{ --bs-bg-opacity:1; background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success{ --bs-bg-opacity:1; background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info{ --bs-bg-opacity:1; background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning{ --bs-bg-opacity:1; background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger{ --bs-bg-opacity:1; background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light{ --bs-bg-opacity:1; background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark{ --bs-bg-opacity:1; background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black{ --bs-bg-opacity:1; background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white{ --bs-bg-opacity:1; background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body{ --bs-bg-opacity:1; background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent{ --bs-bg-opacity:1; background-color:transparent !important; } .bg-body-secondary{ --bs-bg-opacity:1; background-color:rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary{ --bs-bg-opacity:1; background-color:rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10{ --bs-bg-opacity:0.1; } .bg-opacity-25{ --bs-bg-opacity:0.25; } .bg-opacity-50{ --bs-bg-opacity:0.5; } .bg-opacity-75{ --bs-bg-opacity:0.75; } .bg-opacity-100{ --bs-bg-opacity:1; } .bg-primary-subtle{ background-color:var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle{ background-color:var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle{ background-color:var(--bs-success-bg-subtle) !important; } .bg-info-subtle{ background-color:var(--bs-info-bg-subtle) !important; } .bg-warning-subtle{ background-color:var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle{ background-color:var(--bs-danger-bg-subtle) !important; } .bg-light-subtle{ background-color:var(--bs-light-bg-subtle) !important; } .bg-dark-subtle{ background-color:var(--bs-dark-bg-subtle) !important; } .bg-gradient{ background-image:var(--bs-gradient) !important; } .user-select-all{ -webkit-user-select:all !important; user-select:all !important; } .user-select-auto{ -webkit-user-select:auto !important; user-select:auto !important; } .user-select-none{ -webkit-user-select:none !important; user-select:none !important; } .pe-none{ pointer-events:none !important; } .pe-auto{ pointer-events:auto !important; } .rounded{ border-radius:var(--bs-border-radius) !important; } .rounded-0{ border-radius:0 !important; } .rounded-1{ border-radius:var(--bs-border-radius-sm) !important; } .rounded-2{ border-radius:var(--bs-border-radius) !important; } .rounded-3{ border-radius:var(--bs-border-radius-lg) !important; } .rounded-4{ border-radius:var(--bs-border-radius-xl) !important; } .rounded-5{ border-radius:var(--bs-border-radius-xxl) !important; } .rounded-circle{ border-radius:50% !important; } .rounded-pill{ border-radius:var(--bs-border-radius-pill) !important; } .rounded-top{ border-top-left-radius:var(--bs-border-radius) !important; border-top-right-radius:var(--bs-border-radius) !important; } .rounded-top-0{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; } .rounded-top-1{ border-top-left-radius:var(--bs-border-radius-sm) !important; border-top-right-radius:var(--bs-border-radius-sm) !important; } .rounded-top-2{ border-top-left-radius:var(--bs-border-radius) !important; border-top-right-radius:var(--bs-border-radius) !important; } .rounded-top-3{ border-top-left-radius:var(--bs-border-radius-lg) !important; border-top-right-radius:var(--bs-border-radius-lg) !important; } .rounded-top-4{ border-top-left-radius:var(--bs-border-radius-xl) !important; border-top-right-radius:var(--bs-border-radius-xl) !important; } .rounded-top-5{ border-top-left-radius:var(--bs-border-radius-xxl) !important; border-top-right-radius:var(--bs-border-radius-xxl) !important; } .rounded-top-circle{ border-top-left-radius:50% !important; border-top-right-radius:50% !important; } .rounded-top-pill{ border-top-left-radius:var(--bs-border-radius-pill) !important; border-top-right-radius:var(--bs-border-radius-pill) !important; } .rounded-end{ border-top-right-radius:var(--bs-border-radius) !important; border-bottom-right-radius:var(--bs-border-radius) !important; } .rounded-end-0{ border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; } .rounded-end-1{ border-top-right-radius:var(--bs-border-radius-sm) !important; border-bottom-right-radius:var(--bs-border-radius-sm) !important; } .rounded-end-2{ border-top-right-radius:var(--bs-border-radius) !important; border-bottom-right-radius:var(--bs-border-radius) !important; } .rounded-end-3{ border-top-right-radius:var(--bs-border-radius-lg) !important; border-bottom-right-radius:var(--bs-border-radius-lg) !important; } .rounded-end-4{ border-top-right-radius:var(--bs-border-radius-xl) !important; border-bottom-right-radius:var(--bs-border-radius-xl) !important; } .rounded-end-5{ border-top-right-radius:var(--bs-border-radius-xxl) !important; border-bottom-right-radius:var(--bs-border-radius-xxl) !important; } .rounded-end-circle{ border-top-right-radius:50% !important; border-bottom-right-radius:50% !important; } .rounded-end-pill{ border-top-right-radius:var(--bs-border-radius-pill) !important; border-bottom-right-radius:var(--bs-border-radius-pill) !important; } .rounded-bottom{ border-bottom-right-radius:var(--bs-border-radius) !important; border-bottom-left-radius:var(--bs-border-radius) !important; } .rounded-bottom-0{ border-bottom-right-radius:0 !important; border-bottom-left-radius:0 !important; } .rounded-bottom-1{ border-bottom-right-radius:var(--bs-border-radius-sm) !important; border-bottom-left-radius:var(--bs-border-radius-sm) !important; } .rounded-bottom-2{ border-bottom-right-radius:var(--bs-border-radius) !important; border-bottom-left-radius:var(--bs-border-radius) !important; } .rounded-bottom-3{ border-bottom-right-radius:var(--bs-border-radius-lg) !important; border-bottom-left-radius:var(--bs-border-radius-lg) !important; } .rounded-bottom-4{ border-bottom-right-radius:var(--bs-border-radius-xl) !important; border-bottom-left-radius:var(--bs-border-radius-xl) !important; } .rounded-bottom-5{ border-bottom-right-radius:var(--bs-border-radius-xxl) !important; border-bottom-left-radius:var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle{ border-bottom-right-radius:50% !important; border-bottom-left-radius:50% !important; } .rounded-bottom-pill{ border-bottom-right-radius:var(--bs-border-radius-pill) !important; border-bottom-left-radius:var(--bs-border-radius-pill) !important; } .rounded-start{ border-bottom-left-radius:var(--bs-border-radius) !important; border-top-left-radius:var(--bs-border-radius) !important; } .rounded-start-0{ border-bottom-left-radius:0 !important; border-top-left-radius:0 !important; } .rounded-start-1{ border-bottom-left-radius:var(--bs-border-radius-sm) !important; border-top-left-radius:var(--bs-border-radius-sm) !important; } .rounded-start-2{ border-bottom-left-radius:var(--bs-border-radius) !important; border-top-left-radius:var(--bs-border-radius) !important; } .rounded-start-3{ border-bottom-left-radius:var(--bs-border-radius-lg) !important; border-top-left-radius:var(--bs-border-radius-lg) !important; } .rounded-start-4{ border-bottom-left-radius:var(--bs-border-radius-xl) !important; border-top-left-radius:var(--bs-border-radius-xl) !important; } .rounded-start-5{ border-bottom-left-radius:var(--bs-border-radius-xxl) !important; border-top-left-radius:var(--bs-border-radius-xxl) !important; } .rounded-start-circle{ border-bottom-left-radius:50% !important; border-top-left-radius:50% !important; } .rounded-start-pill{ border-bottom-left-radius:var(--bs-border-radius-pill) !important; border-top-left-radius:var(--bs-border-radius-pill) !important; } .visible{ visibility:visible !important; } .invisible{ visibility:hidden !important; } .z-n1{ z-index:-1 !important; } .z-0{ z-index:0 !important; } .z-1{ z-index:1 !important; } .z-2{ z-index:2 !important; } .z-3{ z-index:3 !important; } @media (min-width: 576px){ .float-sm-start{ float:left !important; } .float-sm-end{ float:right !important; } .float-sm-none{ float:none !important; } .object-fit-sm-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-sm-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-sm-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-sm-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-sm-none{ -o-object-fit:none !important; object-fit:none !important; } .d-sm-inline{ display:inline !important; } .d-sm-inline-block{ display:inline-block !important; } .d-sm-block{ display:block !important; } .d-sm-grid{ display:grid !important; } .d-sm-inline-grid{ display:inline-grid !important; } .d-sm-table{ display:table !important; } .d-sm-table-row{ display:table-row !important; } .d-sm-table-cell{ display:table-cell !important; } .d-sm-flex{ display:flex !important; } .d-sm-inline-flex{ display:inline-flex !important; } .d-sm-none{ display:none !important; } .flex-sm-fill{ flex:1 1 auto !important; } .flex-sm-row{ flex-direction:row !important; } .flex-sm-column{ flex-direction:column !important; } .flex-sm-row-reverse{ flex-direction:row-reverse !important; } .flex-sm-column-reverse{ flex-direction:column-reverse !important; } .flex-sm-grow-0{ flex-grow:0 !important; } .flex-sm-grow-1{ flex-grow:1 !important; } .flex-sm-shrink-0{ flex-shrink:0 !important; } .flex-sm-shrink-1{ flex-shrink:1 !important; } .flex-sm-wrap{ flex-wrap:wrap !important; } .flex-sm-nowrap{ flex-wrap:nowrap !important; } .flex-sm-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-sm-start{ justify-content:flex-start !important; } .justify-content-sm-end{ justify-content:flex-end !important; } .justify-content-sm-center{ justify-content:center !important; } .justify-content-sm-between{ justify-content:space-between !important; } .justify-content-sm-around{ justify-content:space-around !important; } .justify-content-sm-evenly{ justify-content:space-evenly !important; } .align-items-sm-start{ align-items:flex-start !important; } .align-items-sm-end{ align-items:flex-end !important; } .align-items-sm-center{ align-items:center !important; } .align-items-sm-baseline{ align-items:baseline !important; } .align-items-sm-stretch{ align-items:stretch !important; } .align-content-sm-start{ align-content:flex-start !important; } .align-content-sm-end{ align-content:flex-end !important; } .align-content-sm-center{ align-content:center !important; } .align-content-sm-between{ align-content:space-between !important; } .align-content-sm-around{ align-content:space-around !important; } .align-content-sm-stretch{ align-content:stretch !important; } .align-self-sm-auto{ align-self:auto !important; } .align-self-sm-start{ align-self:flex-start !important; } .align-self-sm-end{ align-self:flex-end !important; } .align-self-sm-center{ align-self:center !important; } .align-self-sm-baseline{ align-self:baseline !important; } .align-self-sm-stretch{ align-self:stretch !important; } .order-sm-first{ order:-1 !important; } .order-sm-0{ order:0 !important; } .order-sm-1{ order:1 !important; } .order-sm-2{ order:2 !important; } .order-sm-3{ order:3 !important; } .order-sm-4{ order:4 !important; } .order-sm-5{ order:5 !important; } .order-sm-last{ order:6 !important; } .m-sm-0{ margin:0 !important; } .m-sm-1{ margin:0.25rem !important; } .m-sm-2{ margin:0.5rem !important; } .m-sm-3{ margin:1rem !important; } .m-sm-4{ margin:1.5rem !important; } .m-sm-5{ margin:3rem !important; } .m-sm-auto{ margin:auto !important; } .mx-sm-0{ margin-right:0 !important; margin-left:0 !important; } .mx-sm-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-sm-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-sm-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-sm-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-sm-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-sm-auto{ margin-right:auto !important; margin-left:auto !important; } .my-sm-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-sm-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-sm-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-sm-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-sm-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-sm-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-sm-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-sm-0{ margin-top:0 !important; } .mt-sm-1{ margin-top:0.25rem !important; } .mt-sm-2{ margin-top:0.5rem !important; } .mt-sm-3{ margin-top:1rem !important; } .mt-sm-4{ margin-top:1.5rem !important; } .mt-sm-5{ margin-top:3rem !important; } .mt-sm-auto{ margin-top:auto !important; } .me-sm-0{ margin-right:0 !important; } .me-sm-1{ margin-right:0.25rem !important; } .me-sm-2{ margin-right:0.5rem !important; } .me-sm-3{ margin-right:1rem !important; } .me-sm-4{ margin-right:1.5rem !important; } .me-sm-5{ margin-right:3rem !important; } .me-sm-auto{ margin-right:auto !important; } .mb-sm-0{ margin-bottom:0 !important; } .mb-sm-1{ margin-bottom:0.25rem !important; } .mb-sm-2{ margin-bottom:0.5rem !important; } .mb-sm-3{ margin-bottom:1rem !important; } .mb-sm-4{ margin-bottom:1.5rem !important; } .mb-sm-5{ margin-bottom:3rem !important; } .mb-sm-auto{ margin-bottom:auto !important; } .ms-sm-0{ margin-left:0 !important; } .ms-sm-1{ margin-left:0.25rem !important; } .ms-sm-2{ margin-left:0.5rem !important; } .ms-sm-3{ margin-left:1rem !important; } .ms-sm-4{ margin-left:1.5rem !important; } .ms-sm-5{ margin-left:3rem !important; } .ms-sm-auto{ margin-left:auto !important; } .p-sm-0{ padding:0 !important; } .p-sm-1{ padding:0.25rem !important; } .p-sm-2{ padding:0.5rem !important; } .p-sm-3{ padding:1rem !important; } .p-sm-4{ padding:1.5rem !important; } .p-sm-5{ padding:3rem !important; } .px-sm-0{ padding-right:0 !important; padding-left:0 !important; } .px-sm-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-sm-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-sm-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-sm-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-sm-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-sm-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-sm-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-sm-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-sm-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-sm-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-sm-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-sm-0{ padding-top:0 !important; } .pt-sm-1{ padding-top:0.25rem !important; } .pt-sm-2{ padding-top:0.5rem !important; } .pt-sm-3{ padding-top:1rem !important; } .pt-sm-4{ padding-top:1.5rem !important; } .pt-sm-5{ padding-top:3rem !important; } .pe-sm-0{ padding-right:0 !important; } .pe-sm-1{ padding-right:0.25rem !important; } .pe-sm-2{ padding-right:0.5rem !important; } .pe-sm-3{ padding-right:1rem !important; } .pe-sm-4{ padding-right:1.5rem !important; } .pe-sm-5{ padding-right:3rem !important; } .pb-sm-0{ padding-bottom:0 !important; } .pb-sm-1{ padding-bottom:0.25rem !important; } .pb-sm-2{ padding-bottom:0.5rem !important; } .pb-sm-3{ padding-bottom:1rem !important; } .pb-sm-4{ padding-bottom:1.5rem !important; } .pb-sm-5{ padding-bottom:3rem !important; } .ps-sm-0{ padding-left:0 !important; } .ps-sm-1{ padding-left:0.25rem !important; } .ps-sm-2{ padding-left:0.5rem !important; } .ps-sm-3{ padding-left:1rem !important; } .ps-sm-4{ padding-left:1.5rem !important; } .ps-sm-5{ padding-left:3rem !important; } .gap-sm-0{ gap:0 !important; } .gap-sm-1{ gap:0.25rem !important; } .gap-sm-2{ gap:0.5rem !important; } .gap-sm-3{ gap:1rem !important; } .gap-sm-4{ gap:1.5rem !important; } .gap-sm-5{ gap:3rem !important; } .row-gap-sm-0{ row-gap:0 !important; } .row-gap-sm-1{ row-gap:0.25rem !important; } .row-gap-sm-2{ row-gap:0.5rem !important; } .row-gap-sm-3{ row-gap:1rem !important; } .row-gap-sm-4{ row-gap:1.5rem !important; } .row-gap-sm-5{ row-gap:3rem !important; } .column-gap-sm-0{ column-gap:0 !important; } .column-gap-sm-1{ column-gap:0.25rem !important; } .column-gap-sm-2{ column-gap:0.5rem !important; } .column-gap-sm-3{ column-gap:1rem !important; } .column-gap-sm-4{ column-gap:1.5rem !important; } .column-gap-sm-5{ column-gap:3rem !important; } .text-sm-start{ text-align:left !important; } .text-sm-end{ text-align:right !important; } .text-sm-center{ text-align:center !important; } } @media (min-width: 768px){ .float-md-start{ float:left !important; } .float-md-end{ float:right !important; } .float-md-none{ float:none !important; } .object-fit-md-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-md-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-md-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-md-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-md-none{ -o-object-fit:none !important; object-fit:none !important; } .d-md-inline{ display:inline !important; } .d-md-inline-block{ display:inline-block !important; } .d-md-block{ display:block !important; } .d-md-grid{ display:grid !important; } .d-md-inline-grid{ display:inline-grid !important; } .d-md-table{ display:table !important; } .d-md-table-row{ display:table-row !important; } .d-md-table-cell{ display:table-cell !important; } .d-md-flex{ display:flex !important; } .d-md-inline-flex{ display:inline-flex !important; } .d-md-none{ display:none !important; } .flex-md-fill{ flex:1 1 auto !important; } .flex-md-row{ flex-direction:row !important; } .flex-md-column{ flex-direction:column !important; } .flex-md-row-reverse{ flex-direction:row-reverse !important; } .flex-md-column-reverse{ flex-direction:column-reverse !important; } .flex-md-grow-0{ flex-grow:0 !important; } .flex-md-grow-1{ flex-grow:1 !important; } .flex-md-shrink-0{ flex-shrink:0 !important; } .flex-md-shrink-1{ flex-shrink:1 !important; } .flex-md-wrap{ flex-wrap:wrap !important; } .flex-md-nowrap{ flex-wrap:nowrap !important; } .flex-md-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-md-start{ justify-content:flex-start !important; } .justify-content-md-end{ justify-content:flex-end !important; } .justify-content-md-center{ justify-content:center !important; } .justify-content-md-between{ justify-content:space-between !important; } .justify-content-md-around{ justify-content:space-around !important; } .justify-content-md-evenly{ justify-content:space-evenly !important; } .align-items-md-start{ align-items:flex-start !important; } .align-items-md-end{ align-items:flex-end !important; } .align-items-md-center{ align-items:center !important; } .align-items-md-baseline{ align-items:baseline !important; } .align-items-md-stretch{ align-items:stretch !important; } .align-content-md-start{ align-content:flex-start !important; } .align-content-md-end{ align-content:flex-end !important; } .align-content-md-center{ align-content:center !important; } .align-content-md-between{ align-content:space-between !important; } .align-content-md-around{ align-content:space-around !important; } .align-content-md-stretch{ align-content:stretch !important; } .align-self-md-auto{ align-self:auto !important; } .align-self-md-start{ align-self:flex-start !important; } .align-self-md-end{ align-self:flex-end !important; } .align-self-md-center{ align-self:center !important; } .align-self-md-baseline{ align-self:baseline !important; } .align-self-md-stretch{ align-self:stretch !important; } .order-md-first{ order:-1 !important; } .order-md-0{ order:0 !important; } .order-md-1{ order:1 !important; } .order-md-2{ order:2 !important; } .order-md-3{ order:3 !important; } .order-md-4{ order:4 !important; } .order-md-5{ order:5 !important; } .order-md-last{ order:6 !important; } .m-md-0{ margin:0 !important; } .m-md-1{ margin:0.25rem !important; } .m-md-2{ margin:0.5rem !important; } .m-md-3{ margin:1rem !important; } .m-md-4{ margin:1.5rem !important; } .m-md-5{ margin:3rem !important; } .m-md-auto{ margin:auto !important; } .mx-md-0{ margin-right:0 !important; margin-left:0 !important; } .mx-md-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-md-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-md-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-md-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-md-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-md-auto{ margin-right:auto !important; margin-left:auto !important; } .my-md-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-md-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-md-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-md-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-md-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-md-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-md-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-md-0{ margin-top:0 !important; } .mt-md-1{ margin-top:0.25rem !important; } .mt-md-2{ margin-top:0.5rem !important; } .mt-md-3{ margin-top:1rem !important; } .mt-md-4{ margin-top:1.5rem !important; } .mt-md-5{ margin-top:3rem !important; } .mt-md-auto{ margin-top:auto !important; } .me-md-0{ margin-right:0 !important; } .me-md-1{ margin-right:0.25rem !important; } .me-md-2{ margin-right:0.5rem !important; } .me-md-3{ margin-right:1rem !important; } .me-md-4{ margin-right:1.5rem !important; } .me-md-5{ margin-right:3rem !important; } .me-md-auto{ margin-right:auto !important; } .mb-md-0{ margin-bottom:0 !important; } .mb-md-1{ margin-bottom:0.25rem !important; } .mb-md-2{ margin-bottom:0.5rem !important; } .mb-md-3{ margin-bottom:1rem !important; } .mb-md-4{ margin-bottom:1.5rem !important; } .mb-md-5{ margin-bottom:3rem !important; } .mb-md-auto{ margin-bottom:auto !important; } .ms-md-0{ margin-left:0 !important; } .ms-md-1{ margin-left:0.25rem !important; } .ms-md-2{ margin-left:0.5rem !important; } .ms-md-3{ margin-left:1rem !important; } .ms-md-4{ margin-left:1.5rem !important; } .ms-md-5{ margin-left:3rem !important; } .ms-md-auto{ margin-left:auto !important; } .p-md-0{ padding:0 !important; } .p-md-1{ padding:0.25rem !important; } .p-md-2{ padding:0.5rem !important; } .p-md-3{ padding:1rem !important; } .p-md-4{ padding:1.5rem !important; } .p-md-5{ padding:3rem !important; } .px-md-0{ padding-right:0 !important; padding-left:0 !important; } .px-md-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-md-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-md-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-md-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-md-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-md-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-md-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-md-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-md-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-md-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-md-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-md-0{ padding-top:0 !important; } .pt-md-1{ padding-top:0.25rem !important; } .pt-md-2{ padding-top:0.5rem !important; } .pt-md-3{ padding-top:1rem !important; } .pt-md-4{ padding-top:1.5rem !important; } .pt-md-5{ padding-top:3rem !important; } .pe-md-0{ padding-right:0 !important; } .pe-md-1{ padding-right:0.25rem !important; } .pe-md-2{ padding-right:0.5rem !important; } .pe-md-3{ padding-right:1rem !important; } .pe-md-4{ padding-right:1.5rem !important; } .pe-md-5{ padding-right:3rem !important; } .pb-md-0{ padding-bottom:0 !important; } .pb-md-1{ padding-bottom:0.25rem !important; } .pb-md-2{ padding-bottom:0.5rem !important; } .pb-md-3{ padding-bottom:1rem !important; } .pb-md-4{ padding-bottom:1.5rem !important; } .pb-md-5{ padding-bottom:3rem !important; } .ps-md-0{ padding-left:0 !important; } .ps-md-1{ padding-left:0.25rem !important; } .ps-md-2{ padding-left:0.5rem !important; } .ps-md-3{ padding-left:1rem !important; } .ps-md-4{ padding-left:1.5rem !important; } .ps-md-5{ padding-left:3rem !important; } .gap-md-0{ gap:0 !important; } .gap-md-1{ gap:0.25rem !important; } .gap-md-2{ gap:0.5rem !important; } .gap-md-3{ gap:1rem !important; } .gap-md-4{ gap:1.5rem !important; } .gap-md-5{ gap:3rem !important; } .row-gap-md-0{ row-gap:0 !important; } .row-gap-md-1{ row-gap:0.25rem !important; } .row-gap-md-2{ row-gap:0.5rem !important; } .row-gap-md-3{ row-gap:1rem !important; } .row-gap-md-4{ row-gap:1.5rem !important; } .row-gap-md-5{ row-gap:3rem !important; } .column-gap-md-0{ column-gap:0 !important; } .column-gap-md-1{ column-gap:0.25rem !important; } .column-gap-md-2{ column-gap:0.5rem !important; } .column-gap-md-3{ column-gap:1rem !important; } .column-gap-md-4{ column-gap:1.5rem !important; } .column-gap-md-5{ column-gap:3rem !important; } .text-md-start{ text-align:left !important; } .text-md-end{ text-align:right !important; } .text-md-center{ text-align:center !important; } } @media (min-width: 992px){ .float-lg-start{ float:left !important; } .float-lg-end{ float:right !important; } .float-lg-none{ float:none !important; } .object-fit-lg-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-lg-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-lg-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-lg-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-lg-none{ -o-object-fit:none !important; object-fit:none !important; } .d-lg-inline{ display:inline !important; } .d-lg-inline-block{ display:inline-block !important; } .d-lg-block{ display:block !important; } .d-lg-grid{ display:grid !important; } .d-lg-inline-grid{ display:inline-grid !important; } .d-lg-table{ display:table !important; } .d-lg-table-row{ display:table-row !important; } .d-lg-table-cell{ display:table-cell !important; } .d-lg-flex{ display:flex !important; } .d-lg-inline-flex{ display:inline-flex !important; } .d-lg-none{ display:none !important; } .flex-lg-fill{ flex:1 1 auto !important; } .flex-lg-row{ flex-direction:row !important; } .flex-lg-column{ flex-direction:column !important; } .flex-lg-row-reverse{ flex-direction:row-reverse !important; } .flex-lg-column-reverse{ flex-direction:column-reverse !important; } .flex-lg-grow-0{ flex-grow:0 !important; } .flex-lg-grow-1{ flex-grow:1 !important; } .flex-lg-shrink-0{ flex-shrink:0 !important; } .flex-lg-shrink-1{ flex-shrink:1 !important; } .flex-lg-wrap{ flex-wrap:wrap !important; } .flex-lg-nowrap{ flex-wrap:nowrap !important; } .flex-lg-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-lg-start{ justify-content:flex-start !important; } .justify-content-lg-end{ justify-content:flex-end !important; } .justify-content-lg-center{ justify-content:center !important; } .justify-content-lg-between{ justify-content:space-between !important; } .justify-content-lg-around{ justify-content:space-around !important; } .justify-content-lg-evenly{ justify-content:space-evenly !important; } .align-items-lg-start{ align-items:flex-start !important; } .align-items-lg-end{ align-items:flex-end !important; } .align-items-lg-center{ align-items:center !important; } .align-items-lg-baseline{ align-items:baseline !important; } .align-items-lg-stretch{ align-items:stretch !important; } .align-content-lg-start{ align-content:flex-start !important; } .align-content-lg-end{ align-content:flex-end !important; } .align-content-lg-center{ align-content:center !important; } .align-content-lg-between{ align-content:space-between !important; } .align-content-lg-around{ align-content:space-around !important; } .align-content-lg-stretch{ align-content:stretch !important; } .align-self-lg-auto{ align-self:auto !important; } .align-self-lg-start{ align-self:flex-start !important; } .align-self-lg-end{ align-self:flex-end !important; } .align-self-lg-center{ align-self:center !important; } .align-self-lg-baseline{ align-self:baseline !important; } .align-self-lg-stretch{ align-self:stretch !important; } .order-lg-first{ order:-1 !important; } .order-lg-0{ order:0 !important; } .order-lg-1{ order:1 !important; } .order-lg-2{ order:2 !important; } .order-lg-3{ order:3 !important; } .order-lg-4{ order:4 !important; } .order-lg-5{ order:5 !important; } .order-lg-last{ order:6 !important; } .m-lg-0{ margin:0 !important; } .m-lg-1{ margin:0.25rem !important; } .m-lg-2{ margin:0.5rem !important; } .m-lg-3{ margin:1rem !important; } .m-lg-4{ margin:1.5rem !important; } .m-lg-5{ margin:3rem !important; } .m-lg-auto{ margin:auto !important; } .mx-lg-0{ margin-right:0 !important; margin-left:0 !important; } .mx-lg-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-lg-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-lg-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-lg-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-lg-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-lg-auto{ margin-right:auto !important; margin-left:auto !important; } .my-lg-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-lg-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-lg-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-lg-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-lg-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-lg-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-lg-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-lg-0{ margin-top:0 !important; } .mt-lg-1{ margin-top:0.25rem !important; } .mt-lg-2{ margin-top:0.5rem !important; } .mt-lg-3{ margin-top:1rem !important; } .mt-lg-4{ margin-top:1.5rem !important; } .mt-lg-5{ margin-top:3rem !important; } .mt-lg-auto{ margin-top:auto !important; } .me-lg-0{ margin-right:0 !important; } .me-lg-1{ margin-right:0.25rem !important; } .me-lg-2{ margin-right:0.5rem !important; } .me-lg-3{ margin-right:1rem !important; } .me-lg-4{ margin-right:1.5rem !important; } .me-lg-5{ margin-right:3rem !important; } .me-lg-auto{ margin-right:auto !important; } .mb-lg-0{ margin-bottom:0 !important; } .mb-lg-1{ margin-bottom:0.25rem !important; } .mb-lg-2{ margin-bottom:0.5rem !important; } .mb-lg-3{ margin-bottom:1rem !important; } .mb-lg-4{ margin-bottom:1.5rem !important; } .mb-lg-5{ margin-bottom:3rem !important; } .mb-lg-auto{ margin-bottom:auto !important; } .ms-lg-0{ margin-left:0 !important; } .ms-lg-1{ margin-left:0.25rem !important; } .ms-lg-2{ margin-left:0.5rem !important; } .ms-lg-3{ margin-left:1rem !important; } .ms-lg-4{ margin-left:1.5rem !important; } .ms-lg-5{ margin-left:3rem !important; } .ms-lg-auto{ margin-left:auto !important; } .p-lg-0{ padding:0 !important; } .p-lg-1{ padding:0.25rem !important; } .p-lg-2{ padding:0.5rem !important; } .p-lg-3{ padding:1rem !important; } .p-lg-4{ padding:1.5rem !important; } .p-lg-5{ padding:3rem !important; } .px-lg-0{ padding-right:0 !important; padding-left:0 !important; } .px-lg-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-lg-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-lg-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-lg-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-lg-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-lg-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-lg-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-lg-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-lg-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-lg-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-lg-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-lg-0{ padding-top:0 !important; } .pt-lg-1{ padding-top:0.25rem !important; } .pt-lg-2{ padding-top:0.5rem !important; } .pt-lg-3{ padding-top:1rem !important; } .pt-lg-4{ padding-top:1.5rem !important; } .pt-lg-5{ padding-top:3rem !important; } .pe-lg-0{ padding-right:0 !important; } .pe-lg-1{ padding-right:0.25rem !important; } .pe-lg-2{ padding-right:0.5rem !important; } .pe-lg-3{ padding-right:1rem !important; } .pe-lg-4{ padding-right:1.5rem !important; } .pe-lg-5{ padding-right:3rem !important; } .pb-lg-0{ padding-bottom:0 !important; } .pb-lg-1{ padding-bottom:0.25rem !important; } .pb-lg-2{ padding-bottom:0.5rem !important; } .pb-lg-3{ padding-bottom:1rem !important; } .pb-lg-4{ padding-bottom:1.5rem !important; } .pb-lg-5{ padding-bottom:3rem !important; } .ps-lg-0{ padding-left:0 !important; } .ps-lg-1{ padding-left:0.25rem !important; } .ps-lg-2{ padding-left:0.5rem !important; } .ps-lg-3{ padding-left:1rem !important; } .ps-lg-4{ padding-left:1.5rem !important; } .ps-lg-5{ padding-left:3rem !important; } .gap-lg-0{ gap:0 !important; } .gap-lg-1{ gap:0.25rem !important; } .gap-lg-2{ gap:0.5rem !important; } .gap-lg-3{ gap:1rem !important; } .gap-lg-4{ gap:1.5rem !important; } .gap-lg-5{ gap:3rem !important; } .row-gap-lg-0{ row-gap:0 !important; } .row-gap-lg-1{ row-gap:0.25rem !important; } .row-gap-lg-2{ row-gap:0.5rem !important; } .row-gap-lg-3{ row-gap:1rem !important; } .row-gap-lg-4{ row-gap:1.5rem !important; } .row-gap-lg-5{ row-gap:3rem !important; } .column-gap-lg-0{ column-gap:0 !important; } .column-gap-lg-1{ column-gap:0.25rem !important; } .column-gap-lg-2{ column-gap:0.5rem !important; } .column-gap-lg-3{ column-gap:1rem !important; } .column-gap-lg-4{ column-gap:1.5rem !important; } .column-gap-lg-5{ column-gap:3rem !important; } .text-lg-start{ text-align:left !important; } .text-lg-end{ text-align:right !important; } .text-lg-center{ text-align:center !important; } } @media (min-width: 1200px){ .float-xl-start{ float:left !important; } .float-xl-end{ float:right !important; } .float-xl-none{ float:none !important; } .object-fit-xl-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-xl-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-xl-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-xl-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-xl-none{ -o-object-fit:none !important; object-fit:none !important; } .d-xl-inline{ display:inline !important; } .d-xl-inline-block{ display:inline-block !important; } .d-xl-block{ display:block !important; } .d-xl-grid{ display:grid !important; } .d-xl-inline-grid{ display:inline-grid !important; } .d-xl-table{ display:table !important; } .d-xl-table-row{ display:table-row !important; } .d-xl-table-cell{ display:table-cell !important; } .d-xl-flex{ display:flex !important; } .d-xl-inline-flex{ display:inline-flex !important; } .d-xl-none{ display:none !important; } .flex-xl-fill{ flex:1 1 auto !important; } .flex-xl-row{ flex-direction:row !important; } .flex-xl-column{ flex-direction:column !important; } .flex-xl-row-reverse{ flex-direction:row-reverse !important; } .flex-xl-column-reverse{ flex-direction:column-reverse !important; } .flex-xl-grow-0{ flex-grow:0 !important; } .flex-xl-grow-1{ flex-grow:1 !important; } .flex-xl-shrink-0{ flex-shrink:0 !important; } .flex-xl-shrink-1{ flex-shrink:1 !important; } .flex-xl-wrap{ flex-wrap:wrap !important; } .flex-xl-nowrap{ flex-wrap:nowrap !important; } .flex-xl-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-xl-start{ justify-content:flex-start !important; } .justify-content-xl-end{ justify-content:flex-end !important; } .justify-content-xl-center{ justify-content:center !important; } .justify-content-xl-between{ justify-content:space-between !important; } .justify-content-xl-around{ justify-content:space-around !important; } .justify-content-xl-evenly{ justify-content:space-evenly !important; } .align-items-xl-start{ align-items:flex-start !important; } .align-items-xl-end{ align-items:flex-end !important; } .align-items-xl-center{ align-items:center !important; } .align-items-xl-baseline{ align-items:baseline !important; } .align-items-xl-stretch{ align-items:stretch !important; } .align-content-xl-start{ align-content:flex-start !important; } .align-content-xl-end{ align-content:flex-end !important; } .align-content-xl-center{ align-content:center !important; } .align-content-xl-between{ align-content:space-between !important; } .align-content-xl-around{ align-content:space-around !important; } .align-content-xl-stretch{ align-content:stretch !important; } .align-self-xl-auto{ align-self:auto !important; } .align-self-xl-start{ align-self:flex-start !important; } .align-self-xl-end{ align-self:flex-end !important; } .align-self-xl-center{ align-self:center !important; } .align-self-xl-baseline{ align-self:baseline !important; } .align-self-xl-stretch{ align-self:stretch !important; } .order-xl-first{ order:-1 !important; } .order-xl-0{ order:0 !important; } .order-xl-1{ order:1 !important; } .order-xl-2{ order:2 !important; } .order-xl-3{ order:3 !important; } .order-xl-4{ order:4 !important; } .order-xl-5{ order:5 !important; } .order-xl-last{ order:6 !important; } .m-xl-0{ margin:0 !important; } .m-xl-1{ margin:0.25rem !important; } .m-xl-2{ margin:0.5rem !important; } .m-xl-3{ margin:1rem !important; } .m-xl-4{ margin:1.5rem !important; } .m-xl-5{ margin:3rem !important; } .m-xl-auto{ margin:auto !important; } .mx-xl-0{ margin-right:0 !important; margin-left:0 !important; } .mx-xl-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-xl-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-xl-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-xl-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-xl-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-xl-auto{ margin-right:auto !important; margin-left:auto !important; } .my-xl-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-xl-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-xl-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-xl-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-xl-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-xl-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-xl-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-xl-0{ margin-top:0 !important; } .mt-xl-1{ margin-top:0.25rem !important; } .mt-xl-2{ margin-top:0.5rem !important; } .mt-xl-3{ margin-top:1rem !important; } .mt-xl-4{ margin-top:1.5rem !important; } .mt-xl-5{ margin-top:3rem !important; } .mt-xl-auto{ margin-top:auto !important; } .me-xl-0{ margin-right:0 !important; } .me-xl-1{ margin-right:0.25rem !important; } .me-xl-2{ margin-right:0.5rem !important; } .me-xl-3{ margin-right:1rem !important; } .me-xl-4{ margin-right:1.5rem !important; } .me-xl-5{ margin-right:3rem !important; } .me-xl-auto{ margin-right:auto !important; } .mb-xl-0{ margin-bottom:0 !important; } .mb-xl-1{ margin-bottom:0.25rem !important; } .mb-xl-2{ margin-bottom:0.5rem !important; } .mb-xl-3{ margin-bottom:1rem !important; } .mb-xl-4{ margin-bottom:1.5rem !important; } .mb-xl-5{ margin-bottom:3rem !important; } .mb-xl-auto{ margin-bottom:auto !important; } .ms-xl-0{ margin-left:0 !important; } .ms-xl-1{ margin-left:0.25rem !important; } .ms-xl-2{ margin-left:0.5rem !important; } .ms-xl-3{ margin-left:1rem !important; } .ms-xl-4{ margin-left:1.5rem !important; } .ms-xl-5{ margin-left:3rem !important; } .ms-xl-auto{ margin-left:auto !important; } .p-xl-0{ padding:0 !important; } .p-xl-1{ padding:0.25rem !important; } .p-xl-2{ padding:0.5rem !important; } .p-xl-3{ padding:1rem !important; } .p-xl-4{ padding:1.5rem !important; } .p-xl-5{ padding:3rem !important; } .px-xl-0{ padding-right:0 !important; padding-left:0 !important; } .px-xl-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-xl-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-xl-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-xl-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-xl-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-xl-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-xl-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-xl-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-xl-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-xl-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-xl-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-xl-0{ padding-top:0 !important; } .pt-xl-1{ padding-top:0.25rem !important; } .pt-xl-2{ padding-top:0.5rem !important; } .pt-xl-3{ padding-top:1rem !important; } .pt-xl-4{ padding-top:1.5rem !important; } .pt-xl-5{ padding-top:3rem !important; } .pe-xl-0{ padding-right:0 !important; } .pe-xl-1{ padding-right:0.25rem !important; } .pe-xl-2{ padding-right:0.5rem !important; } .pe-xl-3{ padding-right:1rem !important; } .pe-xl-4{ padding-right:1.5rem !important; } .pe-xl-5{ padding-right:3rem !important; } .pb-xl-0{ padding-bottom:0 !important; } .pb-xl-1{ padding-bottom:0.25rem !important; } .pb-xl-2{ padding-bottom:0.5rem !important; } .pb-xl-3{ padding-bottom:1rem !important; } .pb-xl-4{ padding-bottom:1.5rem !important; } .pb-xl-5{ padding-bottom:3rem !important; } .ps-xl-0{ padding-left:0 !important; } .ps-xl-1{ padding-left:0.25rem !important; } .ps-xl-2{ padding-left:0.5rem !important; } .ps-xl-3{ padding-left:1rem !important; } .ps-xl-4{ padding-left:1.5rem !important; } .ps-xl-5{ padding-left:3rem !important; } .gap-xl-0{ gap:0 !important; } .gap-xl-1{ gap:0.25rem !important; } .gap-xl-2{ gap:0.5rem !important; } .gap-xl-3{ gap:1rem !important; } .gap-xl-4{ gap:1.5rem !important; } .gap-xl-5{ gap:3rem !important; } .row-gap-xl-0{ row-gap:0 !important; } .row-gap-xl-1{ row-gap:0.25rem !important; } .row-gap-xl-2{ row-gap:0.5rem !important; } .row-gap-xl-3{ row-gap:1rem !important; } .row-gap-xl-4{ row-gap:1.5rem !important; } .row-gap-xl-5{ row-gap:3rem !important; } .column-gap-xl-0{ column-gap:0 !important; } .column-gap-xl-1{ column-gap:0.25rem !important; } .column-gap-xl-2{ column-gap:0.5rem !important; } .column-gap-xl-3{ column-gap:1rem !important; } .column-gap-xl-4{ column-gap:1.5rem !important; } .column-gap-xl-5{ column-gap:3rem !important; } .text-xl-start{ text-align:left !important; } .text-xl-end{ text-align:right !important; } .text-xl-center{ text-align:center !important; } } @media (min-width: 1400px){ .float-xxl-start{ float:left !important; } .float-xxl-end{ float:right !important; } .float-xxl-none{ float:none !important; } .object-fit-xxl-contain{ -o-object-fit:contain !important; object-fit:contain !important; } .object-fit-xxl-cover{ -o-object-fit:cover !important; object-fit:cover !important; } .object-fit-xxl-fill{ -o-object-fit:fill !important; object-fit:fill !important; } .object-fit-xxl-scale{ -o-object-fit:scale-down !important; object-fit:scale-down !important; } .object-fit-xxl-none{ -o-object-fit:none !important; object-fit:none !important; } .d-xxl-inline{ display:inline !important; } .d-xxl-inline-block{ display:inline-block !important; } .d-xxl-block{ display:block !important; } .d-xxl-grid{ display:grid !important; } .d-xxl-inline-grid{ display:inline-grid !important; } .d-xxl-table{ display:table !important; } .d-xxl-table-row{ display:table-row !important; } .d-xxl-table-cell{ display:table-cell !important; } .d-xxl-flex{ display:flex !important; } .d-xxl-inline-flex{ display:inline-flex !important; } .d-xxl-none{ display:none !important; } .flex-xxl-fill{ flex:1 1 auto !important; } .flex-xxl-row{ flex-direction:row !important; } .flex-xxl-column{ flex-direction:column !important; } .flex-xxl-row-reverse{ flex-direction:row-reverse !important; } .flex-xxl-column-reverse{ flex-direction:column-reverse !important; } .flex-xxl-grow-0{ flex-grow:0 !important; } .flex-xxl-grow-1{ flex-grow:1 !important; } .flex-xxl-shrink-0{ flex-shrink:0 !important; } .flex-xxl-shrink-1{ flex-shrink:1 !important; } .flex-xxl-wrap{ flex-wrap:wrap !important; } .flex-xxl-nowrap{ flex-wrap:nowrap !important; } .flex-xxl-wrap-reverse{ flex-wrap:wrap-reverse !important; } .justify-content-xxl-start{ justify-content:flex-start !important; } .justify-content-xxl-end{ justify-content:flex-end !important; } .justify-content-xxl-center{ justify-content:center !important; } .justify-content-xxl-between{ justify-content:space-between !important; } .justify-content-xxl-around{ justify-content:space-around !important; } .justify-content-xxl-evenly{ justify-content:space-evenly !important; } .align-items-xxl-start{ align-items:flex-start !important; } .align-items-xxl-end{ align-items:flex-end !important; } .align-items-xxl-center{ align-items:center !important; } .align-items-xxl-baseline{ align-items:baseline !important; } .align-items-xxl-stretch{ align-items:stretch !important; } .align-content-xxl-start{ align-content:flex-start !important; } .align-content-xxl-end{ align-content:flex-end !important; } .align-content-xxl-center{ align-content:center !important; } .align-content-xxl-between{ align-content:space-between !important; } .align-content-xxl-around{ align-content:space-around !important; } .align-content-xxl-stretch{ align-content:stretch !important; } .align-self-xxl-auto{ align-self:auto !important; } .align-self-xxl-start{ align-self:flex-start !important; } .align-self-xxl-end{ align-self:flex-end !important; } .align-self-xxl-center{ align-self:center !important; } .align-self-xxl-baseline{ align-self:baseline !important; } .align-self-xxl-stretch{ align-self:stretch !important; } .order-xxl-first{ order:-1 !important; } .order-xxl-0{ order:0 !important; } .order-xxl-1{ order:1 !important; } .order-xxl-2{ order:2 !important; } .order-xxl-3{ order:3 !important; } .order-xxl-4{ order:4 !important; } .order-xxl-5{ order:5 !important; } .order-xxl-last{ order:6 !important; } .m-xxl-0{ margin:0 !important; } .m-xxl-1{ margin:0.25rem !important; } .m-xxl-2{ margin:0.5rem !important; } .m-xxl-3{ margin:1rem !important; } .m-xxl-4{ margin:1.5rem !important; } .m-xxl-5{ margin:3rem !important; } .m-xxl-auto{ margin:auto !important; } .mx-xxl-0{ margin-right:0 !important; margin-left:0 !important; } .mx-xxl-1{ margin-right:0.25rem !important; margin-left:0.25rem !important; } .mx-xxl-2{ margin-right:0.5rem !important; margin-left:0.5rem !important; } .mx-xxl-3{ margin-right:1rem !important; margin-left:1rem !important; } .mx-xxl-4{ margin-right:1.5rem !important; margin-left:1.5rem !important; } .mx-xxl-5{ margin-right:3rem !important; margin-left:3rem !important; } .mx-xxl-auto{ margin-right:auto !important; margin-left:auto !important; } .my-xxl-0{ margin-top:0 !important; margin-bottom:0 !important; } .my-xxl-1{ margin-top:0.25rem !important; margin-bottom:0.25rem !important; } .my-xxl-2{ margin-top:0.5rem !important; margin-bottom:0.5rem !important; } .my-xxl-3{ margin-top:1rem !important; margin-bottom:1rem !important; } .my-xxl-4{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; } .my-xxl-5{ margin-top:3rem !important; margin-bottom:3rem !important; } .my-xxl-auto{ margin-top:auto !important; margin-bottom:auto !important; } .mt-xxl-0{ margin-top:0 !important; } .mt-xxl-1{ margin-top:0.25rem !important; } .mt-xxl-2{ margin-top:0.5rem !important; } .mt-xxl-3{ margin-top:1rem !important; } .mt-xxl-4{ margin-top:1.5rem !important; } .mt-xxl-5{ margin-top:3rem !important; } .mt-xxl-auto{ margin-top:auto !important; } .me-xxl-0{ margin-right:0 !important; } .me-xxl-1{ margin-right:0.25rem !important; } .me-xxl-2{ margin-right:0.5rem !important; } .me-xxl-3{ margin-right:1rem !important; } .me-xxl-4{ margin-right:1.5rem !important; } .me-xxl-5{ margin-right:3rem !important; } .me-xxl-auto{ margin-right:auto !important; } .mb-xxl-0{ margin-bottom:0 !important; } .mb-xxl-1{ margin-bottom:0.25rem !important; } .mb-xxl-2{ margin-bottom:0.5rem !important; } .mb-xxl-3{ margin-bottom:1rem !important; } .mb-xxl-4{ margin-bottom:1.5rem !important; } .mb-xxl-5{ margin-bottom:3rem !important; } .mb-xxl-auto{ margin-bottom:auto !important; } .ms-xxl-0{ margin-left:0 !important; } .ms-xxl-1{ margin-left:0.25rem !important; } .ms-xxl-2{ margin-left:0.5rem !important; } .ms-xxl-3{ margin-left:1rem !important; } .ms-xxl-4{ margin-left:1.5rem !important; } .ms-xxl-5{ margin-left:3rem !important; } .ms-xxl-auto{ margin-left:auto !important; } .p-xxl-0{ padding:0 !important; } .p-xxl-1{ padding:0.25rem !important; } .p-xxl-2{ padding:0.5rem !important; } .p-xxl-3{ padding:1rem !important; } .p-xxl-4{ padding:1.5rem !important; } .p-xxl-5{ padding:3rem !important; } .px-xxl-0{ padding-right:0 !important; padding-left:0 !important; } .px-xxl-1{ padding-right:0.25rem !important; padding-left:0.25rem !important; } .px-xxl-2{ padding-right:0.5rem !important; padding-left:0.5rem !important; } .px-xxl-3{ padding-right:1rem !important; padding-left:1rem !important; } .px-xxl-4{ padding-right:1.5rem !important; padding-left:1.5rem !important; } .px-xxl-5{ padding-right:3rem !important; padding-left:3rem !important; } .py-xxl-0{ padding-top:0 !important; padding-bottom:0 !important; } .py-xxl-1{ padding-top:0.25rem !important; padding-bottom:0.25rem !important; } .py-xxl-2{ padding-top:0.5rem !important; padding-bottom:0.5rem !important; } .py-xxl-3{ padding-top:1rem !important; padding-bottom:1rem !important; } .py-xxl-4{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .py-xxl-5{ padding-top:3rem !important; padding-bottom:3rem !important; } .pt-xxl-0{ padding-top:0 !important; } .pt-xxl-1{ padding-top:0.25rem !important; } .pt-xxl-2{ padding-top:0.5rem !important; } .pt-xxl-3{ padding-top:1rem !important; } .pt-xxl-4{ padding-top:1.5rem !important; } .pt-xxl-5{ padding-top:3rem !important; } .pe-xxl-0{ padding-right:0 !important; } .pe-xxl-1{ padding-right:0.25rem !important; } .pe-xxl-2{ padding-right:0.5rem !important; } .pe-xxl-3{ padding-right:1rem !important; } .pe-xxl-4{ padding-right:1.5rem !important; } .pe-xxl-5{ padding-right:3rem !important; } .pb-xxl-0{ padding-bottom:0 !important; } .pb-xxl-1{ padding-bottom:0.25rem !important; } .pb-xxl-2{ padding-bottom:0.5rem !important; } .pb-xxl-3{ padding-bottom:1rem !important; } .pb-xxl-4{ padding-bottom:1.5rem !important; } .pb-xxl-5{ padding-bottom:3rem !important; } .ps-xxl-0{ padding-left:0 !important; } .ps-xxl-1{ padding-left:0.25rem !important; } .ps-xxl-2{ padding-left:0.5rem !important; } .ps-xxl-3{ padding-left:1rem !important; } .ps-xxl-4{ padding-left:1.5rem !important; } .ps-xxl-5{ padding-left:3rem !important; } .gap-xxl-0{ gap:0 !important; } .gap-xxl-1{ gap:0.25rem !important; } .gap-xxl-2{ gap:0.5rem !important; } .gap-xxl-3{ gap:1rem !important; } .gap-xxl-4{ gap:1.5rem !important; } .gap-xxl-5{ gap:3rem !important; } .row-gap-xxl-0{ row-gap:0 !important; } .row-gap-xxl-1{ row-gap:0.25rem !important; } .row-gap-xxl-2{ row-gap:0.5rem !important; } .row-gap-xxl-3{ row-gap:1rem !important; } .row-gap-xxl-4{ row-gap:1.5rem !important; } .row-gap-xxl-5{ row-gap:3rem !important; } .column-gap-xxl-0{ column-gap:0 !important; } .column-gap-xxl-1{ column-gap:0.25rem !important; } .column-gap-xxl-2{ column-gap:0.5rem !important; } .column-gap-xxl-3{ column-gap:1rem !important; } .column-gap-xxl-4{ column-gap:1.5rem !important; } .column-gap-xxl-5{ column-gap:3rem !important; } .text-xxl-start{ text-align:left !important; } .text-xxl-end{ text-align:right !important; } .text-xxl-center{ text-align:center !important; } } @media (min-width: 1200px){ .fs-1{ font-size:2.5rem !important; } .fs-2{ font-size:2rem !important; } .fs-3{ font-size:1.75rem !important; } .fs-4{ font-size:1.5rem !important; } } @media print{ .d-print-inline{ display:inline !important; } .d-print-inline-block{ display:inline-block !important; } .d-print-block{ display:block !important; } .d-print-grid{ display:grid !important; } .d-print-inline-grid{ display:inline-grid !important; } .d-print-table{ display:table !important; } .d-print-table-row{ display:table-row !important; } .d-print-table-cell{ display:table-cell !important; } .d-print-flex{ display:flex !important; } .d-print-inline-flex{ display:inline-flex !important; } .d-print-none{ display:none !important; } } h1, .h1, .io-weather-widget h5, .io-weather-widget .h5{ font-size:1.875rem; font-weight:700; } @media (min-width: 992px){ h1, .h1, .io-weather-widget h5, .io-weather-widget .h5{ font-size:2.5rem; } } h2, .h2{ font-size:1.875rem; font-weight:300; } @media (min-width: 992px){ h2, .h2{ font-size:2.5rem; } } h5, .h5{ font-size:1rem; font-weight:700; } @media (min-width: 992px){ h5, .h5{ font-size:1.25rem; } } h6, .h6{ font-size:0.875rem; font-weight:700; } @media (min-width: 992px){ h6, .h6{ font-size:1rem; } } p, li, td{ font-size:0.875rem; font-weight:400; } @media (min-width: 992px){ p, li, td{ font-size:1rem; } } th{ font-size:0.875rem; font-weight:700; } @media (min-width: 992px){ th{ font-size:1rem; font-weight:700; } } small, .small, p.small span.small, button.small, td.small, ul.small li, ol.small li, li.small{ font-size:0.75rem; font-weight:400; } @media (min-width: 992px){ small, .small, p.small span.small, button.small, td.small, ul.small li, ol.small li, li.small{ font-size:0.875rem; } } th.small{ font-size:0.75rem; font-weight:700; } @media (min-width: 992px){ th.small{ font-size:0.875rem; font-weight:700; } } html, body{ font-family:"Open Sans", sans-serif !important; } #ioapp-wrapper{ position:relative; } #ioapp-wrapper:not(.simple){ padding-top:68px; padding-bottom:92px; } @media (min-width: 576px){ #ioapp-wrapper:not(.simple){ padding-top:68px; padding-bottom:92px; } } @media (min-width: 768px){ #ioapp-wrapper:not(.simple){ padding-top:72px; padding-bottom:36px; } } @media (min-width: 992px){ #ioapp-wrapper:not(.simple){ padding-top:80px; padding-bottom:40px; } } @media (min-width: 1200px){ #ioapp-wrapper:not(.simple){ padding-top:80px; padding-bottom:40px; } } @media (min-width: 1400px){ #ioapp-wrapper:not(.simple){ padding-top:80px; padding-top:80px; } .has-header-top #ioapp-wrapper:not(.simple){ padding-top:117px; } } #ioapp-wrapper:not(.simple):before{ content:""; height:0; width:100%; display:block; transition:height 0.225s ease-out; } .search-open #ioapp-wrapper:not(.simple):before{ height:66.66666vh; } #ioapp-wrapper.simple > .row > div:last-child{ padding-top:68px; } @media (min-width: 576px){ #ioapp-wrapper.simple > .row > div:last-child{ padding-top:68px; } } @media (min-width: 768px){ #ioapp-wrapper.simple > .row > div:last-child{ padding-top:72px; } } @media (min-width: 992px){ #ioapp-wrapper.simple > .row > div:last-child{ padding-top:80px; } } @media (min-width: 1200px){ #ioapp-wrapper.simple > .row > div:last-child{ padding-top:80px; } } @media (min-width: 1400px){ #ioapp-wrapper.simple > .row > div:last-child{ padding-top:80px; } } #ioapp-wrapper.simple > .row > div:last-child:before{ background-image:url(/img/io.base-simple-default.jpg); } #ioapp-wrapper.simple{ padding-top:0 !important; } #ioapp-wrapper.simple header{ width:100%; } #ioapp-wrapper.simple > .row{ min-height:100vh; } #ioapp-wrapper.simple > .row > div:first-child{ position:relative; background-color:#ffffff; box-shadow:10px 0 30px #e3e3e3; padding-bottom:68px; } @media (min-width: 576px){ #ioapp-wrapper.simple > .row > div:first-child{ padding-bottom:68px; } } @media (min-width: 768px){ #ioapp-wrapper.simple > .row > div:first-child{ padding-bottom:72px; } } @media (min-width: 992px){ #ioapp-wrapper.simple > .row > div:first-child{ padding-bottom:80px; } } @media (min-width: 1200px){ #ioapp-wrapper.simple > .row > div:first-child{ padding-bottom:80px; } } @media (min-width: 1400px){ #ioapp-wrapper.simple > .row > div:first-child{ padding-bottom:80px; } } #ioapp-wrapper.simple > .row > div:last-child:before{ content:""; display:block; position:fixed; height:100vh; top:0; width:50vw; background-color:#EAEAEA; background-position:center; background-size:cover; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:20px; padding-right:20px; } @media (min-width: 576px){ .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:32px; padding-right:32px; } } @media (min-width: 768px){ .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:72px; padding-right:72px; } } @media (min-width: 992px){ .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:80px; padding-right:80px; } } @media (min-width: 1200px){ .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:80px; padding-right:80px; } } @media (min-width: 1400px){ .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ padding-left:80px; padding-right:80px; } } .container-fluid .container-fluid, .container-sm .container-fluid, .container-md .container-fluid, .container-lg .container-fluid, .container-xl .container-fluid, .container-xxl .container-fluid, .container-fluid .container-sm, .container-sm .container-sm, .container-md .container-sm, .container-lg .container-sm, .container-xl .container-sm, .container-xxl .container-sm, .container-fluid .container-md, .container-sm .container-md, .container-md .container-md, .container-lg .container-md, .container-xl .container-md, .container-xxl .container-md, .container-fluid .container-lg, .container-sm .container-lg, .container-md .container-lg, .container-lg .container-lg, .container-xl .container-lg, .container-xxl .container-lg, .container-fluid .container-xl, .container-sm .container-xl, .container-md .container-xl, .container-lg .container-xl, .container-xl .container-xl, .container-xxl .container-xl, .container-fluid .container-xxl, .container-sm .container-xxl, .container-md .container-xxl, .container-lg .container-xxl, .container-xl .container-xxl, .container-xxl .container-xxl{ padding-left:3rem; padding-right:3rem; } @media (min-width: 1200px){ .container-fluid.l2, .l2.container-sm, .l2.container-md, .l2.container-lg, .l2.container-xl, .l2.container-xxl{ padding-left:calc(80px + 3rem); padding-right:calc(80px + 3rem); } } @media (min-width: 768px){ header .container-fluid.l2, header .l2.container-sm, header .l2.container-md, header .l2.container-lg, header .l2.container-xl, header .l2.container-xxl{ padding-left:calc(72px + 3rem); padding-right:3rem; } } @media (min-width: 992px){ header .container-fluid.l2, header .l2.container-sm, header .l2.container-md, header .l2.container-lg, header .l2.container-xl, header .l2.container-xxl{ padding-left:calc(80px + 3rem); padding-right:calc(80px + 3rem); } } @media (min-width: 1200px){ header .container-fluid.l2, header .l2.container-sm, header .l2.container-md, header .l2.container-lg, header .l2.container-xl, header .l2.container-xxl{ padding-left:calc(80px + 3rem); padding-right:calc(80px + 3rem); } } @media (min-width: 1400px){ header .container-fluid.l2, header .l2.container-sm, header .l2.container-md, header .l2.container-lg, header .l2.container-xl, header .l2.container-xxl{ padding-left:calc(80px + 3rem); padding-right:calc(80px + 3rem); } } .row.g-io{ --bs-gutter-y:30px; --bs-gutter-x:30px; } .row.g-io-form{ --bs-gutter-y:20px; --bs-gutter-x:20px; } .row.g-io-form-sm{ --bs-gutter-y:10px; --bs-gutter-x:10px; } body{ padding-left:0; transition:padding-left 0.225s ease-out; } @media (min-width: 1400px){ body.sidebar-open{ padding-left:200px; } } body.io-print{ padding:15mm 15mm 15mm 35mm; } body.noscroll{ overflow:hidden; } header{ position:fixed; top:0; width:100%; left:0; background-color:#ffffff; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.1607843137); z-index:4900; transform:translateY(0); transition:transform 0.225s ease-out; } header nav.top{ background-color:#f2f2f2; display:none; } @media (min-width: 1400px){ header nav.top{ display:block; } } header nav.top a{ display:inline-block; font-size:14px; font-weight:400; padding:8px 20px; transition:background-color 0.35s ease; will-change:background-color; text-decoration:none; } header nav.top a.active{ background-color:#FFFFFF; } header nav.top a:hover{ background-color:#FFFFFF; text-decoration:none; } .simple header{ position:static; box-shadow:none; margin-bottom:68px; } @media (min-width: 576px){ .simple header{ margin-bottom:68px; } } @media (min-width: 768px){ .simple header{ margin-bottom:72px; } } @media (min-width: 992px){ .simple header{ margin-bottom:80px; } } @media (min-width: 1200px){ .simple header{ margin-bottom:80px; } } @media (min-width: 1400px){ .simple header{ margin-bottom:80px; } } .search-open header{ transform:translateY(66.66666vh); } header .navbar{ padding:0; } header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:68px; } @media (min-width: 576px){ header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:68px; } } @media (min-width: 768px){ header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:72px; } } @media (min-width: 992px){ header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:80px; } } @media (min-width: 1200px){ header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:80px; } } @media (min-width: 1400px){ header .navbar .container-fluid, header .navbar .container-sm, header .navbar .container-md, header .navbar .container-lg, header .navbar .container-xl, header .navbar .container-xxl{ height:80px; } } #ioapp-width:not(.simple) header .navbar{ position:relative; } @media (min-width: 768px){ #ioapp-width:not(.simple) header .navbar:before{ content:""; display:block; position:absolute; top:0; left:72px; width:1px; height:100%; background-color:#DBDBDB; } } @media (min-width: 992px){ #ioapp-width:not(.simple) header .navbar:before{ content:""; display:block; position:absolute; top:0; left:80px; width:1px; height:100%; background-color:#DBDBDB; } } @media (min-width: 1200px){ #ioapp-width:not(.simple) header .navbar:before{ content:""; display:block; position:absolute; top:0; left:80px; width:1px; height:100%; background-color:#DBDBDB; } } @media (min-width: 1400px){ #ioapp-width:not(.simple) header .navbar:before{ content:""; display:block; position:absolute; top:0; left:80px; width:1px; height:100%; background-color:#DBDBDB; } } header .navbar-brand{ margin-right:0; } header .navbar-brand img{ display:inline-block; vertical-align:top; width:auto; height:43px; } @media (min-width: 576px){ header .navbar-brand img{ height:43px; } } @media (min-width: 768px){ header .navbar-brand img{ height:45px; } } @media (min-width: 992px){ header .navbar-brand img{ height:50px; } } @media (min-width: 1200px){ header .navbar-brand img{ height:50px; } } @media (min-width: 1400px){ header .navbar-brand img{ height:50px; } } header .navbar-brand + .navbar-nav{ flex:1; } header .navbar-brand + .navbar-nav > div.col{ padding-left:0; padding-right:0; } header .navbar-brand + .navbar-nav > div.col ~ .nav-link{ font-size:0.85em; padding-right:0.625rem; padding-left:0.625rem; } header .navbar-brand + .navbar-nav > div.col ~ .nav-link:last-child{ padding-right:0; } header .navbar-nav{ width:100%; flex-direction:row; } header.pwa .navbar .container-fluid, header.pwa .navbar .container-sm, header.pwa .navbar .container-md, header.pwa .navbar .container-lg, header.pwa .navbar .container-xl, header.pwa .navbar .container-xxl{ justify-content:center; } header.pwa .navbar .navbar-nav{ display:none; } header > button{ position:absolute; height:25px; width:25px; background:none; border:none; outline:0; z-index:1; right:0.5rem; top:34px; transform:translateY(-50%) translateX(-50%); } @media (min-width: 576px){ header > button{ right:0.5rem; top:34px; } } @media (min-width: 768px){ header > button{ left:36px; top:36px; } } @media (min-width: 992px){ header > button{ left:40px; top:40px; } } @media (min-width: 1200px){ header > button{ left:40px; top:40px; } } @media (min-width: 1400px){ header > button{ left:40px; top:40px; } } header > button:before, header > button:after{ content:""; display:block; } header > button:before, header > button span, header > button:after{ display:block; height:2px; background-color:#3d3d3d; left:0; position:absolute; transition:width 0.225s ease-out; } @media (max-width: 767px){ header > button:before, header > button span, header > button:after{ right:0; left:initial; } } header > button:before{ top:0; width:100%; } header > button span{ top:10px; width:66.66666%; } header > button:after{ top:20px; width:33.33333%; } header > button:focus{ outline:0; } header > button.open:before, header > button.open span, header > button.open:after{ width:100%; } header nav.top + button{ top:34px; } @media (min-width: 576px){ header nav.top + button{ top:34px; } } @media (min-width: 768px){ header nav.top + button{ top:36px; } } @media (min-width: 992px){ header nav.top + button{ top:40px; } } @media (min-width: 1200px){ header nav.top + button{ top:40px; } } @media (min-width: 1400px){ header nav.top + button{ top:77px; } } header .profile-toggle, header .api-toggle{ cursor:pointer; } header .profile-toggle:after, header .api-toggle:after{ display:none; } @media (max-width: 1399px){ header #io-header-main__nav-desktop{ display:none; } } header #io-header-main__nav-desktop > div{ padding-left:15px; } @media (max-width: 991px){ header #io-header-main__nav-desktop > div{ padding-left:21px; } } @media (max-width: 575px){ header #io-header-main__nav-desktop > div{ padding-left:14px; } } header #io-header-main__nav-desktop > div > .row > div{ align-self:center !important; } header #io-header-main__nav-desktop > div > div > a{ font-size:16px; padding:28px 14px; display:inline-block; transition:color 0.275s ease; will-change:color; position:relative; } header #io-header-main__nav-desktop > div > div > a:after{ content:""; display:block; position:absolute; height:2px; width:100%; bottom:0; left:0; background-color:transparent; transition:background-color 0.275s ease; will-change:background-color; } header #io-header-main__nav-desktop > div > div > a:hover, header #io-header-main__nav-desktop > div > div > a.active{ color:#20535c; text-decoration:none; } header #io-header-main__nav-desktop > div > div > a:hover:after, header #io-header-main__nav-desktop > div > div > a.active:after{ background-color:#20535c; } header #io-header-main__nav-desktop .col-auto:hover .io-header-main__mega{ opacity:1; pointer-events:all; left:0; } header .io-header-main__mega{ opacity:0; pointer-events:none; position:fixed; background-color:#fff; box-shadow:0 0 10px #3d3d3d; width:100%; left:100%; padding:30px; padding-bottom:20px; top:68px !important; } @media (max-width: 1321px){ header .io-header-main__mega{ display:none; } } @media (min-width: 576px){ header .io-header-main__mega{ top:68px !important; } } @media (min-width: 768px){ header .io-header-main__mega{ top:72px !important; } } @media (min-width: 992px){ header .io-header-main__mega{ top:80px !important; } } @media (min-width: 1200px){ header .io-header-main__mega{ top:80px !important; } } @media (min-width: 1400px){ header .io-header-main__mega{ top:80px !important; } } header .io-header-main__mega > .row > div:not(.col){ flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * 0.5); padding-left:calc(var(--bs-gutter-x) * 0.5); margin-top:var(--bs-gutter-y); } @media (max-width: 1140px){ header .io-header-main__mega > .row > div:not(.col){ flex:0 0 auto; width:25%; } } @media (min-width: 1141px) and (max-width: 1320px){ header .io-header-main__mega > .row > div:not(.col){ flex:0 0 auto; width:20%; } } @media (min-width: 1321px){ header .io-header-main__mega > .row > div:not(.col){ flex:0 0 auto; width:16.66666667%; } } header .io-header-main__mega > .row > div:not(.col) h5, header .io-header-main__mega > .row > div:not(.col) .h5{ font-weight:400; padding-bottom:1.5em; border-bottom:1px solid #212529; } header .io-header-main__mega .row-mega{ overflow:auto; max-height:calc(90vh - 68px); } @media (min-width: 576px){ header .io-header-main__mega .row-mega{ max-height:calc(90vh - 68px); } } @media (min-width: 768px){ header .io-header-main__mega .row-mega{ max-height:calc(90vh - 72px); } } @media (min-width: 992px){ header .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px); } } @media (min-width: 1200px){ header .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px); } } @media (min-width: 1400px){ header .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px); } } header .io-header-main__mega .row-mega > div > .row > div:first-child, header .io-header-main__mega .row-mega > div > .row > div:last-child{ height:160px; flex:0 0 30px; max-width:30px; } header .io-header-main__mega .row-mega > div > .row > a{ position:relative; text-align:center; align-self:center !important; max-width:calc(100% - 60px); color:#212529; } header .io-header-main__mega .row-mega > div > .row > a:hover, header .io-header-main__mega .row-mega > div > .row > a.active{ color:#20535c; } header .io-header-main__mega .row-mega > div > .row > a:after{ content:""; display:block; position:absolute; top:0; width:2px; height:100%; transform:translateX(-1px); left:calc(100% + 30px); background-color:#f2f2f2; } @media (max-width: 1399px){ header .io-header-main__mega .row-mega > div{ flex:0 0 auto; width:33.33333333%; } header .io-header-main__mega .row-mega > div:nth-child(3n) > .row > a:after{ display:none; } } @media (min-width: 1400px){ header .io-header-main__mega .row-mega > div{ flex:0 0 auto; width:25%; } header .io-header-main__mega .row-mega > div:nth-child(4n) > .row > a:after{ display:none; } } header .io-header-main__mega .row-mega > div.image-only .row-mega-image{ height:80px; } @media (max-width: 1399px){ header .io-header-main__mega .row-mega.row-mega-wide > div{ flex:0 0 auto; width:25%; } header .io-header-main__mega .row-mega.row-mega-wide > div:nth-child(4n) > .row > a:after{ display:none; } } @media (min-width: 1400px){ header .io-header-main__mega .row-mega.row-mega-wide > div{ flex:0 0 auto; width:20%; } header .io-header-main__mega .row-mega.row-mega-wide > div:nth-child(5n) > .row > a:after{ display:none; } } header .io-header-main__mega .row-mega-image{ height:68px; background-size:contain; background-position:center; background-repeat:no-repeat; } header .io-header-main__mega .row-mega-title{ padding-top:10px; display:block; font-size:16px !important; font-weight:300; } header .io-header-main__mega .row-mega-subtitle{ display:block; font-size:14px !important; font-weight:400; color:#f2f2f2; } header .col-auto:hover .io-header-main__mega{ opacity:1; pointer-events:all; left:0; } header nav.top ~ nav .io-header-main__mega{ top:105px !important; } @media (min-width: 576px){ header nav.top ~ nav .io-header-main__mega{ top:105px !important; } } @media (min-width: 768px){ header nav.top ~ nav .io-header-main__mega{ top:109px !important; } } @media (min-width: 992px){ header nav.top ~ nav .io-header-main__mega{ top:117px !important; } } @media (min-width: 1200px){ header nav.top ~ nav .io-header-main__mega{ top:117px !important; } } @media (min-width: 1400px){ header nav.top ~ nav .io-header-main__mega{ top:117px !important; } } header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 68px - 37px); } @media (min-width: 576px){ header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 68px - 37px); } } @media (min-width: 768px){ header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 72px - 37px); } } @media (min-width: 992px){ header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px - 37px); } } @media (min-width: 1200px){ header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px - 37px); } } @media (min-width: 1400px){ header nav.top ~ nav .io-header-main__mega .row-mega{ max-height:calc(90vh - 80px - 37px); } } .sidebar{ position:fixed; display:flex; flex-direction:column; justify-content:space-between; background-color:#fff; z-index:888; top:68px; width:100%; left:-100%; height:calc(100vh - 116px); transform:translateY(0); transition:all 0.225s ease-out; } @media (min-width: 576px){ .sidebar{ top:68px; width:100%; left:-100%; height:calc(100vh - 116px); } } @media (min-width: 768px){ .sidebar{ top:72px; width:100%; left:-100%; height:calc(100vh - 120px); width:72px; } } @media (min-width: 992px){ .sidebar{ top:80px; width:100%; left:-100%; height:calc(100vh - 128px); width:80px; } } @media (min-width: 1200px){ .sidebar{ top:80px; width:100%; left:-100%; height:calc(100vh - 128px); width:80px; } } @media (min-width: 1400px){ .sidebar{ top:80px; left:0; height:calc(100vh - 80px); width:80px; } } .sidebar--element-holder{ display:flex; flex-direction:column; justify-content:space-between; height:100%; } .sidebar.open{ width:100%; left:0; } @media (min-width: 1400px){ .sidebar.open{ width:var(--sidebar-width); left:0; } } .search-open .sidebar{ transform:translateY(66.66666vh); } .sidebar:after{ display:block; content:""; position:absolute; right:0; width:2px; height:100%; top:0; background-color:#DBDBDB; pointer-events:none; } .sidebar--elements{ overflow-y:auto; overflow-x:hidden; transition:all 0.225s ease-out; flex:1; padding-top:22.6666666667px; padding-bottom:22.6666666667px; width:100%; } .sidebar--elements.sidebar--overflow{ margin-bottom:-1rem; } .has-header-top .sidebar--elements{ padding-top:59.6666666667px; } @media (min-width: 576px){ .sidebar--elements{ padding-top:22.6666666667px; padding-bottom:22.6666666667px; width:100%; } .has-header-top .sidebar--elements{ padding-top:59.6666666667px; } } @media (min-width: 768px){ .sidebar--elements{ padding-top:24px; padding-bottom:24px; width:72px; } .has-header-top .sidebar--elements{ padding-top:61px; } } @media (min-width: 992px){ .sidebar--elements{ padding-top:26.6666666667px; padding-bottom:26.6666666667px; width:80px; } .has-header-top .sidebar--elements{ padding-top:63.6666666667px; } } @media (min-width: 1200px){ .sidebar--elements{ padding-top:26.6666666667px; padding-bottom:26.6666666667px; width:80px; } .has-header-top .sidebar--elements{ padding-top:63.6666666667px; } } @media (min-width: 1400px){ .sidebar--elements{ padding-top:26.6666666667px; padding-bottom:26.6666666667px; width:80px; } .has-header-top .sidebar--elements{ padding-top:63.6666666667px; } } .sidebar--footer{ overflow:hidden; } .sidebar--footer.sidebar--overflow .sidebar--holder{ margin-top:1rem; box-shadow:0px 0 10px rgba(0, 0, 0, 0.8); } .sidebar--footer.link-items-text{ display:flex; flex-wrap:wrap; margin:1.5rem; } .sidebar--footer.link-items-text * a{ all:unset; padding:0.35rem 0.5rem; display:block; cursor:pointer; } .sidebar.open .sidebar--elements{ width:100%; left:0; } @media (min-width: 1400px){ .sidebar.open .sidebar--elements{ width:var(--sidebar-width); } } .sidebar a{ position:relative; white-space:nowrap; display:inline-block; color:#212529; min-width:100%; text-decoration:none; box-shadow:0 1px 2px #F2F2F2; padding:15.3px 0 15.3px 68px; } .sidebar a.spacer-top{ margin-top:calc(30.6px + 1em); } @media (min-width: 576px){ .sidebar a.spacer-top{ margin-top:calc(30.6px + 1em); } } @media (min-width: 768px){ .sidebar a.spacer-top{ margin-top:calc(32.4px + 1em); } } @media (min-width: 992px){ .sidebar a.spacer-top{ margin-top:calc(36px + 1em); } } @media (min-width: 1200px){ .sidebar a.spacer-top{ margin-top:calc(36px + 1em); } } @media (min-width: 1400px){ .sidebar a.spacer-top{ margin-top:calc(36px + 1em); } } @media (min-width: 576px){ .sidebar a{ padding:15.3px 0 15.3px 68px; } } @media (min-width: 768px){ .sidebar a{ padding:16.2px 0 16.2px 72px; } } @media (min-width: 992px){ .sidebar a{ padding:18px 0 18px 80px; } } @media (min-width: 1200px){ .sidebar a{ padding:18px 0 18px 80px; } } @media (min-width: 1400px){ .sidebar a{ padding:18px 0 18px 80px; } } .sidebar a > .link-icon, .sidebar a > .link-chevron{ font-size:28px; position:absolute; top:50%; } .sidebar a > .link-icon{ transform:translateX(-50%) translateY(-50%); left:34px; } @media (min-width: 576px){ .sidebar a > .link-icon{ left:34px; } } @media (min-width: 768px){ .sidebar a > .link-icon{ left:36px; } } @media (min-width: 992px){ .sidebar a > .link-icon{ left:40px; } } @media (min-width: 1200px){ .sidebar a > .link-icon{ left:40px; } } @media (min-width: 1400px){ .sidebar a > .link-icon{ left:40px; } } .sidebar a > .link-chevron{ right:1em; left:inherit; font-size:1em; transform:translateX(0) translateY(-50%) rotateZ(0); transition:transform 0.635s ease-out; } .sidebar a.open > .link-chevron{ right:1em; font-size:1em; transform:translateX(0) translateY(-50%) rotateZ(-90deg); } .sidebar a:hover, .sidebar a.active{ background-color:#F2F2F2; text-decoration:none !important; } .sidebar a + .children .expansion > div{ position:relative; } .sidebar a + .children .expansion > div:before{ z-index:10; position:absolute; content:""; display:block; top:0; left:0; height:0.625em; width:100%; background:rgb(255, 255, 255); background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(112, 112, 112, 0.15) 100%); } .sidebar a + .children .expansion > div:after{ z-index:10; position:absolute; content:""; display:block; bottom:0; left:0; height:0.625em; width:100%; background:rgb(255, 255, 255); background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(112, 112, 112, 0.15) 100%); } .sidebar--elements > a:last-child{ box-shadow:none; } .sidebar--pwa{ left:unset; right:-100%; width:100%; height:calc(100% - 68px); padding-bottom:80px; justify-content:flex-end; overflow:auto; display:grid; grid-template-rows:1fr auto; } .sidebar--pwa.open{ left:unset; right:0; width:100%; } .sidebar--pwa .sidebar--title{ display:flex; align-items:flex-end; } .sidebar--pwa .sidebar--title p{ font-size:20px; font-weight:600; padding:16px 0 16px 20px; } .sidebar--pwa .sidebar--elements{ flex:unset; padding:0; margin:0; box-shadow:0 1px 2px #F2F2F2; } .sidebar--pwa .location-switch{ width:100%; } .sidebar--pwa .sidebar--holder{ margin:0; box-shadow:none; } .sidebar--pwa a{ padding:14px 0 14px 20px; } .sidebar--pwa .link-icon{ display:none; } @media (min-width: 420px){ .sidebar--pwa{ width:66%; } .sidebar--pwa.open{ width:66%; } } nav#mobile-navigation{ background-color:#ffffff; box-shadow:0 5px 20px; position:fixed; bottom:0; display:block; width:100%; left:0; z-index:900; padding-bottom:10px; } nav#mobile-navigation > div > .row{ height:48px; min-height:48px; flex-wrap:nowrap; } @media (min-width: 767px){ nav#mobile-navigation{ display:none; } } nav#mobile-navigation a > .fa-2x{ font-size:1.5em; } nav#mobile-navigation .toggle-sidebar{ height:1.5em; width:1.5em; background:none; border:none; outline:0; position:relative; } nav#mobile-navigation .toggle-sidebar:before, nav#mobile-navigation .toggle-sidebar:after{ content:""; display:block; } nav#mobile-navigation .toggle-sidebar:before, nav#mobile-navigation .toggle-sidebar span, nav#mobile-navigation .toggle-sidebar:after{ display:block; height:2px; background-color:#3d3d3d; left:0; position:absolute; transition:width 0.225s ease-out; } @media (max-width: 767px){ nav#mobile-navigation .toggle-sidebar:before, nav#mobile-navigation .toggle-sidebar span, nav#mobile-navigation .toggle-sidebar:after{ right:0; left:initial; } } nav#mobile-navigation .toggle-sidebar:before{ bottom:0; width:100%; } nav#mobile-navigation .toggle-sidebar span{ top:50%; transform:translateY(-50%); width:66.66666%; } nav#mobile-navigation .toggle-sidebar:after{ top:0; width:33.33333%; } nav#mobile-navigation .toggle-sidebar:focus{ outline:0; } nav#mobile-navigation .toggle-sidebar.open:before, nav#mobile-navigation .toggle-sidebar.open span, nav#mobile-navigation .toggle-sidebar.open:after{ width:100%; } #search{ position:fixed; bottom:100%; left:0; width:100%; height:66.66666vh; overflow-x:hidden; overflow-y:auto; opacity:0; transition:all 0.225s ease-out; background-color:#F8F7F6; transform:translateY(0); z-index:1000; } .search-open #search{ opacity:1; transform:translateY(100%); } #search > div:first-child{ height:100%; position:relative; } #search > div:first-child > button{ border:0; outline:0; background:0; position:absolute; right:0; top:10px; } #search > div:first-child > form{ position:absolute; top:50%; left:50%; transform:translate(-50%); width:360px; max-width:100%; } #search > div:first-child > form > div{ border-bottom:2px solid #20535c; position:relative; } #search > div:first-child > form > div > input{ border:0; background:none; font-size:32px; padding:0 4rem 0 1rem; outline:0; width:100%; } #search > div:first-child > form > div > input::-ms-clear, #search > div:first-child > form > div > input::-ms-reveal{ display:none; width:0; height:0; } #search > div:first-child > form > div > input::-webkit-search-decoration, #search > div:first-child > form > div > input::-webkit-search-cancel-button, #search > div:first-child > form > div > input::-webkit-search-results-button, #search > div:first-child > form > div > input::-webkit-search-results-decoration{ display:none; } #search > div:first-child > form > div > input + label{ position:absolute; left:1rem; font-size:32px; opacity:1; transition:opacity 0.225s ease-out; pointer-events:none; width:100%; } #search > div:first-child > form > div > input.has-value + label{ opacity:0; } #search > div:first-child > form > div > button{ position:absolute; top:50%; right:1rem; transform:translateY(-50%); border:0; outline:0; font-size:32px; background:none; } .top-section{ height:auto; overflow:hidden; z-index:1; margin-bottom:-48.3333px; } @media (min-width: 768px){ .top-section{ margin-bottom:-67.66662px; } } @media (min-width: 992px){ .top-section{ margin-bottom:-86.99994px; } } .top-section:not(.pwa) .top-section--cont{ color:#fff; background-image:url("/img/headerbild.jpg"); } .top-section.pwa .top-section--cont{ background-image:none; background-color:transparent; } .top-section--cont{ background-size:cover; background-position:top right; min-height:200px; padding-top:30px; padding-bottom:100px; } @media (min-width: 768px){ .top-section--cont{ min-height:260px; padding-top:60px; padding-bottom:140px; } } @media (min-width: 992px){ .top-section--cont{ min-height:320px; padding-top:80px; padding-bottom:180px; } } .top-section.optimized-readability .top-section--cont:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .top-section.optimized-readability .top-section--cont > div.container-fluid, .top-section.optimized-readability .top-section--cont > div.container-sm, .top-section.optimized-readability .top-section--cont > div.container-md, .top-section.optimized-readability .top-section--cont > div.container-lg, .top-section.optimized-readability .top-section--cont > div.container-xl, .top-section.optimized-readability .top-section--cont > div.container-xxl{ position:relative; } .top-section.optimized-readability.black:not(.pwa) .top-section--cont:before{ background:linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 28%, rgba(0, 0, 0, 0.2) 46%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); } .top-section.optimized-readability.white:not(.pwa) .top-section--cont:before{ background:linear-gradient(to right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.6) 28%, rgba(255, 255, 255, 0.5) 46%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); } .top-section + section > .container-fluid > .row.g-io, .top-section + section > .container-sm > .row.g-io, .top-section + section > .container-md > .row.g-io, .top-section + section > .container-lg > .row.g-io, .top-section + section > .container-xl > .row.g-io, .top-section + section > .container-xxl > .row.g-io{ margin-top:calc(var(--bs-gutter-y) * -3); } .top-section h1, .top-section .h1, .top-section .io-weather-widget h5, .io-weather-widget .top-section h5, .top-section .io-weather-widget .h5, .io-weather-widget .top-section .h5{ line-height:1.375; font-size:1.875rem; font-weight:700; } @media (min-width: 992px){ .top-section h1, .top-section .h1, .top-section .io-weather-widget h5, .io-weather-widget .top-section h5, .top-section .io-weather-widget .h5, .io-weather-widget .top-section .h5{ font-size:2.5rem; } } .top-section p{ font-size:1rem; font-weight:400; line-height:1.25; margin-top:1em; } @media (min-width: 992px){ .top-section p{ font-size:1.25rem; font-weight:400; } } .top-section.pwa h1, .top-section.pwa .h1, .top-section.pwa .io-weather-widget h5, .io-weather-widget .top-section.pwa h5, .top-section.pwa .io-weather-widget .h5, .io-weather-widget .top-section.pwa .h5{ font-size:1.25rem; } .top-section.pwa p{ line-height:1.5; font-size:0.875rem; } .top-section + *{ position:relative; z-index:2; } .card{ background-color:#fff; border-radius:20px; border:none; } .card.shadow{ box-shadow:0 10px 20px #707070; } .card .card-link-full{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } .card-header, .card-footer{ background-color:transparent; border:none; } .card-body{ padding:20px; } @media (min-width: 992px){ .card-body{ padding:30px; } } .card-body > hr.full{ width:calc(100% + 40px); margin-left:-20px; margin-top:20px; margin-bottom:20px; } @media (min-width: 992px){ .card-body > hr.full{ width:calc(100% + 60px); margin-left:-30px; margin-top:30px; margin-bottom:30px; } } .card-footer{ padding:10px 20px 20px; } @media (min-width: 992px){ .card-footer{ padding:10px 30px 30px; } } .card-header{ display:flex; flex:1 0 100%; flex-wrap:wrap; padding:20px 20px 10px; } @media (min-width: 992px){ .card-header{ padding:30px 30px 10px; } } .card-header + .card-body{ padding-top:10px; } .card-header .card-title{ font-size:1rem; font-weight:700; } @media (min-width: 992px){ .card-header .card-title{ font-size:1.25rem; } } .card-header .card-subtitle{ color:#707070; font-size:0.875rem; font-weight:400; } @media (min-width: 992px){ .card-header .card-subtitle{ font-size:1rem; } } .card-header.big{ height:auto; min-height:68px; align-items:center; padding-bottom:15px; } .card-header.big .card-title{ margin:0; flex:0 0 auto; width:auto; } .card-header.big .form-actions{ flex:0 0 auto; width:auto; margin-left:auto; } .card-header.big .form-actions > *:nth-child(1n+2){ margin-left:20px; } .card-header.big + .card-body{ padding-top:15px; } .card-header > div.title{ align-self:center !important; } .card-header .btn-popover{ font-size:1rem; } @media (min-width: 992px){ .card-header .btn-popover{ font-size:1.25rem; } } .card-header .btn-close{ font-size:1rem; } @media (min-width: 992px){ .card-header .btn-close{ font-size:1.25rem; } } .card.additional-button > .card-header, .card.additional-button > .card-body, .card.additional-button > .card-footer{ padding-right:calc(20px + 2.3125em + 20px); } @media (min-width: 992px){ .card.additional-button > .card-header, .card.additional-button > .card-body, .card.additional-button > .card-footer{ padding-right:calc(30px + 2.3125em + 30px); } } .card.additional-button .card-link-additional{ position:absolute; z-index:2; top:50%; right:20px; transform:translateY(-50%); font-size:2.3125rem; opacity:0.8; box-shadow:none; transition:opacity 0.35s ease, box-shadow 0.35s ease; border-radius:0.5em; color:#F7F7F7; line-height:1; } @media (min-width: 992px){ .card.additional-button .card-link-additional{ font-size:3.125rem; right:30px; } } .card.additional-button .card-link-additional:hover{ opacity:1; box-shadow:0 0 0.5rem rgba(0, 0, 0, 0.25); } .card .icon{ flex:0 0 auto; width:auto; font-size:2.3125rem; line-height:1; padding-right:10px; } @media (min-width: 992px){ .card .icon{ font-size:3.125rem; } } .card .icon + .title{ flex:1 0 0%; } .card .icon-custom > .fa-layers > span{ position:absolute; top:15%; left:15%; width:70%; height:70%; background-position:center; background-size:contain; background-repeat:no-repeat; } .card .icon .text-primary{ transition:color 0.35s ease; } .card .badge-state{ display:inline-block; padding:0.15em 1em; font-size:16px; font-weight:700; color:#fff; background-color:#EAEEF2; border-radius:4px; margin-bottom:0.5em; } .card .badge-state.active{ background-color:#20535c; } .card .image-circeled{ display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%; width:160px; height:160px; } .card .image-circeled.big{ width:206px; height:206px; } .card .image-circeled.small{ width:128px; height:128px; } .card .info--main{ line-height:1; font-size:1.875rem; font-weight:700; } @media (min-width: 992px){ .card .info--main{ font-size:2.5rem; } } .card .subinfo{ color:#707070; font-size:0.875rem; font-weight:400; } @media (min-width: 992px){ .card .subinfo{ font-size:1rem; } } .io-data-table{ --row-spacing:10px; position:relative; } .card .io-data-table .io-data-table__cont > div:first-child{ margin-left:-1.5rem; margin-right:-1.5rem; width:calc(100% + 3rem); overflow-y:auto; } .card .io-data-table.border-top-0 table{ border-top:0; } .card .io-data-table .io-data-table__cont > div:first-child{ margin-left:0; margin-right:0; width:100%; overflow-y:auto; } .io-data-table .io-data-table__cont > div > table:first-child{ margin-bottom:0.15px; background-color:#fff; position:relative; z-index:1; } .io-data-table .io-data-table__cont > div > table:first-child tr > *{ padding:5px 10px; border-bottom:0; position:relative; } @media (min-width: 992px){ .io-data-table .io-data-table__cont > div > table:first-child tr > *{ padding:10px 20px; } } .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > td, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > th{ padding:5px 10px 15px; line-height:2; background-color:#F2F2F2; position:relative; border-bottom-width:0; } @media (min-width: 992px){ .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > td, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > th{ padding:10px 20px 20px; } } .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > td:after, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > th:after{ content:""; position:absolute; bottom:0; width:100%; left:0; display:block; height:10px; background-color:#fff; } @media (min-width: 992px){ .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > td:after, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr > th:after{ height:var(--row-spacing); } } .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > td, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > th{ padding:5px 10px; } @media (min-width: 992px){ .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > td, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > th{ padding:10px 20px; } } .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > td:after, .io-data-table .io-data-table__cont > div > table:nth-child(2) tr:last-child > th:after{ display:none; } .io-data-table .io-data-table__cont > div > table:nth-child(2) + p{ background-color:#F2F2F2; margin:0; padding:5px 10px; text-align:center; line-height:2; } @media (min-width: 992px){ .io-data-table .io-data-table__cont > div > table:nth-child(2) + p{ padding:10px 20px; } } .io-data-table th, .io-data-table td{ vertical-align:top; } .io-data-table__cont{ position:relative; } .io-data-table__cont > div.io-data-table__actions{ width:auto !important; position:absolute; top:0; right:-20px; z-index:3; } @media (min-width: 992px){ .io-data-table__cont > div.io-data-table__actions{ right:-30px; } } .io-data-table__cont > div.io-data-table__actions .action-element{ padding:5px 20px 0 10px; position:relative; background-color:#fff; text-align:right; } @media (min-width: 992px){ .io-data-table__cont > div.io-data-table__actions .action-element{ padding:10px 30px 0 20px; } } .io-data-table__cont > div.io-data-table__actions .action-element:before{ position:absolute; content:""; display:block; top:0; height:100%; right:100%; width:0.625em; background:rgb(255, 255, 255); background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(112, 112, 112, 0.5) 100%); } .io-data-table__cont > div.io-data-table__actions .action-element button{ padding:0; line-height:1; } .io-data-table__cont > div.io-data-table__actions .action-element--main:before{ display:none; } .io-data-table__cont > div > table{ width:100%; } .io-data-table__pagination{ --bs-gutter-x:0; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-0.5 * var(--bs-gutter-x)); margin-left:calc(-0.5 * var(--bs-gutter-x)); align-items:center !important; padding-top:1.5rem; } .io-data-table__pagination select{ background-color:transparent; border:0; padding:0; } .io-data-table__pagination select option{ padding:5px 0; } .io-data-table__pagination > div{ flex:1 0 100%; align-self:center !important; } @media (max-width: 767px){ .io-data-table__pagination > div:nth-child(1) > select{ width:100%; } } .io-data-table__pagination > div:nth-child(2){ margin-top:15px; } @media (min-width: 768px){ .io-data-table__pagination > div{ flex:1 0 0%; } .io-data-table__pagination > div:nth-child(2){ margin-top:0; } } @media (max-width: 767px){ .io-data-table__pagination > div .pagination > li{ flex:1 0 0% !important; } } .table > :not(caption) > *:first-child > *{ padding-top:0; } .table > :not(caption) > *:last-child > *{ padding-bottom:0; } .table-list{ margin-bottom:0; } .table-list > tbody > tr > *:first-child, .table-list > tr > *:first-child{ padding-left:0; } .table-list > tbody > tr > *:last-child, .table-list > tr > *:last-child{ padding-right:0; text-align:right; } .table-list > tbody > tr:last-child > td, .table-list > tbody > tr:last-child > th, .table-list > tr:last-child > td, .table-list > tr:last-child > th{ border-bottom-width:0; padding-bottom:0; } @media (max-width: 767px){ .table-list{ display:block; } .table-list, .table-list tbody, .table-list th, .table-list td, .table-list tr{ display:block; width:100%; } .table-list > tbody > tr > *:first-child, .table-list > tr > *:first-child{ border-bottom-width:0; } .table-list > tbody > tr > *:last-child, .table-list > tr > *:last-child{ padding-left:0; text-align:left; padding-top:0; } } .pagination{ justify-content:flex-end; } .pagination > .page-item{ flex:0 0 auto !important; } .pagination > .page-item.disabled{ opacity:0.4; pointer-events:none; } .pagination > .page-item > .page-link{ border:0; color:#212529; } .pagination > .page-item > .page-link, .pagination > .page-item > .page-link:focus{ box-shadow:none; } .pagination > .page-item.active > .page-link{ background:transparent; font-weight:700; color:#212529; } .io-alert{ z-index:100; } .io-alert[class*=success]{ background-color:#198754 !important; } .io-alert[class*=success], .io-alert[class*=success] [class*=content]{ border-color:#115c39 !important; } .datepicker{ width:min-content; } .datepicker:not(.active){ display:none; } .datepicker-dropdown{ position:absolute; z-index:20; padding-top:4px; } .datepicker-dropdown.datepicker-orient-top{ padding-top:0; padding-bottom:4px; } .datepicker-picker{ display:flex; flex-direction:column; border-radius:4px; background-color:#fff; } .datepicker-dropdown .datepicker-picker{ box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .datepicker-main{ flex:auto; padding:2px; } .datepicker-footer{ box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); background-color:#f8f9fa; } .datepicker-title{ box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1); background-color:#f8f9fa; padding:0.375rem 0.75rem; text-align:center; font-weight:700; } .datepicker-controls{ display:flex; } .datepicker-header .datepicker-controls{ padding:2px 2px 0; } .datepicker-controls .button{ display:inline-flex; position:relative; align-items:center; justify-content:center; margin:0; border:1px solid #dbe0e5; border-radius:4px; box-shadow:none; background-color:#fff; cursor:pointer; padding:calc(0.375em - 1px) 0.75em; height:2.25em; vertical-align:top; text-align:center; line-height:1.5; white-space:nowrap; color:#212529; font-size:1rem; } .datepicker-controls .button:focus, .datepicker-controls .button:active{ outline:none; } .datepicker-controls .button:hover{ border-color:#afbbc6; color:#212529; } .datepicker-controls .button:focus{ border-color:hsl(217, 71%, 53%); color:#212529; } .datepicker-controls .button:focus:not(:active){ box-shadow:0 0 0 0.125em rgba(50, 115, 220, 0.25); } .datepicker-controls .button:active{ border-color:#404040; color:#212529; } .datepicker-controls .button[disabled]{ cursor:not-allowed; } .datepicker-header .datepicker-controls .button{ border-color:transparent; font-weight:bold; } .datepicker-header .datepicker-controls .button:hover{ background-color:#f9f9f9; } .datepicker-header .datepicker-controls .button:active{ background-color:#f2f2f2; } .datepicker-footer .datepicker-controls .button{ flex:auto; margin:calc(0.375rem - 1px) 0.375rem; border-radius:2px; font-size:0.75rem; } .datepicker-controls .view-switch{ flex:auto; } .datepicker-controls .prev-button, .datepicker-controls .next-button{ padding-right:0.375rem; padding-left:0.375rem; flex:0 0 14.2857142857%; } .datepicker-controls .prev-button.disabled, .datepicker-controls .next-button.disabled{ visibility:hidden; } .datepicker-view, .datepicker-grid{ display:flex; } .datepicker-view{ align-items:stretch; width:15.75rem; } .datepicker-grid{ flex-wrap:wrap; flex:auto; } .datepicker .days{ display:flex; flex-direction:column; flex:auto; } .datepicker .days-of-week{ display:flex; } .datepicker .week-numbers{ display:flex; flex-direction:column; flex:0 0 9.6774193548%; } .datepicker .weeks{ display:flex; flex-direction:column; align-items:stretch; flex:auto; } .datepicker span{ display:flex; align-items:center; justify-content:center; border-radius:4px; cursor:default; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; } .datepicker .dow{ height:1.5rem; font-size:0.875rem; font-weight:700; } .datepicker .week{ flex:auto; color:#afbbc6; font-size:0.75rem; } .datepicker-cell, .datepicker .days .dow{ flex-basis:14.2857142857%; } .datepicker-cell{ height:2.25rem; } .datepicker-cell:not(.day){ flex-basis:25%; height:4.5rem; } .datepicker-cell:not(.disabled):hover{ background-color:#f9f9f9; cursor:pointer; } .datepicker-cell.focused:not(.selected){ background-color:#e9edf0; } .datepicker-cell.selected, .datepicker-cell.selected:hover{ background-color:hsl(217, 71%, 53%); color:#fff; font-weight:600; } .datepicker-cell.disabled{ color:#dbe0e5; } .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled){ color:hsl(0, 0%, 48%); } .datepicker-cell.prev.selected, .datepicker-cell.next.selected{ color:#e6e6e6; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today){ border-radius:0; background-color:#f8f9fa; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{ background-color:#f1f3f5; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{ background-color:#e9edf0; } .datepicker-cell.today:not(.selected){ background-color:hsl(171, 100%, 41%); } .datepicker-cell.today:not(.selected):not(.disabled){ color:#fff; } .datepicker-cell.today.focused:not(.selected){ background-color:#00ccad; } .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected){ background-color:#afbbc6; color:#fff; } .datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected){ background-color:#aab6c2; } .datepicker-cell.range-start:not(.range-end){ border-radius:4px 0 0 4px; } .datepicker-cell.range-end:not(.range-start){ border-radius:0 4px 4px 0; } .datepicker-cell.range{ border-radius:0; background-color:#dbe0e5; } .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{ background-color:#d4dae1; } .datepicker-cell.range.disabled{ color:#c1cad3; } .datepicker-cell.range.focused{ background-color:#ced5dc; } .datepicker-input.in-edit{ border-color:#276bda; } .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active{ box-shadow:0 0 0.25em 0.25em rgba(39, 107, 218, 0.2); } form .md-field{ margin:0; } form .md-field.bordered:not(.md-has-textarea){ padding:20px 32px 0 32px; border:1px solid rgb(222, 226, 230); height:65px; border-radius:47px; } form .md-field.bordered:not(.md-has-textarea) label{ top:50%; transform:translateY(-50%); transition:all 0.225s ease-out; left:32px; } form .md-field.bordered:not(.md-has-textarea).md-focused label, form .md-field.bordered:not(.md-has-textarea).md-has-value label{ top:4px; transform:translateY(0%); } form .md-field.bordered:not(.md-has-textarea) .md-error{ position:absolute; bottom:0; left:32px; color:#dc3545; } form .md-field.bordered:not(.md-has-textarea):after{ display:none; } form .md-field.bordered.io-multiselect > label{ top:4px; transform:translateY(0%); font-size:12px; } form .md-field.bordered.no-radius{ border-radius:0; border-color:#dbdbdb !important; } form .md-field.bordered.md-has-file > .md-file i{ position:absolute; right:27px; transform:translateX(50%); } form .md-field.bordered.md-has-file > .md-file input{ margin:0; } form .md-field.bordered.md-has-file:after{ content:""; display:block; position:absolute; height:40px; left:calc(100% - 54px); width:1px; background-color:#DBDBDB; top:50%; transform:translateY(-50%); } form .md-field.bordered.select{ height:auto; min-height:65px; } form .md-field.bordered.select .v-select{ width:100%; } form .md-field.bordered.select .vs__dropdown-toggle{ border:0; } form .md-field.bordered.select .vs__dropdown-toggle .vs__selected{ padding-left:0 !important; } form .md-field.bordered.select .vs__dropdown-toggle .vs__actions{ display:block; position:absolute; left:100%; top:50%; transform:translateY(-1.25em); } form .md-field.md-has-textarea{ border-bottom:1px solid #DBDBDB; } form .md-field.md-has-textarea label{ left:0 !important; } form .md-field.md-has-textarea textarea{ padding:16px 0 !important; } form .md-field.md-has-textarea .md-error{ position:absolute; bottom:0; left:0; color:#dc3545; } form .v-select > ul > li{ color:#212529 !important; } form .v-select > ul > li.vs__dropdown-option--highlight{ background-color:#F2F2F2 !important; } form .v-select > ul > li.vs__dropdown-option--selected{ color:#fff !important; background-color:#20535c !important; } form .io-toggle-field{ background:inherit; border:0; padding:0; outline:0; line-height:45px; min-height:45px; position:relative; padding-left:61px; display:block; } form .io-toggle-field.empty{ padding-left:45px; } form .io-toggle-field > span{ display:inline-block; height:45px; width:45px; border-radius:45px; border:1px solid #20535c; text-align:center; position:absolute; top:0; left:0; } form .io-toggle-field > span > i, form .io-toggle-field > span > svg{ position:absolute; font-size:1.5em; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); } form .io-radios{ width:100%; position:relative; padding-top:25px; } form .io-radios > label{ font-size:12px; position:absolute; top:4px; left:0; } form .io-radios > div{ display:flex; flex:1 0 100%; flex-wrap:wrap; } form .io-radios > div > .io-radio{ flex:1 0 0; width:100%; max-width:100%; border:1px solid #ced4da; border-right-width:0; background-color:#fff; position:relative; cursor:pointer; height:40px; } form .io-radios > div > .io-radio:first-child{ border-radius:10px 0 0 10px; } form .io-radios > div > .io-radio:last-child{ border-right-width:1px; border-radius:0 10px 10px 0; } form .io-radios > div > .io-radio > span{ color:#212529; position:absolute; top:50%; left:50%; width:100%; max-width:100%; max-height:100%; transform:translateX(-50%) translateY(-50%); text-align:center; font-size:16px; } form .io-radios > div > .io-radio > input{ position:absolute; opacity:0; height:1px; width:1px; } form .io-radios > div > .io-radio.checked{ background-color:#20535c; cursor:default; } form .io-radios > div > .io-radio.checked > span{ color:#fff; } form .io-radios.big{ padding-top:0; } form .io-radios.big > label{ display:none; } form .io-radios.big > div{ display:flex; flex:1 0 100%; flex-wrap:wrap; } form .io-radios.big > div > .io-radio{ height:65px; } form .io-radios.big > div > .io-radio:first-child{ border-radius:47px 0 0 47px; } form .io-radios.big > div > .io-radio:last-child{ border-right-width:1px; border-radius:0 47px 47px 0; } form .io-switch{ display:flex; flex:1 0 100%; flex-wrap:wrap; margin-top:17px; margin-bottom:17px; align-items:center; } form .io-switch input{ opacity:0; position:absolute; } form .io-switch > .label{ flex:1 0 0%; } form .io-switch > .label + .ripple{ margin-left:1rem; } form .io-switch > .ripple{ flex:0 0 auto; width:auto; white-space:nowrap; background-color:#DBDBDB; border-radius:32px; position:relative; pointer-events:none; transition:all 0.225s ease-out; } form .io-switch > .ripple > span{ display:inline-block; min-width:32px; line-height:32px; height:32px; padding:0 16px; text-align:center; transition:all 0.225s ease-out; color:#212529; position:relative; z-index:1; } form .io-switch > .ripple > span:first-child{ opacity:0; } form .io-switch > .ripple > span:last-child{ opacity:1; } form .io-switch > .ripple:after{ position:absolute; content:""; width:34px; height:34px; top:-1px; background-color:#fff; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); left:-1px; border-radius:16px; transform:translateX(0%); transition:all 0.225s ease-out; } form .io-switch > .ripple:before{ position:absolute; content:""; width:32px; height:32px; top:0; background-color:#20535c; left:0; border-radius:16px; transform:translateX(0%); transition:all 0.225s ease-out; z-index:0; } form .io-switch > .ripple + div{ margin-left:1rem; } form .io-switch.is-active > .ripple:after{ left:calc(100% + 1px); transform:translateX(-100%); } form .io-switch.is-active > .ripple:before{ width:100%; } form .io-switch.is-active > .ripple > span{ color:#fff; } form .io-switch.is-active > .ripple > span:first-child{ opacity:1; } form .io-switch.is-active > .ripple > span:last-child{ opacity:0; } form .io-bar-select .bar{ background-color:#F2F5F8; position:relative; } form .io-bar-select .bar > .row{ min-height:65px; height:65px; } form .io-bar-select .bar .input{ padding-left:16.5px; } form .io-filterables .io-filterable{ background-color:#F2F5F8; margin-bottom:1rem; padding-left:16.5px; padding-right:16.5px; } form .io-datepicker{ height:32px; width:100%; } form .io-datepicker > input{ padding:0; line-height:32px; height:32px; border:0; } form .io-datepicker > input:focus{ box-shadow:none; } form .md-field .multiselect__select{ display:none; } form .md-field .multiselect__single{ margin:0; padding:0; height:32px; line-height:32px; } form .md-field .multiselect__tags{ border:0; padding:0; } form .md-field .multiselect__content-wrapper{ background-color:#fff; box-shadow:0 10px 20px #707070; border:0; } form .md-field .multiselect__option--highlight.multiselect__option--selected{ background-color:#dc3545; } form .md-field.select{ cursor:pointer; } form .md-checkbox{ margin-top:22.5px; } .md-select .md-icon{ display:none; } .md-select-menu .md-list-item .md-checkbox{ display:none; } .md-select-menu .md-list-item.md-selected{ background:rgba(25, 135, 84, 0.4); } .md-select-menu .md-list-item.md-selected:hover{ background:rgba(25, 135, 84, 0.2); } .md-select-menu .md-list-item button{ outline:0; } :root{ --md-theme-io-primary:#20535c; --md-theme-io-accent:#6c757d; --md-theme-io-theme:light; } .md-theme-io :not(input):not(textarea)::selection{ background-color:#6c757d; background-color:var(--md-theme-io-accent-on-background, #6c757d); color:#fff; color:var(--md-theme-io-text-primary-on-accent, #fff); } .md-theme-io a:not(.md-button){ color:#20535c; color:var(--md-theme-io-primary-on-background, #20535c); } .md-theme-io a:not(.md-button):hover{ color:rgba(32, 83, 92, 0.8); color:var(--md-theme-io-primary-on-background, rgba(32, 83, 92, 0.8)); } .md-theme-io a:not(.md-button).md-accent{ color:#6c757d; color:var(--md-theme-io-accent-on-background, #6c757d); } .md-theme-io a:not(.md-button).md-accent:hover{ color:rgba(108, 117, 125, 0.8); color:var(--md-theme-io-accent-on-background, rgba(108, 117, 125, 0.8)); } html.md-theme-io{ background-color:#fafafa; background-color:var(--md-theme-io-background-variant, #fafafa); color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background-variant, rgba(0, 0, 0, 0.87)); } .md-theme-io .md-caption, .md-theme-io .md-display-1, .md-theme-io .md-display-2, .md-theme-io .md-display-3, .md-theme-io .md-display-4{ color:rgba(0, 0, 0, 0.54); color:var(--md-theme-io-text-accent-on-background-variant, rgba(0, 0, 0, 0.54)); } .md-scrollbar.md-theme-io::-webkit-scrollbar-corner, .md-scrollbar.md-theme-io::-webkit-scrollbar-track{ background:#e1e1e1; background:var(--md-theme-io-scrollbar-background-on-background-variant, #e1e1e1); } .md-scrollbar.md-theme-io::-webkit-scrollbar-thumb{ background:#757575; background:var(--md-theme-io-scrollbar-on-background-variant, #757575); } .md-checkbox.md-theme-io.md-checked .md-checkbox-container{ background-color:#6c757d; background-color:var(--md-theme-io-accent, #6c757d); border-color:#6c757d; border-color:var(--md-theme-io-accent, #6c757d); } .md-checkbox.md-theme-io.md-checked .md-checkbox-container:after{ border-color:#fff; border-color:var(--md-theme-io-background, #fff); } .md-checkbox.md-theme-io.md-checked .md-ripple{ color:#6c757d; color:var(--md-theme-io-accent, #6c757d); } .md-checkbox.md-theme-io.md-indeterminate .md-checkbox-container{ border-color:rgba(0, 0, 0, 0.54); background-color:rgba(255, 255, 255, 0.3); } .md-checkbox.md-theme-io.md-indeterminate .md-checkbox-container:after{ border-color:rgba(0, 0, 0, 0.54); } .md-checkbox.md-theme-io.md-indeterminate .md-ripple{ color:rgba(0, 0, 0, 0.54); } .md-checkbox.md-theme-io.md-checked.md-primary .md-checkbox-container{ background-color:#20535c; background-color:var(--md-theme-io-primary, #20535c); border-color:#20535c; border-color:var(--md-theme-io-primary, #20535c); } .md-checkbox.md-theme-io.md-checked.md-primary .md-ripple{ color:#20535c; color:var(--md-theme-io-primary, #20535c); } .md-checkbox.md-theme-io.md-indeterminate .md-checkbox-container{ border-color:rgba(0, 0, 0, 0.54); background-color:transparent; } .md-checkbox.md-theme-io.md-indeterminate .md-checkbox-container:after{ border-color:rgba(0, 0, 0, 0.54); } .md-checkbox.md-theme-io.md-indeterminate .md-ripple{ color:rgba(0, 0, 0, 0.54); } .md-checkbox.md-theme-io .md-checkbox-container{ border-color:rgba(0, 0, 0, 0.54); } .md-checkbox.md-theme-io.md-disabled .md-checkbox-container{ border-color:rgba(0, 0, 0, 0.26); } .md-checkbox.md-theme-io.md-disabled.md-checked .md-checkbox-container{ border-color:rgba(0, 0, 0, 0.26); background-color:rgba(0, 0, 0, 0.26); } .md-list.md-theme-io .md-autocomplete-items .md-highlight-text-match{ color:#20535c; color:var(--md-theme-io-primary-on-background, #20535c); } .md-list.md-theme-io .md-autocomplete-loading{ background-color:rgba(255, 255, 255, 0.54); background-color:var(--md-theme-io-background, rgba(255, 255, 255, 0.54)); } .md-autocomplete.md-theme-io.md-autocomplete-box{ background-color:#fff; background-color:var(--md-theme-io-background, #fff); } .md-autocomplete.md-theme-io.md-autocomplete-box.md-focused label{ color:rgba(0, 0, 0, 0.38); color:var(--md-theme-io-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box{ background-color:rgba(255, 255, 255, 0.12); background-color:var(--md-theme-io-background, rgba(255, 255, 255, 0.12)); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box label, .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box input{ color:#fff; color:var(--md-theme-io-text-primary-on-primary, #fff); -webkit-text-fill-color:#fff; -webkit-text-fill-color:var(--md-theme-io-text-primary-on-primary, #fff); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box svg{ fill:#fff; fill:var(--md-theme-io-text-primary-on-primary, #fff); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box.md-focused{ background-color:#fff; background-color:var(--md-theme-io-background, #fff); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box.md-focused label, .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box.md-focused input{ color:rgba(0, 0, 0, 0.38); color:var(--md-theme-io-text-hint-on-background, rgba(0, 0, 0, 0.38)); -webkit-text-fill-color:rgba(0, 0, 0, 0.38); -webkit-text-fill-color:var(--md-theme-io-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .md-toolbar .md-autocomplete.md-theme-io.md-autocomplete-box.md-focused svg{ fill:rgba(0, 0, 0, 0.38); fill:var(--md-theme-io-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .md-autocomplete-box-content.md-theme-io:after{ background-color:#fff; background-color:var(--md-theme-io-background, #fff); border-bottom-color:rgba(0, 0, 0, 0.12); border-bottom-color:var(--md-theme-io-divider, rgba(0, 0, 0, 0.12)); } .md-list.md-theme-io{ background-color:#fff; background-color:var(--md-theme-io-background, #fff); color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-list.md-theme-io.md-double-line .md-list-item-text :nth-child(2){ color:rgba(0, 0, 0, 0.54); color:var(--md-theme-io-text-accent-on-background, rgba(0, 0, 0, 0.54)); } .md-list.md-theme-io.md-triple-line .md-list-item-text :nth-child(3){ color:rgba(0, 0, 0, 0.54); color:var(--md-theme-io-text-accent-on-background, rgba(0, 0, 0, 0.54)); } .md-list.md-theme-io .md-highlight .md-list-item-container{ background-color:rgba(0, 0, 0, 0.12); background-color:var(--md-theme-io-divider-on-background, rgba(0, 0, 0, 0.12)); } .md-list.md-theme-io .md-list-item-container{ color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-list.md-theme-io .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover{ background-color:rgba(0, 0, 0, 0.12); background-color:var(--md-theme-io-divider-on-background, rgba(0, 0, 0, 0.12)); color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-list.md-theme-io [disabled]{ color:rgba(0, 0, 0, 0.26); color:var(--md-theme-io-disabled-on-background, rgba(0, 0, 0, 0.26)); } .md-list.md-theme-io .md-selected .md-list-item-content, .md-list.md-theme-io .router-link-active .md-list-item-content{ color:#20535c; color:var(--md-theme-io-primary-on-background, #20535c); } .md-list.md-theme-io .md-list-item-expand.md-active{ border-color:rgba(0, 0, 0, 0.12); border-color:var(--md-theme-io-divider-on-background, rgba(0, 0, 0, 0.12)); } .md-list.md-theme-io .md-list-item-expand:not(.md-list-item-default):not([disabled]) > .md-list-item-content:hover{ background-color:rgba(0, 0, 0, 0.12); background-color:var(--md-theme-io-divider-on-background, rgba(0, 0, 0, 0.12)); color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-button.md-theme-io{ color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-button.md-theme-io.md-primary{ color:#20535c; color:var(--md-theme-io-primary-on-background, #20535c); } .md-button.md-theme-io.md-primary .md-icon-font{ color:#20535c; color:var(--md-theme-io-primary-on-background, #20535c); } .md-button.md-theme-io.md-primary .md-icon-image{ fill:#20535c; fill:var(--md-theme-io-primary-on-background, #20535c); } .md-button.md-theme-io.md-accent{ color:#6c757d; color:var(--md-theme-io-accent-on-background, #6c757d); } .md-button.md-theme-io.md-accent .md-icon-font{ color:#6c757d; color:var(--md-theme-io-accent-on-background, #6c757d); } .md-button.md-theme-io.md-accent .md-icon-image{ fill:#6c757d; fill:var(--md-theme-io-accent-on-background, #6c757d); } .md-button.md-theme-io.md-raised[disabled]{ background-color:rgba(0, 0, 0, 0.12); background-color:var(--md-theme-io-disabled-background-on-background, rgba(0, 0, 0, 0.12)); color:rgba(0, 0, 0, 0.26); color:var(--md-theme-io-disabled, rgba(0, 0, 0, 0.26)); } .md-button.md-theme-io.md-raised:not([disabled]){ background-color:#fff; background-color:var(--md-theme-io-background, #fff); color:rgba(0, 0, 0, 0.87); color:var(--md-theme-io-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .md-button.md-theme-io.md-raised:not([disabled]).md-primary{ color:#fff; color:var(--md-theme-io-text-primary-on-primary, #fff); background-color:#20535c; background-color:var(--md-theme-io-primary, #20535c); } .md-button.md-theme-io.md-raised:not([disabled]).md-primary .md-icon-font{ color:#fff; color:var(--md-theme-io-text-primary-on-primary, #fff); } .md-button.md-theme-io.md-raised:not([disabled]).md-primary .md-icon-image{ fill:#fff; fill:var(--md-theme-io-text-primary-on-primary, #fff); } .md-button.md-theme-io.md-raised:not([disabled]).md-accent{ color:#fff; color:var(--md-theme-io-text-primary-on-accent, #fff); background-color:#6c757d; background-color:var(--md-theme-io-accent, #6c757d); } .md-button.md-theme-io.md-raised:not([disabled]).md-accent .md-icon-font{ color:#fff; color:var(--md-theme-io-text-primary-on-accent, #fff); } .md-button.md-theme-io.md-raised:not([disabled]).md-accent .md-icon-image{ fill:#fff; fill:var(--md-theme-io-text-primary-on-accent, #fff); } .md-button.md-theme-io.md-fab[disabled]{ background-color:rgba(0, 0, 0, 0.12); background-color:var(--md-theme-io-disabled-background-on-background, rgba(0, 0, 0, 0.12)); } .md-button.md-theme-io.md-fab:not([disabled]){ background-color:#6c757d; background-color:var(--md-theme-io-accent, #6c757d); } .md-button.md-theme-io.md-fab:not([disabled]) .md-icon-font{ color:#fff; color:var(--md-theme-io-text-primary-on-accent, #fff); } .md-button.md-theme-io.md-fab:not([disabled]) .md-icon-image{ fill:#fff; fill:var(--md-theme-io-text-primary-on-accent, #fff); } .md-button.md-theme-io.md-fab:not([disabled]).md-primary{ background-color:#20535c; background-color:var(--md-theme-io-primary, #20535c); } .md-button.md-theme-io.md-fab:not([disabled]).md-primary .md-icon-font{ color:#fff; color:var(--md-theme-io-text-primary-on-primary, #fff); } .md-button.md-theme-io.md-fab:not([disabled]).md-primary .md-icon-image{ fill:#fff; fill:var(--md-theme-io-text-primary-on-primary, #fff); } .md-button.md-theme-io[disabled]{ color:rgba(0, 0, 0, 0.26); color:var(--md-theme-io-disabled-on-background, rgba(0, 0, 0, 0.26)); } .md-button.md-theme-io[disabled] .md-icon-font{ color:rgba(0, 0, 0, 0.38); color:var(--md-theme-io-icon-disabled-on-background, rgba(0, 0, 0, 0.38)); } .md-button.md-theme-io[disabled] .md-icon-image{ fill:rgba(0, 0, 0, 0.38); fill:var(--md-theme-io-icon-disabled-on-background, rgba(0, 0, 0, 0.38)); } .md-select-menu{ background-color:#fff; } .md-select-menu .md-list li:hover{ background-color:#f2f2f2; } .io-input-sm{ border-radius:20px; font-size:16px; padding:2px 6px; border-color:#dbdbdb; } .io-input-sm:focus{ outline:none; } .popover{ border-radius:20px; border:none; box-shadow:0 5px 10px rgba(112, 112, 112, 0.5); padding:20px; max-width:280px; } .popover-header, .popover-footer{ background-color:transparent; border:none; } .popover .popover-body{ padding:0; font-size:0.875rem; font-weight:400; line-height:1.2; } @media (min-width: 992px){ .popover .popover-body{ font-size:1rem; } } .popover .popover-header{ padding:0 0 10px 0; background-color:transparent; font-size:0.875rem; font-weight:700; } @media (min-width: 992px){ .popover .popover-header{ font-size:1rem; } } .popover .popover-header + .popover-body{ padding-top:10px; background-color:transparent; } @media (min-width: 992px){ .popover{ max-width:360px; } } @media (min-width: 1200px){ .popover{ max-width:30vw; } } .btn{ font-size:0.875rem; font-weight:700; padding:0.75em 1em; } .btn-icon-left{ padding-left:3.5em; position:relative; } .btn-icon-left > i, .btn-icon-left > svg{ position:absolute; font-size:2em; top:50%; left:0.375em; transform:translateY(-50%); } @media (min-width: 992px){ .btn{ font-size:1rem; font-weight:700; } } .btn.rounded{ border-radius:2.5em !important; } .btn.btn-lg, .btn-group-lg > .btn{ font-size:1rem; font-weight:700; padding:0.75em 1.5em; } @media (min-width: 992px){ .btn.btn-lg, .btn-group-lg > .btn{ font-size:1.25rem; font-weight:700; } } .btn.btn-sm, .btn-group-sm > .btn{ font-size:0.75rem; font-weight:700; padding:0.5em 1em; } @media (min-width: 992px){ .btn.btn-sm, .btn-group-sm > .btn{ font-size:0.875rem; font-weight:700; } } .btn-card{ box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); font-size:1rem; font-weight:400; padding:0.75em 1.5em; display:block; width:100%; } @media (min-width: 992px){ .btn-card{ font-size:1.25rem; font-weight:400; } } .btn:hover{ text-decoration:none; } .btn-popover, .btn-close{ background:transparent; padding:0; text-decoration:none; line-height:1; border-radius:0.5em; border:0; transition:color 0.35s ease; } .btn-popover:focus, .btn-close:focus{ outline-color:currentColor; } .btn-outline-white{ color:#fff; border-color:#fff; } .btn-outline-white:hover{ background:#fff; color:#212529; border-color:#fff; } .btn-toggle{ padding:0; border:0; outline:0; text-decoration:none; } .btn-toggle:focus, .btn-toggle:active{ outline:0; border:0; box-shadow:none; } .btn-toggle > svg, .btn-toggle > i{ transform:rotate(0deg); transition:transform 0.525s ease; } .btn-toggle.toggled > svg, .btn-toggle.toggled > i{ transform:rotate(-180deg); transition:transform 0.525s ease; } .rich-text > label{ font-size:12px; margin-bottom:0.5rem; } .rich-text > .menu-bar{ display:flex; flex:1 0 100%; flex-wrap:wrap; height:40px; min-height:40px; align-items:center; border:1px solid #DBDBDB; padding:0 32px; } .rich-text > .menu-bar > *{ flex:0 0 auto; width:auto; } .rich-text > .menu-bar button{ border:0; background-color:transparent; outline:0; padding:0 8px; } .rich-text > .menu-bar button:first-child{ margin-left:-8px; } .rich-text > .menu-bar button.is-active{ background-color:#DBDBDB; } .rich-text > .menu-bar .spacer{ width:1rem; } .rich-text > .menu-bar + div{ border:1px solid #DBDBDB; border-top-width:0; padding:16px 32px; } .rich-text > .menu-bar + div > div{ border:0; outline:0; } .rich-text > .menu-bar + div > div > *:last-child{ margin-bottom:0; } .rich-text + .md-error{ color:#dc3545; font-size:12px; } .card-tab-toggles{ width:auto; display:flex; flex:1 0 auto; flex-wrap:wrap; height:68px; min-height:68px; align-items:center; } .card-tab-toggles > a{ line-height:68px; position:relative; display:inline-block; padding:0 1rem; } .card-tab-toggles > a.active{ color:#20535c; } .card-tab-toggles > a.active:after{ content:""; bottom:-1px; left:0; height:2px; width:100%; display:block; position:absolute; background-color:#20535c; background-color:var(--bs-primary); } .card-tab-toggles > a:first-child{ padding-left:0; } .card-tab-toggles > a:first-child:after{ width:calc(100% + 1rem); left:-1rem; } .card-tab-toggles > a:last-child{ padding-right:0; } .card-tab-toggles > a:last-child:after{ width:calc(100% + 1rem); right:-1rem; } .location-switch{ display:none; position:absolute; top:0; left:0; box-shadow:none; z-index:777; background-color:#fff; overflow-y:auto; overflow-x:hidden; height:100%; padding-top:22.6666666667px; transition:left 0.225s ease-out; } header .location-switch-button{ padding-right:32px; position:relative; } header .location-switch-button > button{ border:0; background:transparent; position:absolute; top:50%; right:0; transform:translateY(-50%); outline:0; } @media (min-width: 576px){ .location-switch{ padding-top:22.6666666667px; } } @media (min-width: 768px){ .location-switch{ padding-top:24px; } } @media (min-width: 992px){ .location-switch{ padding-top:26.6666666667px; } } @media (min-width: 1200px){ .location-switch{ padding-top:26.6666666667px; } } @media (min-width: 1400px){ .location-switch{ padding-top:26.6666666667px; } } @media (min-width: 1400px){ .location-switch{ left:100%; max-width:420px; min-width:360px; } } .location-switch:after{ display:block; content:""; position:absolute; right:0; width:1px; height:100%; top:0; background-color:#DBDBDB; pointer-events:none; } .location-switch > div > div:first-child{ position:relative; text-align:left; box-shadow:0 1px 2px #F2F2F2; padding:15.3px 15.3px 15.3px 68px; } @media (min-width: 576px){ .location-switch > div > div:first-child{ padding:15.3px 15.3px 15.3px 68px; } } @media (min-width: 768px){ .location-switch > div > div:first-child{ padding:16.2px 16.2px 16.2px 72px; } } @media (min-width: 992px){ .location-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } @media (min-width: 1200px){ .location-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } @media (min-width: 1400px){ .location-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ font-size:32px; position:absolute; top:50%; left:34px; transform:translateX(-50%) translateY(-50%); } @media (min-width: 576px){ .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ top:50%; left:34px; } } @media (min-width: 768px){ .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ top:50%; left:36px; } } @media (min-width: 992px){ .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ top:50%; left:40px; } } @media (min-width: 1200px){ .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ top:50%; left:40px; } } @media (min-width: 1400px){ .location-switch > div > div:first-child > svg, .location-switch > div > div:first-child > i{ top:50%; left:40px; } } .location-switch form{ width:100%; } .location-switch form button{ background-color:transparent; border:0; position:relative; width:100%; box-shadow:0 1px 2px #F2F2F2; text-align:left; outline:0; padding:15.3px 15.3px 15.3px 22px; } @media (min-width: 576px){ .location-switch form button{ padding:15.3px 15.3px 15.3px 22px; } } @media (min-width: 768px){ .location-switch form button{ padding:16.2px 16.2px 16.2px 24px; } } @media (min-width: 992px){ .location-switch form button{ padding:18px 18px 18px 28px; } } @media (min-width: 1200px){ .location-switch form button{ padding:18px 18px 18px 28px; } } @media (min-width: 1400px){ .location-switch form button{ padding:18px 18px 18px 28px; } } .location-switch form button span{ background-size:contain; background-position:left center; background-repeat:no-repeat; position:absolute; height:32px; width:40px; top:50%; left:34px; transform:translateX(-50%) translateY(-50%); } @media (min-width: 576px){ .location-switch form button span{ top:50%; left:34px; } } @media (min-width: 768px){ .location-switch form button span{ top:50%; left:36px; } } @media (min-width: 992px){ .location-switch form button span{ top:50%; left:40px; } } @media (min-width: 1200px){ .location-switch form button span{ top:50%; left:40px; } } @media (min-width: 1400px){ .location-switch form button span{ top:50%; left:40px; } } .location-switch form button > svg, .location-switch form button > i{ position:absolute; right:1em; left:inherit; font-size:1em; transform:translateX(0) translateY(-50%) rotateZ(0); transition:transform 0.635s ease-out; top:50%; } .location-switch form button:hover, .location-switch form button.active{ background-color:#F2F2F2; } .location-switch form + button{ background-color:transparent; border:0; position:relative; width:100%; text-align:center; outline:0; padding:15.3px 0 15.3px 0; } @media (min-width: 576px){ .location-switch form + button{ padding:15.3px 0 15.3px 0; } } @media (min-width: 768px){ .location-switch form + button{ padding:16.2px 0 16.2px 0; } } @media (min-width: 992px){ .location-switch form + button{ padding:18px 0 18px 0; } } @media (min-width: 1200px){ .location-switch form + button{ padding:18px 0 18px 0; } } @media (min-width: 1400px){ .location-switch form + button{ padding:18px 0 18px 0; } } .location-switch form + button:hover, .location-switch form + button.active{ background-color:#F2F2F2; } .location-switch.show{ display:block; } .customer-switch{ position:absolute; left:0; display:none; top:0; box-shadow:none; z-index:777; background-color:#fff; overflow-y:auto; overflow-x:hidden; width:100%; height:100%; padding-top:22.6666666667px; transition:left 0.225s ease-out; } header .customer-switch-button{ padding-right:32px; position:relative; } header .customer-switch-button > button{ border:0; background:transparent; position:absolute; top:50%; right:0; transform:translateY(-50%); outline:0; } @media (min-width: 576px){ .customer-switch{ padding-top:22.6666666667px; } } @media (min-width: 768px){ .customer-switch{ padding-top:24px; } } @media (min-width: 992px){ .customer-switch{ padding-top:26.6666666667px; } } @media (min-width: 1200px){ .customer-switch{ padding-top:26.6666666667px; } } @media (min-width: 1400px){ .customer-switch{ padding-top:26.6666666667px; } } @media (min-width: 1400px){ .customer-switch{ left:100%; max-width:420px; min-width:360px; } } .customer-switch:after{ display:block; content:""; position:absolute; right:0; width:1px; height:100%; top:0; background-color:#DBDBDB; pointer-events:none; } .customer-switch > div > div:first-child{ position:relative; text-align:left; box-shadow:0 1px 2px #F2F2F2; padding:15.3px 15.3px 15.3px 68px; } @media (min-width: 576px){ .customer-switch > div > div:first-child{ padding:15.3px 15.3px 15.3px 68px; } } @media (min-width: 768px){ .customer-switch > div > div:first-child{ padding:16.2px 16.2px 16.2px 72px; } } @media (min-width: 992px){ .customer-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } @media (min-width: 1200px){ .customer-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } @media (min-width: 1400px){ .customer-switch > div > div:first-child{ padding:18px 18px 18px 80px; } } .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ font-size:32px; position:absolute; top:50%; left:34px; transform:translateX(-50%) translateY(-50%); } @media (min-width: 576px){ .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ top:50%; left:34px; } } @media (min-width: 768px){ .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ top:50%; left:36px; } } @media (min-width: 992px){ .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ top:50%; left:40px; } } @media (min-width: 1200px){ .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ top:50%; left:40px; } } @media (min-width: 1400px){ .customer-switch > div > div:first-child > svg, .customer-switch > div > div:first-child > i{ top:50%; left:40px; } } .customer-switch form{ width:100%; } .customer-switch form button{ background-color:transparent; border:0; position:relative; width:100%; box-shadow:0 1px 2px #F2F2F2; text-align:left; padding:15.3px 15.3px 15.3px 22px; } @media (min-width: 576px){ .customer-switch form button{ padding:15.3px 15.3px 15.3px 22px; } } @media (min-width: 768px){ .customer-switch form button{ padding:16.2px 16.2px 16.2px 24px; } } @media (min-width: 992px){ .customer-switch form button{ padding:18px 18px 18px 28px; } } @media (min-width: 1200px){ .customer-switch form button{ padding:18px 18px 18px 28px; } } @media (min-width: 1400px){ .customer-switch form button{ padding:18px 18px 18px 28px; } } .customer-switch form button span{ background-size:contain; background-position:left center; background-repeat:no-repeat; position:absolute; height:32px; width:40px; top:50%; left:34px; transform:translateX(-50%) translateY(-50%); } @media (min-width: 576px){ .customer-switch form button span{ top:50%; left:34px; } } @media (min-width: 768px){ .customer-switch form button span{ top:50%; left:36px; } } @media (min-width: 992px){ .customer-switch form button span{ top:50%; left:40px; } } @media (min-width: 1200px){ .customer-switch form button span{ top:50%; left:40px; } } @media (min-width: 1400px){ .customer-switch form button span{ top:50%; left:40px; } } .customer-switch form button > svg, .customer-switch form button > i{ position:absolute; right:1em; left:inherit; font-size:1em; transform:translateX(0) translateY(-50%) rotateZ(0); transition:transform 0.635s ease-out; top:50%; } .customer-switch form button:hover, .customer-switch form button.active{ background-color:#F2F2F2; } .customer-switch form + button{ background-color:transparent; border:0; position:relative; width:100%; text-align:center; outline:0; padding:15.3px 0 15.3px 0; } @media (min-width: 576px){ .customer-switch form + button{ padding:15.3px 0 15.3px 0; } } @media (min-width: 768px){ .customer-switch form + button{ padding:16.2px 0 16.2px 0; } } @media (min-width: 992px){ .customer-switch form + button{ padding:18px 0 18px 0; } } @media (min-width: 1200px){ .customer-switch form + button{ padding:18px 0 18px 0; } } @media (min-width: 1400px){ .customer-switch form + button{ padding:18px 0 18px 0; } } .customer-switch form + button:hover, .customer-switch form + button.active{ background-color:#F2F2F2; } .customer-switch.show{ display:block; } .tenant-switch{ display:none; position:fixed; z-index:777; background-color:#fff; overflow-y:auto; overflow-x:hidden; max-width:420px; min-width:360px; box-shadow:0 10px 20px #707070; top:68px; left:68px; max-height:calc(100vh - 68px); padding-top:22.6666666667px; transition:left 0.225s ease-out; } header .tenant-switch-button{ padding-right:32px; position:relative; } header .tenant-switch-button > button{ border:0; background:transparent; position:absolute; top:50%; right:0; transform:translateY(-50%); outline:0; } @media (min-width: 576px){ .tenant-switch{ top:68px; left:68px; max-height:calc(100vh - 68px); padding-top:22.6666666667px; } } @media (min-width: 768px){ .tenant-switch{ top:72px; left:72px; max-height:calc(100vh - 72px); padding-top:24px; } } @media (min-width: 992px){ .tenant-switch{ top:80px; left:80px; max-height:calc(100vh - 80px); padding-top:26.6666666667px; } } @media (min-width: 1200px){ .tenant-switch{ top:80px; left:80px; max-height:calc(100vh - 80px); padding-top:26.6666666667px; } } @media (min-width: 1400px){ .tenant-switch{ top:80px; left:80px; max-height:calc(100vh - 80px); padding-top:26.6666666667px; } } .sidebar-open .tenant-switch{ left:280px; } .tenant-switch form{ width:100%; } .tenant-switch form button{ background-color:transparent; border:0; position:relative; width:100%; box-shadow:0 1px 2px #F2F2F2; text-align:left; padding:15.3px 15.3px 15.3px 68px; } @media (min-width: 576px){ .tenant-switch form button{ padding:15.3px 15.3px 15.3px 68px; } } @media (min-width: 768px){ .tenant-switch form button{ padding:16.2px 16.2px 16.2px 72px; } } @media (min-width: 992px){ .tenant-switch form button{ padding:18px 18px 18px 80px; } } @media (min-width: 1200px){ .tenant-switch form button{ padding:18px 18px 18px 80px; } } @media (min-width: 1400px){ .tenant-switch form button{ padding:18px 18px 18px 80px; } } .tenant-switch form button span{ background-size:contain; background-position:left center; background-repeat:no-repeat; position:absolute; height:32px; width:32px; top:50%; left:34px; transform:translateX(-50%) translateY(-50%); } @media (min-width: 576px){ .tenant-switch form button span{ top:50%; left:34px; } } @media (min-width: 768px){ .tenant-switch form button span{ top:50%; left:36px; } } @media (min-width: 992px){ .tenant-switch form button span{ top:50%; left:40px; } } @media (min-width: 1200px){ .tenant-switch form button span{ top:50%; left:40px; } } @media (min-width: 1400px){ .tenant-switch form button span{ top:50%; left:40px; } } .tenant-switch form button:hover, .tenant-switch form button.active{ background-color:#F2F2F2; } .tenant-switch.show{ display:block; } .io-breadcrumbs{ background-color:var(--hero-breadcrumbs-background); position:absolute; z-index:1; width:100%; } .io-breadcrumbs > .container-fluid, .io-breadcrumbs > .container-sm, .io-breadcrumbs > .container-md, .io-breadcrumbs > .container-lg, .io-breadcrumbs > .container-xl, .io-breadcrumbs > .container-xxl{ margin:0; } .io-breadcrumbs > .container-fluid > ol, .io-breadcrumbs > .container-sm > ol, .io-breadcrumbs > .container-md > ol, .io-breadcrumbs > .container-lg > ol, .io-breadcrumbs > .container-xl > ol, .io-breadcrumbs > .container-xxl > ol{ display:flex; list-style:none; margin:0; padding:0; } .io-breadcrumbs > .container-fluid > ol > li, .io-breadcrumbs > .container-sm > ol > li, .io-breadcrumbs > .container-md > ol > li, .io-breadcrumbs > .container-lg > ol > li, .io-breadcrumbs > .container-xl > ol > li, .io-breadcrumbs > .container-xxl > ol > li{ flex:0 0 auto; width:auto; align-self:center !important; display:flex; align-items:center; font-size:0.875rem; font-weight:400; } @media (min-width: 992px){ .io-breadcrumbs > .container-fluid > ol > li, .io-breadcrumbs > .container-sm > ol > li, .io-breadcrumbs > .container-md > ol > li, .io-breadcrumbs > .container-lg > ol > li, .io-breadcrumbs > .container-xl > ol > li, .io-breadcrumbs > .container-xxl > ol > li{ font-size:1rem; } } .io-breadcrumbs > .container-fluid > ol > li .breadcrumb--label, .io-breadcrumbs > .container-sm > ol > li .breadcrumb--label, .io-breadcrumbs > .container-md > ol > li .breadcrumb--label, .io-breadcrumbs > .container-lg > ol > li .breadcrumb--label, .io-breadcrumbs > .container-xl > ol > li .breadcrumb--label, .io-breadcrumbs > .container-xxl > ol > li .breadcrumb--label, .io-breadcrumbs > .container-fluid > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-sm > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-md > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-lg > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-xl > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-xxl > ol > li .breadcrumb--icon{ flex:0 0 auto; display:block; width:auto; align-self:center; line-height:1; color:var(--hero-breadcrumbs-color); } .io-breadcrumbs > .container-fluid > ol > li .breadcrumb--label, .io-breadcrumbs > .container-sm > ol > li .breadcrumb--label, .io-breadcrumbs > .container-md > ol > li .breadcrumb--label, .io-breadcrumbs > .container-lg > ol > li .breadcrumb--label, .io-breadcrumbs > .container-xl > ol > li .breadcrumb--label, .io-breadcrumbs > .container-xxl > ol > li .breadcrumb--label{ font-size:1em; display:inline-block; padding:20px 8px; } .io-breadcrumbs > .container-fluid > ol > li .breadcrumb--label.no-url, .io-breadcrumbs > .container-sm > ol > li .breadcrumb--label.no-url, .io-breadcrumbs > .container-md > ol > li .breadcrumb--label.no-url, .io-breadcrumbs > .container-lg > ol > li .breadcrumb--label.no-url, .io-breadcrumbs > .container-xl > ol > li .breadcrumb--label.no-url, .io-breadcrumbs > .container-xxl > ol > li .breadcrumb--label.no-url{ opacity:0.65; } .io-breadcrumbs > .container-fluid > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-sm > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-md > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-lg > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-xl > ol > li .breadcrumb--icon, .io-breadcrumbs > .container-xxl > ol > li .breadcrumb--icon{ font-size:0.625em; padding-top:0.3em; } .io-breadcrumbs > .container-fluid > ol > li:first-child > *, .io-breadcrumbs > .container-sm > ol > li:first-child > *, .io-breadcrumbs > .container-md > ol > li:first-child > *, .io-breadcrumbs > .container-lg > ol > li:first-child > *, .io-breadcrumbs > .container-xl > ol > li:first-child > *, .io-breadcrumbs > .container-xxl > ol > li:first-child > *{ padding-left:0; } .io-breadcrumbs > .container-fluid > ol > li:last-child > *, .io-breadcrumbs > .container-sm > ol > li:last-child > *, .io-breadcrumbs > .container-md > ol > li:last-child > *, .io-breadcrumbs > .container-lg > ol > li:last-child > *, .io-breadcrumbs > .container-xl > ol > li:last-child > *, .io-breadcrumbs > .container-xxl > ol > li:last-child > *{ padding-right:0; } .reading-widget-modal{ position:fixed; top:0; left:0; width:100vw; height:100vh; overflow-y:auto; overflow-x:hidden; background-color:rgba(0, 0, 0, 0.65); opacity:0; pointer-events:none; transition:all 0.35s ease-out; z-index:889; } .reading-widget-modal > div{ position:absolute; top:50%; left:50%; width:420px; max-width:100vw; max-height:100vh; transform:translateX(-50%) translateY(0%); transition:all 0.35s ease-out; } .reading-widget-modal.show{ opacity:1; pointer-events:all; } .reading-widget-modal.show > div{ transform:translateX(-50%) translateY(-50%); } .reading-widget-modal:not(.show){ z-index:888; } .reading-widget-modal:not(.show), .reading-widget-modal:not(.show) *{ pointer-events:none; } .io-weather-widget{ text-align:center; } .io-weather-widget > div:nth-child(1) > img{ height:100px; display:block; max-width:100%; } .io-weather-widget > div:nth-child(2){ text-align:left; } .io-weather-widget h5, .io-weather-widget .h5{ font-weight:700; } .io-weather-widget h5 sup, .io-weather-widget .h5 sup{ font-weight:400; } .io-weather-widget h5 + p, .io-weather-widget .h5 + p{ margin:0; } .io-teeoff-change-form .amount{ position:relative; padding:20px 60px 0 32px; margin-top:-20px; height:65px; margin-left:-32px; transition:margin-bottom 0.575s ease-out, margin-top 0.575s ease-out; } .io-teeoff-change-form .amount > div{ pointer-events:none; opacity:0; transition:opacity 0.575s ease-out; position:absolute; width:calc(100% - 32px); left:31px; top:-5px; background-color:#FFFFFF; } .io-teeoff-change-form.open .amount{ margin-top:0; } .io-teeoff-change-form.open .amount > div{ pointer-events:all; opacity:1; } .base-card.base-card.io-inbox{ position:absolute; right:-49px; top:calc(100% + 16px); background-color:#fff; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); border:1px solid #F2F2F2; border-radius:10px; text-align:left; width:449px; max-width:100vw; cursor:default; } .base-card.base-card.io-inbox-notification, .base-card.base-card.io-inbox-head{ padding:0.5rem 1rem; } .base-card.base-card.io-inbox-head h5, .base-card.base-card.io-inbox-head .h5{ font-size:15px; font-weight:700; margin:0; } .base-card.base-card.io-inbox-head .fa-layers{ font-size:1.2em; } .base-card.base-card.io-inbox-head .count-icon{ font-size:0.5em; } .base-card.base-card.io-inbox-notification{ border-top:1px solid #F2F2F2; } .base-card.base-card.io-inbox-notification h6, .base-card.base-card.io-inbox-notification .h6{ font-size:16px; font-weight:700; } .base-card.base-card.io-inbox-notification p{ font-size:16px; font-weight:400; margin:0; } .base-card.base-card.io-inbox .shape-holder{ position:absolute; top:-46px; right:calc(60px - 0.5rem); filter:drop-shadow(0px -1px 0px #f2f2f2); } .base-card.base-card.io-inbox .shape-holder .shape{ display:block; width:46px; height:46px; -webkit-clip-path:polygon(50% 50%, 0% 100%, 100% 100%); clip-path:polygon(50% 50%, 0% 100%, 100% 100%); background-color:#fff; } .usage-widget__control-top{ cursor:default; } .usage-widget__control-top button{ border:0; outline:0; background:transparent; } .usage-widget__control-top > .row:nth-child(2) button.selected{ pointer-events:none; } .usage-widget__datepicker .single, .usage-widget__datepicker .range, .usage-widget__datepicker .alternative{ width:auto; display:inline-block; } .usage-widget__datepicker .single input, .usage-widget__datepicker .range input, .usage-widget__datepicker .alternative input{ text-align:center; border:0; } .usage-widget__datepicker .single input:active, .usage-widget__datepicker .single input:focus, .usage-widget__datepicker .range input:active, .usage-widget__datepicker .range input:focus, .usage-widget__datepicker .alternative input:active, .usage-widget__datepicker .alternative input:focus{ outline:0; border:0; } .usage-widget__datepicker .single input{ width:9em; } .usage-widget__datepicker .range input, .usage-widget__datepicker .alternative input{ width:6em; } .usage-widget__datepicker .previous.inactive, .usage-widget__datepicker .next.inactive{ opacity:0.4; pointer-events:none; } .usage-widget__datepicker .previous.disabled, .usage-widget__datepicker .next.disabled{ opacity:0; pointer-events:none; } .usage-widget .range input, .usage-widget .alternative input{ width:8em; } .usage-widget .btn-object-remove.hidden{ opacity:0; pointer-events:none; } .usage-widget .btn-object-remove:focus, .usage-widget .btn-object-remove:active{ outline:0; border:0; } .usage-widget .btn-placeholder{ opacity:0; pointer-events:none; } .usage-widget .spinner{ opacity:0; pointer-events:none; } .usage-widget .spinner > span{ position:relative; } .usage-widget .spinner > span > span{ position:absolute; top:-1px; left:0; height:100%; overflow:hidden; background:#fff; } .usage-widget .spinner.visible{ opacity:1; } .usage-widget .spinner.spinning{ animation-name:spin; animation-duration:3250ms; animation-iteration-count:infinite; animation-timing-function:linear; } @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } .usage-widget__timerange select, .usage-widget__resolution select{ min-width:10rem; } .usage-widget__chart-cont{ position:relative; } .usage-widget__chart-cont .usage-widget__chart{ min-height:320px; opacity:1; transition:opacity 0.35s ease-out; } .usage-widget__chart-cont .usage-widget__chart__loader{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.4); z-index:2; } .usage-widget__chart-cont .usage-widget__chart__loader > span{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); white-space:nowrap; height:128px; line-height:128px; } .usage-widget__chart-cont .usage-widget__chart__loader > span:after{ content:""; top:calc(100% + 8px); left:0; width:100%; position:absolute; height:8px; background-color:#3d3d3d; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span{ height:96px; width:14px; display:inline-block; background-color:#3d3d3d; margin-right:8px; border-radius:4px 4px 0 0; animation-name:chart-loader-bar; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:linear; animation-fill-mode:both; vertical-align:bottom; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(1){ animation-delay:-0.3s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(2){ animation-delay:-0.6s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(3){ animation-delay:-0.9s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(4){ animation-delay:-1.2s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(5){ animation-delay:-1.5s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(6){ animation-delay:-1.8s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(7){ animation-delay:-2.1s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(8){ animation-delay:-2.4s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(9){ animation-delay:-2.7s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(10){ animation-delay:-3s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(11){ animation-delay:-3.3s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(12){ animation-delay:-3.6s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(13){ animation-delay:-3.9s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(14){ animation-delay:-4.2s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(15){ animation-delay:-4.5s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(16){ animation-delay:-4.8s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(17){ animation-delay:-5.1s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(18){ animation-delay:-5.4s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(19){ animation-delay:-5.7s; } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:nth-child(20){ animation-delay:-6s; } @keyframes chart-loader-bar{ 0%{ height:96px; } 25%{ height:128px; } 50%{ height:96px; } 75%{ height:64px; } 100%{ height:96px; } } .usage-widget__chart-cont .usage-widget__chart__loader > span > span:last-child{ margin-right:0; } .usage-widget.loading .usage-widget__chart-cont{ pointer-events:none; } .usage-widget.loading .usage-widget__chart__loader{ display:block; } .usage-widget__empty{ position:absolute; top:0; left:0; width:100%; background-color:rgba(255, 255, 255, 0.6); height:100%; } .usage-widget__statistics > .card-header{ margin-bottom:10px; } .usage-widget__statistics table > tr > td, .usage-widget__statistics table > tr > th{ border-top:1px solid #DBDBDB; padding-top:10px; } .usage-widget__statistics table > tr > th{ padding-bottom:10px; } .usage-widget__statistics table > tr.usage-widget__statistics-head > td, .usage-widget__statistics table > tr.usage-widget__statistics-head > th, .usage-widget__statistics table > tr:first-child > td, .usage-widget__statistics table > tr:first-child > th{ padding-bottom:10px; } .usage-widget__statistics table > tr:first-child > th, .usage-widget__statistics table > tr:first-child > td, .usage-widget__statistics table > tr:nth-child(2) > th, .usage-widget__statistics table > tr:nth-child(2) > td{ border-top:none; } .usage-widget__statistics table > tr.usage-widget__statistics-head + tr:not(.usage-widget__statistics-head) > td, .usage-widget__statistics table > tr.usage-widget__statistics-head + tr:not(.usage-widget__statistics-head) > th{ border-top:none; padding-top:0; } .usage-widget__statistics table > tr.usage-widget__statistics-head--timerange > th{ padding:0; } .usage-widget__statistics table > tr.usage-widget__statistics-head--timerange > th > div{ padding:10px; background-color:#F2F2F2; } .usage-widget__statistics table > tr:nth-child(2) ~ tr:not(.usage-widget__statistics-head) > td{ padding-bottom:10px; } .usage-widget__statistics .tendency.positive > i, .usage-widget__statistics .tendency.positive > svg{ color:#DA005D; transform:rotate(-50deg); } .usage-widget__statistics .tendency.negative > i, .usage-widget__statistics .tendency.negative > svg{ color:#00A33B; transform:rotate(50deg); } .highcharts-tooltip{ padding:0; font-size:11px; font-weight:normal; color:#3D3D3D; border:0; box-shadow:none; } .highcharts-tooltip *{ font-family:inherit; font-weight:inherit; color:inherit; font-size:1em; } .highcharts-tooltip table th, .highcharts-tooltip table td{ padding:3px; } .highcharts-tooltip .usage-widget__tooltip-date > th{ font-size:13px; font-weight:700; } .highcharts-tooltip .usage-widget__tooltip-date > th > span{ display:flex; width:100%; justify-content:space-between; align-items:center; } .highcharts-tooltip .usage-widget__tooltip-date > th > span > .date--forecast{ font-style:italic; font-weight:300; } .highcharts-tooltip .usage-widget__tooltip-date > th > span > .date--forecast:empty{ display:none; } .highcharts-tooltip .usage-widget__tooltip-date ~ .usage-widget__tooltip-date > th{ padding-top:9px; } .highcharts-tooltip .usage-widget__tooltip-date ~ .usage-widget__tooltip-date + .usage-widget__tooltip-energy-type > th{ padding-top:3px; } .highcharts-tooltip .usage-widget__tooltip-energy-type > th{ font-size:12px; font-weight:700; } .highcharts-tooltip .usage-widget__tooltip-energy-type ~ .usage-widget__tooltip-energy-type > th{ padding-top:9px; } .highcharts-tooltip .usage-widget__tooltip-energy-type ~ tr:not(.usage-widget__tooltip-energy-type) > td:first-child{ padding-left:1em; } .highcharts-tooltip .usage-widget__tooltip-object-heading ~ .usage-widget__tooltip-object-value td{ padding-top:0; } .highcharts-tooltip .usage-widget__tooltip-object-value{ font-weight:400; } .highcharts-axis-title{ font-weight:700; } :root{ --overlay-background-color:#0000004a; --container-box-shadow:#0000004a 0px 3px 8px 0px; --base-background-color:#ffffff; } .vc-overlay{ background-color:var(--overlay-background-color); width:100%; height:100%; transition:all 0.1s ease-in; left:0; top:0; z-index:999999999999; position:fixed; display:flex; justify-content:center; align-items:center; align-content:baseline; } .vc-container{ background-color:var(--base-background-color); border-radius:1rem; width:286px; max-width:480px; height:auto; display:grid; grid-template-rows:1fr max-content; box-shadow:var(--container-box-shadow); } .vc-btn-grid.isMono{ grid-template-columns:1fr; } .fade-enter-active, .fade-leave-active{ transition:opacity 0.21s; } .fade-enter, .fade-leave-to{ opacity:0; } .zoom-enter-active, .zoom-leave-active{ animation-duration:0.21s; animation-fill-mode:both; animation-name:zoom; } .zoom-leave-active{ animation-direction:reverse; } @keyframes zoom{ from{ opacity:0; transform:scale3d(1.1, 1.1, 1.1); } 100%{ opacity:1; transform:scale3d(1, 1, 1); } } .io-icon{ position:relative; } .io-icon svg{ height:1em; max-width:1.125em; overflow:visible; display:inline-block; font-size:inherit; vertical-align:-0.125em; } .io-icon.io-icon-fw svg{ min-width:1.125em; } .io-icon.io-icon-l{ font-size:2em; } .io-icon.io-icon-l2{ font-size:3em; } .io-icon.io-icon-l3{ font-size:4em; } .io-icon.io-icon-l4{ font-size:5em; } .io-icon.io-icon-l5{ font-size:6em; } .io-icon.io-icon-xs-l{ font-size:2em; } .io-icon.io-icon-xs-l2{ font-size:3em; } .io-icon.io-icon-xs-l3{ font-size:4em; } .io-icon.io-icon-xs-l4{ font-size:5em; } .io-icon.io-icon-xs-l5{ font-size:6em; } @media (min-width: 576px){ .io-icon.io-icon-sm-l{ font-size:2em; } .io-icon.io-icon-sm-l2{ font-size:3em; } .io-icon.io-icon-sm-l3{ font-size:4em; } .io-icon.io-icon-sm-l4{ font-size:5em; } .io-icon.io-icon-sm-l5{ font-size:6em; } } @media (min-width: 768px){ .io-icon.io-icon-md-l{ font-size:2em; } .io-icon.io-icon-md-l2{ font-size:3em; } .io-icon.io-icon-md-l3{ font-size:4em; } .io-icon.io-icon-md-l4{ font-size:5em; } .io-icon.io-icon-md-l5{ font-size:6em; } } @media (min-width: 992px){ .io-icon.io-icon-lg-l{ font-size:2em; } .io-icon.io-icon-lg-l2{ font-size:3em; } .io-icon.io-icon-lg-l3{ font-size:4em; } .io-icon.io-icon-lg-l4{ font-size:5em; } .io-icon.io-icon-lg-l5{ font-size:6em; } } @media (min-width: 1200px){ .io-icon.io-icon-xl-l{ font-size:2em; } .io-icon.io-icon-xl-l2{ font-size:3em; } .io-icon.io-icon-xl-l3{ font-size:4em; } .io-icon.io-icon-xl-l4{ font-size:5em; } .io-icon.io-icon-xl-l5{ font-size:6em; } } @media (min-width: 1400px){ .io-icon.io-icon-xxl-l{ font-size:2em; } .io-icon.io-icon-xxl-l2{ font-size:3em; } .io-icon.io-icon-xxl-l3{ font-size:4em; } .io-icon.io-icon-xxl-l4{ font-size:5em; } .io-icon.io-icon-xxl-l5{ font-size:6em; } } .io-icon > .inc{ position:absolute; display:block; top:0; left:100%; font-size:0.75em; font-weight:600; background-color:#20535c; color:#fff; width:1.25em; height:1.25em; border-radius:50%; transform:translateX(-50%) translateY(-35%); } .io-icon > .inc > span{ position:absolute; display:block; top:50%; left:45%; transform:translateX(-50%) translateY(-50%); } .io-icon.text-primary svg *{ stroke:#20535c !important; } .io-icon-list{ padding-left:0; list-style:none; } .io-icon-list.check-list polyline{ stroke:#20535c !important; } .io-icon-list > li{ padding-left:1.75em; position:relative; padding-bottom:0.75em; } .io-icon-list > li > i{ position:absolute; left:0.875em; transform:translateX(-60%) scale(0.55); transform-origin:center; } .io-icon-list > li > i *{ stroke-width:2; } .io-icon-list.pb-0{ margin-bottom:0; } .io-icon-list.pb-0 > li:last-child{ padding-bottom:0; } .io-icon-list.icon-primary svg *{ stroke:#20535c !important; } .io-icon-list.icon-secondary svg *{ stroke:#6c757d !important; } .io-icon.img{ display:inline-block; background-size:contain; background-position:center; background-repeat:no-repeat; height:1em; width:100%; max-width:inherit; vertical-align:-0.125em; } :root{ --base-input--input-height:1.4em; --base-input--padding-top:1.5em; --base-input--padding-bottom:0.425em; --base-input--border-radius-base:5px; --base-input--border-radius:1.7em; --base-input--label-position:1.3em; --base-input--divider-height:2em; --base-input--label-transition:300ms; --base-input--highlight-transition:150ms; --base-input--error-color:var(--forms-errors); --base-input--accent-color:#dee2e6; --base-input--filled-color-base:#f5f7f9; --base-input--highlight-base:var(--company-main-primary_hover); --base-input--font-size:clamp(16px, 1rem, 32px); --base-input--icon-size:1.25em; --base-input--icon-min-width:1.25em; --base-input--disabled-color:#C2C2C2; --base-input--disabled-background-color:#f2f2f2; --base-input--x-small-padding-top:0.875em; --base-input--x-small-padding-bottom:0.125em; --base-input--x-small-font-size:16px; --base-input--x-small-input-height:0.875em; --base-input--x-small-border-radius:1em; --base-input--small-padding-top:1.025em; --base-input--small-padding-bottom:0.275em; --base-input--small-font-size:16px; --base-input--small-input-height:1.125em; --base-input--small-border-radius:1.35em; --base-select--item-transition:150ms; --base-select--open-transition:300ms; --base-select--item-hover-color:#f2f2f2; --base-select--item-selected-color:#f2f2f2; --base-select--multiple-tag-color:var(--company-main-primary); } .base-input, .base-input-select, .base-select, .base-file-input, .base-date-time-picker, .base-textarea{ font-size:1em; font-size:var(--base-input--font-size); position:relative; display:grid; grid-template-columns:1fr; align-items:center; width:100%; min-width:10em; min-width:clamp(160px, 10em, 280px); } .base-input input, .base-input-select input, .base-select input, .base-file-input input, .base-date-time-picker input, .base-textarea input{ all:unset; font-size:inherit; width:100%; min-width:20%; flex:1; height:var(--base-input--input-height); line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .base-input.base-textarea input, .base-input-select.base-textarea input, .base-select.base-textarea input, .base-file-input.base-textarea input, .base-date-time-picker.base-textarea input, .base-textarea.base-textarea input{ line-height:1.2; } .base-input .input-selected-list, .base-input .input-selected-item, .base-input-select .input-selected-list, .base-input-select .input-selected-item, .base-select .input-selected-list, .base-select .input-selected-item, .base-file-input .input-selected-list, .base-file-input .input-selected-item, .base-date-time-picker .input-selected-list, .base-date-time-picker .input-selected-item, .base-textarea .input-selected-list, .base-textarea .input-selected-item{ scrollbar-width:none; -ms-overflow-style:none; display:flex; align-items:center; height:var(--base-input--input-height); line-height:1.25; overflow-x:scroll; overflow-y:hidden; font-size:inherit; } .base-input .input-selected-list::-webkit-scrollbar, .base-input .input-selected-item::-webkit-scrollbar, .base-input-select .input-selected-list::-webkit-scrollbar, .base-input-select .input-selected-item::-webkit-scrollbar, .base-select .input-selected-list::-webkit-scrollbar, .base-select .input-selected-item::-webkit-scrollbar, .base-file-input .input-selected-list::-webkit-scrollbar, .base-file-input .input-selected-item::-webkit-scrollbar, .base-date-time-picker .input-selected-list::-webkit-scrollbar, .base-date-time-picker .input-selected-item::-webkit-scrollbar, .base-textarea .input-selected-list::-webkit-scrollbar, .base-textarea .input-selected-item::-webkit-scrollbar{ display:none; } .base-input .input-selected-list--item, .base-input .input-selected-item--item, .base-input-select .input-selected-list--item, .base-input-select .input-selected-item--item, .base-select .input-selected-list--item, .base-select .input-selected-item--item, .base-file-input .input-selected-list--item, .base-file-input .input-selected-item--item, .base-date-time-picker .input-selected-list--item, .base-date-time-picker .input-selected-item--item, .base-textarea .input-selected-list--item, .base-textarea .input-selected-item--item{ display:flex; align-items:center; height:1.5em; } .base-input--searchable.input-selected-item, .base-input-select--searchable.input-selected-item, .base-select--searchable.input-selected-item, .base-file-input--searchable.input-selected-item, .base-date-time-picker--searchable.input-selected-item, .base-textarea--searchable.input-selected-item{ margin-right:1.5em; } .base-input--tags .input-selected-list, .base-input--tags .input-selected-item, .base-input-select--tags .input-selected-list, .base-input-select--tags .input-selected-item, .base-select--tags .input-selected-list, .base-select--tags .input-selected-item, .base-file-input--tags .input-selected-list, .base-file-input--tags .input-selected-item, .base-date-time-picker--tags .input-selected-list, .base-date-time-picker--tags .input-selected-item, .base-textarea--tags .input-selected-list, .base-textarea--tags .input-selected-item{ grid-column-gap:0.5em; } .base-input--tags .input-selected-list--item, .base-input--tags .input-selected-item--item, .base-input-select--tags .input-selected-list--item, .base-input-select--tags .input-selected-item--item, .base-select--tags .input-selected-list--item, .base-select--tags .input-selected-item--item, .base-file-input--tags .input-selected-list--item, .base-file-input--tags .input-selected-item--item, .base-date-time-picker--tags .input-selected-list--item, .base-date-time-picker--tags .input-selected-item--item, .base-textarea--tags .input-selected-list--item, .base-textarea--tags .input-selected-item--item{ font-size:16px; grid-column-gap:0.5em; background-color:var(--base-select--multiple-tag-color); border-radius:999px; padding:0.1em 0.5em; } .base-input--tags .input-selected-list--item-icon, .base-input--tags .input-selected-item--item-icon, .base-input-select--tags .input-selected-list--item-icon, .base-input-select--tags .input-selected-item--item-icon, .base-select--tags .input-selected-list--item-icon, .base-select--tags .input-selected-item--item-icon, .base-file-input--tags .input-selected-list--item-icon, .base-file-input--tags .input-selected-item--item-icon, .base-date-time-picker--tags .input-selected-list--item-icon, .base-date-time-picker--tags .input-selected-item--item-icon, .base-textarea--tags .input-selected-list--item-icon, .base-textarea--tags .input-selected-item--item-icon{ cursor:pointer; display:inline-flex; justify-content:center; padding:0 0.4em; } .base-input:not(.base-select--list-relative) .input-list, .base-input-select:not(.base-select--list-relative) .input-list, .base-select:not(.base-select--list-relative) .input-list, .base-file-input:not(.base-select--list-relative) .input-list, .base-date-time-picker:not(.base-select--list-relative) .input-list, .base-textarea:not(.base-select--list-relative) .input-list{ position:absolute; background-color:transparent; color:transparent; z-index:2; top:50%; left:0; border-radius:0 0 var(--base-input--border-radius-base) var(--base-input--border-radius-base); } .base-input:not(.base-select--list-relative) .input-list--open, .base-input-select:not(.base-select--list-relative) .input-list--open, .base-select:not(.base-select--list-relative) .input-list--open, .base-file-input:not(.base-select--list-relative) .input-list--open, .base-date-time-picker:not(.base-select--list-relative) .input-list--open, .base-textarea:not(.base-select--list-relative) .input-list--open{ top:calc(var(--base-input--padding-top) + var(--base-input--padding-bottom) + var(--base-input--input-height) - 0.2em); border-bottom:1px solid var(--base-input--accent-color); background-color:#fff; color:inherit; } .base-input:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-input:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-input:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list, .base-input-select:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-input-select:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-input-select:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list, .base-select:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-select:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-select:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list, .base-file-input:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-file-input:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-file-input:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list, .base-date-time-picker:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-date-time-picker:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-date-time-picker:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list, .base-textarea:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-textarea:not(.base-select--list-relative).base-input-select--rounded .base-select--open + .input-list, .base-textarea:not(.base-select--list-relative).base-file-input--open.base-file-input--rounded .input-list{ border:1px solid var(--base-input--accent-color); border-top:0px solid transparent; border-radius:0 0 var(--base-input--border-radius) var(--base-input--border-radius); } .base-input:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-input:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-input:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list, .base-input-select:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-input-select:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-input-select:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list, .base-select:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-select:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-select:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list, .base-file-input:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-file-input:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-file-input:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list, .base-date-time-picker:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-date-time-picker:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-date-time-picker:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list, .base-textarea:not(.base-select--list-relative).base-select--open.base-select--solo .input-list, .base-textarea:not(.base-select--list-relative).base-input-select--solo .base-select--open + .input-list, .base-textarea:not(.base-select--list-relative).base-file-input--open.base-file-input--solo .input-list{ border:none; box-shadow:0px 4px 5px 0px var(--base-input--accent-color); } .base-input:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-input:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-input:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list, .base-input-select:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-input-select:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-input-select:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list, .base-select:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-select:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-select:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list, .base-file-input:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-file-input:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-file-input:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list, .base-date-time-picker:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-date-time-picker:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-date-time-picker:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list, .base-textarea:not(.base-select--list-relative).base-select--open.base-select--outlined .input-list, .base-textarea:not(.base-select--list-relative).base-input-select--outlined .base-select--open + .input-list, .base-textarea:not(.base-select--list-relative).base-file-input--open.base-file-input--outlined .input-list{ border:1px solid var(--base-input--accent-color); border-top:0px solid transparent; } .base-input > .input-container, .base-input-select > .input-container, .base-select > .input-container, .base-file-input > .input-container, .base-date-time-picker > .input-container, .base-textarea > .input-container{ overflow:hidden; border-radius:var(--base-input--border-radius-base); transition:border-radius calc(var(--base-select--open-transition) / 2) ease-in; background-color:#FFFFFF; } .base-input.units-open .input-container, .base-input.prefixes-open .input-container, .base-input-select.units-open .input-container, .base-input-select.prefixes-open .input-container, .base-select.units-open .input-container, .base-select.prefixes-open .input-container, .base-file-input.units-open .input-container, .base-file-input.prefixes-open .input-container, .base-date-time-picker.units-open .input-container, .base-date-time-picker.prefixes-open .input-container, .base-textarea.units-open .input-container, .base-textarea.prefixes-open .input-container{ overflow:visible; } .base-input--open:not(.base-select--list-relative) > .input-container, .base-input-select--open:not(.base-select--list-relative) > .input-container, .base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--open:not(.base-select--list-relative) > .input-container, .base-textarea--open:not(.base-select--list-relative) > .input-container{ border-bottom:none; border-radius:var(--base-input--border-radius-base) var(--base-input--border-radius-base) 0 0; } .base-input .input-container-inner, .base-input-select .input-container-inner, .base-select .input-container-inner, .base-file-input .input-container-inner, .base-date-time-picker .input-container-inner, .base-textarea .input-container-inner{ transition:all var(--base-input--highlight-transition) ease-in-out; cursor:pointer; display:flex; align-items:center; } .base-input--searchable:not(.base-select) .input-container-inner, .base-input--searchable:not(.base-file-input) .input-container-inner, .base-input-select--searchable:not(.base-select) .input-container-inner, .base-input-select--searchable:not(.base-file-input) .input-container-inner, .base-select--searchable:not(.base-select) .input-container-inner, .base-select--searchable:not(.base-file-input) .input-container-inner, .base-file-input--searchable:not(.base-select) .input-container-inner, .base-file-input--searchable:not(.base-file-input) .input-container-inner, .base-date-time-picker--searchable:not(.base-select) .input-container-inner, .base-date-time-picker--searchable:not(.base-file-input) .input-container-inner, .base-textarea--searchable:not(.base-select) .input-container-inner, .base-textarea--searchable:not(.base-file-input) .input-container-inner{ cursor:text; } .base-input--disabled, .base-input--readonly, .base-input-select--disabled, .base-input-select--readonly, .base-select--disabled, .base-select--readonly, .base-file-input--disabled, .base-file-input--readonly, .base-date-time-picker--disabled, .base-date-time-picker--readonly, .base-textarea--disabled, .base-textarea--readonly{ pointer-events:none; } .base-input--disabled .input-container, .base-input--readonly .input-container, .base-input-select--disabled .input-container, .base-input-select--readonly .input-container, .base-select--disabled .input-container, .base-select--readonly .input-container, .base-file-input--disabled .input-container, .base-file-input--readonly .input-container, .base-date-time-picker--disabled .input-container, .base-date-time-picker--readonly .input-container, .base-textarea--disabled .input-container, .base-textarea--readonly .input-container{ background-color:var(--base-input--disabled-background-color); } .base-input--disabled .input-container-inner, .base-input--readonly .input-container-inner, .base-input-select--disabled .input-container-inner, .base-input-select--readonly .input-container-inner, .base-select--disabled .input-container-inner, .base-select--readonly .input-container-inner, .base-file-input--disabled .input-container-inner, .base-file-input--readonly .input-container-inner, .base-date-time-picker--disabled .input-container-inner, .base-date-time-picker--readonly .input-container-inner, .base-textarea--disabled .input-container-inner, .base-textarea--readonly .input-container-inner{ cursor:default; } .base-input--disabled .input-field, .base-input--readonly .input-field, .base-input-select--disabled .input-field, .base-input-select--readonly .input-field, .base-select--disabled .input-field, .base-select--readonly .input-field, .base-file-input--disabled .input-field, .base-file-input--readonly .input-field, .base-date-time-picker--disabled .input-field, .base-date-time-picker--readonly .input-field, .base-textarea--disabled .input-field, .base-textarea--readonly .input-field{ color:var(--base-input--disabled-color); } .base-input .input-field, .base-input-select .input-field, .base-select .input-field, .base-file-input .input-field, .base-date-time-picker .input-field, .base-textarea .input-field{ display:flex; flex:1 0 0; padding:calc((var(--base-input--padding-top) + var(--base-input--padding-bottom)) / 2) 1.5em; overflow:hidden; white-space:nowrap; } .base-input .input-field label, .base-input-select .input-field label, .base-select .input-field label, .base-file-input .input-field label, .base-date-time-picker .input-field label, .base-textarea .input-field label{ font-size:inherit; position:absolute; transition:all var(--base-input--label-transition) ease-in-out; top:var(--base-input--label-position); line-height:1; font-weight:inherit; will-change:top, font-size; pointer-events:none; } .base-input .input-field textarea, .base-input-select .input-field textarea, .base-select .input-field textarea, .base-file-input .input-field textarea, .base-date-time-picker .input-field textarea, .base-textarea .input-field textarea{ height:var(--textarea-height); max-height:var(--textarea-max-height); background-color:transparent; flex:1; font-size:inherit; font-weight:inherit; outline:none; resize:none; border:none; } .base-input .input-field--hidden, .base-input-select .input-field--hidden, .base-select .input-field--hidden, .base-file-input .input-field--hidden, .base-date-time-picker .input-field--hidden, .base-textarea .input-field--hidden{ display:none; visibility:hidden; opacity:0; height:0; width:0; -webkit-user-select:none; user-select:none; pointer-events:none; } .base-input .input-field .rangepicker, .base-input-select .input-field .rangepicker, .base-select .input-field .rangepicker, .base-file-input .input-field .rangepicker, .base-date-time-picker .input-field .rangepicker, .base-textarea .input-field .rangepicker{ display:flex; flex-wrap:wrap; align-items:center; grid-column-gap:0.5em; } .base-input .input-field .rangepicker .datepicker-input, .base-input-select .input-field .rangepicker .datepicker-input, .base-select .input-field .rangepicker .datepicker-input, .base-file-input .input-field .rangepicker .datepicker-input, .base-date-time-picker .input-field .rangepicker .datepicker-input, .base-textarea .input-field .rangepicker .datepicker-input{ width:11ch; flex:unset; } .base-input .input-field .rangepicker span, .base-input-select .input-field .rangepicker span, .base-select .input-field .rangepicker span, .base-file-input .input-field .rangepicker span, .base-date-time-picker .input-field .rangepicker span, .base-textarea .input-field .rangepicker span{ line-height:1; } .base-input .input-field input[type=time]::-webkit-calendar-picker-indicator, .base-input-select .input-field input[type=time]::-webkit-calendar-picker-indicator, .base-select .input-field input[type=time]::-webkit-calendar-picker-indicator, .base-file-input .input-field input[type=time]::-webkit-calendar-picker-indicator, .base-date-time-picker .input-field input[type=time]::-webkit-calendar-picker-indicator, .base-textarea .input-field input[type=time]::-webkit-calendar-picker-indicator{ background:none; } .base-input .input-field .datepicker-input.in-edit:focus, .base-input .input-field .datepicker-input.in-edit:active, .base-input-select .input-field .datepicker-input.in-edit:focus, .base-input-select .input-field .datepicker-input.in-edit:active, .base-select .input-field .datepicker-input.in-edit:focus, .base-select .input-field .datepicker-input.in-edit:active, .base-file-input .input-field .datepicker-input.in-edit:focus, .base-file-input .input-field .datepicker-input.in-edit:active, .base-date-time-picker .input-field .datepicker-input.in-edit:focus, .base-date-time-picker .input-field .datepicker-input.in-edit:active, .base-textarea .input-field .datepicker-input.in-edit:focus, .base-textarea .input-field .datepicker-input.in-edit:active{ box-shadow:none; } .base-input .input-field--overlay, .base-input-select .input-field--overlay, .base-select .input-field--overlay, .base-file-input .input-field--overlay, .base-date-time-picker .input-field--overlay, .base-textarea .input-field--overlay{ position:absolute; height:2.7em; width:6em; right:0; top:0; } .base-input:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker, .base-input-select:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker, .base-select:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker, .base-file-input:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker, .base-date-time-picker:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker, .base-textarea:not(.base-date-time-picker--value):not(.base-date-time-picker--focused) .rangepicker{ opacity:0; } .base-input .icon-left, .base-input .icon-right, .base-input-select .icon-left, .base-input-select .icon-right, .base-select .icon-left, .base-select .icon-right, .base-file-input .icon-left, .base-file-input .icon-right, .base-date-time-picker .icon-left, .base-date-time-picker .icon-right, .base-textarea .icon-left, .base-textarea .icon-right{ min-width:calc(var(--base-input--icon-min-width) + 1.42em); display:flex; justify-content:flex-start; position:relative; font-size:var(--base-input--icon-size); padding:0 1em; display:flex; justify-content:center; align-items:center; flex-basis:2em; } .base-input .icon-left, .base-input .icon-right, .base-input-select .icon-left, .base-input-select .icon-right, .base-select .icon-left, .base-select .icon-right, .base-file-input .icon-left, .base-file-input .icon-right, .base-date-time-picker .icon-left, .base-date-time-picker .icon-right, .base-textarea .icon-left, .base-textarea .icon-right{ position:relative; font-size:var(--base-input--icon-size); padding:0 1em; display:flex; justify-content:center; align-items:center; flex-basis:2em; } .base-input .icon-right, .base-input-select .icon-right, .base-select .icon-right, .base-file-input .icon-right, .base-date-time-picker .icon-right, .base-textarea .icon-right{ justify-content:flex-end; } .base-input--icon-left-filled .base-badge, .base-input-select--icon-left-filled .base-badge, .base-select--icon-left-filled .base-badge, .base-file-input--icon-left-filled .base-badge, .base-date-time-picker--icon-left-filled .base-badge, .base-textarea--icon-left-filled .base-badge{ position:absolute; z-index:3; padding:0 !important; border-radius:var(--base-input--border-radius); background-color:var(--base-input--icon-left-filled); color:#fff; transform:translate3d(-50%, -50%, 0); top:50%; left:50%; } .base-input--icon-left-filled .base-badge + .input-field, .base-input-select--icon-left-filled .base-badge + .input-field, .base-select--icon-left-filled .base-badge + .input-field, .base-file-input--icon-left-filled .base-badge + .input-field, .base-date-time-picker--icon-left-filled .base-badge + .input-field, .base-textarea--icon-left-filled .base-badge + .input-field{ padding-left:0.5em; } .base-input.base-select .icon-left, .base-input.base-file-input .icon-left, .base-input-select.base-select .icon-left, .base-input-select.base-file-input .icon-left, .base-select.base-select .icon-left, .base-select.base-file-input .icon-left, .base-file-input.base-select .icon-left, .base-file-input.base-file-input .icon-left, .base-date-time-picker.base-select .icon-left, .base-date-time-picker.base-file-input .icon-left, .base-textarea.base-select .icon-left, .base-textarea.base-file-input .icon-left{ cursor:pointer; } .base-input .icon-right, .base-input-select .icon-right, .base-select .icon-right, .base-file-input .icon-right, .base-date-time-picker .icon-right, .base-textarea .icon-right{ cursor:pointer; } .base-input .icon-right i, .base-input .icon-right svg, .base-input-select .icon-right i, .base-input-select .icon-right svg, .base-select .icon-right i, .base-select .icon-right svg, .base-file-input .icon-right i, .base-file-input .icon-right svg, .base-date-time-picker .icon-right i, .base-date-time-picker .icon-right svg, .base-textarea .icon-right i, .base-textarea .icon-right svg{ transition:transform var(--base-select--open-transition) ease-in-out; } .base-input .unit, .base-input .prefix, .base-input-select .unit, .base-input-select .prefix, .base-select .unit, .base-select .prefix, .base-file-input .unit, .base-file-input .prefix, .base-date-time-picker .unit, .base-date-time-picker .prefix, .base-textarea .unit, .base-textarea .prefix{ position:relative; font-size:16px; } .base-input .unit__selected, .base-input .prefix__selected, .base-input-select .unit__selected, .base-input-select .prefix__selected, .base-select .unit__selected, .base-select .prefix__selected, .base-file-input .unit__selected, .base-file-input .prefix__selected, .base-date-time-picker .unit__selected, .base-date-time-picker .prefix__selected, .base-textarea .unit__selected, .base-textarea .prefix__selected{ display:flex; align-items:center; cursor:pointer; font-size:1em; min-width:2.5em; padding:0 0.8em; text-align:center; } .base-input .unit__selected > div:nth-child(1), .base-input .prefix__selected > div:nth-child(1), .base-input-select .unit__selected > div:nth-child(1), .base-input-select .prefix__selected > div:nth-child(1), .base-select .unit__selected > div:nth-child(1), .base-select .prefix__selected > div:nth-child(1), .base-file-input .unit__selected > div:nth-child(1), .base-file-input .prefix__selected > div:nth-child(1), .base-date-time-picker .unit__selected > div:nth-child(1), .base-date-time-picker .prefix__selected > div:nth-child(1), .base-textarea .unit__selected > div:nth-child(1), .base-textarea .prefix__selected > div:nth-child(1){ font-weight:700; } .base-input .unit__selected > div:nth-child(2), .base-input .prefix__selected > div:nth-child(2), .base-input-select .unit__selected > div:nth-child(2), .base-input-select .prefix__selected > div:nth-child(2), .base-select .unit__selected > div:nth-child(2), .base-select .prefix__selected > div:nth-child(2), .base-file-input .unit__selected > div:nth-child(2), .base-file-input .prefix__selected > div:nth-child(2), .base-date-time-picker .unit__selected > div:nth-child(2), .base-date-time-picker .prefix__selected > div:nth-child(2), .base-textarea .unit__selected > div:nth-child(2), .base-textarea .prefix__selected > div:nth-child(2){ padding-left:5px; font-size:10px; } .base-input .unit__selected > div:nth-child(2) > i, .base-input .unit__selected > div:nth-child(2) > svg, .base-input .prefix__selected > div:nth-child(2) > i, .base-input .prefix__selected > div:nth-child(2) > svg, .base-input-select .unit__selected > div:nth-child(2) > i, .base-input-select .unit__selected > div:nth-child(2) > svg, .base-input-select .prefix__selected > div:nth-child(2) > i, .base-input-select .prefix__selected > div:nth-child(2) > svg, .base-select .unit__selected > div:nth-child(2) > i, .base-select .unit__selected > div:nth-child(2) > svg, .base-select .prefix__selected > div:nth-child(2) > i, .base-select .prefix__selected > div:nth-child(2) > svg, .base-file-input .unit__selected > div:nth-child(2) > i, .base-file-input .unit__selected > div:nth-child(2) > svg, .base-file-input .prefix__selected > div:nth-child(2) > i, .base-file-input .prefix__selected > div:nth-child(2) > svg, .base-date-time-picker .unit__selected > div:nth-child(2) > i, .base-date-time-picker .unit__selected > div:nth-child(2) > svg, .base-date-time-picker .prefix__selected > div:nth-child(2) > i, .base-date-time-picker .prefix__selected > div:nth-child(2) > svg, .base-textarea .unit__selected > div:nth-child(2) > i, .base-textarea .unit__selected > div:nth-child(2) > svg, .base-textarea .prefix__selected > div:nth-child(2) > i, .base-textarea .prefix__selected > div:nth-child(2) > svg{ transform:rotate(0deg); transition:transform 0.35s ease-in-out; } .base-input .unit__options, .base-input .prefix__options, .base-input-select .unit__options, .base-input-select .prefix__options, .base-select .unit__options, .base-select .prefix__options, .base-file-input .unit__options, .base-file-input .prefix__options, .base-date-time-picker .unit__options, .base-date-time-picker .prefix__options, .base-textarea .unit__options, .base-textarea .prefix__options{ position:absolute; top:100%; right:0; background-color:#FFFFFF; border:1px solid #f2f2f2; border-radius:5px; display:none; z-index:10; min-width:100%; text-align:right; } .base-input .unit__options > div, .base-input .prefix__options > div, .base-input-select .unit__options > div, .base-input-select .prefix__options > div, .base-select .unit__options > div, .base-select .prefix__options > div, .base-file-input .unit__options > div, .base-file-input .prefix__options > div, .base-date-time-picker .unit__options > div, .base-date-time-picker .prefix__options > div, .base-textarea .unit__options > div, .base-textarea .prefix__options > div{ padding:0.5em; padding-right:1.6em; border-bottom:1px solid #f2f2f2; cursor:pointer; } .base-input .unit__options > div:hover, .base-input .unit__options > div.selected, .base-input .prefix__options > div:hover, .base-input .prefix__options > div.selected, .base-input-select .unit__options > div:hover, .base-input-select .unit__options > div.selected, .base-input-select .prefix__options > div:hover, .base-input-select .prefix__options > div.selected, .base-select .unit__options > div:hover, .base-select .unit__options > div.selected, .base-select .prefix__options > div:hover, .base-select .prefix__options > div.selected, .base-file-input .unit__options > div:hover, .base-file-input .unit__options > div.selected, .base-file-input .prefix__options > div:hover, .base-file-input .prefix__options > div.selected, .base-date-time-picker .unit__options > div:hover, .base-date-time-picker .unit__options > div.selected, .base-date-time-picker .prefix__options > div:hover, .base-date-time-picker .prefix__options > div.selected, .base-textarea .unit__options > div:hover, .base-textarea .unit__options > div.selected, .base-textarea .prefix__options > div:hover, .base-textarea .prefix__options > div.selected{ background-color:#f2f2f2; } .base-input .unit__options > div.selected, .base-input .prefix__options > div.selected, .base-input-select .unit__options > div.selected, .base-input-select .prefix__options > div.selected, .base-select .unit__options > div.selected, .base-select .prefix__options > div.selected, .base-file-input .unit__options > div.selected, .base-file-input .prefix__options > div.selected, .base-date-time-picker .unit__options > div.selected, .base-date-time-picker .prefix__options > div.selected, .base-textarea .unit__options > div.selected, .base-textarea .prefix__options > div.selected{ cursor:default; } .base-input .unit.open .unit__selected > div:nth-child(2) > i, .base-input .unit.open .unit__selected > div:nth-child(2) > svg, .base-input .unit.open .prefix__selected > div:nth-child(2) > i, .base-input .unit.open .prefix__selected > div:nth-child(2) > svg, .base-input .prefix.open .unit__selected > div:nth-child(2) > i, .base-input .prefix.open .unit__selected > div:nth-child(2) > svg, .base-input .prefix.open .prefix__selected > div:nth-child(2) > i, .base-input .prefix.open .prefix__selected > div:nth-child(2) > svg, .base-input-select .unit.open .unit__selected > div:nth-child(2) > i, .base-input-select .unit.open .unit__selected > div:nth-child(2) > svg, .base-input-select .unit.open .prefix__selected > div:nth-child(2) > i, .base-input-select .unit.open .prefix__selected > div:nth-child(2) > svg, .base-input-select .prefix.open .unit__selected > div:nth-child(2) > i, .base-input-select .prefix.open .unit__selected > div:nth-child(2) > svg, .base-input-select .prefix.open .prefix__selected > div:nth-child(2) > i, .base-input-select .prefix.open .prefix__selected > div:nth-child(2) > svg, .base-select .unit.open .unit__selected > div:nth-child(2) > i, .base-select .unit.open .unit__selected > div:nth-child(2) > svg, .base-select .unit.open .prefix__selected > div:nth-child(2) > i, .base-select .unit.open .prefix__selected > div:nth-child(2) > svg, .base-select .prefix.open .unit__selected > div:nth-child(2) > i, .base-select .prefix.open .unit__selected > div:nth-child(2) > svg, .base-select .prefix.open .prefix__selected > div:nth-child(2) > i, .base-select .prefix.open .prefix__selected > div:nth-child(2) > svg, .base-file-input .unit.open .unit__selected > div:nth-child(2) > i, .base-file-input .unit.open .unit__selected > div:nth-child(2) > svg, .base-file-input .unit.open .prefix__selected > div:nth-child(2) > i, .base-file-input .unit.open .prefix__selected > div:nth-child(2) > svg, .base-file-input .prefix.open .unit__selected > div:nth-child(2) > i, .base-file-input .prefix.open .unit__selected > div:nth-child(2) > svg, .base-file-input .prefix.open .prefix__selected > div:nth-child(2) > i, .base-file-input .prefix.open .prefix__selected > div:nth-child(2) > svg, .base-date-time-picker .unit.open .unit__selected > div:nth-child(2) > i, .base-date-time-picker .unit.open .unit__selected > div:nth-child(2) > svg, .base-date-time-picker .unit.open .prefix__selected > div:nth-child(2) > i, .base-date-time-picker .unit.open .prefix__selected > div:nth-child(2) > svg, .base-date-time-picker .prefix.open .unit__selected > div:nth-child(2) > i, .base-date-time-picker .prefix.open .unit__selected > div:nth-child(2) > svg, .base-date-time-picker .prefix.open .prefix__selected > div:nth-child(2) > i, .base-date-time-picker .prefix.open .prefix__selected > div:nth-child(2) > svg, .base-textarea .unit.open .unit__selected > div:nth-child(2) > i, .base-textarea .unit.open .unit__selected > div:nth-child(2) > svg, .base-textarea .unit.open .prefix__selected > div:nth-child(2) > i, .base-textarea .unit.open .prefix__selected > div:nth-child(2) > svg, .base-textarea .prefix.open .unit__selected > div:nth-child(2) > i, .base-textarea .prefix.open .unit__selected > div:nth-child(2) > svg, .base-textarea .prefix.open .prefix__selected > div:nth-child(2) > i, .base-textarea .prefix.open .prefix__selected > div:nth-child(2) > svg{ transform:rotate(-180deg); } .base-input .unit.open .unit__options, .base-input .unit.open .prefix__options, .base-input .prefix.open .unit__options, .base-input .prefix.open .prefix__options, .base-input-select .unit.open .unit__options, .base-input-select .unit.open .prefix__options, .base-input-select .prefix.open .unit__options, .base-input-select .prefix.open .prefix__options, .base-select .unit.open .unit__options, .base-select .unit.open .prefix__options, .base-select .prefix.open .unit__options, .base-select .prefix.open .prefix__options, .base-file-input .unit.open .unit__options, .base-file-input .unit.open .prefix__options, .base-file-input .prefix.open .unit__options, .base-file-input .prefix.open .prefix__options, .base-date-time-picker .unit.open .unit__options, .base-date-time-picker .unit.open .prefix__options, .base-date-time-picker .prefix.open .unit__options, .base-date-time-picker .prefix.open .prefix__options, .base-textarea .unit.open .unit__options, .base-textarea .unit.open .prefix__options, .base-textarea .prefix.open .unit__options, .base-textarea .prefix.open .prefix__options{ display:block; } .base-input.base-textarea .icon-left, .base-input.base-textarea .icon-right, .base-input-select.base-textarea .icon-left, .base-input-select.base-textarea .icon-right, .base-select.base-textarea .icon-left, .base-select.base-textarea .icon-right, .base-file-input.base-textarea .icon-left, .base-file-input.base-textarea .icon-right, .base-date-time-picker.base-textarea .icon-left, .base-date-time-picker.base-textarea .icon-right, .base-textarea.base-textarea .icon-left, .base-textarea.base-textarea .icon-right{ height:var(--textarea-height); max-height:var(--textarea-max-height); } .base-input .input-hint, .base-input-select .input-hint, .base-select .input-hint, .base-file-input .input-hint, .base-date-time-picker .input-hint, .base-textarea .input-hint{ display:flex; justify-content:flex-end; grid-column-gap:1em; padding:0.25em 0; } .base-input .input-hint--error, .base-input-select .input-hint--error, .base-select .input-hint--error, .base-file-input .input-hint--error, .base-date-time-picker .input-hint--error, .base-textarea .input-hint--error{ flex:1; display:block; font-size:12px; color:var(--base-input--error-color); line-height:1.25; } .base-input .input-hint--hint, .base-input-select .input-hint--hint, .base-select .input-hint--hint, .base-file-input .input-hint--hint, .base-date-time-picker .input-hint--hint, .base-textarea .input-hint--hint{ flex:1; } .base-input .input-hint--counter, .base-input .input-hint--hint, .base-input-select .input-hint--counter, .base-input-select .input-hint--hint, .base-select .input-hint--counter, .base-select .input-hint--hint, .base-file-input .input-hint--counter, .base-file-input .input-hint--hint, .base-date-time-picker .input-hint--counter, .base-date-time-picker .input-hint--hint, .base-textarea .input-hint--counter, .base-textarea .input-hint--hint{ font-size:14px; line-height:1.25; display:flex; align-items:center; } .base-input .input-hint .input-hint--error + .input-hint--counter, .base-input .input-hint .input-hint--error + .input-hint--hint, .base-input-select .input-hint .input-hint--error + .input-hint--counter, .base-input-select .input-hint .input-hint--error + .input-hint--hint, .base-select .input-hint .input-hint--error + .input-hint--counter, .base-select .input-hint .input-hint--error + .input-hint--hint, .base-file-input .input-hint .input-hint--error + .input-hint--counter, .base-file-input .input-hint .input-hint--error + .input-hint--hint, .base-date-time-picker .input-hint .input-hint--error + .input-hint--counter, .base-date-time-picker .input-hint .input-hint--error + .input-hint--hint, .base-textarea .input-hint .input-hint--error + .input-hint--counter, .base-textarea .input-hint .input-hint--error + .input-hint--hint{ color:var(--base-input--error-color); } .base-input--open.base-select--animate .icon-right i, .base-input--open.base-select--animate .icon-right svg, .base-input-select--open.base-select--animate .icon-right i, .base-input-select--open.base-select--animate .icon-right svg, .base-select--open.base-select--animate .icon-right i, .base-select--open.base-select--animate .icon-right svg, .base-file-input--open.base-select--animate .icon-right i, .base-file-input--open.base-select--animate .icon-right svg, .base-date-time-picker--open.base-select--animate .icon-right i, .base-date-time-picker--open.base-select--animate .icon-right svg, .base-textarea--open.base-select--animate .icon-right i, .base-textarea--open.base-select--animate .icon-right svg{ transform:rotate(180deg); } .base-input.base-select:not(.base-select--open) .input-field input, .base-input.base-file-input:not(.base-file-input--open) .input-field input, .base-input-select.base-select:not(.base-select--open) .input-field input, .base-input-select.base-file-input:not(.base-file-input--open) .input-field input, .base-select.base-select:not(.base-select--open) .input-field input, .base-select.base-file-input:not(.base-file-input--open) .input-field input, .base-file-input.base-select:not(.base-select--open) .input-field input, .base-file-input.base-file-input:not(.base-file-input--open) .input-field input, .base-date-time-picker.base-select:not(.base-select--open) .input-field input, .base-date-time-picker.base-file-input:not(.base-file-input--open) .input-field input, .base-textarea.base-select:not(.base-select--open) .input-field input, .base-textarea.base-file-input:not(.base-file-input--open) .input-field input{ min-width:0; } .base-input--label:not(.base-input-select) .input-field, .base-input-select--label:not(.base-input-select) .input-field, .base-select--label:not(.base-input-select) .input-field, .base-file-input--label:not(.base-input-select) .input-field, .base-date-time-picker--label:not(.base-input-select) .input-field, .base-textarea--label:not(.base-input-select) .input-field{ padding:var(--base-input--padding-top) 1.5em var(--base-input--padding-bottom); } .base-input--regular .input-field, .base-input-select--regular .input-field, .base-select--regular .input-field, .base-file-input--regular .input-field, .base-date-time-picker--regular .input-field, .base-textarea--regular .input-field{ padding:var(--base-input--padding-top) 1em var(--base-input--padding-bottom); } .base-input--regular .input-list :deep(.input-list--item-label), .base-input-select--regular .input-list :deep(.input-list--item-label), .base-select--regular .input-list :deep(.input-list--item-label), .base-file-input--regular .input-list :deep(.input-list--item-label), .base-date-time-picker--regular .input-list :deep(.input-list--item-label), .base-textarea--regular .input-list :deep(.input-list--item-label){ padding:0 1em; } .base-input--color, .base-input-select--color, .base-select--color, .base-file-input--color, .base-date-time-picker--color, .base-textarea--color{ color:var(--base-input--color); } .base-input--rounded > .input-container, .base-input-select--rounded > .input-container, .base-select--rounded > .input-container, .base-file-input--rounded > .input-container, .base-date-time-picker--rounded > .input-container, .base-textarea--rounded > .input-container{ border-radius:var(--base-input--border-radius); } .base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-input-select--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-select--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-select--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-select--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-file-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-textarea--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container{ border-bottom:1px solid transparent; border-radius:var(--base-input--border-radius) var(--base-input--border-radius) 0 0; } .base-input--solo > .input-container, .base-input-select--solo > .input-container, .base-select--solo > .input-container, .base-file-input--solo > .input-container, .base-date-time-picker--solo > .input-container, .base-textarea--solo > .input-container{ border:none; box-shadow:0 2px 5px 0 var(--base-input--accent-color); } .base-input--outlined > .input-container, .base-input-select--outlined > .input-container, .base-select--outlined > .input-container, .base-file-input--outlined > .input-container, .base-date-time-picker--outlined > .input-container, .base-textarea--outlined > .input-container{ border:1px solid var(--base-input--accent-color); } .base-input--regular > .input-container, .base-input-select--regular > .input-container, .base-select--regular > .input-container, .base-file-input--regular > .input-container, .base-date-time-picker--regular > .input-container, .base-textarea--regular > .input-container{ border-bottom:1px solid var(--base-input--accent-color); border-radius:0; } .base-input--filled > .input-container, .base-input-select--filled > .input-container, .base-select--filled > .input-container, .base-file-input--filled > .input-container, .base-date-time-picker--filled > .input-container, .base-textarea--filled > .input-container{ background-color:var(--base-input--filled-color); } .base-input--highlight .input-container-inner:hover, .base-input-select--highlight .input-container-inner:hover, .base-select--highlight .input-container-inner:hover, .base-file-input--highlight .input-container-inner:hover, .base-date-time-picker--highlight .input-container-inner:hover, .base-textarea--highlight .input-container-inner:hover{ background-color:var(--base-input--highlight); } .base-input--hidden, .base-input-select--hidden, .base-select--hidden, .base-file-input--hidden, .base-date-time-picker--hidden, .base-textarea--hidden{ display:none; } .base-input--value .input-field label, .base-input--search .input-field label, .base-input--focused .input-field label, .base-input--placeholder .input-field label, .base-input-select--value .input-field label, .base-input-select--search .input-field label, .base-input-select--focused .input-field label, .base-input-select--placeholder .input-field label, .base-select--value .input-field label, .base-select--search .input-field label, .base-select--focused .input-field label, .base-select--placeholder .input-field label, .base-file-input--value .input-field label, .base-file-input--search .input-field label, .base-file-input--focused .input-field label, .base-file-input--placeholder .input-field label, .base-date-time-picker--value .input-field label, .base-date-time-picker--search .input-field label, .base-date-time-picker--focused .input-field label, .base-date-time-picker--placeholder .input-field label, .base-textarea--value .input-field label, .base-textarea--search .input-field label, .base-textarea--focused .input-field label, .base-textarea--placeholder .input-field label{ top:1.3em; font-size:0.625em; } .base-input--x-small, .base-input-select--x-small, .base-select--x-small, .base-file-input--x-small, .base-date-time-picker--x-small, .base-textarea--x-small{ font-size:var(--base-input--x-small-font-size); } .base-input--x-small.base-input--label:not(.base-input-select) .input-field, .base-input--x-small.base-select--label:not(.base-input-select) .input-field, .base-input-select--x-small.base-input--label:not(.base-input-select) .input-field, .base-input-select--x-small.base-select--label:not(.base-input-select) .input-field, .base-select--x-small.base-input--label:not(.base-input-select) .input-field, .base-select--x-small.base-select--label:not(.base-input-select) .input-field, .base-file-input--x-small.base-input--label:not(.base-input-select) .input-field, .base-file-input--x-small.base-select--label:not(.base-input-select) .input-field, .base-date-time-picker--x-small.base-input--label:not(.base-input-select) .input-field, .base-date-time-picker--x-small.base-select--label:not(.base-input-select) .input-field, .base-textarea--x-small.base-input--label:not(.base-input-select) .input-field, .base-textarea--x-small.base-select--label:not(.base-input-select) .input-field{ padding:var(--base-input--x-small-padding-top) 1.25em var(--base-input--x-small-padding-bottom); } .base-input--x-small.base-input--regular .input-field, .base-input-select--x-small.base-input--regular .input-field, .base-select--x-small.base-input--regular .input-field, .base-file-input--x-small.base-input--regular .input-field, .base-date-time-picker--x-small.base-input--regular .input-field, .base-textarea--x-small.base-input--regular .input-field{ padding:var(--base-input--x-small-padding-top) 1em var(--base-input--x-small-padding-bottom); } .base-input--x-small .input-field, .base-input-select--x-small .input-field, .base-select--x-small .input-field, .base-file-input--x-small .input-field, .base-date-time-picker--x-small .input-field, .base-textarea--x-small .input-field{ padding:calc((var(--base-input--x-small-padding-top) + var(--base-input--x-small-padding-bottom)) / 2) 1.25em; } .base-input--x-small .input-field label, .base-input-select--x-small .input-field label, .base-select--x-small .input-field label, .base-file-input--x-small .input-field label, .base-date-time-picker--x-small .input-field label, .base-textarea--x-small .input-field label{ top:var(--base-input--x-small-padding-top); } .base-input--x-small.base-input--value .input-field label, .base-input--x-small.base-select--value .input-field label, .base-input-select--x-small.base-input--value .input-field label, .base-input-select--x-small.base-select--value .input-field label, .base-select--x-small.base-input--value .input-field label, .base-select--x-small.base-select--value .input-field label, .base-file-input--x-small.base-input--value .input-field label, .base-file-input--x-small.base-select--value .input-field label, .base-date-time-picker--x-small.base-input--value .input-field label, .base-date-time-picker--x-small.base-select--value .input-field label, .base-textarea--x-small.base-input--value .input-field label, .base-textarea--x-small.base-select--value .input-field label{ top:0.4em; } .base-input--x-small input, .base-input-select--x-small input, .base-select--x-small input, .base-file-input--x-small input, .base-date-time-picker--x-small input, .base-textarea--x-small input{ height:var(--base-input--x-small-input-height); } .base-input--x-small .input-selected-item, .base-input-select--x-small .input-selected-item, .base-select--x-small .input-selected-item, .base-file-input--x-small .input-selected-item, .base-date-time-picker--x-small .input-selected-item, .base-textarea--x-small .input-selected-item{ height:var(--base-input--x-small-input-height); overflow:visible; } .base-input--x-small .input-selected-item span, .base-input-select--x-small .input-selected-item span, .base-select--x-small .input-selected-item span, .base-file-input--x-small .input-selected-item span, .base-date-time-picker--x-small .input-selected-item span, .base-textarea--x-small .input-selected-item span{ height:100%; line-height:0.9; } .base-input--x-small .icon-left, .base-input-select--x-small .icon-left, .base-select--x-small .icon-left, .base-file-input--x-small .icon-left, .base-date-time-picker--x-small .icon-left, .base-textarea--x-small .icon-left{ --base-input-icon-size:calc((var(--base-input--x-small-input-height) + var(--base-input--x-small-padding-top) + var(--base-input--x-small-padding-bottom))); } .base-input--x-small > .input-container, .base-input-select--x-small > .input-container, .base-select--x-small > .input-container, .base-file-input--x-small > .input-container, .base-date-time-picker--x-small > .input-container, .base-textarea--x-small > .input-container{ border-radius:var(--base-input--border-radius); } .base-input--x-small .input-list .input-list--item-label, .base-input-select--x-small .input-list .input-list--item-label, .base-select--x-small .input-list .input-list--item-label, .base-file-input--x-small .input-list .input-list--item-label, .base-date-time-picker--x-small .input-list .input-list--item-label, .base-textarea--x-small .input-list .input-list--item-label{ padding:0 1.25em; } .base-input--x-small.base-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--x-small.base-select--open:not(.base-select--list-relative) > .input-container, .base-select--x-small.base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--x-small.base-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--x-small.base-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--x-small.base-select--open:not(.base-select--list-relative) > .input-container{ border-radius:var(--base-input--x-small-border-radius) var(--base-input--x-small-border-radius) 0 0; } .base-input--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-input-select--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-select--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-file-input--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-date-time-picker--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-textarea--x-small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list{ top:calc(var(--base-input--x-small-padding-top) + var(--base-input--x-small-padding-bottom) + var(--base-input--x-small-input-height) - 0.2em); border-radius:0 0 var(--base-input--x-small-border-radius) var(--base-input--x-small-border-radius); } .base-input--x-small.base-input--rounded > .input-container, .base-input-select--x-small.base-input--rounded > .input-container, .base-select--x-small.base-input--rounded > .input-container, .base-file-input--x-small.base-input--rounded > .input-container, .base-date-time-picker--x-small.base-input--rounded > .input-container, .base-textarea--x-small.base-input--rounded > .input-container{ border-radius:var(--base-input--border-radius); } .base-input--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-input-select--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-select--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-select--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-select--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-file-input--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-textarea--x-small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--x-small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--x-small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container{ border-radius:var(--base-input--border-radius) var(--base-input--border-radius) 0 0; } .base-input--small, .base-input-select--small, .base-select--small, .base-file-input--small, .base-date-time-picker--small, .base-textarea--small{ font-size:var(--base-input--small-font-size); } .base-input--small.base-input--label:not(.base-input-select) .input-field, .base-input--small.base-select--label:not(.base-input-select) .input-field, .base-input-select--small.base-input--label:not(.base-input-select) .input-field, .base-input-select--small.base-select--label:not(.base-input-select) .input-field, .base-select--small.base-input--label:not(.base-input-select) .input-field, .base-select--small.base-select--label:not(.base-input-select) .input-field, .base-file-input--small.base-input--label:not(.base-input-select) .input-field, .base-file-input--small.base-select--label:not(.base-input-select) .input-field, .base-date-time-picker--small.base-input--label:not(.base-input-select) .input-field, .base-date-time-picker--small.base-select--label:not(.base-input-select) .input-field, .base-textarea--small.base-input--label:not(.base-input-select) .input-field, .base-textarea--small.base-select--label:not(.base-input-select) .input-field{ padding:var(--base-input--small-padding-top) 1.375em var(--base-input--small-padding-bottom); } .base-input--small.base-input--regular .input-field, .base-input-select--small.base-input--regular .input-field, .base-select--small.base-input--regular .input-field, .base-file-input--small.base-input--regular .input-field, .base-date-time-picker--small.base-input--regular .input-field, .base-textarea--small.base-input--regular .input-field{ padding:var(--base-input--small-padding-top) 1em var(--base-input--small-padding-bottom); } .base-input--small .input-field, .base-input-select--small .input-field, .base-select--small .input-field, .base-file-input--small .input-field, .base-date-time-picker--small .input-field, .base-textarea--small .input-field{ padding:calc((var(--base-input--small-padding-top) + var(--base-input--small-padding-bottom)) / 2) 1.375em; } .base-input--small .input-field label, .base-input-select--small .input-field label, .base-select--small .input-field label, .base-file-input--small .input-field label, .base-date-time-picker--small .input-field label, .base-textarea--small .input-field label{ top:var(--base-input--small-padding-top); } .base-input--small.base-input--value .input-field label, .base-input--small.base-select--value .input-field label, .base-input-select--small.base-input--value .input-field label, .base-input-select--small.base-select--value .input-field label, .base-select--small.base-input--value .input-field label, .base-select--small.base-select--value .input-field label, .base-file-input--small.base-input--value .input-field label, .base-file-input--small.base-select--value .input-field label, .base-date-time-picker--small.base-input--value .input-field label, .base-date-time-picker--small.base-select--value .input-field label, .base-textarea--small.base-input--value .input-field label, .base-textarea--small.base-select--value .input-field label{ top:0.4em; } .base-input--small input, .base-input-select--small input, .base-select--small input, .base-file-input--small input, .base-date-time-picker--small input, .base-textarea--small input{ height:var(--base-input--small-input-height); } .base-input--small .input-selected-item, .base-input-select--small .input-selected-item, .base-select--small .input-selected-item, .base-file-input--small .input-selected-item, .base-date-time-picker--small .input-selected-item, .base-textarea--small .input-selected-item{ height:var(--base-input--small-input-height); overflow:visible; } .base-input--small .input-selected-item span, .base-input-select--small .input-selected-item span, .base-select--small .input-selected-item span, .base-file-input--small .input-selected-item span, .base-date-time-picker--small .input-selected-item span, .base-textarea--small .input-selected-item span{ max-height:100%; line-height:0.9; } .base-input--small .icon-left, .base-input-select--small .icon-left, .base-select--small .icon-left, .base-file-input--small .icon-left, .base-date-time-picker--small .icon-left, .base-textarea--small .icon-left{ --base-input-icon-size:calc((var(--base-input--small-input-height) + var(--base-input--small-padding-top) + var(--base-input--small-padding-bottom))); } .base-input--small > .input-container, .base-input-select--small > .input-container, .base-select--small > .input-container, .base-file-input--small > .input-container, .base-date-time-picker--small > .input-container, .base-textarea--small > .input-container{ border-radius:var(--base-input--border-radius); } .base-input--small .input-list .input-list--item-label, .base-input-select--small .input-list .input-list--item-label, .base-select--small .input-list .input-list--item-label, .base-file-input--small .input-list .input-list--item-label, .base-date-time-picker--small .input-list .input-list--item-label, .base-textarea--small .input-list .input-list--item-label{ padding:0 1.375em; } .base-input--small.base-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--small.base-select--open:not(.base-select--list-relative) > .input-container, .base-select--small.base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--small.base-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--small.base-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--small.base-select--open:not(.base-select--list-relative) > .input-container{ border-radius:var(--base-input--small-border-radius) var(--base-input--small-border-radius) 0 0; } .base-input--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-input-select--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-select--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-file-input--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-date-time-picker--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list, .base-textarea--small:not(.base-select--list-relative).base-select--open.base-select--rounded .input-list{ top:calc(var(--base-input--small-padding-top) + var(--base-input--small-padding-bottom) + var(--base-input--small-input-height) - 0.2em); border-radius:0 0 var(--base-input--small-border-radius) var(--base-input--small-border-radius); } .base-input--small.base-input--rounded > .input-container, .base-input-select--small.base-input--rounded > .input-container, .base-select--small.base-input--rounded > .input-container, .base-file-input--small.base-input--rounded > .input-container, .base-date-time-picker--small.base-input--rounded > .input-container, .base-textarea--small.base-input--rounded > .input-container{ border-radius:var(--base-input--border-radius); } .base-input--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-input-select--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-input-select--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-select--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-select--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-select--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-file-input--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-file-input--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-date-time-picker--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container, .base-textarea--small.base-input--rounded.base-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--small.base-input--rounded.base-input-select--open:not(.base-select--list-relative) > .input-container, .base-textarea--small.base-input--rounded.base-file-input--open:not(.base-select--list-relative) > .input-container{ border-radius:var(--base-input--border-radius) var(--base-input--border-radius) 0 0; } .base-input--invalid.base-input--regular .input-container, .base-input--invalid.base-select--regular .input-container, .base-input--invalid.base-file-input--regular .input-container, .base-input--invalid.base-date-time-picker--regular .input-container, .base-input--invalid.base-textarea--regular .input-container, .base-input-select--invalid.base-input--regular .input-container, .base-input-select--invalid.base-select--regular .input-container, .base-input-select--invalid.base-file-input--regular .input-container, .base-input-select--invalid.base-date-time-picker--regular .input-container, .base-input-select--invalid.base-textarea--regular .input-container, .base-select--invalid.base-input--regular .input-container, .base-select--invalid.base-select--regular .input-container, .base-select--invalid.base-file-input--regular .input-container, .base-select--invalid.base-date-time-picker--regular .input-container, .base-select--invalid.base-textarea--regular .input-container, .base-file-input--invalid.base-input--regular .input-container, .base-file-input--invalid.base-select--regular .input-container, .base-file-input--invalid.base-file-input--regular .input-container, .base-file-input--invalid.base-date-time-picker--regular .input-container, .base-file-input--invalid.base-textarea--regular .input-container, .base-date-time-picker--invalid.base-input--regular .input-container, .base-date-time-picker--invalid.base-select--regular .input-container, .base-date-time-picker--invalid.base-file-input--regular .input-container, .base-date-time-picker--invalid.base-date-time-picker--regular .input-container, .base-date-time-picker--invalid.base-textarea--regular .input-container, .base-textarea--invalid.base-input--regular .input-container, .base-textarea--invalid.base-select--regular .input-container, .base-textarea--invalid.base-file-input--regular .input-container, .base-textarea--invalid.base-date-time-picker--regular .input-container, .base-textarea--invalid.base-textarea--regular .input-container{ border-bottom:1px solid var(--base-input--error-color); } .base-input--invalid.base-input--outlined .input-container, .base-input--invalid.base-select--outlined .input-container, .base-input--invalid.base-file-input--outlined .input-container, .base-input--invalid.base-date-time-picker--outlined .input-container, .base-input--invalid.base-textarea--outlined .input-container, .base-input--invalid.base-input--solo .input-container, .base-input--invalid.base-select--solo .input-container, .base-input--invalid.base-file-input--solo .input-container, .base-input--invalid.base-date-time-picker--solo .input-container, .base-input--invalid.base-textarea--solo .input-container, .base-input-select--invalid.base-input--outlined .input-container, .base-input-select--invalid.base-select--outlined .input-container, .base-input-select--invalid.base-file-input--outlined .input-container, .base-input-select--invalid.base-date-time-picker--outlined .input-container, .base-input-select--invalid.base-textarea--outlined .input-container, .base-input-select--invalid.base-input--solo .input-container, .base-input-select--invalid.base-select--solo .input-container, .base-input-select--invalid.base-file-input--solo .input-container, .base-input-select--invalid.base-date-time-picker--solo .input-container, .base-input-select--invalid.base-textarea--solo .input-container, .base-select--invalid.base-input--outlined .input-container, .base-select--invalid.base-select--outlined .input-container, .base-select--invalid.base-file-input--outlined .input-container, .base-select--invalid.base-date-time-picker--outlined .input-container, .base-select--invalid.base-textarea--outlined .input-container, .base-select--invalid.base-input--solo .input-container, .base-select--invalid.base-select--solo .input-container, .base-select--invalid.base-file-input--solo .input-container, .base-select--invalid.base-date-time-picker--solo .input-container, .base-select--invalid.base-textarea--solo .input-container, .base-file-input--invalid.base-input--outlined .input-container, .base-file-input--invalid.base-select--outlined .input-container, .base-file-input--invalid.base-file-input--outlined .input-container, .base-file-input--invalid.base-date-time-picker--outlined .input-container, .base-file-input--invalid.base-textarea--outlined .input-container, .base-file-input--invalid.base-input--solo .input-container, .base-file-input--invalid.base-select--solo .input-container, .base-file-input--invalid.base-file-input--solo .input-container, .base-file-input--invalid.base-date-time-picker--solo .input-container, .base-file-input--invalid.base-textarea--solo .input-container, .base-date-time-picker--invalid.base-input--outlined .input-container, .base-date-time-picker--invalid.base-select--outlined .input-container, .base-date-time-picker--invalid.base-file-input--outlined .input-container, .base-date-time-picker--invalid.base-date-time-picker--outlined .input-container, .base-date-time-picker--invalid.base-textarea--outlined .input-container, .base-date-time-picker--invalid.base-input--solo .input-container, .base-date-time-picker--invalid.base-select--solo .input-container, .base-date-time-picker--invalid.base-file-input--solo .input-container, .base-date-time-picker--invalid.base-date-time-picker--solo .input-container, .base-date-time-picker--invalid.base-textarea--solo .input-container, .base-textarea--invalid.base-input--outlined .input-container, .base-textarea--invalid.base-select--outlined .input-container, .base-textarea--invalid.base-file-input--outlined .input-container, .base-textarea--invalid.base-date-time-picker--outlined .input-container, .base-textarea--invalid.base-textarea--outlined .input-container, .base-textarea--invalid.base-input--solo .input-container, .base-textarea--invalid.base-select--solo .input-container, .base-textarea--invalid.base-file-input--solo .input-container, .base-textarea--invalid.base-date-time-picker--solo .input-container, .base-textarea--invalid.base-textarea--solo .input-container{ box-shadow:0 0 5px 0 var(--base-input--error-color); } .intercom-namespace .intercom-ar0owm, .intercom-launcher-frame, .intercom-lightweight-app-launcher.intercom-launcher{ bottom:76px !important; } :root{ --badge-color:#dc3545; --company-main-primary:rgba(183,14,12,1); --company-main-primary_hover:rgba(218,88,86,1); --color-gray:#f2f2f2; --gray-light:#DBDBDB; --gray-lighter:#F2F2F2; --forms-errors:#dc3545; --rte-filled-color-base:#f8f7f6; --color-blue:#0070f3; --color-light-grey:#EAEAEA; --color-white:#fff; } :root{ --button-border-radius:99rem; --button-border-width:1px; --button-color-primary:var(--company-main-primary); --button-color-primary_hover:var(--company-main-primary_hover); --button-color-secondary:var(--company-main-secondary); --button-color-secondary_hover:var(--company-main-secondary_hover); --button-color-tertiary:var(--company-main-tertiary); --button-color-tertiary_hover:var(--company-main-tertiary_hover); --button-color-text:#000; --button-color-text_hover:#333; --button-color-inactive:#f2f2f2; --button-color-inactive_hover:#f2f2f2; --button-font-weight:700; --button-font-weight-medium:700; --button-font-weight-small:500; --button-font-size:20px; --button-font-size-medium:16px; --button-font-size-small:12px; --button-icon-padding:0.5em; --button-opacity_disabled:0.3; --button-padding:16.5px; --button-padding-medium:11.5px; --button-padding-small:8px; --button-transition:all 0.2s ease-in-out; } :root{ --sidebar-width:280px; --sidebar-width-collapsed:80px; } body > .outdated-browser:first-child{ margin-top:30vh; } #browserhint{ display:none; height:100%; width:100%; padding-top:40vh; } .outdated-browser{ border-radius:8px; background-color:#f2f2f2; background-color:var(--color-gray); width:100%; margin:0 auto; max-width:540px; padding:30px; } .outdated-browser:after, .outdated-browser:before{ content:" "; clear:both; display:block; } .outdated-browser .base-button{ padding:0; } .outdated-browser .outdated-browser-icon{ float:left; align-items:center; justify-content:center; border-radius:999px; height:50px; width:50px; color:#fff; background-color:rgb(183, 14, 12); position:relative; } .outdated-browser .outdated-browser-icon svg{ display:block; width:25px; height:auto; position:absolute; top:44%; left:50%; transform:translateX(-50%) translateY(-50%); } .outdated-browser .outdated-browser-icon svg *{ fill:#FFFFFF; } .outdated-browser .outdated-browser-content{ float:left; width:calc(100% - 50px); padding-left:30px; } .outdated-browser .outdated-browser-links{ float:left; margin-top:0.5rem; } .outdated-browser .outdated-browser-links:after, .outdated-browser .outdated-browser-links:before{ content:" "; clear:both; display:block; } .outdated-browser .outdated-browser-links > a{ display:block; float:left; } .outdated-browser .outdated-browser-links > a > svg{ display:block; width:36px; height:36px; } .outdated-browser .outdated-browser-links > a + a{ margin-left:1rem; } body{ font-family:open-sans, sans-serif; } .text-primary{color:rgba(10,165,55,1) !important;}.io_icon_list.icon-primary svg *{stroke:rgba(10,165,55,1) !important;}.bg-primary,.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.custom-checkbox.switch.switch-primary .switch{background-color:rgba(10,165,55,1)!important;border-color:rgba(10,165,55,1)!important;}.btn-outline-primary{border-color:rgba(10,165,55,1);color:rgba(10,165,55,1);}.brd-primary{border-color:rgba(10,165,55,1) !important;}header #io-header-main__nav-desktop > div > div > a:hover::after,html body .page-wrap [data-io-corporate] header #io-header-main__nav-desktop > div > div > a:hover::after{background-color:rgba(10,165,55,1) !important;}.form-radio-tabs > nav ul li label.active,.arrow-tabs > nav ul li a.active,#io_webshop_order-pagination ul li a.active, #io_webshop_order_login-pagination ul li a.active,.io-sidebar .sidebar-element > a.active, .io-sidebar .sidebar-element > a:hover,.btn-outline-white:hover,.nav-tabs > .nav-item > a.nav-link:hover{color:rgba(10,165,55,1) !important;}.nav-tabs > .nav-item > a.nav-link.active{border-color:rgba(10,165,55,1);}form .custom-control-input:checked ~ .custom-control-label::before,.btn .badge{border-color:rgba(10,165,55,1);background-color:rgba(10,165,55,1);box-shadow:none;}.navbar-user-avatar,.io-sidebar .sidebar-element > a.active::before, .io-sidebar .sidebar-element > a:hover::before,.card--contract .contract-state.active,.card .badge-state,form .v-select > ul > li.vs__dropdown-option--selected{background-color:rgba(10,165,55,1) !important;}.custom-control-input:focus ~ .custom-control-label::before{box-shadow: none;border-color:rgba(10,165,55,1);}.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{box-shadow: none;border-color:rgba(10,165,55,1);}.btn-primary:hover,.btn-primary:active{background-color:rgba(165,197,2,1) !important;border-color:rgba(165,197,2,1) !important;}.btn-outline-primary:hover,a.btn-outline-primary:hover,a.btn-outline-primary:focus,a.btn-outline-primary:active{background-color: rgba(165,197,2,1);border-color:rgba(165,197,2,1);color:#FFFFFF;box-shadow:none;outline:none;}a.text-primary:hover,a.text-primary:focus,a.text-primary:active,.btn-popover.text-primary:hover,.btn-popover.text-primary:focus,.btn-popover.text-primary:active{color:rgba(165,197,2,1)!important;}.card .card-link-full:hover + .card-header .icon > span > .text-primary,.card .card-link-full:hover + div .card-header .icon > span > .text-primary,.card.usage-widget .card-link-full:hover + form > div > div:first-child > .card-header .icon > span > .text-primary{color:rgba(165,197,2,1)!important;}.text-secondary{color:rgba(60,140,152,1) !important;}.io_icon_list.icon-secondary svg *{stroke:rgba(60,140,152,1) !important;}.bg-secondary,.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled,.custom-checkbox.switch.switch-secondary .switch{background-color:rgba(60,140,152,1)!important;border-color:rgba(60,140,152,1)!important;}.btn-outline-secondary{border-color:rgba(60,140,152,1);color:rgba(60,140,152,1);}.brd-secondary{border-color:rgba(60,140,152,1) !important;}.btn-secondary:hover,.btn-secondary:active{background-color:rgba(20,100,112,1) !important;border-color:rgba(20,100,112,1) !important;}.btn-outline-secondary:hover,a.btn-outline-secondary:hover,a.btn-outline-secondary:focus,a.btn-outline-secondary:active{background-color: rgba(20,100,112,1);border-color:rgba(20,100,112,1);color:#FFFFFF;box-shadow:none;outline:none;}a.text-secondary:hover,a.text-secondary:focus,a.text-secondary:active,.btn-popover.text-secondary:hover,.btn-popover.text-secondary:focus,.btn-popover.text-secondary:active{color:rgba(20,100,112,1)!important;}.io_accordion_row h5 > span::after,.io_accordion_row h5 > span::before{background-color:rgba(10,165,55,1);}#io-header-top a{color:rgba(255,255,255,1);}.text-header,header a.nav-link,header #io-header-main__nav-desktop > div > div > a,header .tenant-switch-button button{color:rgba(255,255,255,1)!important;}header > button::after,header > button::before,header > button span{background-color:rgba(255,255,255,1)!important;}.text-header:hover,header a.nav-link:hover,header #io-header-main__nav-desktop > div > div > a:hover,header .tenant-switch-button button:hover{color:rgba(255,255,255,1)!important;}header > button:hover::after,header > button:hover::before,header > button:hover span,header #io-header-main__nav-desktop > div > div > a:hover:after{background-color:rgba(255,255,255,1)!important;}header{background-color:rgba(50,62,58,1);}.top-section--cont{color:rgba(255,255,255,1)!important;}.top-section--cont .text-primary{color:rgba(255,255,255,1)!important;}:root{--hero-breadcrumbs-color:rgba(255,255,255,1);--hero-breadcrumbs-background:rgba(255,255,255,0);}:root{--company-main-primary:rgba(10,165,55,1);;--company-main-primary_hover:rgba(165,197,2,1);;--company-main-secondary:rgba(60,140,152,1);;--company-main-secondary_hover:rgba(20,100,112,1);;--header-top-color:rgba(255,255,255,1);;--header-top-color_hover:rgba(255,255,255,1);;--header-top-background:rgba(50,62,58,1);;--header-top-background_hover:rgba(255,255,255,1);;--header-main-color:rgba(255,255,255,1);;--header-main-color_hover:rgba(255,255,255,1);;--header-main-background:rgba(50,62,58,1);;--hero-color:rgba(255,255,255,1);;--hero-color_highlight:rgba(255,255,255,1);;--hero-breadcrumbs-color:rgba(255,255,255,1);;--hero-breadcrumbs-background:rgba(255,255,255,0);}