@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap"); /*! * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2025 Fonticons, Inc. */ .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fas, .far, .fab, .fa { --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free")); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: var(--fa-display, inline-block); font-family: var(--_fa-family); font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: var(--fa-style, 900); line-height: 1; text-align: center; text-rendering: auto; width: var(--fa-width, 1.25em); } :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before { content: var(--fa); content: var(--fa)/""; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xs { font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-sm { font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-lg { font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xl { font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-2xl { font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-ul { list-style-type: none; margin-inline-start: var(--fa-li-margin, 2.5em); padding-inline-start: 0; } .fa-ul > li { position: relative; } .fa-li { inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } /* Heads Up: Bordered Icons will not be supported in the future! - This feature will be deprecated in the next major release of Font Awesome (v8)! - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8. */ /* Notes: * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size) * --@{v.$css-prefix}-border-padding = ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment) ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon) */ .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, 0.1875em 0.25em); } .fa-pull-left, .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, 0.3em); } .fa-pull-right, .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation: none !important; transition: none !important; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30 "; } .fa-1 { --fa: "\31 "; } .fa-2 { --fa: "\32 "; } .fa-3 { --fa: "\33 "; } .fa-4 { --fa: "\34 "; } .fa-5 { --fa: "\35 "; } .fa-6 { --fa: "\36 "; } .fa-7 { --fa: "\37 "; } .fa-8 { --fa: "\38 "; } .fa-9 { --fa: "\39 "; } .fa-exclamation { --fa: "\!"; } .fa-hashtag { --fa: "\#"; } .fa-dollar-sign { --fa: "\$"; } .fa-dollar { --fa: "\$"; } .fa-usd { --fa: "\$"; } .fa-percent { --fa: "\%"; } .fa-percentage { --fa: "\%"; } .fa-asterisk { --fa: "\*"; } .fa-plus { --fa: "\+"; } .fa-add { --fa: "\+"; } .fa-less-than { --fa: "\<"; } .fa-equals { --fa: "\="; } .fa-greater-than { --fa: "\>"; } .fa-question { --fa: "\?"; } .fa-at { --fa: "\@"; } .fa-a { --fa: "A"; } .fa-b { --fa: "B"; } .fa-c { --fa: "C"; } .fa-d { --fa: "D"; } .fa-e { --fa: "E"; } .fa-f { --fa: "F"; } .fa-g { --fa: "G"; } .fa-h { --fa: "H"; } .fa-i { --fa: "I"; } .fa-j { --fa: "J"; } .fa-k { --fa: "K"; } .fa-l { --fa: "L"; } .fa-m { --fa: "M"; } .fa-n { --fa: "N"; } .fa-o { --fa: "O"; } .fa-p { --fa: "P"; } .fa-q { --fa: "Q"; } .fa-r { --fa: "R"; } .fa-s { --fa: "S"; } .fa-t { --fa: "T"; } .fa-u { --fa: "U"; } .fa-v { --fa: "V"; } .fa-w { --fa: "W"; } .fa-x { --fa: "X"; } .fa-y { --fa: "Y"; } .fa-z { --fa: "Z"; } .fa-faucet { --fa: "\e005"; } .fa-faucet-drip { --fa: "\e006"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-house-signal { --fa: "\e012"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-trailer { --fa: "\e041"; } .fa-bacteria { --fa: "\e059"; } .fa-bacterium { --fa: "\e05a"; } .fa-box-tissue { --fa: "\e05b"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-handshake-slash { --fa: "\e060"; } .fa-handshake-alt-slash { --fa: "\e060"; } .fa-handshake-simple-slash { --fa: "\e060"; } .fa-head-side-cough { --fa: "\e061"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-head-side-mask { --fa: "\e063"; } .fa-head-side-virus { --fa: "\e064"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-lungs-virus { --fa: "\e067"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-plane-slash { --fa: "\e069"; } .fa-pump-medical { --fa: "\e06a"; } .fa-pump-soap { --fa: "\e06b"; } .fa-shield-virus { --fa: "\e06c"; } .fa-sink { --fa: "\e06d"; } .fa-soap { --fa: "\e06e"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-store-slash { --fa: "\e071"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-users-slash { --fa: "\e073"; } .fa-virus { --fa: "\e074"; } .fa-virus-slash { --fa: "\e075"; } .fa-viruses { --fa: "\e076"; } .fa-vest { --fa: "\e085"; } .fa-vest-patches { --fa: "\e086"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-chart-column { --fa: "\e0e3"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-clapperboard { --fa: "\e131"; } .fa-clover { --fa: "\e139"; } .fa-code-compare { --fa: "\e13a"; } .fa-code-fork { --fa: "\e13b"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-colon-sign { --fa: "\e140"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-display { --fa: "\e163"; } .fa-dong-sign { --fa: "\e169"; } .fa-elevator { --fa: "\e16d"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-florin-sign { --fa: "\e184"; } .fa-folder-closed { --fa: "\e185"; } .fa-franc-sign { --fa: "\e18f"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-gun { --fa: "\e19b"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-mask-face { --fa: "\e1d7"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-money-bills { --fa: "\e1f3"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-notdef { --fa: "\e1fe"; } .fa-panorama { --fa: "\e209"; } .fa-peseta-sign { --fa: "\e221"; } .fa-peso-sign { --fa: "\e222"; } .fa-plane-up { --fa: "\e22d"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-stairs { --fa: "\e289"; } .fa-timeline { --fa: "\e29c"; } .fa-truck-front { --fa: "\e2b7"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-vault { --fa: "\e2c5"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-house-crack { --fa: "\e3b1"; } .fa-house-medical { --fa: "\e3b2"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-plus-minus { --fa: "\e43c"; } .fa-sailboat { --fa: "\e445"; } .fa-section { --fa: "\e447"; } .fa-shrimp { --fa: "\e448"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-chart-simple { --fa: "\e473"; } .fa-diagram-next { --fa: "\e476"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-bug-slash { --fa: "\e490"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-bridge { --fa: "\e4c8"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-bucket { --fa: "\e4cf"; } .fa-bugs { --fa: "\e4d0"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-building-flag { --fa: "\e4d5"; } .fa-building-lock { --fa: "\e4d6"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-building-shield { --fa: "\e4d8"; } .fa-building-un { --fa: "\e4d9"; } .fa-building-user { --fa: "\e4da"; } .fa-building-wheat { --fa: "\e4db"; } .fa-burst { --fa: "\e4dc"; } .fa-car-on { --fa: "\e4dd"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-children { --fa: "\e4e1"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-computer { --fa: "\e4e5"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-explosion { --fa: "\e4e9"; } .fa-ferry { --fa: "\e4ea"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-file-shield { --fa: "\e4f0"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-glass-water { --fa: "\e4f4"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-helmet-un { --fa: "\e503"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-house-circle-check { --fa: "\e509"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-house-fire { --fa: "\e50c"; } .fa-house-flag { --fa: "\e50d"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-house-lock { --fa: "\e510"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-house-tsunami { --fa: "\e515"; } .fa-jar { --fa: "\e516"; } .fa-jar-wheat { --fa: "\e517"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-jug-detergent { --fa: "\e519"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-laptop-file { --fa: "\e51d"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-locust { --fa: "\e520"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-mobile-retro { --fa: "\e527"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-mosquito { --fa: "\e52b"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-mound { --fa: "\e52d"; } .fa-mountain-city { --fa: "\e52e"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-oil-well { --fa: "\e532"; } .fa-people-group { --fa: "\e533"; } .fa-people-line { --fa: "\e534"; } .fa-people-pulling { --fa: "\e535"; } .fa-people-robbery { --fa: "\e536"; } .fa-people-roof { --fa: "\e537"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-person-burst { --fa: "\e53b"; } .fa-person-cane { --fa: "\e53c"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-person-circle-question { --fa: "\e542"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-person-drowning { --fa: "\e545"; } .fa-person-falling { --fa: "\e546"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-person-half-dress { --fa: "\e548"; } .fa-person-harassing { --fa: "\e549"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-person-rays { --fa: "\e54d"; } .fa-person-rifle { --fa: "\e54e"; } .fa-person-shelter { --fa: "\e54f"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-plane-lock { --fa: "\e558"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-ranking-star { --fa: "\e561"; } .fa-road-barrier { --fa: "\e562"; } .fa-road-bridge { --fa: "\e563"; } .fa-road-circle-check { --fa: "\e564"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-road-lock { --fa: "\e567"; } .fa-road-spikes { --fa: "\e568"; } .fa-rug { --fa: "\e569"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-school-flag { --fa: "\e56e"; } .fa-school-lock { --fa: "\e56f"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-shield-cat { --fa: "\e572"; } .fa-shield-dog { --fa: "\e573"; } .fa-shield-heart { --fa: "\e574"; } .fa-square-nfi { --fa: "\e576"; } .fa-square-person-confined { --fa: "\e577"; } .fa-square-virus { --fa: "\e578"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-tarp { --fa: "\e57b"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-tent { --fa: "\e57d"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-tents { --fa: "\e582"; } .fa-toilet-portable { --fa: "\e583"; } .fa-toilets-portable { --fa: "\e584"; } .fa-tower-cell { --fa: "\e585"; } .fa-tower-observation { --fa: "\e586"; } .fa-tree-city { --fa: "\e587"; } .fa-trowel { --fa: "\e589"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-truck-field { --fa: "\e58d"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-truck-plane { --fa: "\e58f"; } .fa-users-between-lines { --fa: "\e591"; } .fa-users-line { --fa: "\e592"; } .fa-users-rays { --fa: "\e593"; } .fa-users-rectangle { --fa: "\e594"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-vial-virus { --fa: "\e597"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-worm { --fa: "\e599"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-child-dress { --fa: "\e59c"; } .fa-child-reaching { --fa: "\e59d"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-stapler { --fa: "\e5af"; } .fa-train-tram { --fa: "\e5b4"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-web-awesome { --fa: "\e682"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-chart-diagram { --fa: "\e695"; } .fa-comment-nodes { --fa: "\e696"; } .fa-file-fragment { --fa: "\e697"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-square-binary { --fa: "\e69b"; } .fa-pentagon { --fa: "\e790"; } .fa-non-binary { --fa: "\e807"; } .fa-spiral { --fa: "\e80a"; } .fa-mobile-vibrate { --fa: "\e816"; } .fa-single-quote-left { --fa: "\e81b"; } .fa-single-quote-right { --fa: "\e81c"; } .fa-bus-side { --fa: "\e81d"; } .fa-septagon { --fa: "\e820"; } .fa-heptagon { --fa: "\e820"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-music { --fa: "\f001"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-heart { --fa: "\f004"; } .fa-star { --fa: "\f005"; } .fa-user { --fa: "\f007"; } .fa-user-alt { --fa: "\f007"; } .fa-user-large { --fa: "\f007"; } .fa-film { --fa: "\f008"; } .fa-film-alt { --fa: "\f008"; } .fa-film-simple { --fa: "\f008"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-check { --fa: "\f00c"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-power-off { --fa: "\f011"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-road { --fa: "\f018"; } .fa-download { --fa: "\f019"; } .fa-inbox { --fa: "\f01c"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-lock { --fa: "\f023"; } .fa-flag { --fa: "\f024"; } .fa-headphones { --fa: "\f025"; } .fa-headphones-alt { --fa: "\f025"; } .fa-headphones-simple { --fa: "\f025"; } .fa-volume-off { --fa: "\f026"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-qrcode { --fa: "\f029"; } .fa-barcode { --fa: "\f02a"; } .fa-tag { --fa: "\f02b"; } .fa-tags { --fa: "\f02c"; } .fa-book { --fa: "\f02d"; } .fa-bookmark { --fa: "\f02e"; } .fa-print { --fa: "\f02f"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-font { --fa: "\f031"; } .fa-bold { --fa: "\f032"; } .fa-italic { --fa: "\f033"; } .fa-text-height { --fa: "\f034"; } .fa-text-width { --fa: "\f035"; } .fa-align-left { --fa: "\f036"; } .fa-align-center { --fa: "\f037"; } .fa-align-right { --fa: "\f038"; } .fa-align-justify { --fa: "\f039"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-indent { --fa: "\f03c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-image { --fa: "\f03e"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-backward { --fa: "\f04a"; } .fa-play { --fa: "\f04b"; } .fa-pause { --fa: "\f04c"; } .fa-stop { --fa: "\f04d"; } .fa-forward { --fa: "\f04e"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-eject { --fa: "\f052"; } .fa-chevron-left { --fa: "\f053"; } .fa-chevron-right { --fa: "\f054"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-crosshairs { --fa: "\f05b"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-arrow-left { --fa: "\f060"; } .fa-arrow-right { --fa: "\f061"; } .fa-arrow-up { --fa: "\f062"; } .fa-arrow-down { --fa: "\f063"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-expand { --fa: "\f065"; } .fa-compress { --fa: "\f066"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-gift { --fa: "\f06b"; } .fa-leaf { --fa: "\f06c"; } .fa-fire { --fa: "\f06d"; } .fa-eye { --fa: "\f06e"; } .fa-eye-slash { --fa: "\f070"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-plane { --fa: "\f072"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-comment { --fa: "\f075"; } .fa-magnet { --fa: "\f076"; } .fa-chevron-up { --fa: "\f077"; } .fa-chevron-down { --fa: "\f078"; } .fa-retweet { --fa: "\f079"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-folder-open { --fa: "\f07c"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-camera-retro { --fa: "\f083"; } .fa-key { --fa: "\f084"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-comments { --fa: "\f086"; } .fa-star-half { --fa: "\f089"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-trophy { --fa: "\f091"; } .fa-upload { --fa: "\f093"; } .fa-lemon { --fa: "\f094"; } .fa-phone { --fa: "\f095"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-unlock { --fa: "\f09c"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-certificate { --fa: "\f0a3"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-globe { --fa: "\f0ac"; } .fa-wrench { --fa: "\f0ad"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-filter { --fa: "\f0b0"; } .fa-briefcase { --fa: "\f0b1"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-users { --fa: "\f0c0"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-cloud { --fa: "\f0c2"; } .fa-flask { --fa: "\f0c3"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-copy { --fa: "\f0c5"; } .fa-paperclip { --fa: "\f0c6"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-square { --fa: "\f0c8"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-underline { --fa: "\f0cd"; } .fa-table { --fa: "\f0ce"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-truck { --fa: "\f0d1"; } .fa-money-bill { --fa: "\f0d6"; } .fa-caret-down { --fa: "\f0d7"; } .fa-caret-up { --fa: "\f0d8"; } .fa-caret-left { --fa: "\f0d9"; } .fa-caret-right { --fa: "\f0da"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-envelope { --fa: "\f0e0"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-sitemap { --fa: "\f0e8"; } .fa-umbrella { --fa: "\f0e9"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-suitcase { --fa: "\f0f2"; } .fa-bell { --fa: "\f0f3"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-angle-left { --fa: "\f104"; } .fa-angle-right { --fa: "\f105"; } .fa-angle-up { --fa: "\f106"; } .fa-angle-down { --fa: "\f107"; } .fa-laptop { --fa: "\f109"; } .fa-tablet-button { --fa: "\f10a"; } .fa-mobile-button { --fa: "\f10b"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-spinner { --fa: "\f110"; } .fa-circle { --fa: "\f111"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-gamepad { --fa: "\f11b"; } .fa-keyboard { --fa: "\f11c"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-terminal { --fa: "\f120"; } .fa-code { --fa: "\f121"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-location-arrow { --fa: "\f124"; } .fa-crop { --fa: "\f125"; } .fa-code-branch { --fa: "\f126"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-info { --fa: "\f129"; } .fa-superscript { --fa: "\f12b"; } .fa-subscript { --fa: "\f12c"; } .fa-eraser { --fa: "\f12d"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-microphone { --fa: "\f130"; } .fa-microphone-slash { --fa: "\f131"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-calendar { --fa: "\f133"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-rocket { --fa: "\f135"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-anchor { --fa: "\f13d"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-bullseye { --fa: "\f140"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-ticket { --fa: "\f145"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-file { --fa: "\f15b"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-thumbs-up { --fa: "\f164"; } .fa-thumbs-down { --fa: "\f165"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-sun { --fa: "\f185"; } .fa-moon { --fa: "\f186"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-bug { --fa: "\f188"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-wheelchair { --fa: "\f193"; } .fa-lira-sign { --fa: "\f195"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-language { --fa: "\f1ab"; } .fa-fax { --fa: "\f1ac"; } .fa-building { --fa: "\f1ad"; } .fa-child { --fa: "\f1ae"; } .fa-paw { --fa: "\f1b0"; } .fa-cube { --fa: "\f1b2"; } .fa-cubes { --fa: "\f1b3"; } .fa-recycle { --fa: "\f1b8"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-tree { --fa: "\f1bb"; } .fa-database { --fa: "\f1c0"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-file-image { --fa: "\f1c5"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-file-audio { --fa: "\f1c7"; } .fa-file-video { --fa: "\f1c8"; } .fa-file-code { --fa: "\f1c9"; } .fa-life-ring { --fa: "\f1cd"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-paragraph { --fa: "\f1dd"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-bomb { --fa: "\f1e2"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-binoculars { --fa: "\f1e5"; } .fa-plug { --fa: "\f1e6"; } .fa-newspaper { --fa: "\f1ea"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-calculator { --fa: "\f1ec"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-trash { --fa: "\f1f8"; } .fa-copyright { --fa: "\f1f9"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-toggle-off { --fa: "\f204"; } .fa-toggle-on { --fa: "\f205"; } .fa-bicycle { --fa: "\f206"; } .fa-bus { --fa: "\f207"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-cart-plus { --fa: "\f217"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-diamond { --fa: "\f219"; } .fa-ship { --fa: "\f21a"; } .fa-user-secret { --fa: "\f21b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-street-view { --fa: "\f21d"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-venus { --fa: "\f221"; } .fa-mars { --fa: "\f222"; } .fa-mercury { --fa: "\f223"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-venus-double { --fa: "\f226"; } .fa-mars-double { --fa: "\f227"; } .fa-venus-mars { --fa: "\f228"; } .fa-mars-stroke { --fa: "\f229"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-neuter { --fa: "\f22c"; } .fa-genderless { --fa: "\f22d"; } .fa-server { --fa: "\f233"; } .fa-user-plus { --fa: "\f234"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-bed { --fa: "\f236"; } .fa-train { --fa: "\f238"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-i-cursor { --fa: "\f246"; } .fa-object-group { --fa: "\f247"; } .fa-object-ungroup { --fa: "\f248"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-clone { --fa: "\f24d"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hand-lizard { --fa: "\f258"; } .fa-hand-spock { --fa: "\f259"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-hand-peace { --fa: "\f25b"; } .fa-trademark { --fa: "\f25c"; } .fa-registered { --fa: "\f25d"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-calendar-plus { --fa: "\f271"; } .fa-calendar-minus { --fa: "\f272"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-calendar-check { --fa: "\f274"; } .fa-industry { --fa: "\f275"; } .fa-map-pin { --fa: "\f276"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-map { --fa: "\f279"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-universal-access { --fa: "\f29a"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-audio-description { --fa: "\f29e"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-braille { --fa: "\f2a1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-handshake { --fa: "\f2b5"; } .fa-handshake-alt { --fa: "\f2b5"; } .fa-handshake-simple { --fa: "\f2b5"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-id-badge { --fa: "\f2c1"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-shower { --fa: "\f2cc"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-podcast { --fa: "\f2ce"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-microchip { --fa: "\f2db"; } .fa-snowflake { --fa: "\f2dc"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-poo { --fa: "\f2fe"; } .fa-images { --fa: "\f302"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-pen { --fa: "\f304"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-octagon { --fa: "\f306"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-hexagon { --fa: "\f312"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-clipboard { --fa: "\f328"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-alarm-clock { --fa: "\f34e"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-repeat { --fa: "\f363"; } .fa-code-commit { --fa: "\f386"; } .fa-code-merge { --fa: "\f387"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-gem { --fa: "\f3a5"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .fa-lock-open { --fa: "\f3c1"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-bowling-ball { --fa: "\f436"; } .fa-chess { --fa: "\f439"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-chess-board { --fa: "\f43c"; } .fa-chess-king { --fa: "\f43f"; } .fa-chess-knight { --fa: "\f441"; } .fa-chess-pawn { --fa: "\f443"; } .fa-chess-queen { --fa: "\f445"; } .fa-chess-rook { --fa: "\f447"; } .fa-dumbbell { --fa: "\f44b"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-hockey-puck { --fa: "\f453"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-square-full { --fa: "\f45c"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-box { --fa: "\f466"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-capsules { --fa: "\f46b"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-dna { --fa: "\f471"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-file-medical { --fa: "\f477"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-notes-medical { --fa: "\f481"; } .fa-pallet { --fa: "\f482"; } .fa-pills { --fa: "\f484"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-smoking { --fa: "\f48d"; } .fa-syringe { --fa: "\f48e"; } .fa-tablets { --fa: "\f490"; } .fa-thermometer { --fa: "\f491"; } .fa-vial { --fa: "\f492"; } .fa-vials { --fa: "\f493"; } .fa-warehouse { --fa: "\f494"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-x-ray { --fa: "\f497"; } .fa-box-open { --fa: "\f49e"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-couch { --fa: "\f4b8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-dove { --fa: "\f4ba"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-route { --fa: "\f4d7"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-tape { --fa: "\f4db"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-truck-moving { --fa: "\f4df"; } .fa-video-slash { --fa: "\f4e2"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-user-check { --fa: "\f4fc"; } .fa-user-clock { --fa: "\f4fd"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-user-graduate { --fa: "\f501"; } .fa-user-lock { --fa: "\f502"; } .fa-user-minus { --fa: "\f503"; } .fa-user-ninja { --fa: "\f504"; } .fa-user-shield { --fa: "\f505"; } .fa-user-slash { --fa: "\f506"; } .fa-user-alt-slash { --fa: "\f506"; } .fa-user-large-slash { --fa: "\f506"; } .fa-user-tag { --fa: "\f507"; } .fa-user-tie { --fa: "\f508"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-blender { --fa: "\f517"; } .fa-book-open { --fa: "\f518"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-broom { --fa: "\f51a"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-church { --fa: "\f51d"; } .fa-coins { --fa: "\f51e"; } .fa-compact-disc { --fa: "\f51f"; } .fa-crow { --fa: "\f520"; } .fa-crown { --fa: "\f521"; } .fa-dice { --fa: "\f522"; } .fa-dice-five { --fa: "\f523"; } .fa-dice-four { --fa: "\f524"; } .fa-dice-one { --fa: "\f525"; } .fa-dice-six { --fa: "\f526"; } .fa-dice-three { --fa: "\f527"; } .fa-dice-two { --fa: "\f528"; } .fa-divide { --fa: "\f529"; } .fa-door-closed { --fa: "\f52a"; } .fa-door-open { --fa: "\f52b"; } .fa-feather { --fa: "\f52d"; } .fa-frog { --fa: "\f52e"; } .fa-gas-pump { --fa: "\f52f"; } .fa-glasses { --fa: "\f530"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-helicopter { --fa: "\f533"; } .fa-infinity { --fa: "\f534"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-less-than-equal { --fa: "\f537"; } .fa-memory { --fa: "\f538"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-money-check { --fa: "\f53c"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-not-equal { --fa: "\f53e"; } .fa-palette { --fa: "\f53f"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-receipt { --fa: "\f543"; } .fa-robot { --fa: "\f544"; } .fa-ruler { --fa: "\f545"; } .fa-ruler-combined { --fa: "\f546"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-school { --fa: "\f549"; } .fa-screwdriver { --fa: "\f54a"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-skull { --fa: "\f54c"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-store { --fa: "\f54e"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-stroopwafel { --fa: "\f551"; } .fa-toolbox { --fa: "\f552"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-wallet { --fa: "\f555"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-archway { --fa: "\f557"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-award { --fa: "\f559"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bong { --fa: "\f55c"; } .fa-brush { --fa: "\f55d"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-cannabis { --fa: "\f55f"; } .fa-check-double { --fa: "\f560"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-cookie { --fa: "\f563"; } .fa-cookie-bite { --fa: "\f564"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-drum { --fa: "\f569"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-file-contract { --fa: "\f56c"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-file-invoice { --fa: "\f570"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-file-prescription { --fa: "\f572"; } .fa-file-signature { --fa: "\f573"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-fill { --fa: "\f575"; } .fa-fill-drip { --fa: "\f576"; } .fa-fingerprint { --fa: "\f577"; } .fa-fish { --fa: "\f578"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-grip { --fa: "\f58d"; } .fa-grid-horizontal { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-grid-vertical { --fa: "\f58e"; } .fa-headset { --fa: "\f590"; } .fa-highlighter { --fa: "\f591"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-hotel { --fa: "\f594"; } .fa-joint { --fa: "\f595"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-marker { --fa: "\f5a1"; } .fa-medal { --fa: "\f5a2"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-monument { --fa: "\f5a6"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-passport { --fa: "\f5ab"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-prescription { --fa: "\f5b1"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-signature { --fa: "\f5b7"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-spa { --fa: "\f5bb"; } .fa-splotch { --fa: "\f5bc"; } .fa-spray-can { --fa: "\f5bd"; } .fa-stamp { --fa: "\f5bf"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-tooth { --fa: "\f5c9"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-atom { --fa: "\f5d2"; } .fa-bone { --fa: "\f5d7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-brain { --fa: "\f5dc"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-car-side { --fa: "\f5e4"; } .fa-charging-station { --fa: "\f5e7"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-vector-polygon { --fa: "\f5ee"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-layer-group { --fa: "\f5fd"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-lungs { --fa: "\f604"; } .fa-microscope { --fa: "\f610"; } .fa-oil-can { --fa: "\f613"; } .fa-poop { --fa: "\f619"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-star-of-life { --fa: "\f621"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-teeth { --fa: "\f62e"; } .fa-teeth-open { --fa: "\f62f"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-traffic-light { --fa: "\f637"; } .fa-truck-monster { --fa: "\f63b"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-ankh { --fa: "\f644"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-city { --fa: "\f64f"; } .fa-comment-dollar { --fa: "\f651"; } .fa-comments-dollar { --fa: "\f653"; } .fa-cross { --fa: "\f654"; } .fa-dharmachakra { --fa: "\f655"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-folder-minus { --fa: "\f65d"; } .fa-folder-plus { --fa: "\f65e"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-gopuram { --fa: "\f664"; } .fa-hamsa { --fa: "\f665"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-jedi { --fa: "\f669"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-kaaba { --fa: "\f66b"; } .fa-khanda { --fa: "\f66d"; } .fa-landmark { --fa: "\f66f"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-menorah { --fa: "\f676"; } .fa-mosque { --fa: "\f678"; } .fa-om { --fa: "\f679"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-peace { --fa: "\f67c"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-socks { --fa: "\f696"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-star-of-david { --fa: "\f69a"; } .fa-synagogue { --fa: "\f69b"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-vihara { --fa: "\f6a7"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-campground { --fa: "\f6bb"; } .fa-cat { --fa: "\f6be"; } .fa-chair { --fa: "\f6c0"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-cow { --fa: "\f6c8"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-dog { --fa: "\f6d3"; } .fa-dragon { --fa: "\f6d5"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-dungeon { --fa: "\f6d9"; } .fa-file-csv { --fa: "\f6dd"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-ghost { --fa: "\f6e2"; } .fa-hammer { --fa: "\f6e3"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-hippo { --fa: "\f6ed"; } .fa-horse { --fa: "\f6f0"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-mask { --fa: "\f6fa"; } .fa-mountain { --fa: "\f6fc"; } .fa-network-wired { --fa: "\f6ff"; } .fa-otter { --fa: "\f700"; } .fa-ring { --fa: "\f70b"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-scroll { --fa: "\f70e"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-slash { --fa: "\f715"; } .fa-spider { --fa: "\f717"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-toilet-paper-alt { --fa: "\f71e"; } .fa-toilet-paper-blank { --fa: "\f71e"; } .fa-tractor { --fa: "\f722"; } .fa-user-injured { --fa: "\f728"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-wind { --fa: "\f72e"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-democrat { --fa: "\f747"; } .fa-flag-usa { --fa: "\f74d"; } .fa-hurricane { --fa: "\f751"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-meteor { --fa: "\f753"; } .fa-person-booth { --fa: "\f756"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-rainbow { --fa: "\f75b"; } .fa-republican { --fa: "\f75e"; } .fa-smog { --fa: "\f75f"; } .fa-temperature-high { --fa: "\f769"; } .fa-temperature-low { --fa: "\f76b"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-tornado { --fa: "\f76f"; } .fa-volcano { --fa: "\f770"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-water { --fa: "\f773"; } .fa-baby { --fa: "\f77c"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-biohazard { --fa: "\f780"; } .fa-blog { --fa: "\f781"; } .fa-calendar-day { --fa: "\f783"; } .fa-calendar-week { --fa: "\f784"; } .fa-candy-cane { --fa: "\f786"; } .fa-carrot { --fa: "\f787"; } .fa-cash-register { --fa: "\f788"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-dumpster { --fa: "\f793"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-ethernet { --fa: "\f796"; } .fa-gifts { --fa: "\f79c"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-guitar { --fa: "\f7a6"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-horse-head { --fa: "\f7ab"; } .fa-icicles { --fa: "\f7ad"; } .fa-igloo { --fa: "\f7ae"; } .fa-mitten { --fa: "\f7b5"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-radiation { --fa: "\f7b9"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-restroom { --fa: "\f7bd"; } .fa-satellite { --fa: "\f7bf"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-sd-card { --fa: "\f7c2"; } .fa-sim-card { --fa: "\f7c4"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-sleigh { --fa: "\f7cc"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-snowman { --fa: "\f7d0"; } .fa-snowplow { --fa: "\f7d2"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-toilet { --fa: "\f7d8"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-bacon { --fa: "\f7e5"; } .fa-book-medical { --fa: "\f7e6"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-cheese { --fa: "\f7ef"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-crutch { --fa: "\f7f7"; } .fa-disease { --fa: "\f7fa"; } .fa-egg { --fa: "\f7fb"; } .fa-folder-tree { --fa: "\f802"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-hospital-user { --fa: "\f80d"; } .fa-hotdog { --fa: "\f80f"; } .fa-ice-cream { --fa: "\f810"; } .fa-laptop-medical { --fa: "\f812"; } .fa-pager { --fa: "\f815"; } .fa-pepper-hot { --fa: "\f816"; } .fa-pizza-slice { --fa: "\f818"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-user-nurse { --fa: "\f82f"; } .fa-wave-square { --fa: "\f83e"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-border-all { --fa: "\f84c"; } .fa-border-none { --fa: "\f850"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-fan { --fa: "\f863"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-spell-check { --fa: "\f891"; } .fa-voicemail { --fa: "\f897"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-radio { --fa: "\f8d7"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-caravan { --fa: "\f8ff"; } :root, :host { --fa-family-brands: "Font Awesome 7 Brands"; --fa-font-brands: normal 400 1em/1 var(--fa-family-brands); } @font-face { font-family: "Font Awesome 7 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("/assets/fa-brands-400-DFY6gyJh.woff2"); } .fab, .fa-brands, .fa-classic.fa-brands { --fa-family: var(--fa-family-brands); --fa-style: 400; } .fa-firefox-browser { --fa: "\e007"; } .fa-ideal { --fa: "\e013"; } .fa-microblog { --fa: "\e01a"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-unity { --fa: "\e049"; } .fa-dailymotion { --fa: "\e052"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-mixer { --fa: "\e056"; } .fa-shopify { --fa: "\e057"; } .fa-deezer { --fa: "\e077"; } .fa-edge-legacy { --fa: "\e078"; } .fa-google-pay { --fa: "\e079"; } .fa-rust { --fa: "\e07a"; } .fa-tiktok { --fa: "\e07b"; } .fa-unsplash { --fa: "\e07c"; } .fa-cloudflare { --fa: "\e07d"; } .fa-guilded { --fa: "\e07e"; } .fa-hive { --fa: "\e07f"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-instalod { --fa: "\e081"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-perbyte { --fa: "\e083"; } .fa-uncharted { --fa: "\e084"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-wodu { --fa: "\e088"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-bots { --fa: "\e340"; } .fa-cmplid { --fa: "\e360"; } .fa-bilibili { --fa: "\e3d9"; } .fa-golang { --fa: "\e40f"; } .fa-pix { --fa: "\e43a"; } .fa-sitrox { --fa: "\e44a"; } .fa-hashnode { --fa: "\e499"; } .fa-meta { --fa: "\e49b"; } .fa-padlet { --fa: "\e4a0"; } .fa-nfc-directional { --fa: "\e530"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-screenpal { --fa: "\e570"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-odysee { --fa: "\e5c6"; } .fa-stubber { --fa: "\e5c7"; } .fa-debian { --fa: "\e60b"; } .fa-shoelace { --fa: "\e60c"; } .fa-threads { --fa: "\e618"; } .fa-square-threads { --fa: "\e619"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-x-twitter { --fa: "\e61b"; } .fa-opensuse { --fa: "\e62b"; } .fa-letterboxd { --fa: "\e62d"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-mintbit { --fa: "\e62f"; } .fa-google-scholar { --fa: "\e63b"; } .fa-brave { --fa: "\e63c"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-pixiv { --fa: "\e640"; } .fa-upwork { --fa: "\e641"; } .fa-webflow { --fa: "\e65c"; } .fa-signal-messenger { --fa: "\e663"; } .fa-bluesky { --fa: "\e671"; } .fa-jxl { --fa: "\e67b"; } .fa-square-upwork { --fa: "\e67c"; } .fa-web-awesome { --fa: "\e682"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-dart-lang { --fa: "\e693"; } .fa-flutter { --fa: "\e694"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-css { --fa: "\e6a2"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-openai { --fa: "\e7cf"; } .fa-square-linkedin { --fa: "\e7d0"; } .fa-cash-app { --fa: "\e7d4"; } .fa-disqus { --fa: "\e7d5"; } .fa-eleventy { --fa: "\e7d6"; } .fa-11ty { --fa: "\e7d6"; } .fa-kakao-talk { --fa: "\e7d7"; } .fa-linktree { --fa: "\e7d8"; } .fa-notion { --fa: "\e7d9"; } .fa-pandora { --fa: "\e7da"; } .fa-pixelfed { --fa: "\e7db"; } .fa-tidal { --fa: "\e7dc"; } .fa-vsco { --fa: "\e7dd"; } .fa-w3c { --fa: "\e7de"; } .fa-lumon { --fa: "\e7e2"; } .fa-lumon-drop { --fa: "\e7e3"; } .fa-square-figma { --fa: "\e7e4"; } .fa-tex { --fa: "\e7ff"; } .fa-duolingo { --fa: "\e812"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-linkedin { --fa: "\f08c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-twitter { --fa: "\f099"; } .fa-facebook { --fa: "\f09a"; } .fa-github { --fa: "\f09b"; } .fa-pinterest { --fa: "\f0d2"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-github-alt { --fa: "\f113"; } .fa-maxcdn { --fa: "\f136"; } .fa-html5 { --fa: "\f13b"; } .fa-css3 { --fa: "\f13c"; } .fa-btc { --fa: "\f15a"; } .fa-youtube { --fa: "\f167"; } .fa-xing { --fa: "\f168"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-dropbox { --fa: "\f16b"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-instagram { --fa: "\f16d"; } .fa-flickr { --fa: "\f16e"; } .fa-adn { --fa: "\f170"; } .fa-bitbucket { --fa: "\f171"; } .fa-tumblr { --fa: "\f173"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-apple { --fa: "\f179"; } .fa-windows { --fa: "\f17a"; } .fa-android { --fa: "\f17b"; } .fa-linux { --fa: "\f17c"; } .fa-dribbble { --fa: "\f17d"; } .fa-skype { --fa: "\f17e"; } .fa-foursquare { --fa: "\f180"; } .fa-trello { --fa: "\f181"; } .fa-gratipay { --fa: "\f184"; } .fa-vk { --fa: "\f189"; } .fa-weibo { --fa: "\f18a"; } .fa-renren { --fa: "\f18b"; } .fa-pagelines { --fa: "\f18c"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-wordpress { --fa: "\f19a"; } .fa-openid { --fa: "\f19b"; } .fa-yahoo { --fa: "\f19e"; } .fa-google { --fa: "\f1a0"; } .fa-reddit { --fa: "\f1a1"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-delicious { --fa: "\f1a5"; } .fa-digg { --fa: "\f1a6"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-drupal { --fa: "\f1a9"; } .fa-joomla { --fa: "\f1aa"; } .fa-behance { --fa: "\f1b4"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-steam { --fa: "\f1b6"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-spotify { --fa: "\f1bc"; } .fa-deviantart { --fa: "\f1bd"; } .fa-soundcloud { --fa: "\f1be"; } .fa-vine { --fa: "\f1ca"; } .fa-codepen { --fa: "\f1cb"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-rebel { --fa: "\f1d0"; } .fa-empire { --fa: "\f1d1"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-git { --fa: "\f1d3"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-qq { --fa: "\f1d6"; } .fa-weixin { --fa: "\f1d7"; } .fa-slideshare { --fa: "\f1e7"; } .fa-twitch { --fa: "\f1e8"; } .fa-yelp { --fa: "\f1e9"; } .fa-paypal { --fa: "\f1ed"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-lastfm { --fa: "\f202"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-ioxhost { --fa: "\f208"; } .fa-angellist { --fa: "\f209"; } .fa-buysellads { --fa: "\f20d"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-dashcube { --fa: "\f210"; } .fa-forumbee { --fa: "\f211"; } .fa-leanpub { --fa: "\f212"; } .fa-sellsy { --fa: "\f213"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-simplybuilt { --fa: "\f215"; } .fa-skyatlas { --fa: "\f216"; } .fa-pinterest-p { --fa: "\f231"; } .fa-whatsapp { --fa: "\f232"; } .fa-viacoin { --fa: "\f237"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-y-combinator { --fa: "\f23b"; } .fa-optin-monster { --fa: "\f23c"; } .fa-opencart { --fa: "\f23d"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-creative-commons { --fa: "\f25e"; } .fa-gg { --fa: "\f260"; } .fa-gg-circle { --fa: "\f261"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-get-pocket { --fa: "\f265"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-safari { --fa: "\f267"; } .fa-chrome { --fa: "\f268"; } .fa-firefox { --fa: "\f269"; } .fa-opera { --fa: "\f26a"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-contao { --fa: "\f26d"; } .fa-500px { --fa: "\f26e"; } .fa-amazon { --fa: "\f270"; } .fa-houzz { --fa: "\f27c"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-black-tie { --fa: "\f27e"; } .fa-fonticons { --fa: "\f280"; } .fa-reddit-alien { --fa: "\f281"; } .fa-edge { --fa: "\f282"; } .fa-codiepie { --fa: "\f284"; } .fa-modx { --fa: "\f285"; } .fa-fort-awesome { --fa: "\f286"; } .fa-usb { --fa: "\f287"; } .fa-product-hunt { --fa: "\f288"; } .fa-mixcloud { --fa: "\f289"; } .fa-scribd { --fa: "\f28a"; } .fa-bluetooth { --fa: "\f293"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-gitlab { --fa: "\f296"; } .fa-wpbeginner { --fa: "\f297"; } .fa-wpforms { --fa: "\f298"; } .fa-envira { --fa: "\f299"; } .fa-glide { --fa: "\f2a5"; } .fa-glide-g { --fa: "\f2a6"; } .fa-viadeo { --fa: "\f2a9"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-first-order { --fa: "\f2b0"; } .fa-yoast { --fa: "\f2b1"; } .fa-themeisle { --fa: "\f2b2"; } .fa-google-plus { --fa: "\f2b3"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-linode { --fa: "\f2b8"; } .fa-quora { --fa: "\f2c4"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-grav { --fa: "\f2d6"; } .fa-etsy { --fa: "\f2d7"; } .fa-imdb { --fa: "\f2d8"; } .fa-ravelry { --fa: "\f2d9"; } .fa-sellcast { --fa: "\f2da"; } .fa-superpowers { --fa: "\f2dd"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-meetup { --fa: "\f2e0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-accessible-icon { --fa: "\f368"; } .fa-accusoft { --fa: "\f369"; } .fa-adversal { --fa: "\f36a"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-algolia { --fa: "\f36c"; } .fa-amilia { --fa: "\f36d"; } .fa-angrycreative { --fa: "\f36e"; } .fa-app-store { --fa: "\f36f"; } .fa-app-store-ios { --fa: "\f370"; } .fa-apper { --fa: "\f371"; } .fa-asymmetrik { --fa: "\f372"; } .fa-audible { --fa: "\f373"; } .fa-avianex { --fa: "\f374"; } .fa-aws { --fa: "\f375"; } .fa-bimobject { --fa: "\f378"; } .fa-bitcoin { --fa: "\f379"; } .fa-bity { --fa: "\f37a"; } .fa-blackberry { --fa: "\f37b"; } .fa-blogger { --fa: "\f37c"; } .fa-blogger-b { --fa: "\f37d"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-centercode { --fa: "\f380"; } .fa-cloudscale { --fa: "\f383"; } .fa-cloudsmith { --fa: "\f384"; } .fa-cloudversify { --fa: "\f385"; } .fa-cpanel { --fa: "\f388"; } .fa-css3-alt { --fa: "\f38b"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-d-and-d { --fa: "\f38d"; } .fa-deploydog { --fa: "\f38e"; } .fa-deskpro { --fa: "\f38f"; } .fa-digital-ocean { --fa: "\f391"; } .fa-discord { --fa: "\f392"; } .fa-discourse { --fa: "\f393"; } .fa-dochub { --fa: "\f394"; } .fa-docker { --fa: "\f395"; } .fa-draft2digital { --fa: "\f396"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-dyalog { --fa: "\f399"; } .fa-earlybirds { --fa: "\f39a"; } .fa-erlang { --fa: "\f39d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-freebsd { --fa: "\f3a4"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-gofore { --fa: "\f3a7"; } .fa-goodreads { --fa: "\f3a8"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-google-drive { --fa: "\f3aa"; } .fa-google-play { --fa: "\f3ab"; } .fa-gripfire { --fa: "\f3ac"; } .fa-grunt { --fa: "\f3ad"; } .fa-gulp { --fa: "\f3ae"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-hotjar { --fa: "\f3b1"; } .fa-hubspot { --fa: "\f3b2"; } .fa-itunes { --fa: "\f3b4"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-jenkins { --fa: "\f3b6"; } .fa-joget { --fa: "\f3b7"; } .fa-js { --fa: "\f3b8"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-keycdn { --fa: "\f3ba"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-laravel { --fa: "\f3bd"; } .fa-line { --fa: "\f3c0"; } .fa-lyft { --fa: "\f3c3"; } .fa-magento { --fa: "\f3c4"; } .fa-medapps { --fa: "\f3c6"; } .fa-medrt { --fa: "\f3c8"; } .fa-microsoft { --fa: "\f3ca"; } .fa-mix { --fa: "\f3cb"; } .fa-mizuni { --fa: "\f3cc"; } .fa-monero { --fa: "\f3d0"; } .fa-napster { --fa: "\f3d2"; } .fa-node-js { --fa: "\f3d3"; } .fa-npm { --fa: "\f3d4"; } .fa-ns8 { --fa: "\f3d5"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-page4 { --fa: "\f3d7"; } .fa-palfed { --fa: "\f3d8"; } .fa-patreon { --fa: "\f3d9"; } .fa-periscope { --fa: "\f3da"; } .fa-phabricator { --fa: "\f3db"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-playstation { --fa: "\f3df"; } .fa-pushed { --fa: "\f3e1"; } .fa-python { --fa: "\f3e2"; } .fa-red-river { --fa: "\f3e3"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-replyd { --fa: "\f3e6"; } .fa-resolving { --fa: "\f3e7"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-rockrms { --fa: "\f3e9"; } .fa-schlix { --fa: "\f3ea"; } .fa-searchengin { --fa: "\f3eb"; } .fa-servicestack { --fa: "\f3ec"; } .fa-sistrix { --fa: "\f3ee"; } .fa-speakap { --fa: "\f3f3"; } .fa-staylinked { --fa: "\f3f5"; } .fa-steam-symbol { --fa: "\f3f6"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-supple { --fa: "\f3f9"; } .fa-uber { --fa: "\f402"; } .fa-uikit { --fa: "\f403"; } .fa-uniregistry { --fa: "\f404"; } .fa-untappd { --fa: "\f405"; } .fa-ussunnah { --fa: "\f407"; } .fa-vaadin { --fa: "\f408"; } .fa-viber { --fa: "\f409"; } .fa-vimeo { --fa: "\f40a"; } .fa-vnv { --fa: "\f40b"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-whmcs { --fa: "\f40d"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-xbox { --fa: "\f412"; } .fa-yandex { --fa: "\f413"; } .fa-yandex-international { --fa: "\f414"; } .fa-apple-pay { --fa: "\f415"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-fly { --fa: "\f417"; } .fa-node { --fa: "\f419"; } .fa-osi { --fa: "\f41a"; } .fa-react { --fa: "\f41b"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-less { --fa: "\f41d"; } .fa-sass { --fa: "\f41e"; } .fa-vuejs { --fa: "\f41f"; } .fa-angular { --fa: "\f420"; } .fa-aviato { --fa: "\f421"; } .fa-ember { --fa: "\f423"; } .fa-gitter { --fa: "\f426"; } .fa-hooli { --fa: "\f427"; } .fa-strava { --fa: "\f428"; } .fa-stripe { --fa: "\f429"; } .fa-stripe-s { --fa: "\f42a"; } .fa-typo3 { --fa: "\f42b"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-ethereum { --fa: "\f42e"; } .fa-korvue { --fa: "\f42f"; } .fa-elementor { --fa: "\f430"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-flipboard { --fa: "\f44d"; } .fa-hips { --fa: "\f452"; } .fa-php { --fa: "\f457"; } .fa-quinscape { --fa: "\f459"; } .fa-readme { --fa: "\f4d5"; } .fa-java { --fa: "\f4e4"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-ebay { --fa: "\f4f4"; } .fa-keybase { --fa: "\f4f5"; } .fa-mastodon { --fa: "\f4f6"; } .fa-r-project { --fa: "\f4f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-fulcrum { --fa: "\f50b"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-jedi-order { --fa: "\f50e"; } .fa-mandalorian { --fa: "\f50f"; } .fa-old-republic { --fa: "\f510"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-sith { --fa: "\f512"; } .fa-trade-federation { --fa: "\f513"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-hornbill { --fa: "\f592"; } .fa-mailchimp { --fa: "\f59e"; } .fa-megaport { --fa: "\f5a3"; } .fa-nimblr { --fa: "\f5a8"; } .fa-rev { --fa: "\f5b2"; } .fa-shopware { --fa: "\f5b5"; } .fa-squarespace { --fa: "\f5be"; } .fa-themeco { --fa: "\f5c6"; } .fa-weebly { --fa: "\f5cc"; } .fa-wix { --fa: "\f5cf"; } .fa-ello { --fa: "\f5f1"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-kaggle { --fa: "\f5fa"; } .fa-markdown { --fa: "\f60f"; } .fa-neos { --fa: "\f612"; } .fa-zhihu { --fa: "\f63f"; } .fa-alipay { --fa: "\f642"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-critical-role { --fa: "\f6c9"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-dev { --fa: "\f6cc"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-think-peaks { --fa: "\f731"; } .fa-reacteurope { --fa: "\f75d"; } .fa-artstation { --fa: "\f77a"; } .fa-atlassian { --fa: "\f77b"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-centos { --fa: "\f789"; } .fa-confluence { --fa: "\f78d"; } .fa-dhl { --fa: "\f790"; } .fa-diaspora { --fa: "\f791"; } .fa-fedex { --fa: "\f797"; } .fa-fedora { --fa: "\f798"; } .fa-figma { --fa: "\f799"; } .fa-intercom { --fa: "\f7af"; } .fa-invision { --fa: "\f7b0"; } .fa-jira { --fa: "\f7b1"; } .fa-mendeley { --fa: "\f7b3"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-redhat { --fa: "\f7bc"; } .fa-sketch { --fa: "\f7c6"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-suse { --fa: "\f7d6"; } .fa-ubuntu { --fa: "\f7df"; } .fa-ups { --fa: "\f7e0"; } .fa-usps { --fa: "\f7e1"; } .fa-yarn { --fa: "\f7e3"; } .fa-airbnb { --fa: "\f834"; } .fa-battle-net { --fa: "\f835"; } .fa-bootstrap { --fa: "\f836"; } .fa-buffer { --fa: "\f837"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-itch-io { --fa: "\f83a"; } .fa-salesforce { --fa: "\f83b"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-symfony { --fa: "\f83d"; } .fa-waze { --fa: "\f83f"; } .fa-yammer { --fa: "\f840"; } .fa-git-alt { --fa: "\f841"; } .fa-stackpath { --fa: "\f842"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-mdb { --fa: "\f8ca"; } .fa-orcid { --fa: "\f8d2"; } .fa-swift { --fa: "\f8e1"; } .fa-umbraco { --fa: "\f8e8"; } :root, :host { --fa-family-classic: "Font Awesome 7 Free"; --fa-font-regular: normal 400 1em/1 var(--fa-family-classic); /* deprecated: this older custom property will be removed next major release */ --fa-style-family-classic: var(--fa-family-classic); } @font-face { font-family: "Font Awesome 7 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("/assets/fa-regular-400-DdcaUAxu.woff2"); } .far { --fa-family: var(--fa-family-classic); --fa-style: 400; } .fa-classic { --fa-family: var(--fa-family-classic); } .fa-regular { --fa-style: 400; } :root, :host { --fa-family-classic: "Font Awesome 7 Free"; --fa-font-solid: normal 900 1em/1 var(--fa-family-classic); /* deprecated: this older custom property will be removed next major release */ --fa-style-family-classic: var(--fa-family-classic); } @font-face { font-family: "Font Awesome 7 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("/assets/fa-solid-900-BQpGBb1f.woff2"); } .fas { --fa-family: var(--fa-family-classic); --fa-style: 900; } .fa-classic { --fa-family: var(--fa-family-classic); } .fa-solid { --fa-style: 900; } @font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("/assets/fa-brands-400-DFY6gyJh.woff2") format("woff2"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("/assets/fa-solid-900-BQpGBb1f.woff2") format("woff2"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("/assets/fa-regular-400-DdcaUAxu.woff2") format("woff2"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("/assets/fa-solid-900-BQpGBb1f.woff2") format("woff2"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("/assets/fa-brands-400-DFY6gyJh.woff2") format("woff2"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("/assets/fa-regular-400-DdcaUAxu.woff2") format("woff2"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; } @font-face { font-family: "FontAwesome"; font-display: block; src: url("/assets/fa-v4compatibility-BHaDpj3C.woff2") format("woff2"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; } /*! * Bootstrap v5.3.7 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .rc-calendar { box-sizing: border-box; } .rc-calendar * { box-sizing: border-box; } .rc-calendar-hidden { display: none; } .rc-calendar-input-wrap { position: relative; padding: 6px; border-bottom: 1px solid #e9e9e9; } .rc-calendar-input-wrap:after { content: ''; clear: both; } .rc-calendar-date-input-wrap { overflow: hidden; } .rc-calendar-time-picker { position: absolute; width: 100%; top: 34px; background-color: white; height: 217px; } .rc-calendar-time-picker-panel { width: 100%; position: relative; } .rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap { display: none; } .rc-calendar-time-picker-panel .rc-time-picker-panel-inner { border: none; box-shadow: none; } .rc-calendar-time-picker-panel .rc-time-picker-panel-select { width: 84px; max-height: 217px; } .rc-calendar-time-picker-panel .rc-time-picker-panel-select li { text-align: center; padding: 0; } .rc-calendar-time-picker-wrap { float: left; width: 100%; } .rc-calendar-time-picker-wrap .rc-time-picker { width: 100%; } .rc-calendar-time-picker-wrap .rc-time-picker-input { padding: 0; border: 1px solid transparent; outline: 0; height: 22px; } .rc-calendar-time-picker-wrap .rc-time-picker-icon { display: none; } .rc-calendar-input { border: 1px solid transparent; width: 100%; color: #666; cursor: text; line-height: 1.5; outline: 0; height: 22px; } .rc-calendar-input-invalid { border-color: red; } .rc-calendar-clear-btn { z-index: 9999; position: absolute; right: 6px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 6px; margin: 0; } .rc-calendar-clear-btn:after { content: "x"; font-size: 12px; color: #aaa; display: inline-block; line-height: 1; width: 20px; transition: color 0.3s ease; } .rc-calendar-clear-btn:hover:after { color: #666; } .rc-calendar-picker { position: absolute; left: -9999px; top: -9999px; z-index: 1000; } .rc-calendar-picker-hidden { display: none; } .rc-calendar-picker-slide-up-enter { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-calendar-picker-slide-up-appear { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-calendar-picker-slide-up-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 1; animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-play-state: paused; } .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight { animation-name: rcDropdownSlideUpIn; animation-play-state: running; } .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight { animation-name: rcDropdownSlideDownIn; animation-play-state: running; } .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight { animation-name: rcDropdownSlideUpOut; animation-play-state: running; } .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight { animation-name: rcDropdownSlideDownOut; animation-play-state: running; } @keyframes rcDropdownSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes rcDropdownSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } } @keyframes rcDropdownSlideDownIn { 0% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } } @keyframes rcDropdownSlideDownOut { 0% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } } .rc-calendar { position: relative; outline: none; font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif; width: 253px; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 5px #ccc; background-clip: padding-box; border: 1px solid #ccc; line-height: 1.5; } .rc-calendar-date-panel, .rc-calendar-panel { position: relative; outline: none; } .rc-calendar-week-number { width: 286px; } .rc-calendar-week-number-cell { text-align: center; } .rc-calendar-header { padding: 0 10px; height: 34px; line-height: 30px; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-header > a { font-weight: bold; display: inline-block; padding: 0px 5px; line-height: 34px; text-align: center; width: 30px; } .rc-calendar-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-header .rc-calendar-prev-month-btn { position: absolute; left: 25px; } .rc-calendar-header .rc-calendar-prev-month-btn:after { content: '‹'; } .rc-calendar-header .rc-calendar-next-month-btn { position: absolute; right: 25px; } .rc-calendar-header .rc-calendar-next-month-btn:after { content: '›'; } .rc-calendar-year-select, .rc-calendar-month-select, .rc-calendar-day-select { display: inline-block; font-size: 12px; font-weight: bold; color: #666; padding: 0 8px; line-height: 34px; } .rc-calendar-year-select:hover, .rc-calendar-month-select:hover, .rc-calendar-day-select:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-year-select.rc-calendar-time-status:hover, .rc-calendar-month-select.rc-calendar-time-status:hover, .rc-calendar-day-select.rc-calendar-time-status:hover { cursor: pointer; color: #666; } .rc-calendar-prev-month-btn, .rc-calendar-next-month-btn, .rc-calendar-prev-year-btn, .rc-calendar-next-year-btn { position: absolute; top: 0; cursor: pointer; color: #999; font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 34px; } .rc-calendar-prev-month-btn:hover, .rc-calendar-next-month-btn:hover, .rc-calendar-prev-year-btn:hover, .rc-calendar-next-year-btn:hover { color: #23c0fa; } .rc-calendar-next-year-btn { right: 0; } .rc-calendar-next-year-btn:after { content: '»'; } .rc-calendar-prev-year-btn { left: 0; } .rc-calendar-prev-year-btn:after { content: '«'; } .rc-calendar-body { padding: 9px 10px 10px; height: 217px; } .rc-calendar table { border-collapse: collapse; max-width: 100%; background-color: transparent; width: 100%; } .rc-calendar table, .rc-calendar td, .rc-calendar th, .rc-calendar td { border: none; } .rc-calendar-table { border-spacing: 0; margin-bottom: 0; } .rc-calendar-column-header { line-height: 18px; padding: 6px 0; width: 33px; text-align: center; } .rc-calendar-column-header .rc-calendar-column-header-inner { display: block; font-weight: normal; } .rc-calendar-week-number-header .rc-calendar-column-header-inner { display: none; } .rc-calendar-cell { padding: 1px 0; } .rc-calendar-date { display: block; margin: 0 auto; color: #666; border-radius: 4px 4px; width: 26px; height: 26px; padding: 0; background: transparent; line-height: 26px; text-align: center; } .rc-calendar-date:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-selected-day .rc-calendar-date { background: #d9f4fe; } .rc-calendar-selected-date .rc-calendar-date { background: #3fc7fa; color: #fff; } .rc-calendar-selected-date .rc-calendar-date:hover { background: #3fc7fa; } .rc-calendar-today .rc-calendar-date { border: 1px solid #3fc7fa; } .rc-calendar-disabled-cell .rc-calendar-date { cursor: not-allowed; color: #bcbcbc; background: #f3f3f3; border-radius: 0; width: auto; } .rc-calendar-disabled-cell .rc-calendar-date:hover { background: #f3f3f3; } .rc-calendar-disabled-cell-first-of-row .rc-calendar-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .rc-calendar-disabled-cell-last-of-row .rc-calendar-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .rc-calendar-last-month-cell .rc-calendar-date, .rc-calendar-next-month-btn-day .rc-calendar-date { color: #bbb; } .rc-calendar-footer { border-top: 1px solid #ccc; padding: 10px 0; text-align: center; position: relative; } .rc-calendar-footer .rc-time-picker { width: 90px; } .rc-calendar-footer .rc-time-picker-input { height: 24px; } .rc-calendar-footer-show-ok { text-align: right; } .rc-calendar-footer-show-ok .rc-calendar-footer-btn { padding-right: 12px; } .rc-calendar-footer-show-ok .rc-calendar-time-picker-btn { margin-left: 0; padding: 0 12px; } .rc-calendar-footer-show-ok .rc-calendar-today-btn { float: left; padding-left: 12px; } .rc-calendar-footer-btn { margin-top: 2px; } .rc-calendar-footer-btn:after { content: 'x'; height: 0; font-size: 0; overflow: hidden; clear: both; } .rc-calendar-time-picker-btn { margin-left: 10px; } .rc-calendar-today-btn, .rc-calendar-ok-btn, .rc-calendar-time-picker-btn { display: inline-block; text-align: center; color: #f46830; } .rc-calendar-today-btn:hover, .rc-calendar-ok-btn:hover, .rc-calendar-time-picker-btn:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-today-btn-disabled, .rc-calendar-ok-btn-disabled, .rc-calendar-time-picker-btn-disabled { color: #bbb; } .rc-calendar-today-btn-disabled:hover, .rc-calendar-ok-btn-disabled:hover, .rc-calendar-time-picker-btn-disabled:hover { color: #bbb; } .rc-calendar-today-btn { padding-left: 10px; } .rc-calendar-time-input { height: 25px; position: relative; display: inline-block; margin: 0 0; padding: 4px 10px; border-radius: 6px 6px; border: 1px solid #d9d9d9; background-color: #ffffff; color: #666; line-height: 1.5; transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1); width: 40px; } .rc-calendar-time-input:hover { border-color: #23c0fa; } .rc-calendar-time-input:focus { border-color: #23c0fa; box-shadow: 0 0 3px #23c0fa; } .rc-calendar-time-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-time-panel-header { padding: 0 10px; height: 34px; line-height: 34px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-time-panel-body { padding: 9px 10px 10px; } .rc-calendar-time-panel-title { width: 180px; font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; height: 30px; line-height: 22px; border-radius: 4px; } .rc-calendar-time-panel-table { table-layout: fixed; width: 100%; height: 255px; border-collapse: separate; } .rc-calendar-time-panel-cell { text-align: center; height: 42px; vertical-align: middle; } .rc-calendar-time-panel-time { line-height: 26px; display: block; border-radius: 4px; width: 26px; margin: 0 auto; } .rc-calendar-time-panel-time:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time { background: #3fc7fa; color: #fff; } .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover { background: #3fc7fa; color: #fff; } .rc-calendar-month-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-month-panel > div { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .rc-calendar-month-panel-hidden { display: none; } .rc-calendar-month-panel-header { padding: 0 10px; height: 34px; line-height: 30px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-month-panel-header > a { font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; width: 30px; } .rc-calendar-month-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-month-panel-prev-year-btn, .rc-calendar-month-panel-next-year-btn { position: absolute; top: 0; } .rc-calendar-month-panel-next-year-btn:after { content: '»'; } .rc-calendar-month-panel-prev-year-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-month-panel-prev-year-btn:after { content: '«'; } .rc-calendar-month-panel .rc-calendar-month-panel-year-select { width: 180px; } .rc-calendar-month-panel-year-select-arrow { display: none; } .rc-calendar-month-panel-next-year-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-month-panel-body { -ms-flex: 1; flex: 1; padding: 9px 10px 10px; } .rc-calendar-month-panel-footer { border-top: 1px solid #ccc; line-height: 38px; } .rc-calendar-month-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: separate; } .rc-calendar-month-panel-cell { text-align: center; } .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { display: block; width: 46px; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month { color: #bfbfbf; } .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover { background: white; cursor: not-allowed; } .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { background: #3fc7fa; color: #fff; } .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover { background: #3fc7fa; color: #fff; } .rc-calendar-month-header-wrap { position: relative; height: 308px; } .rc-calendar-year-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-year-panel > div { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .rc-calendar-year-panel-hidden { display: none; } .rc-calendar-year-panel-header { padding: 0 10px; height: 34px; line-height: 30px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-year-panel-header > a { font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; width: 30px; } .rc-calendar-year-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-year-panel-prev-decade-btn, .rc-calendar-year-panel-next-decade-btn { position: absolute; top: 0; } .rc-calendar-year-panel-next-decade-btn:after { content: '»'; } .rc-calendar-year-panel-prev-decade-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-year-panel-prev-decade-btn:after { content: '«'; } .rc-calendar-year-panel .rc-calendar-year-panel-decade-select { width: 180px; } .rc-calendar-year-panel-decade-select-arrow { display: none; } .rc-calendar-year-panel-next-decade-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-year-panel-body { -ms-flex: 1; flex: 1; padding: 9px 10px 10px; } .rc-calendar-year-panel-footer { border-top: 1px solid #ccc; line-height: 38px; } .rc-calendar-year-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: separate; } .rc-calendar-year-panel-cell { text-align: center; } .rc-calendar-year-panel-year { display: block; width: 46px; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-year-panel-year:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year { background: #3fc7fa; color: #fff; } .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover { background: #3fc7fa; color: #fff; } .rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year, .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; color: rgba(0, 0, 0, 0.25); } .rc-calendar-decade-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .rc-calendar-decade-panel-hidden { display: none; } .rc-calendar-decade-panel-header { padding: 0 10px; height: 34px; line-height: 34px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-decade-panel-header > a { font-weight: bold; display: inline-block; padding: 1px 5px; text-align: center; width: 30px; } .rc-calendar-decade-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-decade-panel-prev-century-btn, .rc-calendar-decade-panel-next-century-btn { position: absolute; top: 0; } .rc-calendar-decade-panel-next-century-btn:after { content: '»'; } .rc-calendar-decade-panel-prev-century-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-decade-panel-prev-century-btn:after { content: '«'; } .rc-calendar-decade-panel-next-century-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-decade-panel-body { -ms-flex: 1; flex: 1; padding: 9px 10px 10px; } .rc-calendar-decade-panel-footer { border-top: 1px solid #ccc; line-height: 38px; } .rc-calendar-decade-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: separate; } .rc-calendar-decade-panel-cell { text-align: center; } .rc-calendar-decade-panel-decade { display: block; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-decade-panel-decade:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade { background: #3fc7fa; color: #fff; } .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover { background: #3fc7fa; color: #fff; } .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade, .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; color: rgba(0, 0, 0, 0.25); } .rc-calendar-range { width: 502px; overflow: hidden; } .rc-calendar-range-part { width: 250px; position: relative; } .rc-calendar-range-part .rc-calendar-time-picker { top: 69px; } .rc-calendar-range-part .rc-calendar-time-picker-panel-select { width: 77px; } .rc-calendar-range-left { float: left; } .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child { border-right: 1px solid #e9e9e9; } .rc-calendar-range-right { float: right; } .rc-calendar-range-right .rc-calendar-time-picker-panel { left: 21px; } .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child { border-left: 1px solid #e9e9e9; } .rc-calendar-range-middle { position: absolute; margin-left: -10px; text-align: center; height: 35px; line-height: 35px; } .rc-calendar-range .rc-calendar-date-panel::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .rc-calendar-range .rc-calendar-input-wrap { height: 35px; } .rc-calendar-range .rc-calendar-input, .rc-calendar-range .rc-time-picker-input { padding: 1px 7px; height: 22px; } .rc-calendar-range .rc-calendar-body, .rc-calendar-range .rc-calendar-decade-panel-body, .rc-calendar-range .rc-calendar-year-panel-body, .rc-calendar-range .rc-calendar-month-panel-body { border-bottom: 1px solid #e9e9e9; } .rc-calendar-range.rc-calendar-week-number { width: 574px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part { width: 286px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker { top: 69px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select { width: 89px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel { left: 36px; } .rc-calendar-range .rc-calendar-year-panel, .rc-calendar-range .rc-calendar-month-panel, .rc-calendar-range .rc-calendar-decade-panel { top: 35px; } .rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel { top: 0; } .rc-calendar-range .rc-calendar-decade-panel-table, .rc-calendar-range .rc-calendar-year-panel-table, .rc-calendar-range .rc-calendar-month-panel-table { height: 198px; } .rc-calendar-range .rc-calendar-in-range-cell { background: #ebf4f8; border-radius: 0; } .rc-calendar-range-bottom { text-align: right; } .rc-calendar-range .rc-calendar-footer { border-top: none; padding: 0; } .rc-calendar-range .rc-calendar-footer-btn { padding: 10px 12px 10px 0; } .rc-calendar-range .rc-calendar-ok-btn { position: static; } .rc-calendar-range .rc-calendar-today-btn { float: left; } .rc-calendar-full { width: 275px; } .rc-calendar-full-header { padding: 5px 10px; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; overflow: hidden; } .rc-calendar-full-header-month-select, .rc-calendar-full-header-year-select { width: 70px; float: right; margin-right: 5px; } .rc-calendar-full-header-switcher { float: right; display: inline-block; } .rc-calendar-full-header-switcher-normal:hover { border-color: #23c0fa; box-shadow: 0 0 2px rgba(45, 183, 245, 0.8); cursor: pointer; } .rc-calendar-full-header-switcher-focus { border-color: #3fc7fa; background-color: #3fc7fa; color: #fff; } .rc-calendar-full-header-switcher > span { float: left; height: 28px; line-height: 24px; border: 1px solid #d9d9d9; padding: 0 10px; color: #666; } .rc-calendar-full-header-switcher > span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: none; } .rc-calendar-full-header-switcher > span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: none; } .rc-calendar-fullscreen { width: auto; } .rc-calendar-fullscreen .rc-calendar-full-header { border-bottom: none; } .rc-calendar-fullscreen .rc-calendar-column-header { text-align: right; padding-right: 12px; } .rc-calendar-fullscreen .rc-calendar-cell { padding: 0; } .rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { display: block; height: 116px; width: auto; border-radius: 0; margin: 0 4px; border: none; border-top: 2px solid #eee; text-align: right; padding-right: 8px; } .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { background-color: #ebfaff; color: #666; } .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { border-top-color: #3FC7FA; color: #3FC7FA; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { border-color: #ccc; border-style: solid; border-width: 3px 3px 0 0; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { margin-left: -4px; position: absolute; width: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; content: ""; z-index: -1; border-width: 8px; left: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { top: 0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { bottom: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; } .react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^=bottom] { padding-top: 10px; } .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^=top] { padding-bottom: 10px; } .react-datepicker-popper[data-placement^=right] { padding-left: 8px; } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^=left] { padding-right: 8px; } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; padding: 8px 0; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0; } .react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 15px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 2px; padding: 0; border: none; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 2px; } .react-datepicker__navigation--next { right: 2px; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; } .react-datepicker__navigation--years-upcoming { top: -4px; } .react-datepicker__navigation:hover *::before { border-color: #a6a6a6; } .react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0; } .react-datepicker__navigation-icon--next { left: -2px; } .react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; } .react-datepicker__navigation-icon--previous { right: -2px; } .react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; } .react-datepicker__month-container { float: left; } .react-datepicker__year { margin: 0.4rem; text-align: center; } .react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; } .react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; } .react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] { -moz-appearance: textfield; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -87px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + 1.7rem / 2); overflow-y: scroll; padding-right: 0; padding-left: 0; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__week-number--selected { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__week-number--selected:hover { background-color: #1d5d90; } .react-datepicker__week-number--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__week-number--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day-names { white-space: nowrap; margin-bottom: -8px; } .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; } .react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays { position: relative; border-radius: 0.3rem; background-color: #ff6803; color: #fff; } .react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s ease-in-out; } .react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover { background-color: #cf5300; } .react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay { visibility: visible; opacity: 1; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: #bad9f1; color: rgb(0, 0, 0); } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__input-container .react-datepicker__calendar-icon { position: absolute; padding: 0.5rem; box-sizing: content-box; } .react-datepicker__view-calendar-icon input { padding: 6px 10px 5px 25px; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0 6px 0 0; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; } .react-datepicker__close-icon::after { cursor: pointer; background-color: #216ba5; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; } .react-datepicker__close-icon--disabled { cursor: default; } .react-datepicker__close-icon--disabled::after { cursor: default; background-color: #ccc; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; } .react-datepicker__aria-live { position: absolute; clip-path: circle(0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; white-space: nowrap; } .react-datepicker__calendar-icon { width: 1em; height: 1em; vertical-align: -0.125em; } .DateRangePicker { display: inline-block; margin-bottom: 10px; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DateRangePicker__Legend { color: #52575e; font-size: 14px; line-height: 16px; list-style-type: none; margin: 20px 0; padding: 0; } .DateRangePicker__LegendItem { display: inline-block; margin: 0 20px; } .DateRangePicker__LegendItemColor { border-radius: 50%; display: inline-block; height: 14px; margin-right: 6px; vertical-align: text-bottom; width: 14px; border: 1px solid rgba(0, 0, 0, 0.25); } .DateRangePicker__LegendItemColor--selection { background-color: #ed5434; } .DateRangePicker__PaginationArrow { border: 0; cursor: pointer; display: block; height: 35px; outline: none; overflow: hidden; padding: 0; position: absolute; text-align: center; top: 0; white-space: nowrap; width: 35px; z-index: 1; } .DateRangePicker__PaginationArrow--previous { left: 20px; } .DateRangePicker__PaginationArrow--next { right: 20px; } .DateRangePicker__PaginationArrow:hover { background-color: #ccc; } .DateRangePicker__PaginationArrowIcon { border-bottom: 8px solid transparent; border-top: 8px solid transparent; height: 0; position: absolute; top: 10px; width: 0; } .DateRangePicker__PaginationArrowIcon--is-disabled { opacity: .25; } .DateRangePicker__PaginationArrowIcon--previous { border-left: 8px solid transparent; border-right: 8px solid #aaa; right: 11px; } .DateRangePicker__PaginationArrowIcon--next { border-left: 8px solid #aaa; border-right: 8px solid transparent; left: 11px; } .DateRangePicker__Month { color: #333; display: inline-block; margin: 0 20px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 275px; } .DateRangePicker__MonthHeader { color: #000; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; position: relative; text-align: center; } .DateRangePicker__MonthHeaderLabel { display: inline-block; position: relative; } .DateRangePicker__MonthHeaderSelect { background: #e4e4e4; border: 0; cursor: pointer; display: inline-block; height: 100%; left: 0; margin: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 5; } .DateRangePicker__MonthDates { border-bottom: 1px solid #f4f5f6; border-collapse: separate; border-spacing: 0 1px; margin: 0; width: 100%; } .DateRangePicker__WeekdayHeading, .DateRangePicker__Date { font-size: 12px; line-height: 1; padding: 10px 0; text-align: center; width: 14.285714285714286%; } .DateRangePicker__WeekdayHeading { border-bottom: 1px solid #f4f5f6; color: #000; font-weight: bold; } .DateRangePicker__WeekdayHeading abbr[title] { border-bottom-width: 0; color: #000; cursor: pointer; font-size: inherit; text-decoration: none; } .DateRangePicker__Date { border: 0 solid #f4f5f6; border-right-width: 1px; cursor: pointer; overflow: hidden; position: relative; } .DateRangePicker__Date:first-child { border-left-width: 1px; } .DateRangePicker__Date--weekend { background-color: #f6f7f9; } .DateRangePicker__Date--otherMonth { opacity: .25; } .DateRangePicker__Date--is-disabled { color: #cdcdd1; cursor: default; } .DateRangePicker__Date--is-selected { color: #fff; } .DateRangePicker__Date--is-highlighted { color: #333; } .DateRangePicker__CalendarDatePeriod { bottom: 0; position: absolute; top: 0; } .DateRangePicker__CalendarDatePeriod--am { left: 0; right: 50%; } .DateRangePicker__CalendarDatePeriod--pm { left: 50%; right: 0; } .DateRangePicker__CalendarSelection { background-color: #ed5434; border: 1px solid #eb401d; bottom: 5px; left: 0; position: absolute; right: 0; top: 5px; } .DateRangePicker__CalendarSelection--inOtherMonth { opacity: .5; } .DateRangePicker__CalendarSelection--start { border-bottom-left-radius: 5px; border-right-width: 0; border-top-left-radius: 5px; left: 5px; } .DateRangePicker__CalendarSelection--end { border-bottom-right-radius: 5px; border-left-width: 0; border-top-right-radius: 5px; right: 5px; } .DateRangePicker__CalendarSelection--segment { border-left-width: 0; border-right-width: 0; } .DateRangePicker__CalendarSelection--single { border-radius: 5px; left: 5px; right: 5px; } .DateRangePicker__CalendarSelection--is-pending { background-color: rgba(237, 84, 52, 0.75); border-width: 0; } .DateRangePicker__CalendarHighlight { background-color: rgba(255, 255, 255, 0.25); border: 1px solid rgba(0, 0, 0, 0.25); bottom: 5px; left: 0; position: absolute; right: 0; top: 5px; } .DateRangePicker__CalendarHighlight--inOtherMonth { opacity: .5; } .DateRangePicker__CalendarHighlight--start { border-bottom-left-radius: 5px; border-right-width: 0; border-top-left-radius: 5px; left: 5px; } .DateRangePicker__CalendarHighlight--end { border-bottom-right-radius: 5px; border-left-width: 0; border-top-right-radius: 5px; right: 5px; } .DateRangePicker__CalendarHighlight--segment { border-left-width: 0; border-right-width: 0; } .DateRangePicker__CalendarHighlight--single { background-color: #fff; border: 1px solid #eb401d; border-radius: 5px; left: 5px; right: 5px; } .DateRangePicker__HalfDateStates { bottom: -50px; left: -50px; position: absolute; right: -50px; top: -50px; transform: rotate(30deg); } .DateRangePicker__FullDateStates { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .DateRangePicker__DateLabel { display: block; position: relative; text-align: center; width: 100%; z-index: 1; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6, 78%, 57%); --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; /* Used only for colored theme */ --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); /* used to control the opacity of the progress trail */ --toastify-color-progress-bgo: 0.2; } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; width: var(--toastify-container-width); box-sizing: border-box; color: #fff; display: flex; flex-direction: column; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translateX(-50%); align-items: center; } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translateX(-50%); align-items: center; } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast { --y: 0; position: relative; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); /* webkit only issue #791 */ z-index: 0; /* inner swag */ display: flex; flex: 1 auto; align-items: center; word-break: break-word; } @media only screen and (max-width: 480px) { .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translateX(0); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } .Toastify__toast { --toastify-toast-width: 100%; margin-bottom: 0; border-radius: 0; } } .Toastify__toast-container[data-stacked='true'] { width: var(--toastify-toast-width); } .Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0, var(--y), 0) scale(var(--s)); transition: transform 0.3s; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; } .Toastify__toast--stacked[data-collapsed='false'] { overflow: visible; } .Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked:after { content: ''; position: absolute; left: 0; right: 0; height: calc(var(--g) * 1px); bottom: 100%; } .Toastify__toast--stacked[data-pos='top'] { top: 0; } .Toastify__toast--stacked[data-pos='bot'] { bottom: 0; } .Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before { transform-origin: top; } .Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before { transform-origin: bottom; } .Toastify__toast--stacked:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; transform: scaleY(3); z-index: -1; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-icon { margin-inline-end: 10px; width: 22px; flex-shrink: 0; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; position: absolute; top: 6px; right: 6px; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; z-index: 1; } .Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.7; transform-origin: left; } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right; border-bottom-left-radius: initial; } .Toastify__progress-bar--wrp { position: absolute; overflow: hidden; bottom: 0; left: 0; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--wrp[data-hidden='true'] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin 0.65s linear infinite; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, var(--y), 0); } to { opacity: 0; transform: translate3d(2000px, var(--y), 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, var(--y), 0); } to { opacity: 0; transform: translate3d(-2000px, var(--y), 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes Toastify__flipOut { from { transform: translate3d(0, var(--y), 0) perspective(400px); } 30% { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { from { transform: translate3d(110%, 0, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInLeft { from { transform: translate3d(-110%, 0, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInUp { from { transform: translate3d(0, 110%, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInDown { from { transform: translate3d(0, -110%, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideOutRight { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(110%, var(--y), 0); } } @keyframes Toastify__slideOutLeft { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(-110%, var(--y), 0); } } @keyframes Toastify__slideOutDown { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutUp { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; } @keyframes Toastify__spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /** * ---------------------------------------------- * Demo styles * ---------------------------------------------- **/ .accordion { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; } .accordion__item + .accordion__item { border-top: 1px solid rgba(0, 0, 0, 0.1); } .accordion__button { background-color: #f4f4f4; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; } .accordion__button:hover { background-color: #ddd; } .accordion__button:before { display: inline-block; content: ''; height: 10px; width: 10px; margin-right: 12px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(-45deg); } .accordion__button[aria-expanded='true']::before, .accordion__button[aria-selected='true']::before { transform: rotate(45deg); } [hidden] { display: none; } .accordion__panel { padding: 20px; animation: fadein 0.35s ease-in; } /* -------------------------------------------------- */ /* ---------------- Animation part ------------------ */ /* -------------------------------------------------- */ @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes closeWindow { 0% { opacity: 1; } 100% { opacity: 0; } } .ril__outer { background-color: rgba(0, 0, 0, 0.85); outline: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; width: 100%; height: 100%; -ms-content-zooming: none; -ms-user-select: none; -ms-touch-select: none; touch-action: none; } .ril__outerClosing { opacity: 0; } .ril__inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ril__image, .ril__imagePrev, .ril__imageNext { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: none; -ms-content-zooming: none; -ms-user-select: none; -ms-touch-select: none; touch-action: none; } .ril__imageDiscourager { background-repeat: no-repeat; background-position: center; background-size: contain; } .ril__navButtons { border: none; position: absolute; top: 0; bottom: 0; width: 20px; height: 34px; padding: 40px 30px; margin: auto; cursor: pointer; opacity: 0.7; } .ril__navButtons:hover { opacity: 1; } .ril__navButtons:active { opacity: 0.7; } .ril__navButtonPrev { left: 0; background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==') no-repeat center; } .ril__navButtonNext { right: 0; background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+') no-repeat center; } .ril__downloadBlocker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); background-size: cover; } .ril__caption, .ril__toolbar { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; display: flex; justify-content: space-between; } .ril__caption { bottom: 0; max-height: 150px; overflow: auto; } .ril__captionContent { padding: 10px 20px; color: #fff; } .ril__toolbar { top: 0; height: 50px; } .ril__toolbarSide { height: 50px; margin: 0; } .ril__toolbarLeftSide { padding-left: 20px; padding-right: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; } .ril__toolbarRightSide { padding-left: 0; padding-right: 20px; flex: 0 0 auto; } .ril__toolbarItem { display: inline-block; line-height: 50px; padding: 0; color: #fff; font-size: 120%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ril__toolbarItemChild { vertical-align: middle; } .ril__builtinButton { width: 40px; height: 35px; cursor: pointer; border: none; opacity: 0.7; } .ril__builtinButton:hover { opacity: 1; } .ril__builtinButton:active { outline: none; } .ril__builtinButtonDisabled { cursor: default; opacity: 0.5; } .ril__builtinButtonDisabled:hover { opacity: 0.5; } .ril__closeButton { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=') no-repeat center; } .ril__zoomInButton { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center; } .ril__zoomOutButton { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=') no-repeat center; } .ril__outerAnimating { animation-name: closeWindow; } @keyframes pointFade { 0%, 19.999%, 100% { opacity: 0; } 20% { opacity: 1; } } .ril__loadingCircle { width: 60px; height: 60px; position: relative; } .ril__loadingCirclePoint { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ril__loadingCirclePoint::before { content: ''; display: block; margin: 0 auto; width: 11%; height: 30%; background-color: #fff; border-radius: 30%; animation: pointFade 800ms infinite ease-in-out both; } .ril__loadingCirclePoint:nth-of-type(1) { transform: rotate(0deg); } .ril__loadingCirclePoint:nth-of-type(7) { transform: rotate(180deg); } .ril__loadingCirclePoint:nth-of-type(1)::before, .ril__loadingCirclePoint:nth-of-type(7)::before { animation-delay: -800ms; } .ril__loadingCirclePoint:nth-of-type(2) { transform: rotate(30deg); } .ril__loadingCirclePoint:nth-of-type(8) { transform: rotate(210deg); } .ril__loadingCirclePoint:nth-of-type(2)::before, .ril__loadingCirclePoint:nth-of-type(8)::before { animation-delay: -666ms; } .ril__loadingCirclePoint:nth-of-type(3) { transform: rotate(60deg); } .ril__loadingCirclePoint:nth-of-type(9) { transform: rotate(240deg); } .ril__loadingCirclePoint:nth-of-type(3)::before, .ril__loadingCirclePoint:nth-of-type(9)::before { animation-delay: -533ms; } .ril__loadingCirclePoint:nth-of-type(4) { transform: rotate(90deg); } .ril__loadingCirclePoint:nth-of-type(10) { transform: rotate(270deg); } .ril__loadingCirclePoint:nth-of-type(4)::before, .ril__loadingCirclePoint:nth-of-type(10)::before { animation-delay: -400ms; } .ril__loadingCirclePoint:nth-of-type(5) { transform: rotate(120deg); } .ril__loadingCirclePoint:nth-of-type(11) { transform: rotate(300deg); } .ril__loadingCirclePoint:nth-of-type(5)::before, .ril__loadingCirclePoint:nth-of-type(11)::before { animation-delay: -266ms; } .ril__loadingCirclePoint:nth-of-type(6) { transform: rotate(150deg); } .ril__loadingCirclePoint:nth-of-type(12) { transform: rotate(330deg); } .ril__loadingCirclePoint:nth-of-type(6)::before, .ril__loadingCirclePoint:nth-of-type(12)::before { animation-delay: -133ms; } .ril__loadingCirclePoint:nth-of-type(7) { transform: rotate(180deg); } .ril__loadingCirclePoint:nth-of-type(13) { transform: rotate(360deg); } .ril__loadingCirclePoint:nth-of-type(7)::before, .ril__loadingCirclePoint:nth-of-type(13)::before { animation-delay: 0ms; } .ril__loadingContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ril__imagePrev .ril__loadingContainer, .ril__imageNext .ril__loadingContainer { display: none; } .ril__errorContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; } .ril__imagePrev .ril__errorContainer, .ril__imageNext .ril__errorContainer { display: none; } .ril__loadingContainer__icon { color: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .ReactCrop { position: relative; display: inline-block; cursor: crosshair; overflow: hidden; max-width: 100%; } .ReactCrop:focus { outline: none; } .ReactCrop--disabled, .ReactCrop--locked { cursor: inherit; } .ReactCrop__image { display: block; max-width: 100%; touch-action: none; } .ReactCrop__crop-selection { position: absolute; top: 0; left: 0; transform: translate3d(0, 0, 0); box-sizing: border-box; cursor: move; box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5); touch-action: none; border: 1px solid; border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw=="); border-image-slice: 1; border-image-repeat: repeat; } .ReactCrop--disabled .ReactCrop__crop-selection { cursor: inherit; } .ReactCrop--circular-crop .ReactCrop__crop-selection { border-radius: 50%; box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); } .ReactCrop--invisible-crop .ReactCrop__crop-selection { display: none; } .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after { content: ""; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.4); } .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after { width: 1px; height: 100%; } .ReactCrop__rule-of-thirds-vt::before { left: 33.3333%; left: calc(100% / 3); } .ReactCrop__rule-of-thirds-vt::after { left: 66.6666%; left: calc(100% / 3 * 2); } .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after { width: 100%; height: 1px; } .ReactCrop__rule-of-thirds-hz::before { top: 33.3333%; top: calc(100% / 3); } .ReactCrop__rule-of-thirds-hz::after { top: 66.6666%; top: calc(100% / 3 * 2); } .ReactCrop__drag-handle { position: absolute; } .ReactCrop__drag-handle::after { position: absolute; content: ""; display: block; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.7); box-sizing: border-box; outline: 1px solid transparent; } .ReactCrop .ord-nw { top: 0; left: 0; margin-top: -5px; margin-left: -5px; cursor: nw-resize; } .ReactCrop .ord-nw::after { top: 0; left: 0; } .ReactCrop .ord-n { top: 0; left: 50%; margin-top: -5px; margin-left: -5px; cursor: n-resize; } .ReactCrop .ord-n::after { top: 0; } .ReactCrop .ord-ne { top: 0; right: 0; margin-top: -5px; margin-right: -5px; cursor: ne-resize; } .ReactCrop .ord-ne::after { top: 0; right: 0; } .ReactCrop .ord-e { top: 50%; right: 0; margin-top: -5px; margin-right: -5px; cursor: e-resize; } .ReactCrop .ord-e::after { right: 0; } .ReactCrop .ord-se { bottom: 0; right: 0; margin-bottom: -5px; margin-right: -5px; cursor: se-resize; } .ReactCrop .ord-se::after { bottom: 0; right: 0; } .ReactCrop .ord-s { bottom: 0; left: 50%; margin-bottom: -5px; margin-left: -5px; cursor: s-resize; } .ReactCrop .ord-s::after { bottom: 0; } .ReactCrop .ord-sw { bottom: 0; left: 0; margin-bottom: -5px; margin-left: -5px; cursor: sw-resize; } .ReactCrop .ord-sw::after { bottom: 0; left: 0; } .ReactCrop .ord-w { top: 50%; left: 0; margin-top: -5px; margin-left: -5px; cursor: w-resize; } .ReactCrop .ord-w::after { left: 0; } .ReactCrop__disabled .ReactCrop__drag-handle { cursor: inherit; } .ReactCrop__drag-bar { position: absolute; } .ReactCrop__drag-bar.ord-n { top: 0; left: 0; width: 100%; height: 6px; margin-top: -3px; } .ReactCrop__drag-bar.ord-e { right: 0; top: 0; width: 6px; height: 100%; margin-right: -3px; } .ReactCrop__drag-bar.ord-s { bottom: 0; left: 0; width: 100%; height: 6px; margin-bottom: -3px; } .ReactCrop__drag-bar.ord-w { top: 0; left: 0; width: 6px; height: 100%; margin-left: -3px; } .ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar { display: none; } .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w { display: none; } @media (pointer: coarse) { .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w { display: none; } .ReactCrop__drag-handle { width: 24px; height: 24px; } } .popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7} [role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16);border-radius:5px} .popup-overlay{background:rgba(0,0,0,.5)} [data-popup=tooltip].popup-overlay{background:transparent} .popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0} :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: #376caf; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 55, 108, 175; --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: rgb(22, 43.2, 70); --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); --bs-success-text-emphasis: rgb(10, 54, 33.6); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(215, 225.6, 239); --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); --bs-success-bg-subtle: rgb(209, 231, 220.8); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(175, 196.2, 223); --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); --bs-success-border-subtle: rgb(163, 207, 186.6); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(241, 174.2, 180.6); --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: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #376caf; --bs-link-color-rgb: 55, 108, 175; --bs-link-decoration: underline; --bs-link-hover-color: rgb(44, 86.4, 140); --bs-link-hover-color-rgb: 44, 86, 140; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --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(55, 108, 175, 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: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: rgb(135, 166.8, 207); --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177); --bs-success-text-emphasis: rgb(117, 183, 152.4); --bs-info-text-emphasis: rgb(109.8, 223.2, 246); --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); --bs-danger-text-emphasis: rgb(234, 133.8, 143.4); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: rgb(11, 21.6, 35); --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25); --bs-success-bg-subtle: rgb(5, 27, 16.8); --bs-info-bg-subtle: rgb(2.6, 40.4, 48); --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); --bs-danger-bg-subtle: rgb(44, 10.6, 13.8); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: rgb(33, 64.8, 105); --bs-secondary-border-subtle: rgb(64.8, 70.2, 75); --bs-success-border-subtle: rgb(15, 81, 50.4); --bs-info-border-subtle: rgb(7.8, 121.2, 144); --bs-warning-border-subtle: rgb(153, 115.8, 4.2); --bs-danger-border-subtle: rgb(132, 31.8, 41.4); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: rgb(135, 166.8, 207); --bs-link-hover-color: rgb(159, 184.44, 216.6); --bs-link-color-rgb: 135, 167, 207; --bs-link-hover-color-rgb: 159, 184, 217; --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: rgb(117, 183, 152.4); --bs-form-valid-border-color: rgb(117, 183, 152.4); --bs-form-invalid-color: rgb(234, 133.8, 143.4); --bs-form-invalid-border-color: rgb(234, 133.8, 143.4); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.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; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw); } @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.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .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-emphasis-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-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 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: rgb(215, 225.6, 239); --bs-table-border-color: rgb(172, 180.48, 191.2); --bs-table-striped-bg: rgb(204.25, 214.32, 227.05); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(193.5, 203.04, 215.1); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(198.875, 208.68, 221.075); --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: rgb(225.6, 227.4, 229); --bs-table-border-color: rgb(180.48, 181.92, 183.2); --bs-table-striped-bg: rgb(214.32, 216.03, 217.55); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(203.04, 204.66, 206.1); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(208.68, 210.345, 211.825); --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: rgb(209, 231, 220.8); --bs-table-border-color: rgb(167.2, 184.8, 176.64); --bs-table-striped-bg: rgb(198.55, 219.45, 209.76); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(188.1, 207.9, 198.72); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(193.325, 213.675, 204.24); --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: rgb(206.6, 244.4, 252); --bs-table-border-color: rgb(165.28, 195.52, 201.6); --bs-table-striped-bg: rgb(196.27, 232.18, 239.4); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(185.94, 219.96, 226.8); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(191.105, 226.07, 233.1); --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: rgb(255, 242.6, 205.4); --bs-table-border-color: rgb(204, 194.08, 164.32); --bs-table-striped-bg: rgb(242.25, 230.47, 195.13); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(229.5, 218.34, 184.86); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(235.875, 224.405, 189.995); --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: rgb(248, 214.6, 217.8); --bs-table-border-color: rgb(198.4, 171.68, 174.24); --bs-table-striped-bg: rgb(235.6, 203.87, 206.91); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(223.2, 193.14, 196.02); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(229.4, 198.505, 201.465); --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: rgb(198.4, 199.2, 200); --bs-table-striped-bg: rgb(235.6, 236.55, 237.5); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(223.2, 224.1, 225); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(229.4, 230.325, 231.25); --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: rgb(77.4, 80.6, 83.8); --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --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); 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: rgb(155, 181.5, 215); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 108, 175, 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); 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: rgb(155, 181.5, 215); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 108, 175, 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); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; 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); 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: rgb(155, 181.5, 215); outline: 0; box-shadow: 0 0 0 0.25rem rgba(55, 108, 175, 0.25); } .form-check-input:checked { background-color: #376caf; border-color: #376caf; } .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: #376caf; border-color: #376caf; --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='rgb%28155, 181.5, 215%29'/%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; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 108, 175, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 108, 175, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: #376caf; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: rgb(195, 210.9, 231); } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: #376caf; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: rgb(195, 210.9, 231); } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); 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; padding-left: 0.75rem; } .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 { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .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; } .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(-1 * var(--bs-border-width)); 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.1'/%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.1'/%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; 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-check:checked:focus-visible + .btn { 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: #376caf; --bs-btn-border-color: #376caf; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(46.75, 91.8, 148.75); --bs-btn-hover-border-color: rgb(44, 86.4, 140); --bs-btn-focus-shadow-rgb: 85, 130, 187; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(44, 86.4, 140); --bs-btn-active-border-color: rgb(41.25, 81, 131.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #376caf; --bs-btn-disabled-border-color: #376caf; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25); --bs-btn-hover-border-color: rgb(86.4, 93.6, 100); --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(86.4, 93.6, 100); --bs-btn-active-border-color: rgb(81, 87.75, 93.75); --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: rgb(21.25, 114.75, 71.4); --bs-btn-hover-border-color: rgb(20, 108, 67.2); --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(20, 108, 67.2); --bs-btn-active-border-color: rgb(18.75, 101.25, 63); --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: rgb(49.3, 209.95, 242.25); --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5); --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(61.4, 212.6, 243); --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5); --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: rgb(255, 202.3, 44.2); --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(255, 205.4, 56.6); --bs-btn-active-border-color: rgb(255, 199.2, 31.8); --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: rgb(187, 45.05, 58.65); --bs-btn-hover-border-color: rgb(176, 42.4, 55.2); --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(176, 42.4, 55.2); --bs-btn-active-border-color: rgb(165, 39.75, 51.75); --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: rgb(210.8, 211.65, 212.5); --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(198.4, 199.2, 200); --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --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: rgb(66.3, 69.7, 73.1); --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4); --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(77.4, 80.6, 83.8); --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4); --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: #376caf; --bs-btn-border-color: #376caf; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #376caf; --bs-btn-hover-border-color: #376caf; --bs-btn-focus-shadow-rgb: 55, 108, 175; --bs-btn-active-color: #fff; --bs-btn-active-bg: #376caf; --bs-btn-active-border-color: #376caf; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #376caf; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #376caf; --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: 85, 130, 187; 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: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #376caf; --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: #376caf; --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(-1 * var(--bs-border-width)); } .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(-1 * var(--bs-border-width)); } .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:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .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(55, 108, 175, 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: #376caf; } .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-grow: 1; flex-basis: 0; 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-grow: 1; flex-basis: 100%; 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='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%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='none' stroke='rgb%2822, 43.2, 70%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(55, 108, 175, 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; 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-header .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-header .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-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-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .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='rgb%28135, 166.8, 207%29'%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-.708'/%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='rgb%28135, 166.8, 207%29'%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-.708'/%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, "/") /* rtl: 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(55, 108, 175, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #376caf; --bs-pagination-active-border-color: #376caf; --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(-1 * var(--bs-border-width)); } .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: var(--bs-progress-height); } } .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: #376caf; --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: #376caf; --bs-list-group-active-border-color: #376caf; 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 { 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-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):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:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .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.414'/%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(55, 108, 175, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; 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; filter: var(--bs-btn-close-filter); 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; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .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: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.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 { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @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; 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-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .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); } /* rtl:begin:ignore */ .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); } /* rtl:end:ignore */ .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); } /* rtl:begin:ignore */ .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); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .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: var(--bs-box-shadow); --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); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 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); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .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); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .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); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .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; filter: var(--bs-carousel-control-icon-filter); 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 0'/%3e%3c/svg%3e") /*rtl: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-.708'/%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-.708'/%3e%3c/svg%3e") /*rtl: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 0'/%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: var(--bs-carousel-indicator-active-bg); 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: var(--bs-carousel-caption-color); text-align: center; } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } :root, [data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.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; 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)); margin-left: auto; } .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 { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #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(44, 86, 140, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(44, 86, 140, 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; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !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 { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { 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; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 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 { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { 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 { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { 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 { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { 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 { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { 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 { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { 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; } } .core-accordion .accordion__item .accordion__heading .accordion__button { display: flex; align-items: center; outline: none; background-color: white; } .core-accordion .accordion__item .accordion__heading .accordion__button:before { border-color: #676767; margin-bottom: 4px; } .advanced-search .modal-dialog { max-width: 900px; } .advanced-search .modal-header { display: flex; align-items: center; justify-content: center; background-color: #376caf; } .advanced-search .modal-body { padding: 20px; } .advanced-search .modal-body .option-label { color: #343f4b; padding: 5px 0; } .advanced-search .modal-body .option-item { color: #343f4b; font-weight: 300; margin-bottom: 2px; padding: 5px 10px; cursor: pointer; } .advanced-search .modal-body .option-item:hover { background-color: #e5eef8; } .advanced-search .modal-body .option-item.active { background-color: #e5eef8; } .advanced-search .modal-body .border-r { border-right: 1px solid #c3c7cc; } .advanced-search .modal-footer { display: flex; justify-content: flex-end; border-top: none; } .core-animated-button { height: fit-content; } .core-animated-button .lds-dual-ring { display: inline-block; width: 46px; height: 46px; } .core-animated-button .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } .core-animated-button .lds-dual-ring.ring-18 { width: 18px; height: 18px; } .core-animated-button .lds-dual-ring.ring-18:after { width: 18px; height: 18px; border-width: 2px; } .core-animated-button .lds-dual-ring.ring-24 { width: 24px; height: 24px; } .core-animated-button .lds-dual-ring.ring-24:after { width: 24px; height: 24px; border-width: 2px; } .core-animated-button.link { border: none; box-shadow: none; background-color: transparent; } .core-animated-button.link:hover { background-color: transparent !important; } .core-animated-button.size-small { font-size: 14px; line-height: 17px; } .core-animated-button.size-medium { font-size: 20px; line-height: 24px; padding: 10px 20px; } .core-animated-button.size-large { font-size: 24px; line-height: 29px; padding: 12px 24px; } .core-animated-button.btn[disabled] { background-color: #c3c7cc; border: none; color: #343f4b; } .core-animated-button:focus, .core-animated-button:active, .core-animated-button:hover { box-shadow: none; outline: none; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ds-avatar { cursor: pointer; position: relative; } .ds-avatar:focus { outline: none; } .ds-avatar:hover .ds-avatar-modal { display: block; } .ds-avatar:hover .ds-avatar-modal:hover { background-color: #c9ddf6; } .ds-avatar.extra-tiny { width: 26px; min-width: 26px; height: 26px; min-height: 26px; } .ds-avatar.extra-tiny .ds-avatar-initial { font-size: 12; } .ds-avatar.tiny { width: 35px; min-width: 35px; height: 35px; min-height: 35px; } .ds-avatar.tiny .ds-avatar-initial { font-size: 14px; } .ds-avatar.small { width: 55px; min-width: 55px; height: 55px; min-height: 55px; } .ds-avatar.small .ds-avatar-initial { font-size: 18px; } .ds-avatar.regular { width: 70px; min-width: 70px; height: 70px; min-height: 70px; } .ds-avatar.regular .ds-avatar-initial { font-size: 20px; } .ds-avatar.medium { width: 83px; min-width: 83px; height: 83px; min-height: 83px; } .ds-avatar.medium .ds-avatar-initial { font-size: 26px; } .ds-avatar.large { width: 105px; min-width: 105px; height: 105px; min-height: 105px; } .ds-avatar.large .ds-avatar-initial { font-size: 30px; } .ds-avatar.extra-large { width: 125px; min-width: 125px; height: 125px; min-height: 125px; } .ds-avatar.extra-large .ds-avatar-initial { font-size: 36px; } .ds-avatar .icon { width: 100%; height: 100%; border: 1px solid #f8f8f9; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ds-avatar-image:focus { outline: none; } .ds-avatar-image img:focus { outline: none; } .ds-avatar-logo { border-radius: 50%; background-color: white; overflow: hidden; width: 100%; height: 100%; border: 2px solid #dee2e6 !important; } .ds-avatar-initial { display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; overflow: hidden; text-transform: uppercase; width: 100%; height: 100%; } .ds-avatar-icon { display: flex; align-items: center; justify-content: center; } .ds-avatar-modal { display: none; padding: 12px; position: absolute; left: 0; top: 100%; z-index: 999; width: 125px; background-color: white; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .ds-avatar-button { display: flex; padding: 5px 0.5rem; border-radius: 4px; margin-left: -0.5rem; cursor: pointer; } .ds-avatar-button:hover { background-color: #e7eff8; } .ds-avatar-button.regular { align-items: center; } .ds-avatar-button.regular .ds-avatar-button { display: flex; } .ds-avatar-button.regular .ds-avatar-button-username { color: #343f4b; font-size: 16px; line-height: 22px; margin-bottom: 0; } .ds-avatar-button.regular .ds-avatar-button-company { color: #343f4b; font-size: 14px; font-weight: 300; line-height: 16px; margin-bottom: 0; } .ds-avatar-button.regular .ds-avatar { width: 38px; min-width: 38px; height: 38px; min-height: 38px; } .ds-avatar-button.small .ds-avatar-button-username { color: #343f4b; font-size: 14px; line-height: 16px; margin-bottom: 0; } .ds-avatar-button.small .ds-avatar-button-company { color: #343f4b; font-size: 12px; font-weight: 300; line-height: 14px; margin-bottom: 0; } .ds-avatar-button.small .ds-avatar { width: 30px; min-width: 30px; height: 30px; min-height: 30px; } .ds-avatar-button.large .ds-avatar-button-username { color: #343f4b; font-size: 18px; line-height: 26px; margin-bottom: 0; } .ds-avatar-button.large .ds-avatar-button-company { color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; margin-bottom: 0; } .ds-avatar-button.large .ds-avatar { width: 48px; min-width: 48px; height: 48px; min-height: 48px; } .core-button { display: flex; align-items: center; justify-content: center; font-weight: 300; line-height: 1; min-width: 80px; padding: 0 15px; } .core-button.split :not(.dropdown-toggle-split):not(div) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .core-button.split .dropdown-toggle-split { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .core-button.split.high .btn { background-color: #376caf; border: none; color: white; } .core-button.split.high .btn:hover, .core-button.split.high .btn:focus { background-color: #235696; } .core-button.split.high .btn:active:focus { background-color: #123c72; border-color: transparent; color: white; outline: none; } .core-button.split.medium .btn { background-color: transparent; border: 1px solid #376caf; color: #376caf; } .core-button.split.medium .btn:hover, .core-button.split.medium .btn:focus { background-color: #c9ddf6; } .core-button.split.medium .btn:active:focus { background-color: #a2c4ef; border-color: #376caf; color: #376caf; outline: none; } .core-button.split.low .btn { background-color: transparent; border: none; color: #376caf; } .core-button.split.low .btn:hover, .core-button.split.low .btn:focus { background-color: #c9ddf6; } .core-button.split.low .btn:active:focus { background-color: #a2c4ef; border: none; color: #376caf; outline: none; } .core-button.split.link .btn { background-color: transparent; border: none; color: #376caf; box-shadow: none !important; } .core-button.split.link .btn.btn.disabled { background-color: transparent !important; } .core-button.split.link .btn:hover { color: #235696; } .core-button.split.link .btn:active:focus { background-color: transparent; border: none; color: #376caf; outline: none; } .core-button .lds-dual-ring { display: inline-block; width: 46px; height: 46px; } .core-button .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } .core-button .lds-dual-ring.ring-18 { width: 18px; height: 16px; } .core-button .lds-dual-ring.ring-18:after { width: 18px; height: 18px; border-width: 2px; } .core-button .lds-dual-ring.ring-24 { width: 24px; height: 24px; } .core-button .lds-dual-ring.ring-24:after { width: 24px; height: 24px; border-width: 2px; } :not(.core-button.split):not(div).high:disabled, :not(.core-button.split):not(div).medium:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.26); } :not(.core-button.split):not(div).high { background-color: #376caf; border: none; color: white; } :not(.core-button.split):not(div).high:hover, :not(.core-button.split):not(div).high:focus { background-color: #235696; } :not(.core-button.split):not(div).high:active:focus { background-color: #123c72; border-color: transparent; color: white; outline: none; } :not(.core-button.split):not(div).medium { background-color: transparent; border: 1px solid #376caf; color: #376caf; } :not(.core-button.split):not(div).medium:hover, :not(.core-button.split):not(div).medium:focus { background-color: #c9ddf6; } :not(.core-button.split):not(div).medium:active:focus { background-color: #a2c4ef; border-color: #376caf; color: #376caf; outline: none; } :not(.core-button.split):not(div).low { background-color: transparent; border: none; color: #376caf; } :not(.core-button.split):not(div).low:disabled { color: rgba(0, 0, 0, 0.26) !important; } :not(.core-button.split):not(div).low:hover, :not(.core-button.split):not(div).low:focus { background-color: #c9ddf6; } :not(.core-button.split):not(div).low:active:focus { background-color: #a2c4ef; border: none; color: #376caf; outline: none; } :not(.core-button.split):not(div).link { background-color: transparent; border: none; color: #376caf; box-shadow: none !important; } :not(.core-button.split):not(div).link.btn.disabled { background-color: transparent !important; } :not(.core-button.split):not(div).link:hover { color: #235696; } :not(.core-button.split):not(div).link:active:focus { background-color: transparent; border: none; color: #376caf; outline: none; } .core-button.size-small { border-radius: 17px; font-size: 14px; line-height: 17px; height: 33px; } .core-button.size-medium { border-radius: 29px; font-size: 22px; line-height: 27px; text-transform: uppercase; height: 58px; } .core-button.btn[disabled] { background-color: #c3c7cc; border: none; color: #343f4b; } .core-button:focus, .core-button:active, .core-button:hover { box-shadow: none; outline: none; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ds-checkbox { display: flex; } .ds-checkbox .checkmark.tiny { display: flex; align-items: center; } @-moz-keyframes dothabottomcheck-18px { 0% { height: 0; } 100% { height: 5.4px; } } @-webkit-keyframes dothabottomcheck-18px { 0% { height: 0; } 100% { height: 5.4px; } } @keyframes dothabottomcheck-18px { 0% { height: 0; } 100% { height: 5.4px; } } @keyframes dothatopcheck-18px { 0% { height: 0; } 50% { height: 0; } 100% { height: 9px; } } @-webkit-keyframes dothatopcheck-18px { 0% { height: 0; } 50% { height: 0; } 100% { height: 9px; } } @-moz-keyframes dothatopcheck-18px { 0% { height: 0; } 50% { height: 0; } 100% { height: 9px; } } .ds-checkbox .checkmark.tiny input[type=checkbox] { display: none; } .ds-checkbox .checkmark.tiny label { margin-bottom: 0; } .ds-checkbox .checkmark.tiny .check-box { height: 18px; width: 18px; background-color: transparent; border: 1px solid #969faa; border-radius: 9px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .ds-checkbox .checkmark.tiny .check-box::before, .ds-checkbox .checkmark.tiny .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: 1px; background-color: #969faa; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .ds-checkbox .checkmark.tiny .check-box::before { top: 12.24px; left: 7.02px; box-shadow: 0 0 0 0.9px #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ds-checkbox .checkmark.tiny .check-box::after { top: 9px; left: 3.24px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ds-checkbox .checkmark.tiny input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.tiny .check-box.checked { border-color: #969faa; } .ds-checkbox .checkmark.tiny input[type=checkbox]:checked + .check-box::after, .ds-checkbox .checkmark.tiny .check-box.checked::after { height: 9px; -moz-animation: dothabottomcheck-18px 0.2s ease 0s forwards; -o-animation: dothabottomcheck-18px 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-18px 0.2s ease 0s forwards; animation: dothabottomcheck-18px 0.2s ease 0s forwards; } .ds-checkbox .checkmark.tiny input[type=checkbox]:checked + .check-box::before, .ds-checkbox .checkmark.tiny .check-box.checked::before { height: 21.6px; -moz-animation: dothatopcheck-18px 0.4s ease 0s forwards; -o-animation: dothatopcheck-18px 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-18px 0.4s ease 0s forwards; animation: dothatopcheck-18px 0.4s ease 0s forwards; } .ds-checkbox .checkmark.small { display: flex; align-items: center; } @-moz-keyframes dothabottomcheck-22px { 0% { height: 0; } 100% { height: 6.6px; } } @-webkit-keyframes dothabottomcheck-22px { 0% { height: 0; } 100% { height: 6.6px; } } @keyframes dothabottomcheck-22px { 0% { height: 0; } 100% { height: 6.6px; } } @keyframes dothatopcheck-22px { 0% { height: 0; } 50% { height: 0; } 100% { height: 11px; } } @-webkit-keyframes dothatopcheck-22px { 0% { height: 0; } 50% { height: 0; } 100% { height: 11px; } } @-moz-keyframes dothatopcheck-22px { 0% { height: 0; } 50% { height: 0; } 100% { height: 11px; } } .ds-checkbox .checkmark.small input[type=checkbox] { display: none; } .ds-checkbox .checkmark.small label { margin-bottom: 0; } .ds-checkbox .checkmark.small .check-box { height: 22px; width: 22px; background-color: transparent; border: 1px solid #969faa; border-radius: 11px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .ds-checkbox .checkmark.small .check-box::before, .ds-checkbox .checkmark.small .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: 1px; background-color: #969faa; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .ds-checkbox .checkmark.small .check-box::before { top: 14.96px; left: 8.58px; box-shadow: 0 0 0 1.1px #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ds-checkbox .checkmark.small .check-box::after { top: 11px; left: 3.96px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ds-checkbox .checkmark.small input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.small .check-box.checked { border-color: #969faa; } .ds-checkbox .checkmark.small input[type=checkbox]:checked + .check-box::after, .ds-checkbox .checkmark.small .check-box.checked::after { height: 11px; -moz-animation: dothabottomcheck-22px 0.2s ease 0s forwards; -o-animation: dothabottomcheck-22px 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-22px 0.2s ease 0s forwards; animation: dothabottomcheck-22px 0.2s ease 0s forwards; } .ds-checkbox .checkmark.small input[type=checkbox]:checked + .check-box::before, .ds-checkbox .checkmark.small .check-box.checked::before { height: 26.4px; -moz-animation: dothatopcheck-22px 0.4s ease 0s forwards; -o-animation: dothatopcheck-22px 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-22px 0.4s ease 0s forwards; animation: dothatopcheck-22px 0.4s ease 0s forwards; } .ds-checkbox .checkmark.regular { display: flex; align-items: center; } @-moz-keyframes dothabottomcheck-26px { 0% { height: 0; } 100% { height: 7.8px; } } @-webkit-keyframes dothabottomcheck-26px { 0% { height: 0; } 100% { height: 7.8px; } } @keyframes dothabottomcheck-26px { 0% { height: 0; } 100% { height: 7.8px; } } @keyframes dothatopcheck-26px { 0% { height: 0; } 50% { height: 0; } 100% { height: 13px; } } @-webkit-keyframes dothatopcheck-26px { 0% { height: 0; } 50% { height: 0; } 100% { height: 13px; } } @-moz-keyframes dothatopcheck-26px { 0% { height: 0; } 50% { height: 0; } 100% { height: 13px; } } .ds-checkbox .checkmark.regular input[type=checkbox] { display: none; } .ds-checkbox .checkmark.regular label { margin-bottom: 0; } .ds-checkbox .checkmark.regular .check-box { height: 26px; width: 26px; background-color: transparent; border: 1px solid #969faa; border-radius: 13px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .ds-checkbox .checkmark.regular .check-box::before, .ds-checkbox .checkmark.regular .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: 1px; background-color: #969faa; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .ds-checkbox .checkmark.regular .check-box::before { top: 17.68px; left: 10.14px; box-shadow: 0 0 0 1.3px #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ds-checkbox .checkmark.regular .check-box::after { top: 13px; left: 4.68px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.regular .check-box.checked { border-color: #969faa; } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box::after, .ds-checkbox .checkmark.regular .check-box.checked::after { height: 13px; -moz-animation: dothabottomcheck-26px 0.2s ease 0s forwards; -o-animation: dothabottomcheck-26px 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-26px 0.2s ease 0s forwards; animation: dothabottomcheck-26px 0.2s ease 0s forwards; } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box::before, .ds-checkbox .checkmark.regular .check-box.checked::before { height: 31.2px; -moz-animation: dothatopcheck-26px 0.4s ease 0s forwards; -o-animation: dothatopcheck-26px 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-26px 0.4s ease 0s forwards; animation: dothatopcheck-26px 0.4s ease 0s forwards; } @media screen and (max-width: 768px) { @-moz-keyframes dothabottomcheck-25px { 0% { height: 0; } 100% { height: 7.5px; } } @-webkit-keyframes dothabottomcheck-25px { 0% { height: 0; } 100% { height: 7.5px; } } @keyframes dothabottomcheck-25px { 0% { height: 0; } 100% { height: 7.5px; } } @keyframes dothatopcheck-25px { 0% { height: 0; } 50% { height: 0; } 100% { height: 12.5px; } } @-webkit-keyframes dothatopcheck-25px { 0% { height: 0; } 50% { height: 0; } 100% { height: 12.5px; } } @-moz-keyframes dothatopcheck-25px { 0% { height: 0; } 50% { height: 0; } 100% { height: 12.5px; } } .ds-checkbox .checkmark.regular input[type=checkbox] { display: none; } .ds-checkbox .checkmark.regular label { margin-bottom: 0; } .ds-checkbox .checkmark.regular .check-box { height: 25px; width: 25px; background-color: transparent; border: 1px solid #969faa; border-radius: 12.5px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .ds-checkbox .checkmark.regular .check-box::before, .ds-checkbox .checkmark.regular .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: 1px; background-color: #969faa; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .ds-checkbox .checkmark.regular .check-box::before { top: 17px; left: 9.75px; box-shadow: 0 0 0 1.25px #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ds-checkbox .checkmark.regular .check-box::after { top: 12.5px; left: 4.5px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.regular .check-box.checked { border-color: #969faa; } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box::after, .ds-checkbox .checkmark.regular .check-box.checked::after { height: 12.5px; -moz-animation: dothabottomcheck-25px 0.2s ease 0s forwards; -o-animation: dothabottomcheck-25px 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-25px 0.2s ease 0s forwards; animation: dothabottomcheck-25px 0.2s ease 0s forwards; } .ds-checkbox .checkmark.regular input[type=checkbox]:checked + .check-box::before, .ds-checkbox .checkmark.regular .check-box.checked::before { height: 30px; -moz-animation: dothatopcheck-25px 0.4s ease 0s forwards; -o-animation: dothatopcheck-25px 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-25px 0.4s ease 0s forwards; animation: dothatopcheck-25px 0.4s ease 0s forwards; } } .ds-checkbox .checkmark.large { display: flex; align-items: center; } @-moz-keyframes dothabottomcheck-30px { 0% { height: 0; } 100% { height: 9px; } } @-webkit-keyframes dothabottomcheck-30px { 0% { height: 0; } 100% { height: 9px; } } @keyframes dothabottomcheck-30px { 0% { height: 0; } 100% { height: 9px; } } @keyframes dothatopcheck-30px { 0% { height: 0; } 50% { height: 0; } 100% { height: 15px; } } @-webkit-keyframes dothatopcheck-30px { 0% { height: 0; } 50% { height: 0; } 100% { height: 15px; } } @-moz-keyframes dothatopcheck-30px { 0% { height: 0; } 50% { height: 0; } 100% { height: 15px; } } .ds-checkbox .checkmark.large input[type=checkbox] { display: none; } .ds-checkbox .checkmark.large label { margin-bottom: 0; } .ds-checkbox .checkmark.large .check-box { height: 30px; width: 30px; background-color: transparent; border: 1px solid #969faa; border-radius: 15px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .ds-checkbox .checkmark.large .check-box::before, .ds-checkbox .checkmark.large .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: 1px; background-color: #969faa; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .ds-checkbox .checkmark.large .check-box::before { top: 20.4px; left: 11.7px; box-shadow: 0 0 0 1.5px #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ds-checkbox .checkmark.large .check-box::after { top: 15px; left: 5.4px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ds-checkbox .checkmark.large input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.large .check-box.checked { border-color: #969faa; } .ds-checkbox .checkmark.large input[type=checkbox]:checked + .check-box::after, .ds-checkbox .checkmark.large .check-box.checked::after { height: 15px; -moz-animation: dothabottomcheck-30px 0.2s ease 0s forwards; -o-animation: dothabottomcheck-30px 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-30px 0.2s ease 0s forwards; animation: dothabottomcheck-30px 0.2s ease 0s forwards; } .ds-checkbox .checkmark.large input[type=checkbox]:checked + .check-box::before, .ds-checkbox .checkmark.large .check-box.checked::before { height: 36px; -moz-animation: dothatopcheck-30px 0.4s ease 0s forwards; -o-animation: dothatopcheck-30px 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-30px 0.4s ease 0s forwards; animation: dothatopcheck-30px 0.4s ease 0s forwards; } .ds-checkbox .checkmark.reversed input[type=checkbox]:checked + .check-box, .ds-checkbox .checkmark.reversed .check-box.checked { border-color: #fff; } .ds-checkbox .checkmark.reversed .check-box::before, .ds-checkbox .checkmark.reversed .check-box::after { width: 2px; background-color: #fff; } .ds-checkbox .checkmark.reversed .check-box::before { width: 0px; } .ds-checkbox .checktitle { font-weight: 300; text-transform: capitalize; } .rc-calendar-picker { z-index: 1050 !important; } .ds-datepicker { position: relative; } .ds-datepicker .ds-datepicker-input { display: flex; } .ds-datepicker .ds-datepicker-input i { margin-top: 1px; } .ds-datepicker .ds-datepicker-input .clear { display: none !important; } .ds-datepicker .ds-datepicker-input .delete { display: none !important; } .ds-datepicker .ds-datepicker-input.horizontal { flex-direction: row; } .ds-datepicker .ds-datepicker-input.vertical { flex-direction: column; } .ds-datepicker .ds-datepicker-input.primary span { color: #376caf; } .ds-datepicker .ds-datepicker-input.secondary span { color: #969faa; } .ds-datepicker .ds-datepicker-content { background-color: white; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); margin-top: 10px; overflow: hidden; position: absolute; z-index: 999; } .ds-datepicker .ds-datepicker-content.left { left: 0; } .ds-datepicker .ds-datepicker-content.right { right: 0; } .ds-datepicker .custom-month-picker .rc-calendar { border: none; border-radius: 5px; box-shadow: 0px 1px 5px 1px #ccc; margin-top: 20px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap { height: 250px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel { border-radius: 5px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header { height: 50px; line-height: 45px; border: none; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header a { color: #969faa; font-size: 17px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select { color: #343f4b; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn, .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 25px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn { left: 10px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn::after { content: "\f104"; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn { right: 10px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn::after { content: "\f105"; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody { border-top: 1px solid #f8f8f9; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { width: 36px; height: 36px; border-radius: 20px; } .ds-datepicker .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody .rc-calendar-month-panel-cell.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { color: #0086fd; background-color: #d2e6ff; } .ds-daterangepicker { display: flex; align-items: center; } .ds-daterangepicker .current { cursor: pointer; padding: 5px 10px; } .ds-daterangepicker .dates { display: flex; height: 37px; align-items: center; padding: 0 10px; } .ds-daterangepicker .dates.input { background-color: #f6f7f8; } .ds-daypicker { display: flex; align-items: center; } .ds-daypicker .current { cursor: pointer; padding: 5px 10px; } .ds-daypicker .dates { display: flex; height: 37px; align-items: center; padding: 0 10px; } .ds-daypicker .dates.input { background-color: #f6f7f8; } .core-dropdown { margin-bottom: auto; position: relative; } .core-dropdown .core-dropdown-toggle { cursor: pointer; display: flex; height: 100%; } .core-dropdown .core-dropdown-toggle .core-dropdown-label { overflow: hidden; line-height: 22px; margin-right: auto; position: relative; text-overflow: ellipsis; max-width: 400px; padding-right: 30px; } .core-dropdown .core-dropdown-toggle .core-dropdown-label span { display: inline-block; min-width: 20px; } .core-dropdown .core-dropdown-toggle .core-dropdown-label:hover { background-color: #f7f7f7; } .core-dropdown .core-dropdown-toggle .core-dropdown-label.error { border: 1px solid red; } .core-dropdown .core-dropdown-toggle .caret { position: absolute; top: 50% !important; right: 10px; transform: translateY(-50%); pointer-events: none; } .core-dropdown .core-dropdown-toggle.horizontal { flex-direction: row; align-items: center; } .core-dropdown .core-dropdown-toggle.horizontal .core-dropdown-label { padding: 7px 35px 7px 10px; } .core-dropdown .core-dropdown-toggle.vertical { flex-direction: column; } .core-dropdown .core-dropdown-toggle.vertical .core-dropdown-label { padding-right: 30px; } .core-dropdown .core-dropdown-menu { background-color: white; border-radius: 5px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 10px; margin-top: 10px; position: absolute; z-index: 999; } .core-dropdown .core-dropdown-menu .menu-content { max-height: 60vh; overflow-y: auto; } .core-dropdown .core-dropdown-menu .menu-content .core-dropdown-item { display: flex; align-items: center; cursor: pointer; min-height: 30px; padding: 0 10px; } .core-dropdown .core-dropdown-menu .menu-content .core-dropdown-item:hover { background-color: #f7f7f7 !important; } .core-dropdown .core-dropdown-menu .menu-content .core-dropdown-item.active { background-color: #e7eff8; } .core-dropdown .core-dropdown-menu .split-line { background-color: #cccccc; margin-top: 5px; margin-bottom: 5px; width: 100%; height: 0.5px; } .core-dropdown .core-dropdown-menu.left { left: 0; } .core-dropdown .core-dropdown-menu.right { right: 0; } .error-boundary { display: flex; align-items: center; justify-content: center; background: #376caf; width: 100vw; height: 100vh; } .core-filter { display: flex; flex: 1; align-items: center; justify-content: space-between; background-color: transparent; border-radius: 5px !important; } .core-filter .core-dropdown .core-dropdown-toggle.horizontal .core-dropdown-label { font-size: 14px; color: #343f4b; margin-right: 0; } .core-filter .core-dropdown .core-dropdown-menu { min-width: 250px; } .core-filter .employee.core-dropdown .core-dropdown-menu .menu-content { max-height: 40vh; } @media screen and (max-width: 768px) { .core-filter .employee.core-dropdown .core-dropdown-menu { width: 270px; min-width: 190px; left: -110px; } } .core-filter .filter-search { display: flex; background-color: #f8f8f9; border-radius: 3px; align-items: center; padding-left: 10px; } .core-filter .filter-search input { background-color: #f8f8f9; font-weight: 300; border: none; } .core-filter .filter-search input:focus { box-shadow: none; } .core-filter .filter-search input:focus::placeholder { opacity: 0.5; } .core-filter .filter-search input::placeholder { color: #969faa; font-weight: 300; } .core-filter .filter-search i { font-weight: 300; } .core-filter .filter-dropdown { width: 100%; } .core-filter .filter-dropdown .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; color: #343f4b; font-size: 16px; font-weight: 300; padding: 5px 10px; } .core-filter .filter-dropdown .dropdown-toggle:focus { box-shadow: none; } .core-filter .filter-dropdown .dropdown-toggle:hover { background-color: #f8f8f9; } .core-filter .filter-dropdown .dropdown-menu { max-height: 330px; overflow: auto; } .core-filter .filter-dropdown .dropdown-menu .dropdown-item { cursor: pointer; font-size: 16px; font-weight: 300; } .core-filter .filter-dropdown .dropdown-menu .dropdown-item:active { background-color: #f8f8f9; color: #343f4b; } .core-filter .filter-dropdown .dropdown-menu .dropdown-item.active { background-color: #e5eef8; color: #343f4b; } @media screen and (max-width: 768px) { .core-filter .filter-dropdown .dropdown-menu { width: 260px; } .core-filter .filter-dropdown .dropdown-menu .dropdown-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .core-filter .filter-dropdown.show .dropdown-toggle { background-color: #f8f8f9; border: none; color: #343f4b; } .core-filter .filter-dropdown.show .dropdown-toggle:focus { box-shadow: none; } @media screen and (max-width: 991px) { .core-filter .arrow-btn { position: absolute; right: 19px; } } .core-habit-item { display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e0e0e0; cursor: pointer; margin: 0px; } .core-habit-item:hover, .core-habit-item:focus { background-color: #f1f5fb; margin-left: -20px; margin-right: -20px; padding: 10px 20px 10px 20px; } .core-habit-item:hover + .core-task-item, .core-habit-item:focus + .core-task-item { margin-left: -20px; margin-right: -20px; padding: 10px 20px 10px 20px; } .ds-imagepicker { border: 2px solid white; overflow: hidden; } .ds-imagepicker .crop-content { display: flex; flex-direction: column; align-items: center; padding: 2px; } .core-input { display: flex; align-items: center; margin-bottom: 0; } .core-input .core-input-label { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; } .core-input .core-input-content { display: flex; flex: 1; align-items: center; position: relative; } .core-input .core-input-content textarea, .core-input .core-input-content input { color: #343f4b; background-color: #f6f7f8; border: 1px solid transparent; border-radius: 3px; box-shadow: none; font-size: 16px; font-weight: 300; padding: 0 22px 0 10px; text-overflow: ellipsis; } .core-input .core-input-content textarea:focus, .core-input .core-input-content input:focus { background-color: #f6f7f8; border: none !important; box-shadow: none; padding-right: 22px !important; outline: none; } .core-input .core-input-content textarea:focus ~ .delete, .core-input .core-input-content input:focus ~ .delete { background-color: transparent !important; } .core-input .core-input-content textarea:focus ~ .delete i, .core-input .core-input-content input:focus ~ .delete i { display: none !important; } .core-input .core-input-content textarea:hover, .core-input .core-input-content input:hover { background-color: #f6f7f8; border: 1px solid #c3c7cc; } .core-input .core-input-content textarea:disabled, .core-input .core-input-content input:disabled { background-color: transparent; border: none; cursor: auto; } .core-input .core-input-content textarea::-webkit-input-placeholder, .core-input .core-input-content textarea:-moz-placeholder, .core-input .core-input-content textarea::-moz-placeholder, .core-input .core-input-content textarea:-ms-input-placeholder, .core-input .core-input-content textarea::placeholder, .core-input .core-input-content input::-webkit-input-placeholder, .core-input .core-input-content input:-moz-placeholder, .core-input .core-input-content input::-moz-placeholder, .core-input .core-input-content input:-ms-input-placeholder, .core-input .core-input-content input::placeholder { color: #969faa; } .core-input .core-input-content input { height: 37px; } .core-input .core-input-content input::placeholder, .core-input .core-input-content textarea::placeholder { color: #969faa; } .core-input .core-input-content textarea { padding: 5px 10px; } .core-input .core-input-content .clear { display: none; position: absolute; right: 3px; z-index: 1000; } .core-input .core-input-content .counter { display: none; position: absolute; right: 0px; bottom: 0px; margin: 10px; z-index: 1000; } .core-input .core-input-content .delete { background-color: transparent; border-radius: 5px; width: 24px; height: 24px; } .core-input .core-input-content .delete i { display: none; } .core-input:hover .delete { display: flex; align-items: center; justify-content: center; background-color: #f6f7f8; border: none; cursor: pointer; } .core-input:hover .delete i { display: block; } .core-input:hover .clear { display: block !important; } .core-input.horizontal { flex-direction: row; } .core-input.horizontal .core-input-content textarea, .core-input.horizontal .core-input-content input { margin-left: 20px; } .core-input.vertical { flex-direction: column; align-items: flex-start; } .core-input.vertical .core-input-label { margin-bottom: 5px; } .core-input.vertical .core-input-content { width: 100%; } .core-input.vertical .core-input-content textarea, .core-input.vertical .core-input-content input { margin-left: 0; width: 100%; } .core-input.remove input, .core-input.remove textarea { margin-right: 10px; } .core-input.remove .clear { right: 40px; } .core-input.focused .clear, .core-input.focused .counter { display: block !important; } .core-input.error textarea, .core-input.error input { border: 1px solid red !important; } .core-input .error { margin-left: 20px; margin-top: 5px; } .core-input input[type=number]::-webkit-inner-spin-button, .core-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ds-monthpicker { display: flex; align-items: center; } .ds-monthpicker .react-datepicker .react-datepicker__navigation { top: 15px; } .ds-monthpicker .react-datepicker .react-datepicker-year-header { font-weight: 500 !important; font-size: 16px !important; height: 40px; padding-top: 10px; } .ds-monthpicker .react-datepicker .react-datepicker__month-wrapper .react-datepicker__month-text { color: #343f4b; font-size: 14px; height: 40px; line-height: 40px; width: 80px; } .core-pagination { display: flex; background-color: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 20px; } .core-pagination-button { display: flex; align-items: center; justify-content: center; border-radius: 20px; cursor: pointer; margin-left: 2px; margin-right: 2px; width: 40px; height: 30px; } .core-pagination-button span { color: #376caf; } .core-pagination-button span.disabled { color: #676767; cursor: default; } .core-pagination-button.active { background-color: #f5f6f7; } .core-pagination-button.ctl { margin-left: 0; margin-right: 0; min-width: 60px; width: auto; } .core-pagination-button.ctl.left { justify-content: flex-start; padding-right: 20px; } .core-pagination-button.ctl.right { justify-content: flex-end; padding-left: 20px; } .core-pagination-button.ctl:hover { background-color: transparent; } .core-pagination-button.ctl:hover span { font-weight: 500; } .core-pagination-button:hover { background-color: #f5f6f7; } .core-pagination-pers { align-items: center; justify-content: flex-end; min-width: 120px; } .core-pagination-per { color: #376caf; cursor: pointer; font-size: 14px; text-transform: capitalize; } .core-pagination-per.active { font-weight: bold; } .core-pagination.large-button span { font-size: 16px; } .core-pagination.large-pers { font-size: 16px; } .core-pagination.small-button span { font-size: 14px; } .core-pagination.small-pers { font-size: 14px; } .ds-progress { display: flex; align-items: center; } .ds-progress .progress { border-radius: 5px; height: 10px; min-width: 130px; } .ds-progress .progress .progress-bar { border-radius: 5px; } .ds-progress .progress-label { font-size: 16px; font-weight: 300; line-height: 16px; } .ds-stars { display: flex; align-items: center; } .ds-stars.vertical { width: fit-content; flex-direction: column; align-items: flex-start; } .ds-stars.vertical .star-list { margin-top: 0.5rem; margin-left: 0.5rem; } .ds-stars .star-list.small { min-width: 104px; } .ds-stars .star-list.small .fa-star { font-size: 13px; } .ds-stars .star-list.medium { min-width: 164px; } .ds-stars .star-list.medium .fa-star { font-size: 20px; margin-right: 3px; } .ds-stars .star-list.large .fa-star { font-size: 25px; margin-right: 5px; } .ds-stars .lh18 { line-height: 18px; } .ds-stars .lh24 { line-height: 24px; } .ds-stars .rating-feedback { width: 100%; padding-left: 0.5rem; margin-top: 0.5rem; display: flex; justify-content: space-between; align-items: center; } .ds-search { display: flex; align-items: center; } .ds-search input { border: none; color: #343f4b; font-size: 14px; font-weight: 300; line-height: 16px; width: 120px; } .ds-search input:focus { box-shadow: none; } @media screen and (max-width: 767px) { .ds-search input { width: 200px !important; } } .tab-container { position: relative; z-index: 200; } .detail-settings { background-color: white; padding-top: 30px; padding-bottom: 30px; } .detail-settings .settings-quota .accordion__panel { padding: 0 !important; } .detail-settings .settings-quota .accordion__panel > div { padding: 0 20px; } .detail-settings .settings-quota .accordion__heading { position: relative; } .detail-settings .settings-quota .accordion__heading .accordion__button:before { border-color: #343f4b !important; height: 8px !important; width: 8px !important; top: 21px !important; left: 130px !important; position: absolute; } .detail-settings .settings-quota .accordion__heading p { font-weight: 700 !important; font-size: 16px !important; } .detail-settings .settings-quota .core-input-label, .detail-settings .settings-quota .core-dropdown-title { width: 134px; } .ds-stepbar { display: flex; align-items: center; } .ds-tabs { display: flex; width: max-content; background-color: #376caf; } .ds-tabs-tab { align-items: center; cursor: pointer; display: flex; } .ds-tabs-tab > div { border-right: 1px solid #6899d7; color: white; font-size: 14px; font-weight: 300; height: 18px; padding: 0 12px; } .ds-tabs-tab .dropdown > button { padding: 0; } .ds-tabs-tab .dropdown .dropdown-menu { border: 0 !important; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); margin-top: 10px; } .ds-tabs-tab .dropdown .dropdown-menu .dropdown-item { color: #676767; font-size: 14px; font-weight: 300; } .ds-tabs-tab .dropdown .dropdown-menu .dropdown-item:active { background-color: #f8f8f9; } .ds-tabs-tab .dropdown .dropdown-toggle::after { display: none; } .ds-tabs-tab.active { background-color: #6899d7; } .ds-tabs.white { background-color: #ffffff; } .ds-tabs.white .ds-tabs-tab > div { color: #376caf; height: 12px; line-height: 12px; padding: 0 12px; } .ds-tabs.white .ds-tabs-tab.active { background-color: unset; } .ds-tabs.white .ds-tabs-tab.active > div { color: #376caf; font-weight: 700; text-decoration: underline; } .core-task-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #e0e0e0; cursor: pointer; margin: 0px; } .core-task-item:hover, .core-task-item:focus { background-color: #f1f5fb; margin-left: -20px; margin-right: -20px; padding: 12px 20px; border-top: 1px solid #e0e0e0; border-bottom: none; margin-bottom: 0; } .core-task-item:hover + .core-task-item, .core-task-item:focus + .core-task-item { margin-left: -20px; margin-right: -20px; padding: 12px 20px; } .core-task-item .task-detail { width: calc(100% - 26px - 65px - 16px); padding: 0 20px; } .core-task-item .truncate-one:hover { cursor: pointer; } .core-task-item .avatar-section { width: 65px; display: flex; flex-direction: column; align-items: center; margin-right: 20px; } .core-text { align-items: center; margin-bottom: 0; } .core-text label { margin-bottom: 0; } .core-text .input-group .form-control { border: none; border-color: #c3c7cc; border-radius: 0; box-shadow: none; padding: 0 0 0 10px; } .core-text .input-group .form-control:focus { background-color: #f8f8f9; border: none !important; } .core-text .input-group .form-control:focus + .input-group-addon { background-color: #f8f8f9; border: none; cursor: pointer; } .core-text .input-group .form-control:focus + .input-group-addon i { display: block; } .core-text .input-group .input-group-addon { background-color: transparent; border: none; width: 40px; } .core-text .input-group .input-group-addon i { display: none; } .core-text .input-group:hover .form-control { background-color: #f8f8f9; border-right: none; border-left: 1px solid #c3c7cc; border-top: 1px solid #c3c7cc; border-bottom: 1px solid #c3c7cc; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .core-text .input-group:hover .form-control:disabled { background-color: transparent; border: none; cursor: auto; } .core-text .input-group:hover .form-control:disabled + .input-group-addon { display: none; } .core-text .input-group:hover .input-group-addon { background-color: #f8f8f9; border-left: none; border-top: 1px solid #c3c7cc; border-right: 1px solid #c3c7cc; border-bottom: 1px solid #c3c7cc; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .core-text input[value=""] { background-color: #f8f8f9; } .core-text input[value=""] + .input-group-addon { background-color: #f8f8f9; border: none; } .core-text input[value=""] + .input-group-addon i { display: none; } .core-text input[disabled] { background-color: transparent; cursor: auto; } .core-text.horizontal { display: flex; } .core-text.vertical { display: block; } .core-text.vertical .form-control { padding-left: 0; } .ds-thumbnail { min-width: 100px; max-width: 120px; position: relative; } .ds-thumbnail .video-player { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ds-thumbnail .delete, .ds-thumbnail .upload { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background-color: #f8f8f9; } .ds-thumbnail .delete:hover, .ds-thumbnail .upload:hover { opacity: 0.7; } .ds-thumbnail .upload { background-color: transparent; z-index: 100; top: 50%; right: 50%; transform: translate(50%, -50%); } .ds-thumbnail .placeholder { display: flex; align-items: center; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .ds-thumbnail .placeholder span { margin-left: 10px; } .ds-thumbnail .placeholder i { font-size: 16px !important; } .ds-thumbnail .image { background-color: #f8f8f9; background-repeat: no-repeat; background-size: cover; background-position: center; border: 1px solid #dee2e6; border-radius: 5px; margin-bottom: 0; padding-top: 55%; width: 100%; height: 0; position: relative; cursor: pointer; } .ds-thumbnail .image .video-player { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ds-thumbnail .image .delete, .ds-thumbnail .image .upload { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background-color: #f8f8f9; } .ds-thumbnail .image .delete:hover, .ds-thumbnail .image .upload:hover { opacity: 0.7; } .ds-thumbnail .image .upload { background-color: transparent; z-index: 100; top: 50%; right: 50%; transform: translate(50%, -50%); } .ds-thumbnail .image .placeholder { display: flex; align-items: center; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .ds-thumbnail .image .placeholder span { margin-left: 10px; } .ds-thumbnail .image .placeholder i { font-size: 16px !important; } .ds-thumbnail .opaque { height: 100%; width: 100%; position: absolute; z-index: 2; top: 0; background: rgba(255, 255, 255, 0.75); } .ds-thumbnail .icon { width: 100%; border: 1px solid #f8f8f9; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ds-thumbnail .icon .label { color: #969faa; font-weight: 300; margin: 0; padding: 0; padding-top: 5px; } .ds-thumbnail.tiny { min-width: 100px; max-width: 120px; } .ds-thumbnail.tiny i { font-size: 14px !important; } .ds-thumbnail.tiny .icon { min-height: 55px; } .ds-thumbnail.tiny .icon i { font-size: 14px !important; } .ds-thumbnail.tiny .icon .label { font-size: 10px; line-height: 12px; } .ds-thumbnail.small { min-width: 105px; max-width: 110px; } .ds-thumbnail.small i { font-size: 20px !important; } .ds-thumbnail.small .icon { min-height: 70px; } .ds-thumbnail.small .icon i { font-size: 18px !important; } .ds-thumbnail.small .icon .label { font-size: 12px; line-height: 16px; } .ds-thumbnail.regular { min-width: 160px; max-width: 180px; } .ds-thumbnail.regular i { font-size: 22px !important; } .ds-thumbnail.regular .icon { min-height: 85px; } .ds-thumbnail.regular .icon i { font-size: 20px !important; } .ds-thumbnail.regular .icon .label { color: #969faa; font-size: 14px; line-height: 18px; } .ds-thumbnail.medium { min-width: 320px; max-width: 350px; } .ds-thumbnail.medium i { font-size: 26px !important; } .ds-thumbnail.medium .icon { min-height: 175px; } .ds-thumbnail.medium .icon i { font-size: 24px !important; } .ds-thumbnail.medium .icon .label { color: #969faa; font-size: 18px; line-height: 22px; } .ds-thumbnail.large { min-width: 470px; max-width: 500px; } .ds-thumbnail.large i { font-size: 32px !important; } .ds-thumbnail.large .icon { min-height: 260px; } .ds-thumbnail.large .icon i { font-size: 28px !important; } .ds-thumbnail.large .icon .label { color: #969faa; font-size: 20px; line-height: 26px; } .ds-thumbnail.responsive { min-width: 100px; max-width: 1500px; } .ds-thumbnail.responsive i { font-size: 14px !important; } @media screen and (max-width: 576px) { .ds-thumbnail.tiny { min-width: 70px; max-width: 100px; } } .ds-tm { margin-top: -24px; align-items: baseline; text-indent: initial; word-break: break-all; } .ds-tm--title { font-size: 16px; } .ds-tm--description { font-size: 14px; } .ds-toggle { display: flex; align-items: center; margin-bottom: 0; } .ds-toggle-label { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; margin-right: 10px; } .ds-toggle--llabel { font-size: 16px; margin-right: 10px; } .ds-toggle--llabel.active { color: #343f4b; } .ds-toggle--llabel.inactive { color: #969faa; } .ds-toggle--rlabel { font-size: 16px; margin-left: 10px; } .ds-toggle--rlabel.active { color: #343f4b; } .ds-toggle--rlabel.inactive { color: #969faa; } .ds-toggle--button { display: flex; } .ds-toggle--button label { margin: 0 !important; } .ds-toggle--button .switch-tag { font-size: 15px; margin-right: 5px; } .ds-toggle--button.disabled .react-switch-bg { background-color: #c3c7cc !important; } .ds-toggle.horizontal { flex-direction: row; } .ds-toggle.vertical { flex-direction: column; align-items: flex-start; } .ds-toggle.vertical .ds-toggle-label { padding-bottom: 1rem; } .ds-upload { display: flex; flex-direction: column; } .ds-upload-label { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; margin-right: 10px; } .ds-upload .upload-button { padding: 0px; } .ds-upload .upload-button.center { margin: 0px auto; } .ds-upload .upload-button.left { float: left; } .ds-upload .upload-button.right { float: right; } .ds-upload .upload-button > div { padding: 0px 15px; } .ds-upload .upload-button .error { border: 1px solid red; } .ds-upload .buttont-text { line-height: 22px; } .add-admin-modal .add-admin-search { width: 100%; padding: 7px; position: relative; } .add-admin-modal .add-admin-search input { width: 100%; padding: 0 0 0 35px; } .add-admin-modal .add-admin-search i.fa-search { position: absolute; left: 15px; } .add-admin-modal .user-list { max-height: 50vh; overflow: auto; } .add-admin-modal .user-list .selected { background-color: #e5eef8; } .add-admin-modal .user-list::-webkit-scrollbar { width: 5px; background-color: #fefefe; } .add-admin-modal .user-list::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .add-admin-modal .user-list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #969faa; outline: 1px solid slategrey; } .add-category-modal .modal-header { display: flex; align-items: center; justify-content: center; } .add-category-modal .modal-body { padding: 20px 30px; } .add-company-modal .modal-header { display: flex; align-items: center; justify-content: center; } .add-company-modal .modal-body { background-color: #f5f6f8; padding: 20px 30px; } .add-company-modal .modal-body .logospan { width: 100px; } .add-company-modal .modal-body .core-input-label { width: 80px; } .add-company-easy-modal .modal-header { display: flex; align-items: center; justify-content: center; } .add-company-easy-modal .modal-body { background-color: #f5f6f8; } .add-company-easy-modal .modal-body .core-input .core-input-content .form-control { border: 1px solid #c3c7cc !important; } .add-blog-modal .ql-editor { min-height: 300px; } .add-document-modal .modal-header { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #376caf; height: 40px; } .add-document-modal .modal-body { padding: 20px; } .add-document-modal .modal-body .ds-upload a { word-break: break-all; } .add-document-modal .modal-footer { border: none; margin-bottom: 10px; text-align: center; } .add-employee .modal-header { text-align: center; justify-content: center; align-items: center; } .add-employee .core-filter { background-color: #f9fafb; padding: 10px 20px; } .add-employee .modal-body { padding-top: 5px; padding-left: 20px; padding-right: 20px; } .add-employee .modal-body .ds-avatar { margin-right: 20px; } .add-employee .modal-body .info { flex: 1; } .add-employee .modal-body .info .assign { display: flex; align-items: center; margin-bottom: 10px; } .add-employee .modal-body .info .assign span { width: 100px; } .add-employee .modal-body .info .core-dropdown { margin-bottom: 10px; } .add-employee .modal-body .info .core-dropdown .core-dropdown-toggle .core-dropdown-title { width: 100px; } .add-employee .modal-body .info .core-dropdown .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .add-employee .modal-body .info .core-input { margin-bottom: 10px; } .add-employee .modal-body .info .core-input .core-input-label { width: 85px; } .add-employee .modal-body .info .core-input .core-input-content { flex: 1; } .add-employee .modal-body .info .core-input .core-input-content input { max-width: 300px; } .add-employee .modal-body .info .core-input .core-input-content .clear { right: 20px; } .add-employee .modal-body .info .core-input .core-input-content .delete { display: none !important; } .add-employee .modal-body .info .ds-datepicker { margin-top: 4px; margin-bottom: 4px; } .add-employee .modal-body .info .ds-datepicker .dsl-label { width: 100px; } .add-employee .modal-body .info .ds-datepicker .ds-datepicker-input span { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; } .add-employee .modal-body .info .ds-datepicker .core-input-content input { background-color: white; } .add-employee .modal-body .info .ds-datepicker .react-datepicker-wrapper .react-datepicker__input-container input { border: none; } .add-employee .modal-body .info .ds-datepicker i { margin-top: 10px; } .add-employee .modal-footer { display: flex; justify-content: flex-end; border-top: none; padding-bottom: 20px; text-align: right; } .add-employee ::-webkit-input-placeholder { color: #969faa; } .add-employee ::-moz-placeholder { color: #969faa; } .add-employee :-ms-input-placeholder { color: #969faa; } .add-employee :-moz-placeholder { color: #969faa; } .add-forum-model .ql-editor { min-height: 300px; } .addglobalauthor-modal .core-dropdown-toggle .core-dropdown-title { width: 100px; margin-left: 0 !important; } .add-habit-modal .modal-header { display: flex; align-items: center; justify-content: center; background-color: #376caf; } .add-habit-modal .modal-body .settings-contents, .add-habit-modal .modal-body .modules-contents { padding: 20px; background-color: white; border-radius: 5px; } .add-habit-modal .modal-body .settings-habit .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 100px; } .add-habit-modal .modal-body .settings-habit .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .add-habit-modal .modal-body .settings-habit .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .add-habit-modal .modal-body .settings-habit .accordion__item .accordion__title { border-bottom: none !important; } .add-habit-modal .modal-body .settings-habit .accordion__item .accordion__body { padding: 10px 0 0; } .add-habit-modal .modal-body .input-field { margin-bottom: 25px; } .add-habit-modal .modal-body .input-field .core-input-label { line-height: 20px; } .add-habit-modal .modal-body .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .add-habit-modal .modal-body .input-field .core-input-content .clear { right: 15px; } .add-habit-modal .modal-body .input-field .core-input-content .delete { display: none; } .add-habit-modal .modal-footer { display: flex; justify-content: flex-end; border: none; } .addinternalauthor-modal .core-dropdown-toggle .core-dropdown-title { width: 100px; margin-right: 0 !important; } .addinternalauthor-modal .core-input-label { width: 100px; } .addinternalauthor-modal .core-input-content .form-control { margin-left: 0 !important; } .add-employees .list { padding: 20px; } .add-employees .list .list-header { display: flex; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; } .add-employees .list .list-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 22px 0; } .add-employees .input-field .core-input-content input { margin-left: 0; margin-right: 10px; } .add-new-module-modal .modal-header { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #376caf; height: 40px; } .add-new-module-modal .modal-body { padding: 20px; } .add-new-module-modal .modal-body .core-input { flex: 1; } .add-new-module-modal .modal-body .module-name .clear, .add-new-module-modal .modal-body .video-url .clear, .add-new-module-modal .modal-body .objectives .clear, .add-new-module-modal .modal-body .module-description .clear { display: none; } .add-new-module-modal .modal-body .module-name .delete, .add-new-module-modal .modal-body .video-url .delete, .add-new-module-modal .modal-body .objectives .delete, .add-new-module-modal .modal-body .module-description .delete { display: none; } .add-new-module-modal .modal-body .upload-video { display: flex; align-items: center; justify-content: center; background-color: #f8f8f9; box-shadow: none; cursor: pointer; width: 140px; height: 34px; } .add-new-module-modal .modal-body .logo { display: flex; align-items: center; justify-content: center; background-color: #f8f8f9; border-radius: 5px; cursor: pointer; overflow: hidden; width: 170px; height: 105px; } .add-new-module-modal .modal-body .logo img { width: 170px; } .add-new-module-modal .modal-body .type-dropdown { border: none; color: #343f4b; font-size: 14px; line-height: 1; padding: 0; } .add-new-module-modal .modal-body .module-description { height: 100%; } .add-new-module-modal .modal-body .module-description textarea { height: 100%; } .add-new-module-modal .modal-body .ql-toolbar.ql-snow { background-color: #f8f8f9; } .add-new-module-modal .modal-body .question-circle { background-color: #969faa; width: 20px; height: 20px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold; margin-right: 10px; } .add-new-module-modal .modal-body .objectives input { margin-left: 0; } .add-new-module-modal .modal-body .settings .input-field { margin-bottom: 25px; } .add-new-module-modal .modal-body .settings .input-field .core-input-label { width: 90px; line-height: 20px; } .add-new-module-modal .modal-body .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 100px; min-width: 100px; } .add-new-module-modal .modal-body .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .add-new-module-modal .modal-body .settings .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .add-new-module-modal .modal-body .settings .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .add-new-module-modal .modal-body .settings .accordion__item .accordion__title { border-bottom: none; } .add-new-module-modal .modal-body .settings .accordion__item .accordion__body { padding: 10px 0 0; } .add-new-module-modal .ds-dropdown .dropdown button { font-size: 13px; } .add-new-project .modal-header { background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; justify-content: center; } .add-new-project .modal-body { padding: 20px; } .add-new-project .modal-body .core-dropdown .core-dropdown-label span { white-space: pre-wrap; } .add-new-project .modal-footer { display: flex; justify-content: center; border-top: none; text-align: center; } .add-new-quota-modal .modal-header { display: flex; align-items: center; justify-content: center; background-color: #376caf; } .add-new-quota-modal .modal-body .section { padding: 10px; border-bottom: 1px solid #dee2e6; } .add-new-quota-modal .modal-body .section .input-field { align-items: flex-start; } .add-new-quota-modal .modal-body .section .input-field .core-input-label { width: 100px; margin-top: 10px; } .add-new-quota-modal .modal-body .section .dropdown-field { width: 100% !important; } .add-new-quota-modal .modal-body .section .dropdown-field .core-dropdown-title { width: 100px; } .add-new-quota-modal .modal-body .section .dropdown-field .core-dropdown-menu { left: 112px !important; } .add-new-quota-modal .modal-body .detail-settings { padding: 10px; } .add-new-quota-modal .modal-body .detail-settings .settings-quota .accordion__panel > div { padding: 0; } .add-new-quota-modal .modal-body .detail-settings .dropdown-field .core-dropdown-title { width: 100px; } .add-new-quota-modal .modal-body .detail-settings .core-dropdown-label { max-width: 300px !important; } .add-new-quota-modal .modal-body .accordion__item .accordion__title { border-bottom: none; } .add-new-quota-modal .modal-body .accordion__item .accordion__body { padding: 10px 0 0; } .add-new-quota-modal .modal-body .accordion__item .accordion__heading .accordion__button { position: relative; padding-left: 0; padding-bottom: 11px; } .add-new-quota-modal .modal-body .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 120px; top: 23px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } .add-new-quota-modal .modal-body .accordion__item .accordion__heading .accordion__button p { color: #343f4b; font-size: 16px; font-weight: 500; line-height: 18px; } .add-new-quota-modal .modal-body .accordion__item .accordion__panel { padding: 10px 0; } .add-new-quota-modal .modal-body .accordion__item .accordion__panel .core-dropdown-toggle .core-dropdown-label { max-width: 140px; } .add-new-quota-modal .modal-body .accordion__item .accordion__panel .core-dropdown-toggle .core-dropdown-label span { white-space: normal !important; } .add-new-quota-modal .heading .core-input-content .form-control { font-weight: 400; } .add-new-quota-modal .heading .core-input-content .form-control::placeholder { font-weight: 300; } .add-new-quota-modal .description .core-input-content .form-control { line-height: 22px; } .add-new-quota-modal .modal-footer { display: flex; justify-content: flex-end; border: none; } .add-scorecard-modal { background: #fff !important; } .add-scorecard-modal .detail-settings { padding-top: 0; } .add-scorecard-modal .modal-header { justify-content: center; border-top-left-radius: 5px; border-top-right-radius: 5px; } .add-scorecard-modal .modal-body { width: 100%; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .add-scorecard-modal .modal-body .section { padding: 10px; } .add-scorecard-modal .modal-body .section.top .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .add-scorecard-modal .modal-body .section.top .section-header-actions { display: flex; align-items: center; grid-gap: 15px; cursor: pointer; } .add-scorecard-modal .modal-body .section.top .scorecard-field { margin-bottom: 10px; } .add-scorecard-modal .modal-body .section.top .scorecard-field .core-dropdown-title, .add-scorecard-modal .modal-body .section.top .scorecard-field .core-input-label { width: 80px; } .add-scorecard-modal .modal-body .section.top .scorecard-field .core-input-content { width: 50%; } .add-scorecard-modal .modal-body .section.top .core-dropdown-toggle { min-height: 42px; display: flex; align-items: center; } .add-scorecard-modal .modal-body .section.top .core-dropdown-toggle .core-dropdown-label { margin-left: 20px; flex: 1; } .add-scorecard-modal .modal-body .section .filter-settings .accordion__heading .accordion__button { display: flex; flex-direction: row-reverse; justify-content: flex-end; grid-gap: 12px; padding-left: 0; } .add-scorecard-modal .modal-body .section .filter-settings .accordion__heading .accordion__button p { color: #343f4b; font-size: 16px; font-weight: 500 !important; line-height: 18px; } .add-scorecard-modal .modal-body .section .filter-settings .accordion__panel { padding: 0; } .add-scorecard-modal .modal-body .section .filter-settings .dropdown-field .core-dropdown-title { width: 80px; } .add-scorecard-modal .modal-body .section.quotas { display: flex; align-items: center; } .add-scorecard-modal .modal-body .section div.border-line { border-top: 1px solid #dee2e6; } .add-scorecard-modal .modal-body:last-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .add-scorecard-modal .modal-body button.link.Mui-disabled { color: rgba(0, 0, 0, 0.26); } .add-scorecard-modal .modal-footer { border-top: none; justify-content: center; } @media screen and (max-width: 576px) { .add-scorecard-modal .section .quota-unit { display: flex !important; } } .add-task-modal .modal-header { display: flex; align-items: center; justify-content: center; background-color: #376caf; } .add-task-modal .modal-body .task-input .form-control, .add-task-modal .modal-body .task-text .form-control { margin-right: 0; } .add-task-modal .modal-body .task-input .clear, .add-task-modal .modal-body .task-text .clear { display: none; } .add-task-modal .modal-body .task-input .delete, .add-task-modal .modal-body .task-text .delete { display: none; } .add-task-modal .modal-body .task-text { height: 100%; } .add-task-modal .modal-body .task-text textarea { min-height: 60px; } .add-task-modal .modal-body .ds-datepicker-content { bottom: 0px !important; } .add-task-modal .modal-body .ds-datepicker-input { align-items: flex-start; } .add-task-modal .modal-body .ds-upload { word-break: break-all; } .add-task-modal .modal-footer { display: flex; justify-content: flex-end; border: none; } .add-task-modal .core-dropdown-title, .add-task-modal .ds-datepicker-input > div:first-child, .add-task-modal .core-input-label { width: 80px; } .add-task-modal .core-input-content input, .add-task-modal .core-input-content textarea { margin-left: 17px !important; } .add-task-modal .ds-datepicker-input > div:last-child { padding-left: 11px; } .add-task-modal .upload > span { width: 80px; } .add-task-modal .upload .ds-upload { padding-left: 15px; } @media screen and (max-width: 600px) { .add-task-modal .core-dropdown-label span { max-width: 250px; overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 768px) { .add-owner-modal .modal-dialog { width: 460px; margin-top: 10%; } } .add-owner-modal *:focus { outline: 0 !important; } .add-owner-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .add-owner-modal .modal-body { flex-direction: column; } .add-owner-modal .modal-body .ds-avatar { margin-right: 20px; } .add-owner-modal .modal-body .permission { margin-left: 145px; } .add-owner-modal .modal-body .permission .core-dropdown { margin-bottom: 10px; } .add-owner-modal .modal-body .permission .core-dropdown .core-dropdown-toggle .core-dropdown-title { width: 100px; } .add-owner-modal .modal-body .permission .core-dropdown .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .add-owner-modal .modal-body .info { flex: 1; } .add-owner-modal .modal-body .info .assign { display: flex; align-items: center; margin-bottom: 10px; } .add-owner-modal .modal-body .info .assign span { width: 100px; } .add-owner-modal .modal-body .info .core-dropdown { margin-bottom: 10px; } .add-owner-modal .modal-body .info .core-dropdown .core-dropdown-toggle .core-dropdown-title { width: 100px; } .add-owner-modal .modal-body .info .core-dropdown .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .add-owner-modal .modal-body .info .core-input { margin-bottom: 10px; } .add-owner-modal .modal-body .info .core-input .core-input-label { width: 85px; } .add-owner-modal .modal-body .info .core-input .core-input-content { flex: 1; } .add-owner-modal .modal-body .info .core-input .core-input-content input { max-width: 300px; } .add-owner-modal .modal-body .info .core-input .core-input-content .clear { right: 20px; } .add-owner-modal .modal-body .info .core-input .core-input-content .delete { display: none !important; } .add-owner-modal .modal-body .info .ds-datepicker { margin-top: 4px; margin-bottom: 4px; } .add-owner-modal .modal-body .info .ds-datepicker .dsl-label { width: 100px; } .add-owner-modal .modal-body .info .ds-datepicker .ds-datepicker-input span { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; } .add-owner-modal .modal-body .info .ds-datepicker .core-input-content input { background-color: white; } .add-owner-modal .modal-body .info .ds-datepicker .react-datepicker-wrapper .react-datepicker__input-container input { border: none; } .add-owner-modal .modal-body .info .ds-datepicker i { margin-top: 10px; } .add-owner-modal .modal-body .employees { max-height: 50vh; overflow-y: auto; } .add-owner-modal .modal-body .employees .selected { background-color: #e5eef8; } .add-owner-modal .modal-body .employees::-webkit-scrollbar { width: 5px; background-color: #fefefe; } .add-owner-modal .modal-body .employees::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .add-owner-modal .modal-body .employees::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #969faa; outline: 1px solid slategrey; } .add-owner-modal .modal-body .search { display: flex; align-items: center; background-color: #f5f6f8; border-radius: 5px; } .add-owner-modal .modal-body ::-webkit-input-placeholder { color: #969faa; } .add-owner-modal .modal-body ::-moz-placeholder { color: #969faa; } .add-owner-modal .modal-body :-ms-input-placeholder { color: #969faa; } .add-owner-modal .modal-body :-moz-placeholder { color: #969faa; } .add-packet .modal-body { padding: 20px; } .add-packet .modal-body .list-container { border: 1px solid #f5f6f8; border-radius: 5px; display: flex; flex-direction: column; margin-bottom: 15px; margin-top: 15px; max-height: 395px; padding: 10px; } .add-packet .modal-body .list-container .list-content { overflow-y: scroll; } .add-packet .modal-body .list-container .list-content .list-item { display: flex; align-items: center; margin-bottom: 5px; padding: 3px; } .add-packet .modal-body .list-container .list-content .list-item .item-plus { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #c3c7cc; border-radius: 5px; cursor: pointer; } .add-packet .modal-body .list-container .list-content .list-item.active { background-color: #f5f6f8; } .add-packet .modal-body .list-container .list-content .list-item.active .item-plus { background-color: #376caf; border: none; } .add-packet .modal-body .list-container .list-content .list-item.active .item-plus i { color: #ffffff !important; } .add-packet .modal-body .list-container .list-content .list-item:last-child { margin-bottom: 0; } .add-packet .modal-body .list-container .core-pagination { padding-left: 5px; padding-right: 5px; padding-bottom: 0; } .add-post-modal .modal-body .blog-label { min-width: 130px; } .add-product-modal { background-color: #ffffff; } .add-product-modal .company-list { padding: 5px 10px; max-height: 400px; overflow: auto; border: 1px solid #dee2e6; border-radius: 5px; } .add-product-modal .item-plus { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #c3c7cc; border-radius: 5px; } .add-product-modal .item-plus.selected { border-color: #376caf; } .add-product-modal .product-search input.form-control { width: calc(100% - 20px); } .add-quota-stars .modal-header { justify-content: center; border-top-left-radius: 5px; border-top-right-radius: 5px; } .add-quota-stars .modal-body { width: 100%; } .add-quota-stars .modal-body .contents { width: 60%; margin-left: auto; margin-right: auto; } .add-quota-stars .modal-body .contents .star-row { width: 100%; display: flex; align-items: center; } .add-quota-stars .modal-body .contents .star-row .star-label { width: 30%; } .add-quota-stars .modal-body .contents .star-row .stars { width: 40%; } .add-quota-stars .modal-body .contents .star-row .star-value { width: 30%; display: flex; align-items: center; } .add-quota-stars .modal-body .contents .star-row .star-value .input-field .core-input-content input { margin-left: 0; text-align: right; padding-right: 10px; } .add-quota-stars .modal-body .contents .star-row .star-value .input-field .core-input-content input:focus::placeholder { color: transparent; } .add-quota-stars .modal-body .contents .star-row .star-value .input-field .core-input-content input::-webkit-input-placeholder { color: #969faa; font-size: 16px; background-color: #f6f7f8; } .add-quota-stars .modal-body .contents .star-row .star-value .input-field .clear { display: none; } .add-quota-stars .modal-footer { border-top: none; justify-content: center; } @media screen and (max-width: 480px) { .add-quota-stars .modal-body .contents { width: 100%; } } .add-rating .modal-header { background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; } .add-rating .modal-body { padding: 20px; } .add-rating .modal-body .form-control { height: 24px; } .add-rating .modal-body .scale-input { background-color: #f8f8f9; border: none; border-radius: 0; border-bottom: 1px solid #f8f8f9; padding: 0 10px; min-height: 35px; text-align: right; } .add-rating .modal-footer { border-top: none; text-align: center; } .advanced-search { border-radius: 7px; overflow: hidden; } .advanced-search .modal-header { text-align: center; justify-content: center; align-items: center; } .advanced-search .modal-body { padding: 20px 10px; } .advanced-search .modal-body .option-label { color: #343f4b; padding: 5px 0; } .advanced-search .modal-body .option-item { color: #343f4b; font-weight: 300; padding: 5px 10px; cursor: pointer; } .advanced-search .modal-body .option-item:hover { background-color: #e5eef8; } .advanced-search .modal-body .option-item.active { background-color: #e5eef8; } .advanced-search .modal-body .border-r { border-right: 1px solid #c3c7cc; } .advanced-search .btn-apply { padding: 7px 30px; outline: none; } @media screen and (min-width: 576px) { .approval-task .modal-dialog { width: 450px; } } .approval-task .modal-dialog .btn-approve { color: #376caf; border-color: #376caf; } .approval-task .comment-contents { max-height: 230px; overflow: auto; margin: 0 20px; padding: 10px 0; border-top: 0.5px solid rgba(195, 199, 204, 0.5); border-bottom: 0.5px solid rgba(195, 199, 204, 0.5); } .assign-modal .modal-header { padding: 20px; background-color: #376caf; justify-content: center; } .assign-modal .modal-body { padding: 20px; } .assign-modal .modal-body .core-dropdown .core-dropdown-label { max-width: 230px !important; } .assign-modal .modal-body .core-dropdown .core-dropdown-label span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .assign-modal .modal-body .dropdown-field .core-dropdown-toggle { min-height: 42px; display: flex; align-items: center; } .assign-modal .modal-body .dropdown-field .core-dropdown-toggle .core-dropdown-label { flex: 1; } .assign-modal .modal-body .duedate-calender { margin-top: 17px; } .assign-modal .modal-body .duedate-calender .ds-datepicker-content { position: unset; width: fit-content; } .assign-modal .modal-body .duedate-calender .ds-datepicker-input { width: fit-content; } .assign-modal .modal-body .nav-tabs { padding: 0 0 25px 0; } .assign-modal .modal-body .nav-tabs .nav-link { border-color: transparent !important; font-weight: 400; } .assign-modal .modal-body .nav-tabs .nav-link:hover, .assign-modal .modal-body .nav-tabs .nav-link:focus { border-color: transparent !important; background-color: transparent !important; font-weight: 700; } .assign-modal .modal-body .nav-tabs .nav-link.active { border-color: transparent !important; background-color: transparent !important; color: #376caf !important; font-weight: 700; } .assign-modal .modal-body .nav-tabs .nav-item.active { text-decoration: none; } .assign-modal .modal-body .nav-tabs .nav-item.active:after { content: ""; height: 1px; background: #376caf; display: block; } .assign-modal .modal-body .tab-content #assign-program-tabpane-career .core-input input { background-color: #f6f7f8; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search { display: flex; background-color: #f8f8f9; border-radius: 3px; align-items: center; padding-left: 10px; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search input { background-color: #f8f8f9; font-weight: 300; border: none; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search input:focus { box-shadow: none; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search input:focus::placeholder { opacity: 0.5; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search input::placeholder { color: #969faa; font-weight: 300; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-search i { font-weight: 300; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown { width: 100%; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; color: #343f4b; font-size: 16px; font-weight: 300; padding: 5px 10px; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-toggle:focus { box-shadow: none; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-toggle:hover { background-color: #f8f8f9; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu { max-height: 330px; overflow: auto; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item { cursor: pointer; font-size: 16px; font-weight: 300; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item:active { background-color: #f8f8f9; color: #343f4b; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item.active { background-color: #e5eef8; color: #343f4b; } @media screen and (max-width: 768px) { .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu { width: 260px; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown.show .dropdown-toggle { background-color: #f8f8f9; border: none; color: #343f4b; } .assign-modal .modal-body .tab-content .core-dropdown-menu .filter-dropdown.show .dropdown-toggle:focus { box-shadow: none; } .assign-modal .list-container { border: 1px solid #f5f6f8; border-radius: 5px; display: flex; flex-direction: column; margin-bottom: 15px; max-height: 395px; padding: 10px; } .assign-modal .list-container .list-content { overflow-y: auto; } .assign-modal .list-container .list-content .list-item { display: flex; align-items: center; margin-bottom: 5px; padding: 3px; } .assign-modal .list-container .list-content .list-item:hover { background-color: #e7eff8; } .assign-modal .list-container .list-content .list-item .item-plus { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #c3c7cc; border-radius: 5px; cursor: pointer; } .assign-modal .list-container .list-content .list-item.active { background-color: #f5f6f8; } .assign-modal .list-container .list-content .list-item.active .item-plus { background-color: #376caf; border: none; } .assign-modal .list-container .list-content .list-item.active .item-plus i { color: #ffffff !important; } .assign-modal .list-container .list-content .list-item:last-child { margin-bottom: 0; } .assign-modal .list-container .core-pagination { padding-left: 5px; padding-right: 5px; padding-bottom: 0; } .assign-modal .modal-footer { border-top: none; padding: 20px; display: flex; flex-direction: row-reverse; justify-content: space-between; } .assign-modal .modal-footer .core-button.high { margin-left: auto; } @media (max-width: 767.98px) { .assign-modal .w-sm-30 { width: 30%; } } .auth-modal .modal-header { border: none; } .auth-modal .modal-body .nav { display: flex; justify-content: center; } .auth-modal .modal-body .nav-tabs .nav-link { color: #6c757d; font-weight: 400; text-decoration: none; } .auth-modal .modal-body .nav-tabs .nav-link.active { color: #376caf; font-weight: 700; text-decoration: underline; background-color: transparent; border-color: transparent; } .auth-modal .modal-body .nav-tabs .nav-link:hover { color: #376caf; } .auth-modal .modal-body .core-input { margin-bottom: 5px; } .auth-modal .modal-body .core-input .core-input-label { width: 100px; } .auth-modal .modal-body .core-dropdown { margin-bottom: 5px; margin-top: 5px; } .auth-modal .modal-body .core-dropdown .core-dropdown-title { width: 115px; } .auth-modal .modal-body .task-text input { min-height: 60px; } .auth-modal .modal-body .comapny-select-title { width: 100px; } .auth-modal .modal-body .register-date-end .core-input { margin-bottom: 5px; } .auth-modal .modal-body .register-date-end .core-input .core-input-label { width: 0px; } @media (max-width: 575.98px) { .auth-modal .modal-body .register-modal .reg-dropdown .core-dropdown-toggle { flex-direction: column; } .auth-modal .modal-body .register-modal .reg-dropdown .core-dropdown-menu { right: unset !important; } .auth-modal .modal-body .register-modal .core-input { align-items: flex-start; } .auth-modal .modal-body .register-modal .core-input > div { width: 100%; } .auth-modal .modal-body .register-modal .core-input-label { width: 100% !important; } .auth-modal .modal-body .register-modal .core-input-content { width: 100% !important; } .auth-modal .modal-body .register-modal .core-input-content input { margin-left: 0; } } @media (min-width: 768px) { .basic-configuration-modal .modal-dialog { width: 460px; margin-top: 10%; } } .basic-configuration-modal *:focus { outline: 0 !important; } .basic-configuration-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .basic-configuration-modal .modal-body { flex-direction: column; padding: 30px; } .basic-configuration-modal .modal-body .edit-basic-title { min-width: 60%; } .basic-configuration-modal .modal-body .edit-basic-title input { margin-left: 0; } .basic-configuration-modal .modal-body .edit-description.core-input .core-input-content textarea { margin: 0; min-height: 160px; resize: none; } .basic-configuration-modal .modal-body .contact { display: flex; align-items: center; } .basic-configuration-modal .modal-body .contact .head { width: 40px; } .basic-configuration-modal .modal-body .basic-product.core-accordion .accordion__item .accordion__heading .accordion__button { justify-content: flex-end; flex-direction: row-reverse; } .basic-configuration-modal .modal-body .basic-product.core-accordion .accordion__item .accordion__heading .accordion__button::before { margin-left: 10px; } .basic-configuration-modal .modal-body .featured-products { width: 100%; height: 100%; padding: 15px; background-color: #f6f7f8; } .basic-configuration-modal .modal-body .featured-products .product .logo { border: 1px solid #969faa; border-radius: 30px; width: 60px; height: 60px; } .basic-configuration-modal .modal-footer { padding: 30px; } .basic-configuration-modal .modal-footer .core-button { border-radius: 4px !important; } .basic-configuration-modal .core-dropdown-label { max-width: 200px !important; } .basic-configuration-modal .core-dropdown-label span { display: inline !important; } @media (min-width: 768px) { .blog-configuration-modal .modal-dialog { width: 460px; margin-top: 10%; } } .blog-configuration-modal *:focus { outline: 0 !important; } .blog-configuration-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .blog-configuration-modal .modal-body { flex-direction: column; padding: 30px; } .blog-configuration-modal .modal-body .core-input-content input, .blog-configuration-modal .modal-body .core-input-content textarea { width: 100%; } .blog-configuration-modal .modal-body .core-dropdown-title { width: 115px; } .blog-configuration-modal .modal-footer { align-items: flex-end; justify-content: flex-end; flex-direction: column; padding: 30px; } @media (min-width: 768px) { .comment-modal .modal-dialog { width: 460px; margin-top: 10%; } } .comment-modal *:focus { outline: 0 !important; } .comment-modal .modal-header { border: none; } .comment-modal .modal-body { flex-direction: column; } .hcm-configuration .modal-body { padding: 30px; } .hcm-configuration .max-employ-form { max-width: 200px; } .hcm-configuration .section-header { border-bottom: 1px solid #c3c7cc; } .hcm-configuration .ds-form-array { padding-right: 60px; } .hcm-configuration .ds-toggle { padding-bottom: 20px; border-bottom: 1px solid #c3c7cc; margin-bottom: 20px; } .hcm-configuration .core-dropdown { margin: 10px 0; min-width: 180px; } .hcm-configuration .core-dropdown-label { height: 40px; display: flex; justify-content: center; align-items: center; } .hcm-configuration .core-dropdown-label .caret { position: absolute; right: 10px; top: 50%; bottom: auto; transform: translateY(-50%); } .hcm-configuration .core-dropdown .core-dropdown-title { width: 105px; } .hcm-configuration .description { border-bottom: 1px solid #f8f8f9; padding-bottom: 20px; } .hcm-configuration .core-input { margin-top: 15px; } .hcm-configuration .core-input .core-input-label { width: 100px; } .hcm-configuration .core-input .core-input-content { max-width: 400px; } .hcm-configuration .hcm-employees .list-item { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } .hcm-configuration .hcm-employees .list-item:not(:first-of-type):hover { background-color: #e7eff8; } .hcm-configuration .hcm-employees-none { height: 81px; border-bottom: 1px solid #e0e0e0; } .hcm-configuration .hcm-employees .submit-btn { border: 1px #376caf solid; } .product-configuration .modal-body { padding: 30px; } .product-configuration-wrapper .employee-list .list-item { border-bottom: 1px solid #e0e0e0; } .product-configuration-wrapper .employee-list .list-item:hover { background-color: #e7eff8; } .product-configuration-wrapper .employee-list .list-item:first-child:hover { background-color: transparent; } .product-configuration-wrapper .employee-list-none { height: 81px; border-bottom: 1px solid #e0e0e0; } .product-configuration-wrapper .employee-form { width: 400px; } .product-configuration-wrapper .employee-form .core-input { width: 400px; margin-bottom: 10px; } .product-configuration-wrapper .employee-form .core-input-label { width: 120px; } .product-configuration-wrapper .employee-form .core-input-select { flex: 1; padding-left: 20px; } @media (min-width: 768px) { .confirmation-modal .modal-dialog { width: 460px; margin-top: 10%; } } .confirmation-modal *:focus { outline: 0 !important; } .confirmation-modal .modal-header { background-color: #ffffff; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: flex-start; border: none; } .confirmation-modal .modal-header .dsl-b18 { color: #ffffff; } .confirmation-modal .modal-body { flex-direction: column; } .cta-modal { padding: 0; min-height: 400px; } .cta-modal .modal-header-custom { background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; text-align: center; padding: 20px; margin: 0; } .cta-modal .modal-header-custom h3, .cta-modal .modal-header-custom .h3 { margin: 0; font-size: 18px; font-weight: 500; } .cta-modal .modal-header-custom p { margin: 10px 0 0 0; opacity: 0.9; font-size: 14px; } .cta-modal .content { padding: 40px 40px 20px 40px; } .cta-modal .content .form-group { margin-bottom: 30px; } .cta-modal .content .form-group .control-label { color: #969faa; font-size: 16px; font-weight: 100; } .cta-modal .content .form-group .form-control { border-radius: 0; border-left-width: 0; border-top-width: 0; border-right-width: 0; box-shadow: none; font-size: 18px; padding-left: 0; } .cta-modal .paperform-container { min-height: 300px; position: relative; } .cta-modal .paperform-container .form-footer { text-align: center; margin-top: 20px; padding-top: 20px; font-size: 14px; color: #888; border-top: 1px solid #eee; } .cta-modal .paperform-container .form-footer a { color: #376caf; text-decoration: none; } .cta-modal .paperform-container .form-footer a:hover { text-decoration: underline; } .cta-modal .Paperform__popupoverlay, .cta-modal .Paperform__popupwrapper { display: none !important; } .cta-modal .recaptcha { padding: 0 40px; } .cta-modal .submit { padding: 40px 40px 0 40px; } .cta-modal .submit .btn { color: white; font-size: 16px; font-weight: 100; padding: 10px 50px; border-radius: 50px; } .cta-modal .submit .btn:active:focus { background-color: #2b61a7; border-color: #ffffff; } .cta-modal .error-message { text-align: center; padding: 40px 20px; background-color: #f8f9fa; border-radius: 8px; border: 1px solid #dee2e6; margin: 20px 0; } .cta-modal .error-message h4, .cta-modal .error-message .h4 { color: #dc3545; margin: 0 0 15px 0; font-size: 18px; } .cta-modal .error-message p { margin: 0 0 15px 0; color: #666; line-height: 1.5; } .cta-modal .error-message .contact-info { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dee2e6; } .cta-modal .error-message .contact-info p { margin: 8px 0; } .cta-modal .error-message .contact-info a { color: #376caf; text-decoration: none; } .cta-modal .error-message .contact-info a:hover { text-decoration: underline; } .cta-modal .loading-message { text-align: center; padding: 60px 20px; color: #666; } .cta-modal .loading-message .spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #376caf; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; } .cta-modal .loading-message p { color: #666; font-style: italic; margin: 0; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cta-modal ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #343f4b; } .cta-modal ::-moz-placeholder { /* Firefox 19+ */ color: #343f4b; } .cta-modal :-ms-input-placeholder { /* IE 10+ */ color: #343f4b; } .cta-modal :-moz-placeholder { /* Firefox 18- */ color: #343f4b; } .duplicate-modal .modal-body { padding: 30px; } .duplicate-modal .modal-body .success-icon { width: 40px; } .edit-blog-modal .ql-editor { min-height: 300px; } .edit-blog-modal .action-buttons { display: flex; align-items: center; justify-content: flex-end; } .edit-blog-modal .description-error { border: 1px solid red; } @media (max-width: 575.98px) { .edit-blog-modal .action-buttons { display: flex; flex-direction: column; align-items: flex-end; } .edit-blog-modal .action-buttons > button { margin-bottom: 10px; } } .edit-course-modal { overflow: hidden; } .edit-course-modal .modal-header { background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; } .edit-course-modal .close { color: white; opacity: 1; } .edit-course-modal .date-box { display: inline-flex; } .edit-course-modal .date-box input { border: none; line-height: 24px; width: 100%; } .edit-course-modal .date-box input:focus { outline: none; } .edit-course-modal .date-box i { line-height: 24px; } .edit-course-modal .date-box .fal { font-weight: 600; color: blue; } .edit-course-modal .modal-body { padding-top: 5px; padding-left: 20px; padding-right: 20px; } .edit-course-modal .modal-body .form-control { height: 24px; } .edit-course-modal .modal-body .course-input { background-color: transparent; border: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #f8f8f9; padding: 0; min-height: 35px; } .edit-course-modal .modal-body .course-input.desc { min-height: 80px; } .edit-course-modal .modal-body textarea { padding: 0; height: unset !important; border: none; box-shadow: unset; resize: none; } .edit-course-modal .modal-body input, .edit-course-modal .modal-body select { padding: 0; border: none; box-shadow: none; } .edit-course-modal .modal-body .form-group input::placeholder { color: #000 !important; } .edit-course-modal .modal-body .form-group textarea::placeholder { color: #000 !important; } .edit-course-modal .modal-footer { border-top: none; text-align: center; } .editinternalauthor-modal .core-dropdown-toggle .core-dropdown-title { width: 100px; margin-right: 0 !important; } .editinternalauthor-modal .core-input-label { width: 100px; } .editinternalauthor-modal .core-input-content .form-control { margin-left: 0 !important; } .edit-project .modal-header { background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; justify-content: center; } .edit-project .modal-body { padding: 20px; } .edit-project .modal-body .core-dropdown .core-dropdown-label span { white-space: pre-wrap; } .edit-project .modal-footer { display: flex; justify-content: space-between; border-top: none; } .edit-task-modal { background-color: #ffffff; } @media (min-width: 768px) { .edit-task-modal .modal-dialog { width: 450px; } } .edit-task-modal .modal-header { color: white; display: flex; align-items: center; justify-content: center; background-color: #376caf; border-top-left-radius: 5px; border-top-right-radius: 5px; } .edit-task-modal .modal-body { padding-top: 5px; padding-left: 20px; padding-right: 20px; } .edit-task-modal .modal-body .task-input .form-control, .edit-task-modal .modal-body .task-text .form-control { margin-right: 0; } .edit-task-modal .modal-body .task-input .clear, .edit-task-modal .modal-body .task-text .clear { display: none; } .edit-task-modal .modal-body .task-input .delete, .edit-task-modal .modal-body .task-text .delete { display: none; } .edit-task-modal .modal-body .ds-upload { margin: 5px 0 0 8px; } .edit-task-modal .modal-body .ds-upload a { margin: 5px 0 0 8px; word-break: break-word; } .edit-task-modal .modal-body .task-text textarea { min-height: 60px; } .edit-task-modal .modal-body .dsl-font span { color: #495057; font-size: 14px; } .edit-task-modal .modal-body .ds-datepicker-content { bottom: 0px !important; } .edit-task-modal .modal-body .ds-datepicker-input { align-items: flex-start; } .global-author-configuration-modal .modal-header { display: flex; align-items: center; justify-content: center; } .global-author-configuration-modal .modal-body { background-color: white; padding: 20px 30px; } .global-author-configuration-modal .modal-body .core-input-label { margin-left: 15px; } .global-author-configuration-modal .modal-body span { margin-left: 15px; margin-right: 15px; } @media (min-width: 768px) { .hcm-configuration-modal .modal-dialog { width: 460px; margin-top: 10%; } } .hcm-configuration-modal *:focus { outline: 0 !important; } .hcm-configuration-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .hcm-configuration-modal .modal-body { flex-direction: column; padding: 30px; } .hcm-configuration-modal .modal-body .core-input-label { width: 100px; } .hcm-configuration-modal .modal-body .core-input-content input { width: 50%; } .hcm-configuration-modal .modal-body .core-dropdown-title { width: 115px; } .hcm-configuration-modal .modal-footer { align-items: flex-end; justify-content: flex-end; flex-direction: column; padding: 30px; } @media (min-width: 768px) { .hcm-licenses-modal .modal-dialog { width: 460px; margin-top: 10%; } } .hcm-licenses-modal *:focus { outline: 0 !important; } .hcm-licenses-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .hcm-licenses-modal .modal-body { flex-direction: column; padding: 30px; } .hcm-licenses-modal .modal-body .max-employee { width: 240px; } .hcm-licenses-modal .modal-body .max-employee-content input { width: 70px; } .hcm-licenses-modal .modal-body .board { flex: 1; padding: 20px; border-radius: 5px; } .hcm-licenses-modal .modal-body .board.active { background-color: #e5eef8; } .hcm-licenses-modal .modal-body .ds-checkbox .checktitle { font-size: 14px; } .hcm-licenses-modal .modal-body .ds-checkbox.active .checktitle { font-weight: 500; } .hcm-licenses-modal .modal-body .department .core-input-content input { width: 70%; } .hcm-licenses-modal .modal-body .addrow .core-input-label { width: 100px; } .hcm-licenses-modal .modal-body .addrow .core-input-content input { width: 100%; } .hcm-licenses-modal .modal-body .addrow .core-dropdown-title { width: 100px; } .hcm-licenses-modal .modal-body .body-footer { display: flex; justify-content: flex-end; } @media (min-width: 768px) { .important-modal .modal-dialog { width: 460px; margin-top: 10%; } } .important-modal .btn-negative { border-radius: 20px; width: 100px; height: 34px; } .important-modal .btn-positive { border-radius: 20px; width: 100px; height: 34px; } .important-modal *:focus { outline: 0 !important; } .input-actuals-modal .modal-header { height: 60px; } .input-actuals-modal .modal-body { padding: 0 30px; display: flex; flex-direction: column; align-items: center; } .input-actuals-modal .modal-body .date-area { display: flex; align-items: center; justify-content: center; margin: 30px 0; } .input-actuals-modal .modal-body .date-area .date-avatar { border-radius: 18px; width: 36px; height: 36px; } .input-actuals-modal .modal-body .core-input input { font-size: 14px; margin-left: 0; text-align: right; width: 70px; padding-right: 10px; font-weight: 400; } .input-actuals-modal .modal-body .fa-comment:hover ~ .comment-slide { background-color: red !important; } .input-actuals-modal .modal-body .quota-check { width: 40px; } .input-actuals-modal .modal-body .quota-check .quota-checkbox .check-box { border-color: #343f4b !important; } .input-actuals-modal .modal-body .quota-check .quota-checkbox .check-box::before, .input-actuals-modal .modal-body .quota-check .quota-checkbox .check-box::after { background-color: #343f4b; } .input-actuals-modal .modal-body .quota-comment { display: flex; align-items: center; position: relative; width: 58px; } .input-actuals-modal .modal-body .comment-popup { background-color: white; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 10px; position: absolute; top: 25px; right: 0; width: 350px; max-height: 250px; min-height: 85px; overflow-y: auto; z-index: 1; } .input-actuals-modal .modal-body .comment-popup.cmt { width: 200px; min-height: 65px; } .input-actuals-modal .modal-body .comment-popup .comment-avatar { border-radius: 18px; width: 36px; height: 36px; } .input-actuals-modal .modal-body .comment-popup input { text-align: left; width: 100%; } .input-actuals-modal .modal-body .d-h-end .truncate-one { color: #376caf; font-weight: 400; } .input-actuals-modal .modal-footer { flex-direction: column; align-items: flex-end; padding: 30px; } @media screen and (max-width: 576px) { .input-actuals-modal .modal-body { padding: 20px 2px 0 15px; } .input-actuals-modal .modal-body .quota-header { min-width: 250px; max-width: 450px; justify-content: space-between; width: 100%; } .input-actuals-modal .modal-body .quota-header .title { width: 150px; } .input-actuals-modal .modal-body .quota-header .note { margin-left: 5px; margin-right: 15px; } .input-actuals-modal .modal-body .quota-list { min-width: 250px; max-width: 450px; justify-content: space-between; width: 100%; } .input-actuals-modal .modal-body .quota-list .core-input .core-input-label { width: 80px; } .input-actuals-modal .modal-body .quota-list .core-input .core-input-content { width: 112px; } .input-actuals-modal .modal-body .quota-list .core-input .core-input-content input { margin-left: 10px; padding-right: 10px; } .input-actuals-modal .modal-body .d-h-end, .input-actuals-modal .modal-body .d-h-start { justify-content: center !important; } .input-actuals-modal .modal-body .quota-comment { position: absolute; left: 315px; } .input-actuals-modal .modal-body .comment-popup { right: 40px; width: 340px; } .input-actuals-modal .modal-body .comment-popup .d-h-end { justify-content: flex-end !important; } } @media (min-width: 768px) { .plus-configuration-modal .modal-dialog { width: 460px; margin-top: 10%; } } .plus-configuration-modal *:focus { outline: 0 !important; } .plus-configuration-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .plus-configuration-modal .modal-body { flex-direction: column; padding: 30px; } .plus-configuration-modal .modal-body .edit-plus-title { min-width: 60%; } .plus-configuration-modal .modal-body .edit-plus-title input { margin-left: 0; } .plus-configuration-modal .modal-body .edit-description.quill .ql-container .ql-editor { font-family: "Roboto", sans-serif; color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; } .plus-configuration-modal .modal-body .contact { display: flex; align-items: center; } .plus-configuration-modal .modal-body .contact .head { width: 40px; } .plus-configuration-modal .modal-footer { align-items: flex-end; justify-content: flex-end; flex-direction: row; padding: 30px; } @media (max-width: 575.98px) { .plus-configuration-modal .d-ssm-block { display: block !important; } .plus-configuration-modal .ml-sm-0 { margin-left: 0 !important; } .plus-configuration-modal .modal-body .ds-thumbnail.medium { min-width: 250px; width: 100%; height: auto; } } @media (min-width: 768px) { .premium-configuration-modal .modal-dialog { width: 460px; margin-top: 10%; } } .premium-configuration-modal *:focus { outline: 0 !important; } .premium-configuration-modal .modal-header { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; } .premium-configuration-modal .modal-body { flex-direction: column; padding: 30px; } .premium-configuration-modal .modal-body .edit-plus-title { min-width: 60%; } .premium-configuration-modal .modal-body .edit-plus-title input { margin-left: 0; } .premium-configuration-modal .modal-body .edit-description.quill .ql-container .ql-editor { font-family: "Roboto", sans-serif; color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; } .premium-configuration-modal .modal-body .contact { display: flex; align-items: center; } .premium-configuration-modal .modal-body .contact .head { width: 40px; } .premium-configuration-modal .modal-footer { align-items: center; justify-content: flex-end; padding: 30px; } .premium-configuration-modal .modal-footer > button:first-child { margin-right: 15px; } @media (max-width: 575.98px) { .premium-configuration-modal .d-ssm-block { display: block !important; } .premium-configuration-modal .ml-sm-0 { margin-left: 0 !important; } } .premium-media-modal { position: relative; background-color: white; } .premium-media-modal .arrow { position: absolute; top: 50%; } .premium-media-modal .arrow-left { left: -64px; } .premium-media-modal .arrow-right { right: -64px; } .preview-modal { background-color: white; margin-top: 5px; padding: unset; } .preview-modal .employee-dropdown.show.dropdown .employee-dropdown-menu { z-index: 99; } .preview-modal .overlay { background-color: #e7e8ea; } .preview-modal .overlay-start { background-color: #343f4b; } .preview-modal .custom-font { font-weight: bold; color: black; } .preview-modal .custom-text-color { color: #333f4b; } .preview-modal .pointer-none { pointer-events: none; } .preview-modal .completed-view { width: 80%; margin: 0 auto; } .preview-modal .left-arrow { position: absolute; left: -70px; top: 3%; cursor: pointer; } .preview-modal .right-arrow { position: absolute; right: -70px; top: 3%; cursor: pointer; } .preview-modal button.btn:focus { outline: none; color: white; } .preview-modal .controls { background-color: transparent; border: none; display: flex; flex-direction: column; } .preview-modal .controls:hover, .preview-modal .controls:focus { background-color: transparent !important; box-shadow: none !important; } .preview-modal .controls:hover i { color: #333 !important; } .preview-modal .module-status { width: calc(100% - 50px); } .preview-modal .module-status .modal-status-title { margin-left: 30px; } .preview-modal .module-type-container { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .preview-modal .media-content { min-height: 250px; position: relative; min-height: 0; } .preview-modal .media-content > img { position: absolute; top: 0; } .preview-modal .media-content.video-container .video-player { position: absolute; top: 0; left: 0; border-radius: 5px; overflow: hidden; } .preview-modal .media-content > .scorm-link { position: absolute; top: 0; width: 100%; height: 100%; } .preview-modal .media-content .presentation-footer { height: 35px; position: relative; display: flex; justify-content: space-between; align-items: center; background-color: #212529; } .preview-modal .module-type-container { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .preview-modal img { width: 100%; height: 100%; } .preview-modal .completed { background-color: rgba(55, 108, 175, 0.9333333333); z-index: 999; } .preview-modal .action-container { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .preview-modal .action-container .drag-drop { cursor: pointer; width: 100%; min-height: 70px; display: flex; flex-direction: column; } .preview-modal .action-container .drag-drop.active { background-color: #c3c7cc; border-width: 2px; border-color: rgb(102, 102, 102); border-style: dashed; border-radius: 5px; } .preview-modal .action-container i { margin-right: 10px; margin-left: 0px; } .preview-modal .body .mheader { display: flex; justify-content: space-between; padding: 5px 10px 10px 0; } .preview-modal .body .mheader p { margin-left: 0; margin-bottom: 0; } .preview-modal .body .mheader p .label { color: #969faa; font-size: 13px; font-family: "Roboto"; font-weight: 100; text-transform: none; } .preview-modal .body .mheader p .value { font-size: 18px !important; font-weight: bold; margin-top: 10px; } .preview-modal .module-done { position: absolute; right: 30px; } .preview-modal .module-done .btn { padding: 10px 30px; border-radius: 20px; } .preview-modal .disabled-link { pointer-events: none; cursor: not-allowed; } .preview-modal .btn-clear { min-width: 0px; } .preview-modal .label-text { font-weight: 600; color: #36404b; } .unlock-text .delay-text { bottom: 0px; position: absolute; text-align: center; line-height: 1; color: white; } .unlock-text .unlock-content { text-align: center; position: relative; width: 100%; height: 100%; } .unlock-text .unlock-content .icon-text { position: relative; top: 35%; text-align: center; margin: 0 25%; width: 50%; } .unlock-text .unlock-content .bottom-text { bottom: 48%; position: absolute; text-align: center; line-height: 20px; color: white; margin: 0 25%; width: 50%; color: #333f4b; } @media screen and (min-width: 1440px) { .learn-child .media .body { width: 33.33333333%; } } @media screen and (max-width: 992px) { .learn-child .media .body { margin-top: 20px; padding-left: 0 !important; } } @media screen and (min-width: 768px) { .learn-child .modal-dialog { width: 80%; max-width: 1200px; margin: auto !important; } } @media screen and (max-width: 768px) { .learn-child .modal-dialog { margin: auto !important; } .learn-child .modal-dialog .learn-child { padding: 20px 30px; } .learn-child .modal-dialog .learn-child .left-arrow { left: -10px; } .learn-child .modal-dialog .learn-child .left-arrow.desktop { display: none; } .learn-child .modal-dialog .learn-child .left-arrow.mobile { display: block; z-index: 9999; } .learn-child .modal-dialog .learn-child .right-arrow { right: -20px; } .learn-child .modal-dialog .learn-child .right-arrow.desktop { display: none; } .learn-child .modal-dialog .learn-child .right-arrow.mobile { display: block; z-index: 9999; } .learn-child .modal-dialog .learn-child .media > div { padding-left: 0 !important; padding-right: 0 !important; } .preview-modal .employee-dropdown.show.dropdown .employee-dropdown-menu { min-width: 310px; } .preview-modal .employee-dropdown.show.dropdown .employee-dropdown-menu.no-arrow-dropdown { transform: translate3d(-33px, 10px, 0px) !important; } } @media screen and (max-width: 576px) { .preview-modal .controls { display: flex; flex-direction: column; } .preview-modal .controls i { font-size: 16px !important; } .preview-modal .controls .btn-text { width: 100px; font-size: 13px; } } .preview-blog-modal .preview-detail img { max-width: 100%; } .preview-blog-modal .preview-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .preview-blog-modal .preview-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .document-preview .modal-body { padding: 30px; } .document-preview .modal-body .preview-pagination { background-color: white; border-color: transparent !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .document-preview .modal-body .preview-pagination .right { float: right; } .document-preview .modal-body .preview-pagination .pages { padding: 3px; cursor: pointer; color: #969faa; } .document-preview .modal-body .preview-pagination .pages.active { text-decoration: underline; color: #000; } .document-preview .modal-body .preview-pagination .current { padding: 3px; color: #969faa; } .document-preview .modal-body .preview-pagination .current.active { color: #000; } .document-preview .modal-body .preview-pagination .pages-left { padding-left: 3px; } .document-preview .modal-body .preview-wrap { width: 100%; height: 600px; } .quota-employees-list-modal .list-container { border: 1px solid #f5f6f8; border-radius: 5px; display: flex; flex-direction: column; margin-bottom: 15px; max-height: 300px; padding: 10px; } .quota-employees-list-modal .list-container .list-content { overflow-y: scroll; } .quota-employees-list-modal .modal-button { font-weight: 400; background-color: white; border: 1px solid #376caf; color: #376caf; padding: 5px 15px; } .rate-vendor-modal { background-color: #ffffff; } .rate-vendor-modal .ds-stars > span { width: 80px; } .rate-vendor-modal .ds-stars > div { padding: 7px 12px; } @media screen and (max-width: 768px) { .rate-vendor-modal .ds-stars .star-list > span { display: flex !important; align-items: center; justify-content: space-between; width: 100%; } } .rate-vendor-modal-dropdown .menu-content { overflow-x: hidden; } .rate-vendor-modal-dropdown .menu-content .core-dropdown-item .text-nowrap { word-break: break-word; width: 241px; white-space: nowrap !important; } .rate-vendor-modal-dropdown .core-dropdown-title { width: 80px; } .rate-vendor-modal-dropdown .core-dropdown-label span { max-width: 330px; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .rate-vendor-modal-dropdown .core-dropdown-label span { max-width: 120px !important; } } .rate-vendor-modal-rating > span { width: 80px !important; } .rate-vendor-modal-status { width: 125px; height: 40px; margin: 1rem 0 0 20px; display: flex; align-items: center; justify-content: center; background-color: #f6f7f8; border-radius: 5px; } @media screen and (max-width: 480px) { .rate-vendor-modal-status { display: flex; width: 100%; margin-left: auto; } } @media screen and (min-width: 481px) and (max-width: 768px) { .rate-vendor-modal-status { display: flex; width: 100%; margin-left: 100px; } } .rate-vendor-modal-recommend-rate { width: 30px; height: 30px; margin: 2px; display: flex; justify-content: center; align-items: center; color: #676767; font-size: 12px; border-radius: 15px; border: 1px solid #969faa; } .rate-vendor-modal-recommend-rate.active { color: #ffffff; background-color: #376caf; } .rate-vendor-modal-input { display: flex; align-items: flex-start; } .rate-vendor-modal-input .core-input-label { width: 70px; } .rate-vendor-modal .required-label { margin-left: 70px; } @media screen and (max-width: 768px) { .rate-vendor-modal .rate-vendor-modal-recommend-rate { width: 15px; height: 15px; margin-right: 1px; font-size: 9px; } } .reset-password-modal .modal-body .core-input { margin-bottom: 10px; } .reset-password-modal .modal-body .core-input .core-input-label { width: 35px; font-size: 14px; } .reset-password-modal .modal-body .core-input .core-input-content { flex: 1; } .reset-password-modal .modal-body .core-input .core-input-content input { width: 300px; } .reset-password-modal .modal-footer { display: flex; justify-content: flex-end; border: none; } @media screen and (max-width: 576px) { .reset-password-modal .core-input-content input { width: 180px !important; } } .modal-backdrop { z-index: 1050; } .save-actuals-modal { padding: 30px 20px; } .save-actuals-modal .tab-content .tab-pane .core-input-content .form-control { width: 92px; margin-left: 0px; } .save-actuals-modal .tab-content .tab-pane .ds-progress .progress-label { width: 30px; } .save-actuals-modal .quota-comment { display: flex; align-items: center; position: relative; width: 58px; } .save-actuals-modal .comment-popup { background-color: white; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 10px; position: absolute; top: 25px; right: 0; width: 350px; max-height: 250px; min-height: 85px; overflow-y: auto; z-index: 1; } .save-actuals-modal .comment-popup.cmt { width: 200px; min-height: 65px; } .save-actuals-modal .comment-popup .core-input-content .form-control { width: 280px !important; } @media screen and (max-width: 768px) { .save-actuals-modal .comment-popup .core-input-content .form-control { width: 195px !important; } } @media screen and (max-width: 768px) { .save-actuals-modal .comment-popup { width: 250px; } } .save-actuals-modal .reports { display: flex; align-items: center; justify-content: center; background-color: #f8f8f9; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 30px; margin-left: -20px; margin-right: -20px; margin-bottom: -30px; } @media (max-width: 360px) { .save-actuals-modal .title-actual { color: #343f4b; font-size: 12px; font-weight: 500 !important; line-height: 12px; } .save-actuals-modal .progress-label { width: 10px !important; } } .save-actuals-modal .min-w-110 { min-width: 110px; } .save-daily-actuals-modal { padding: 30px 20px; } .save-daily-actuals-modal .core-input-content .form-control { width: 92px; margin-left: 0px; } .save-daily-actuals-modal .ds-progress .progress-label { width: 30px; } .save-daily-actuals-modal .quota-comment { display: flex; align-items: center; position: relative; width: 58px; } .save-daily-actuals-modal .comment-popup { background-color: white; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 10px; position: absolute; top: 25px; right: 0; width: 350px; max-height: 250px; min-height: 85px; overflow-y: auto; z-index: 1; } .save-daily-actuals-modal .comment-popup.cmt { width: 200px; min-height: 65px; } .save-daily-actuals-modal .comment-popup .core-input-content .form-control { width: 270px !important; } @media screen and (max-width: 768px) { .save-daily-actuals-modal .comment-popup .core-input-content .form-control { width: 170px !important; } } @media screen and (max-width: 768px) { .save-daily-actuals-modal .comment-popup { width: 250px; } } .save-daily-actuals-modal .reports { display: flex; align-items: center; justify-content: center; background-color: #f8f8f9; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 30px; margin-left: -20px; margin-right: -20px; margin-bottom: -30px; } @media (max-width: 360px) { .save-daily-actuals-modal .title-actual { color: #343f4b; font-size: 12px; font-weight: 500 !important; line-height: 12px; } .save-daily-actuals-modal .progress-label { width: 10px !important; } } .search-topic-modal { padding: 20px; } .social-network-modal i.fab { width: 20px; } .social-network-modal .core-input { width: 100%; } .social-network-modal .core-input .core-input-label { width: 70px; } .subscription-modal .modal-body .subscribe-label { min-width: 100px; } .subscription-modal .modal-body .core-dropdown-toggle .core-dropdown-title { min-width: 100px; } .subscription-modal .modal-body .core-dropdown-menu .filter-search { display: flex; background-color: #f8f8f9; border-radius: 3px; align-items: center; padding-left: 10px; } .subscription-modal .modal-body .core-dropdown-menu .filter-search input { background-color: #f8f8f9; font-weight: 300; border: none; } .subscription-modal .modal-body .core-dropdown-menu .filter-search input:focus { box-shadow: none; } .subscription-modal .modal-body .core-dropdown-menu .filter-search input:focus::placeholder { opacity: 0.5; } .subscription-modal .modal-body .core-dropdown-menu .filter-search input::placeholder { color: #969faa; font-weight: 300; } .subscription-modal .modal-body .core-dropdown-menu .filter-search i { font-weight: 300; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown { width: 100%; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; color: #343f4b; font-size: 16px; font-weight: 300; padding: 5px 10px; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-toggle:focus { box-shadow: none; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-toggle:hover { background-color: #f8f8f9; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu { max-height: 330px; overflow: auto; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item { cursor: pointer; font-size: 16px; font-weight: 300; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item:active { background-color: #f8f8f9; color: #343f4b; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item.active { background-color: #e5eef8; color: #343f4b; } @media screen and (max-width: 768px) { .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu { width: 260px; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown .dropdown-menu .dropdown-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown.show .dropdown-toggle { background-color: #f8f8f9; border: none; color: #343f4b; } .subscription-modal .modal-body .core-dropdown-menu .filter-dropdown.show .dropdown-toggle:focus { box-shadow: none; } .success-modal { width: 450px; padding: 30px; } .task-detail-modal .modal-header { text-align: center; } .task-detail-modal .modal-body .task-detail, .task-detail-modal .modal-body .comments-detail { padding-bottom: 10px; } .task-detail-modal .modal-body .task-detail .comments-container .info-wrapper, .task-detail-modal .modal-body .comments-detail .comments-container .info-wrapper { position: relative; } .task-detail-modal .modal-body .task-detail .comments-container .info-wrapper .avatar-image, .task-detail-modal .modal-body .comments-detail .comments-container .info-wrapper .avatar-image { position: absolute; top: 0; } .task-detail-modal .modal-body .task-detail .info-container .robot-avatar, .task-detail-modal .modal-body .comments-detail .info-container .robot-avatar { width: 35px !important; height: 35px; } .task-detail-modal .modal-body .task-detail .title-container, .task-detail-modal .modal-body .task-detail .info-container, .task-detail-modal .modal-body .task-detail .comments-container, .task-detail-modal .modal-body .comments-detail .title-container, .task-detail-modal .modal-body .comments-detail .info-container, .task-detail-modal .modal-body .comments-detail .comments-container { padding: 0; } .task-detail-modal .modal-body .task-detail .title-container .comment-body, .task-detail-modal .modal-body .task-detail .info-container .comment-body, .task-detail-modal .modal-body .task-detail .comments-container .comment-body, .task-detail-modal .modal-body .comments-detail .title-container .comment-body, .task-detail-modal .modal-body .comments-detail .info-container .comment-body, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body { width: calc(100% - 35px); } .task-detail-modal .modal-body .task-detail .title-container .comment-body textarea, .task-detail-modal .modal-body .task-detail .info-container .comment-body textarea, .task-detail-modal .modal-body .task-detail .comments-container .comment-body textarea, .task-detail-modal .modal-body .comments-detail .title-container .comment-body textarea, .task-detail-modal .modal-body .comments-detail .info-container .comment-body textarea, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body textarea { resize: none; border: none; box-shadow: none; background: #f8f8f9; height: 65px; } .task-detail-modal .modal-body .task-detail .title-container .comment-body a, .task-detail-modal .modal-body .task-detail .info-container .comment-body a, .task-detail-modal .modal-body .task-detail .comments-container .comment-body a, .task-detail-modal .modal-body .comments-detail .title-container .comment-body a, .task-detail-modal .modal-body .comments-detail .info-container .comment-body a, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body a { word-break: break-word; } .task-detail-modal .modal-body .task-detail .title-container .comment-body .btn-approval, .task-detail-modal .modal-body .task-detail .info-container .comment-body .btn-approval, .task-detail-modal .modal-body .task-detail .comments-container .comment-body .btn-approval, .task-detail-modal .modal-body .comments-detail .title-container .comment-body .btn-approval, .task-detail-modal .modal-body .comments-detail .info-container .comment-body .btn-approval, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body .btn-approval { display: flex; margin-top: 20px; } .task-detail-modal .modal-body .task-detail .title-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .task-detail .title-container .comment-body .btn-approval .btn-decline, .task-detail-modal .modal-body .task-detail .info-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .task-detail .info-container .comment-body .btn-approval .btn-decline, .task-detail-modal .modal-body .task-detail .comments-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .task-detail .comments-container .comment-body .btn-approval .btn-decline, .task-detail-modal .modal-body .comments-detail .title-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .comments-detail .title-container .comment-body .btn-approval .btn-decline, .task-detail-modal .modal-body .comments-detail .info-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .comments-detail .info-container .comment-body .btn-approval .btn-decline, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body .btn-approval .btn-approve, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body .btn-approval .btn-decline { border-radius: 20px !important; background-color: transparent; color: #376caf; font-size: 12px; width: 90px; } .task-detail-modal .modal-body .task-detail .title-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .task-detail .title-container .comment-body .btn-approval .btn-decline:hover, .task-detail-modal .modal-body .task-detail .info-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .task-detail .info-container .comment-body .btn-approval .btn-decline:hover, .task-detail-modal .modal-body .task-detail .comments-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .task-detail .comments-container .comment-body .btn-approval .btn-decline:hover, .task-detail-modal .modal-body .comments-detail .title-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .comments-detail .title-container .comment-body .btn-approval .btn-decline:hover, .task-detail-modal .modal-body .comments-detail .info-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .comments-detail .info-container .comment-body .btn-approval .btn-decline:hover, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body .btn-approval .btn-approve:hover, .task-detail-modal .modal-body .comments-detail .comments-container .comment-body .btn-approval .btn-decline:hover { opacity: 0.7; } .task-detail-modal .modal-body .task-detail .title-container, .task-detail-modal .modal-body .comments-detail .title-container { padding-right: 30px; } .task-detail-modal .modal-body .task-detail .info-wrapper, .task-detail-modal .modal-body .comments-detail .info-wrapper { display: flex; margin-bottom: 6px; } .task-detail-modal .modal-body .task-detail .info-wrapper .info-label, .task-detail-modal .modal-body .comments-detail .info-wrapper .info-label { min-width: 90px; margin: 0; } .task-detail-modal .modal-footer { border: none; padding-bottom: 20px 30px 30px; } .task-detail-modal .modal-footer .footer-contents { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-left: 16px; color: #376caf; cursor: pointer; } .task-detail-modal .modal-footer .footer-contents > div { width: 577px !important; } .task-detail-modal .modal-footer .footer-contents .ds-upload { float: left; } .task-detail-modal .modal-footer .footer-contents .ds-upload.upload-doc { max-width: calc(100% - 95px); } .task-detail-modal .modal-footer .footer-contents .ds-upload.upload-doc a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .task-detail-modal .modal-footer .footer-contents .ds-upload.upload-doc .emoji-attach { width: 120px; } .task-detail-modal .modal-footer .footer-contents .emoji-attach { margin-left: 20px; display: flex; } @media screen and (max-width: 768px) { .task-detail-modal .modal-footer .footer-contents .emoji-attach { margin-left: 6px; } } .task-detail-modal .modal-footer .footer-contents .emoji-mart-emoji { margin-left: 20px; float: left; } .task-detail-modal .modal-footer .footer-contents .emoji-container { position: relative; top: -450px; right: 240px; z-index: 9; } .task-detail-modal .modal-footer .footer-contents .emoji-mart-preview-emoji { left: 0; } @media (min-width: 768px) { .task-detail-modal .modal-dialog { width: 60%; max-width: 900px; min-width: 370px; } } .task-detail-modal ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c3c7cc; font-size: 12px; } .task-detail-modal ::-moz-placeholder { /* Firefox 19+ */ color: #c3c7cc; font-size: 12px; } .task-detail-modal :-ms-input-placeholder { /* IE 10+ */ color: #c3c7cc; font-size: 12px; } .task-detail-modal :-moz-placeholder { /* Firefox 18- */ color: #c3c7cc; font-size: 12px; } .upgrade-company-profile-modal { background-color: #ffffff; } .upgrade-company-profile-modal .core-input-label { width: 100px; } .upload-background-image-modal .dropzone-content { width: calc(100% - 40px); height: 50px; border-radius: 5px; outline: none; } .upload-background-image-modal .dropzone-content.drag-active { display: flex; align-items: center; justify-content: center; border: 1px dashed #dee2e6; } .upload-avatar-image-modal .dropzone-content { width: calc(100% - 40px); height: 50px; border-radius: 5px; outline: none; } .upload-avatar-image-modal .dropzone-content.drag-active { display: flex; align-items: center; justify-content: center; border: 1px dashed #dee2e6; } .edit-content-modal { background-color: #ffffff; } .edit-content-modal .core-dropdown-title { width: 100px; } .edit-content-modal .position .core-input-label { width: 100px; } .edit-content-modal .position .core-input-content input { margin-left: 0.5rem; } .edit-content-modal .ds-datepicker { max-width: 250px; } .edit-content-modal .core-input { max-width: 400px; } .edit-content-modal .core-input-label { width: 100px; } .edit-content-modal .core-input-content input { margin-left: 0.5rem !important; } .edit-content-modal .assignment-item { max-width: 400px; } .edit-content-modal .assignment-item .core-input-label { width: 120px; } .edit-content-modal .assignment-item .assignment-item-title { max-width: 260px; overflow: hidden; text-overflow: ellipsis; } .app-modal { padding: 0 24px; } @media screen and (min-width: 576px) { .app-modal.xlarge .modal-dialog { max-width: 1000px; } } @media screen and (min-width: 576px) { .app-modal.mlarge .modal-dialog { max-width: 900px; } } @media screen and (min-width: 576px) { .app-modal.large .modal-dialog { max-width: 800px; } } @media screen and (min-width: 576px) { .app-modal.medium .modal-dialog { max-width: 600px; } } @media screen and (min-width: 576px) { .app-modal.small .modal-dialog { max-width: 470px; } } .app-modal.landing-modal iframe { border: unset; background-color: white; } .app-modal.landing-modal .modal-content { background: none; box-shadow: none; } @media screen and (min-width: 576px) { .app-modal.quick-assign-modal .modal-dialog { max-width: 275px; } .app-modal.quick-assign-modal .ds-datepicker-input { align-items: flex-start; } } @media screen and (min-width: 576px) { .app-modal.add-employee-modal .modal-dialog { max-width: 864px; } } @media screen and (min-width: 576px) { .app-modal.confirm-modal .modal-dialog { max-width: 500px; } .app-modal.confirm-modal .modal-content { margin: 12rem 0; } } .app-modal.bg-transparent .modal-dialog .modal-content { background-color: transparent; } @media screen and (max-width: 768px) { .app-modal { padding: 0 10px 0 10px; } } @media screen and (max-width: 576px) { .app-modal { padding: 40px 0 40px 0; } } .course-library-card { display: flex; justify-content: space-between; margin-bottom: 2px; position: relative; } .course-library-card .border-left-5 { border-radius: 5px 0px 0px 5px; } .course-library-card .border-right-5 { border-radius: 0px 5px 5px 0px; } .course-library-card .descrip { color: black; } .course-library-card .lib-content { flex: 1; background-color: white; cursor: pointer; padding: 20px; } .course-library-card .lib-content .media .media-left img { width: 130px; } .course-library-card .add { float: right; background-color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 2px; cursor: pointer; } .course-library-card .add-modal { background-color: white; border: 1px solid #ccc; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px; position: absolute; top: 50%; right: 0px; width: 120px; height: auto; z-index: 9; } .module-library-card { display: flex; justify-content: space-between; margin-bottom: 2px; position: relative; } .module-library-card .border-left-5 { border-radius: 5px 0px 0px 5px; } .module-library-card .border-right-5 { border-radius: 0px 5px 5px 0px; } .module-library-card .descrip { color: black; } .module-library-card .lib-content { flex: 1; background-color: white; cursor: pointer; padding: 20px; } .module-library-card .lib-content .media .media-left img { width: 130px; } .module-library-card .add { float: right; background-color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 2px; cursor: pointer; width: 110px; } .module-library-card .add span { color: #376caf; } .module-library-card .add.active { background-color: #376caf; } .module-library-card .add.active i { color: white !important; } .module-library-card .add.active span { color: white; } .module-library-card .add:hover, .module-library-card .add:active, .module-library-card .add:focus { background-color: #376caf; } .module-library-card .add:hover i, .module-library-card .add:active i, .module-library-card .add:focus i { color: white !important; } .module-library-card .add:hover span, .module-library-card .add:active span, .module-library-card .add:focus span { color: white; } .module-library-card .add-modal { background-color: white; border: 1px solid #ccc; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); top: 50%; position: absolute; top: 94px; right: 0px; width: 120px; height: auto; z-index: 9; } .track-library-card { display: flex; justify-content: space-between; margin-bottom: 2px; position: relative; } .track-library-card .border-left-5 { border-radius: 5px 0px 0px 5px; } .track-library-card .border-right-5 { border-radius: 0px 5px 5px 0px; } .track-library-card .descrip { color: black; } .track-library-card .lib-content { flex: 1; background-color: white; cursor: pointer; padding: 20px; } .track-library-card .lib-content .media .media-left img { width: 130px; } .track-library-card .add { float: right; background-color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 2px; cursor: pointer; width: 110px; } .track-library-card .add span { color: #376caf; } .track-library-card .add.active { background-color: #376caf; } .track-library-card .add.active i { color: white !important; } .track-library-card .add.active span { color: white; } .track-library-card .add:hover, .track-library-card .add:active, .track-library-card .add:focus { background-color: #376caf; } .track-library-card .add:hover i, .track-library-card .add:active i, .track-library-card .add:focus i { color: white !important; } .track-library-card .add:hover span, .track-library-card .add:active span, .track-library-card .add:focus span { color: white; } .track-library-card .add-modal { background-color: white; border: 1px solid #ccc; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px; position: absolute; top: 50%; right: 0px; width: 120px; height: auto; z-index: 9; } .advertising-card { padding: 30px 20px; border-radius: 5px; background-color: white; cursor: pointer; } .advertising-card.tiny { display: flex; padding: 3px 20px; border-radius: 0px; } .advertising-card:hover { background-color: #e7eff8; } .assignments-course-section { background-color: white !important; padding: 20px 20px 0px 20px; margin-bottom: 10px; } .assignments-course-section .section-label { color: #343f4b; min-width: 100px; margin-bottom: 0; padding-left: 0 !important; } .assignments-course-section .section-title { cursor: pointer; } .assignments-course-section .section-title:hover { text-decoration: underline; } @media (max-width: 767.98px) { .assignments-course-section .schedules-courses { flex: 0; padding-left: 10px; } } .list-view-label { padding-top: 20px !important; padding-left: 20px; } .list-view-label .list-view-label-contents { display: flex; align-items: center; } .list-view-label .list-view-label-contents .bulk-unassign { width: 50px; height: 100%; } .list-view-label .list-view-label-contents .bulk-unassign .select-all { width: 50px; min-width: 40px; padding: 0; font-size: 11px; } @media (max-width: 575.98px) { .assignments-course-section { padding: 15px; } .dsl-b18 { font-size: 14px; } .dsl-m14 { font-size: 12px; } .dsl-p14 { font-size: 12px; } } .assignment-habit-card { background-color: white !important; padding: 20px 20px 30px 20px; } @media screen and (max-width: 576px) { .assignment-habit-card { padding: 15px; } } .assignment-habit-card .card-item { display: flex; border-bottom: 1px solid #e0e0e0; align-items: center; padding: 20px 0px; } .assignment-habit-card .card-item.bulked { background-color: #6899d7; } .assignment-habit-card .card-item .bulk-unassign { width: 50px; height: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; } .assignment-habit-card .w-sm-100 { width: 100px; } .assignments-habitschedule-section { background-color: white !important; padding: 20px 20px 30px 20px; } .assignments-habitschedule-section .section-label { min-width: 100px; margin-bottom: 0; } .assignments-habitschedule-section .section-title { cursor: pointer; } .assignments-habitschedule-section .section-title:hover { text-decoration: underline; } @media screen and (max-width: 576px) { .assignments-habitschedule-section { padding: 15px; } .assignments-habitschedule-section .section-label { min-width: 70px; margin-bottom: 0; } } .assignments-program-card { background-color: white !important; padding: 20px; } .assignments-program-card .card-item { display: flex; border-bottom: 1px solid #e0e0e0; align-items: center; padding: 10px 0; } .assignments-program-card .card-item.cardCount:last-child .core-dropdown-menu .menu-content, .assignments-program-card .card-item.cardCount:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .assignments-program-card .card-item.cardCount:last-child .core-dropdown-menu .menu-content, .assignments-program-card .card-item.cardCount:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .assignments-program-card .card-item.cardCount:last-child .core-dropdown-menu .menu-content, .assignments-program-card .card-item.cardCount:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .assignments-program-card .edit { width: 40px; height: 100%; } @media screen and (max-width: 767px) { .assignments-program-card .card-item { flex-direction: column; align-items: flex-start; } } .assignment-quota-card { background-color: white !important; padding: 20px 20px 0px 20px; margin-bottom: 10px; } .assignment-quota-card .d-flex-md-8 { flex: 8; } .assignment-quota-card .card-item { display: flex !important; padding: 20px 0px; } .assignment-quota-card .scale-info .ds-stars .dsl-m12 { margin-right: 5px; } @media (max-width: 575.98px) { .assignment-quota-card { padding: 15px; } .assignment-quota-card .d-flex-md-8 { flex: 10; } .assignment-quota-card .d-sm-none { display: none; } .assignment-quota-card .ds-stars { justify-content: flex-end; } } .assignments-scorecard-section { background-color: white !important; padding: 20px 20px 30px 20px; } .assignments-scorecard-section .section-label { min-width: 100px; margin-bottom: 0; } .assignments-scorecard-section .section-title { cursor: pointer; } .assignments-scorecard-section .section-title:hover { text-decoration: underline; } @media (max-width: 991.98px) { .assignments-scorecard-section .d-flex-md { flex: 1; } } @media (max-width: 575.98px) { .assignments-scorecard-section { padding: 15px; } } .assignment-score-card { background-color: white !important; padding: 20px 20px 0px; margin-bottom: 10px; } .assignment-score-card .card-hover { cursor: pointer; margin: 0 -20px; padding: 22px 20px; } .assignment-score-card .card-hover:hover { background-color: #e7eff8; } .auto-search-complete { position: relative; } .auto-search-complete .core-input.auto-search-input { width: 80%; } .auto-search-complete .core-input.auto-search-input .core-input-content input { margin-left: 0; } .auto-search-complete .search-options { padding: 10px; background-color: #f6f7f8; position: absolute; width: 80%; z-index: 1; } .auto-search-complete .search-options .search-options-item { padding: 11px 0; cursor: pointer; } .auto-search-complete .search-options .search-options-item .auto-search-highlighter { padding: 0; background-color: transparent; } .auto-search-complete .no-option p { font-size: 16px; color: hsl(0, 0%, 50%); font-weight: inherit; } .blog-advanced-search { margin-bottom: auto; position: relative; } .blog-advanced-search .search-toggle { display: flex; height: 100%; } .blog-advanced-search .search-popup { background-color: white; border-radius: 5px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px; position: absolute; left: auto !important; right: 10px; top: 15px; width: 475px; z-index: 999; max-height: 411px; overflow-y: auto; } .blog-advanced-search .search-popup .search-body { padding: 20px 10px; } .blog-advanced-search .search-popup .search-body .option-label { color: #343f4b; padding: 5px 0; } .blog-advanced-search .search-popup .search-body .option-item { color: #343f4b; font-weight: 300; padding: 5px 10px; cursor: pointer; } .blog-advanced-search .search-popup .search-body .option-item:hover { background-color: #e5eef8; } .blog-advanced-search .search-popup .search-body .option-item.active { background-color: #e5eef8; } .blog-advanced-search .search-popup .search-body .border-r { border-right: 1px solid #c3c7cc; } .blog-advanced-search .search-popup .btn-apply { padding: 7px 30px; outline: none; } .blog-advanced-search .search-popup .categories .core-dropdown-label { max-width: 200px; } .blog-advanced-search .search-popup .categories .core-dropdown-label > span { white-space: normal !important; } .blog-advanced-search .search-popup .categories .core-dropdown-menu { width: 200px; max-height: 15vh; } .blog-advanced-search .search-popup .categories .core-dropdown-menu .core-dropdown-item > span { white-space: normal !important; } .blog-advanced-search .search-popup .departments .core-dropdown-menu { max-height: 25vh; } .blog-advanced-search .search-popup .categories .core-dropdown-menu, .blog-advanced-search .search-popup .departments .core-dropdown-menu { overflow: auto; } .blog-advanced-search .search-popup .categories .core-dropdown-menu .menu-content, .blog-advanced-search .search-popup .departments .core-dropdown-menu .menu-content { max-height: unset !important; } @media (max-width: 567px) { .blog-advanced-search .search-popup { width: 270px; } } .recent-blogs-feed { padding-left: 0px !important; padding-right: 0px !important; word-break: break-word; background-color: transparent !important; } .recent-blogs-feed .card .read-more-content .short-text { color: #343f4b; font-size: 16px; line-height: 18px; font-weight: 400 !important; } .recent-blogs-feed .card:hover { background-color: #e7eff8; } .recent-blogs-feed .card .blog-card-avatar:hover { background-color: #c9ddf6; border: 1px solid #376caf; } .recent-blogs-feed .blogs-title { width: 100%; padding: 20px 20px 0; margin: 0; background-color: white; } .recent-blogs-feed .img { width: auto; margin-bottom: 5px; } .recent-blogs-feed .img img { border-radius: 5px; margin: 0 !important; max-height: 225px; object-fit: cover; } .recent-blogs-feed .small-card { padding: 10px 20px; border-radius: 5px; background-color: white; margin-bottom: 10px; } .recent-blogs-feed .small-card .blog-detail { word-break: break-word; } .recent-blogs-feed .small-card .h75 { height: 75px; } .recent-blogs-feed .small-card .h25 { height: 25px; } .recent-blogs-feed .small-card:hover { background-color: #e7eff8; } .career-commitments { margin-top: 15px; } .career-commitments .header { background-color: white; border-radius: 5px; padding: 10px; } .career-commitments .content { background-color: white; border-radius: 5px; margin-top: 5px; padding: 10px; } .career-commitments .content .row { margin-left: 0; margin-right: 0; } .career-commitments .content .line { display: flex; align-items: center; border-bottom: 1px solid #c3c7cc; padding-top: 5px; padding-bottom: 5px; } .career-commitments .content .line img { border-radius: 3px; } .career-commitments .content .see-all { cursor: pointer; padding-top: 10px; padding-bottom: 30px; } .career-commitments .content .see-all.last { padding-bottom: 10px; } .career-content { background-color: white; border-radius: 5px; padding: 30px 20px; margin-bottom: 10px; } .career-content .achievement-item { display: flex; border-bottom: 1px solid #e0e0e0; padding: 10px 40px 10px 0; } .career-content .habit-item { display: flex; align-items: center; margin-left: 40px; margin-top: 20px; padding-bottom: 10px; } .career-content .est-date { display: flex; flex-direction: column; align-items: flex-end; } .career-content .slick-slider .slick-arrow.slick-prev { top: 20px !important; } .career-content .slick-slider .slick-arrow.slick-next { top: 20px !important; } .career-certificate-title .core-input-label { width: 80px; } .career-goals .header { background-color: white; border-radius: 5px; padding: 10px; padding-left: 30px; } .career-goals .content { background-color: white; border-radius: 5px; margin-top: 5px; min-height: 40px; padding: 10px; padding-left: 30px; } .career-goals .content .my-goal { margin-top: 15px; } .career-goals .content .my-input { border: none; border-bottom: 1px solid #c3c7cc; border-radius: 0; box-shadow: none; margin-bottom: 10px; padding-left: 0; } .career-goals .content .pointer { cursor: pointer; word-break: break-word; } .career-goals .content .edit { float: right; line-height: 20px; } .career-goals .content .save { background-color: #c3c7cc; border-radius: 15px; color: white; font-size: 12px; padding-left: 30px; padding-right: 30px; height: 30px; } .career-goals .content .save.active { background-color: #376caf; } .career-map { flex: 1; background-color: white; border-radius: 5px; padding: 20px; margin-left: 10px; } .career-map .header { display: flex; justify-content: space-between; margin-bottom: 20px; } .career-map .map-header { display: flex; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; } .career-map .map-item { display: flex; align-items: center; margin-bottom: 20px; } .career-map .map-item .check { width: 30px; } .career-map .map-item .line-through { text-decoration: line-through; } .career-map .map-item .career-name { position: relative; cursor: pointer; } .career-map .map-item .career-name-modal { display: none; padding: 12px; position: absolute; left: 0; top: 100%; z-index: 999; width: 200px; background-color: white; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .career-map .map-item .career-name:hover .career-name-modal { display: block; } .career-map .levels-wrapper { height: 152px; overflow: auto; } .career-map .progressbar-wrapper { min-width: 230px; } .career-pagination { background-color: white; box-shadow: 0 1px 3px 0 #f5f5f5, 0 0 0 1px #f5f5f5 !important; border-color: transparent !important; border-radius: 5px; margin-bottom: 10px; } .career-pagination .right { float: right; } .career-pagination .ui.inline.dropdown { color: #376caf; } .career-pagination .pages { padding: 3px; cursor: pointer; color: #969faa; } .career-pagination .pages.active { text-decoration: underline; color: #000; } .career-pagination .current { padding: 3px; color: #969faa; } .career-pagination .current.active { color: #000; } .career-pagination .pages-left { padding-left: 3px; } .career-plan { margin-top: 15px; } .career-plan .header { background-color: white; border-radius: 5px; padding: 10px; } .career-plan .content { background-color: white; border-radius: 5px; margin-top: 5px; padding: 10px; } .career-request { flex: 1; background-color: white; border-radius: 5px; padding: 20px; } .career-request .level-progress { width: 200px; } .career-request .accordion__item .accordion__title { border-bottom: none; } .career-request .accordion__item .accordion__body { padding-left: 0; padding-right: 0; padding-top: 10px; } .career-request .input-field { margin-bottom: 5px; } .career-request .input-field .core-input-label { width: 90px; line-height: 20px; } .career-request .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .career-required-instances .trainings .list { display: flex; border-bottom: 1px solid #dee2e6; padding-bottom: 12px; padding-top: 12px; } .career-required-instances .trainings .list .modules { text-align: right; width: 70px; } @media (max-width: 575.98px) { .career-required-instances .trainings .list .modules { margin-top: 10px; } } .career-required-instances .trainings .list .compl { text-align: right; width: 60px; } .career-required-instances .trainings .list .due { text-align: right; width: 50px; } .career-required-instances .trainings .list .status { margin-left: 20px; width: 80px; } .career-required-instances .trainings .list .edit { display: flex; align-items: center; justify-content: flex-end; width: 30px; } @media (max-width: 575.98px) { .career-required-instances .trainings .list.required-tranings { display: block !important; } .career-required-instances .trainings .list.required-tranings .modules, .career-required-instances .trainings .list.required-tranings .compl, .career-required-instances .trainings .list.required-tranings .due, .career-required-instances .trainings .list.required-tranings .status { text-align: left !important; margin-left: 0 !important; display: flex; padding: 3px 31px; width: 100%; } } .career-required-instances .quotas .list { display: flex; border-bottom: 1px solid #dee2e6; padding-bottom: 10px; padding-top: 10px; } .career-required-instances .quotas .list .calculation { display: flex; align-items: center; width: 180px; } .career-required-instances .quotas .list .calculation .core-dropdown-label { padding-left: 0; } .career-required-instances .quotas .list .core-input.horizontal .core-input-content input { margin-left: 0; } .career-required-instances .quotas .list .actual { text-align: right; width: 100px; } .career-required-instances .quotas .list .edit { display: flex; align-items: center; justify-content: flex-end; width: 60px; } .career-required-instances .quotas .list .calculation-dropdown .core-dropdown-label { display: flex; align-items: center; } .career-required-instances .quotas .list .calculation-dropdown .core-dropdown-label span { padding-bottom: 4px; } .career-required-instances .quotas .dropdown-wrap > div { width: calc(100% - 100px); } .career-required-instances .quotas .core-dropdown .core-dropdown-label span { width: 100%; overflow: hidden; text-overflow: ellipsis; } .career-required-instances .habits .accordion__button { padding-right: 0; } @media (max-width: 575.98px) { .career-required-instances .habits .accordion__button { padding-left: 0; } } .career-required-instances .habits .accordion__button > div { width: 100%; } .career-required-instances .habits .accordion__body { padding-right: 0; } .career-required-instances .habits .accordion__body .list { display: flex; padding-top: 10px; padding-bottom: 10px; } .career-required-instances .habits .accordion__body .list .target { text-align: right; width: 100px; } .career-required-instances .habits .accordion__body .list .target input { text-align: right; } .career-required-instances .habits .accordion__body .list .target .clear { display: none; } .career-required-instances .habits .accordion__body .list .edit { display: flex; align-items: center; justify-content: flex-end; width: 50px; } .career-required-instances .placeholder .empty { width: 100%; border: 0.5px solid #f0f0f0; border-radius: 8px; } .career-required-instances .placeholder .empty.long { max-width: 300px; height: 15px; } .career-required-instances .placeholder .empty.medium { max-width: 200px; height: 15px; } .career-required-instances .placeholder .empty.small { max-width: 50px; height: 10px; } .career-required-instances .placeholder .empty.circle { width: 35px; height: 35px; margin: 5px; border-radius: 20px; } .career-required-instances .placeholder .empty.square { max-width: 35px; height: 20px; margin-left: auto; } .career-required-instances .habit-accordion.regular .accordion__item .accordion__title { padding-top: 15px; padding-bottom: 15px; } .career-required-instances .habit-accordion.regular .accordion__item .accordion__title .u-position-relative > div p { font-size: 16px; } .career-slider .item { background-color: white; border-radius: 5px; padding: 20px; text-align: center; } .career-slider .item .line .form-control { text-align: center; } .career-slider .item .line .header-title { text-align: left; } .career-slider .item .row-item { display: flex; align-items: center; min-height: 55px; } .career-slider .item .row-item .blue-text { color: #376caf; } .career-slider .item .row-item:nth-child(even) { background: #f8f8f9; } .career-slider .item .row-item .perform-actual { max-width: 50px; } .career-slider .item .habits-block .habits-line { padding-left: 15px; cursor: pointer; min-height: 50px; border-top: 0.5px solid rgba(150, 159, 170, 0.1); } .career-slider .item .habits-block .habits-line:last-child { border-bottom: 0.5px solid rgba(150, 159, 170, 0.1); } .career-slider .item .development-block .image-wrapper { width: 110px; padding: 10px; padding-left: 0; } .career-slider .item .development-block .image-wrapper .thumb-image { width: 100%; height: 0; padding-top: 55%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; } .career-slider .slick-slider .slick-prev { left: 100px; top: 40px; z-index: 9; } .career-slider .slick-slider .slick-prev::before { display: none; } .career-slider .slick-slider .slick-next { right: 100px; top: 40px; z-index: 9; } .career-slider .slick-slider .slick-next::before { display: none; } .career-user { flex: 1; background-color: white; border-radius: 5px; padding: 20px; margin-right: 10px; } .career-user .header { display: flex; justify-content: space-between; margin-bottom: 20px; } .career-user .career-user-content { display: flex; align-items: flex-start; margin-top: 5px; } .career-user .career-user-content .avatar-container { padding: 4px; border-radius: 50%; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.75); } .career-user .career-user-content .user-info .core-input-label { min-width: 85px; } .career-user .career-user-content .user-info .core-input-content .form-control { color: #343f4b; font-weight: 400; font-size: 16px; } .career-user .career-user-content .carrer-program { align-items: baseline; display: flex; } .career-user .career-user-content .carrer-program .label { min-width: 85px; color: #676767; font-size: 12px; font-weight: 400; } .cert-user, .cert-info, .cert-levels, .cert-requirements { flex: 1; background-color: white; border-radius: 5px; padding: 30px 20px; } .cert-user .header, .cert-info .header, .cert-levels .header, .cert-requirements .header { display: flex; justify-content: space-between; margin-bottom: 20px; } .cert-user .cert-user-content, .cert-info .cert-user-content, .cert-levels .cert-user-content, .cert-requirements .cert-user-content { display: flex; align-items: flex-start; margin-top: 5px; } .cert-user .cert-user-content .avatar-container, .cert-info .cert-user-content .avatar-container, .cert-levels .cert-user-content .avatar-container, .cert-requirements .cert-user-content .avatar-container { padding: 4px; border-radius: 50%; -webkit-box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 9px 3px rgba(0, 0, 0, 0.75); } .cert-user .accordion__item .accordion__title, .cert-info .accordion__item .accordion__title, .cert-levels .accordion__item .accordion__title, .cert-requirements .accordion__item .accordion__title { border-bottom: none; } .cert-user .accordion__item .accordion__body, .cert-info .accordion__item .accordion__body, .cert-levels .accordion__item .accordion__body, .cert-requirements .accordion__item .accordion__body { padding-left: 0; padding-right: 0; padding-top: 10px; } .cert-user .input-field, .cert-info .input-field, .cert-levels .input-field, .cert-requirements .input-field { margin-bottom: 5px; } .cert-user .input-field .core-input-label, .cert-info .input-field .core-input-label, .cert-levels .input-field .core-input-label, .cert-requirements .input-field .core-input-label { width: 90px; line-height: 20px; } .cert-user .toggle-button .ds-toggle-label, .cert-info .toggle-button .ds-toggle-label, .cert-levels .toggle-button .ds-toggle-label, .cert-requirements .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .cert-user .levels-header, .cert-info .levels-header, .cert-levels .levels-header, .cert-requirements .levels-header { display: flex; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; } .cert-user .levels-item, .cert-info .levels-item, .cert-levels .levels-item, .cert-requirements .levels-item { display: flex; align-items: center; margin-bottom: 20px; } .cert-user .levels-item .check, .cert-info .levels-item .check, .cert-levels .levels-item .check, .cert-requirements .levels-item .check { width: 30px; } .cert-user .levels-item .line-through, .cert-info .levels-item .line-through, .cert-levels .levels-item .line-through, .cert-requirements .levels-item .line-through { text-decoration: line-through; } .cert-user .est-date, .cert-info .est-date, .cert-levels .est-date, .cert-requirements .est-date { display: flex; justify-content: space-between; } .cert-user .slick-slider .slick-arrow, .cert-info .slick-slider .slick-arrow, .cert-levels .slick-slider .slick-arrow, .cert-requirements .slick-slider .slick-arrow { top: -15px; } .cert-user .slick-slider .slick-arrow.slick-prev, .cert-info .slick-slider .slick-arrow.slick-prev, .cert-levels .slick-slider .slick-arrow.slick-prev, .cert-requirements .slick-slider .slick-arrow.slick-prev { left: auto; right: 50px; } .cert-user .slick-slider .slick-arrow.slick-next, .cert-info .slick-slider .slick-arrow.slick-next, .cert-levels .slick-slider .slick-arrow.slick-next, .cert-requirements .slick-slider .slick-arrow.slick-next { right: 0; } .cert-user .slick-slider:focus, .cert-info .slick-slider:focus, .cert-levels .slick-slider:focus, .cert-requirements .slick-slider:focus { outline: none; } .coming-soon { display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(100vh - 62px - 20px); } .c-cs-slick { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 10px; max-height: 510px; } .c-cs-slick .img { background-color: white; background-repeat: no-repeat; background-size: cover; background-position: center; border: 1px solid #f8f8f9; border-radius: 5px; padding-top: 55%; position: relative; width: 100%; height: 0; } .c-cs-slick .img .ds-thumbnail { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c-cs-slick .slick-slider { overflow: hidden; } .vdra-company .core-dropdown-title { width: 90px; } .vdra-company .logospan { width: 120px; } .vdra-company section { display: flex; justify-content: center; } .vdra-company .core-input { margin-bottom: 15px; align-items: flex-start; } .vdra-company .core-input-label { width: 100px; line-height: 40px; } .vdra-company .core-input .clear { right: 15px; } .vdra-company .core-input-content { min-height: 40px; } .vdra-company .core-input:last-child { margin-bottom: 0; } .vdra-company .core-select { align-items: center; } .vdra-company .core-select-label { width: 105px; } .vdra-company .core-select-input { width: 150px; } .vdra-company .ds-avatar { display: flex; justify-content: center; } .vdra-features .core-input { margin-bottom: 15px; align-items: flex-start; } .vdra-features .core-input-label { width: 280px !important; line-height: 40px; } .vdra-features .core-input-content { min-height: 40px; } .vdra-features .core-input:last-child { margin-bottom: 0; } .vdra-features .core-dropdown-title { width: 200px; } .vdra-vendor .core-input { margin-bottom: 15px; align-items: flex-start; } .vdra-vendor .core-input-label { width: 100px; line-height: 40px; } .vdra-vendor .core-input-content { min-height: 40px; } .vdra-vendor .core-input:last-child { margin-bottom: 0; } .vdra-vendor .core-select { align-items: center; } .vdra-vendor .core-select-label { width: 105px; } .vdra-vendor .core-select-input { width: 150px; } .vdra-owners .core-input { margin-bottom: 15px; align-items: flex-start; } .vdra-owners .core-input-label { width: 200px; line-height: 40px; } .vdra-owners .core-input-content { min-height: 40px; } .vdra-owners .core-input:last-child { margin-bottom: 0; } .vdra-owners .core-select { align-items: center; } .vdra-owners .core-select-label { width: 105px; } .vdra-owners .core-select-input { width: 150px; } .vdra-franchises-wrapper { max-height: 390px; } .vdra-franchises .ds-checkbox span { margin-left: 0.75rem !important; } .vdra-franchises .vdra-w { width: 100px; } .company-optimized-profile .progress-wrapper { width: 200px; } .company-optimized-profile .disabled { pointer-events: none; } .product-card { display: flex; width: 333px; margin-top: 30px; border-bottom: 1px solid #c3c7cc; padding-bottom: 15px; padding-right: 10px; } .product-card .logo { border-radius: 40px; border: 1px solid #969faa; margin-right: 15px; overflow: hidden; width: 80px; height: 80px; } .connection-card { padding: 30px; position: relative; height: 100%; border-radius: 5px; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 1px solid #c3c7cc; } .connection-card .card-status { width: 12px; height: 12px; border-radius: 6px; position: absolute; top: 10px; right: 10px; border: 1px solid #c3c7cc; } .connection-card .card-status.online { background-color: #26e55f; } .connection-card.light-blue { background-color: #f9fafb; } .custom-datepicker .custom-input { background-color: white; border: none; font-size: 14px; padding: 0; } .custom-datepicker .custom-input:focus { outline: none; } .custom-datepicker .react-datepicker-popper .react-datepicker { font-size: 1em; color: #343f4b; border: none; box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.1); } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__triangle { display: none; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__header { padding-top: 0.8em; background-color: white; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__header .react-datepicker__day-name { color: #c3c7cc; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__month { margin: 0.4em 1em; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day-name, .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day { color: #343f4b; width: 1.9em; line-height: 1.9em; margin: 0.166em; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day-name.react-datepicker__day--selected, .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day-name.react-datepicker__day--keyboard-selected, .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--selected, .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--keyboard-selected { color: #376caf !important; background-color: #d7e6ff; border-radius: 1em; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day-name.react-datepicker__day--disabled, .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--disabled { color: #969faa; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__current-month { font-size: 1em; line-height: 33px; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__navigation { top: 1em; line-height: 1.7em; border: 0.45em solid transparent; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__navigation--previous { background: url("/images/icons/arrow-left.svg") no-repeat; height: 30px; border: none; left: 1em; } .custom-datepicker .react-datepicker-popper .react-datepicker .react-datepicker__navigation--next { background: url("/images/icons/arrow-right.svg") no-repeat; height: 30px; border: none; right: 1em; } .custom-datepicker.right .react-datepicker-popper { right: 0; left: auto !important; } .custom-month-picker .rc-calendar { border: none; border-radius: 5px; box-shadow: 0px 1px 5px 1px #ccc; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap { height: 250px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel { border-radius: 5px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header { height: 50px; line-height: 45px; border: none; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header a { color: #969faa; font-size: 17px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select { color: #343f4b; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn, .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 25px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn { left: 10px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn::after { content: "\f104"; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn { right: 10px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn::after { content: "\f105"; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody { border-top: 1px solid #f8f8f9; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { width: 36px; height: 36px; border-radius: 20px; } .custom-month-picker .rc-calendar-month-calendar-content .rc-calendar-month-header-wrap .rc-calendar-month-panel .rc-calendar-month-panel-body .rc-calendar-month-panel-tbody .rc-calendar-month-panel-cell.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { color: #0086fd; background-color: #d2e6ff; } .edit-dropdown { margin-left: auto; } .edit-dropdown .core-dropdown-item.active { background-color: transparent !important; } .employee-dropdown { width: 100%; border: none; display: flex; align-items: center; justify-content: flex-start; } .employee-dropdown .btn-dropdown-toggle::after { display: none !important; } .employee-dropdown .btn-dropdown-toggle:hover, .employee-dropdown .btn-dropdown-toggle:focus { box-shadow: none !important; color: #376caf !important; background-color: transparent !important; } .employee-dropdown.show .btn-dropdown-toggle { box-shadow: none !important; color: #376caf !important; background-color: transparent !important; } .employee-dropdown.show .btn-dropdown-toggle::after { display: none !important; } .employee-dropdown.show.dropdown .employee-dropdown-menu { transform: translate3d(0px, 20px, 0px) !important; } .employee-dropdown.show.dropdown .employee-dropdown-menu.no-arrow-dropdown { transform: translate3d(0px, 10px, 0px) !important; } .employee-dropdown.show.dropdown .employee-dropdown-menu .dropdown-item { width: 142px; } @media (max-width: 575.98px) { .employee-dropdown.show.dropdown .employee-dropdown-menu .dropdown-item { width: 270px; } } .employee-dropdown.show .employee-dropdown-menu { width: 100%; min-width: 370px; margin-top: 10px; margin-bottom: 20px; padding: 20px 20px 0; border: none; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.175); background-color: white; display: block; } .employee-dropdown.show .employee-dropdown-menu .arrow { border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.05); border-top-width: 0; border-width: 11px; border-style: solid; left: 10%; margin-left: -11px; top: -22px; display: block; height: 0; position: absolute; width: 0; } .employee-dropdown.show .employee-dropdown-menu .arrow::after { border-color: transparent; border-bottom-color: #fff; border-width: 10px; border-top-width: 0; border-style: solid; display: block; height: 0; width: 0; position: absolute; content: " "; margin-left: -10px; top: 1px; } .employee-dropdown.show .employee-dropdown-menu .employee-list { width: 100%; max-height: 270px; overflow: auto; } .employee-dropdown.show .employee-dropdown-menu .employee-item { display: flex; align-items: center; padding: 10px 0; cursor: pointer; } .employee-dropdown.show .employee-dropdown-menu .employee-item .employee-avatar { position: relative; } .employee-dropdown.show .employee-dropdown-menu .employee-item .employee-avatar .selected-employee { width: 35px; height: 35px; border-radius: 30px; overflow: hidden; background-color: rgba(55, 108, 175, 0.8); display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; } .employee-dropdown.show .employee-dropdown-menu .btn { margin: 10px 0px 10px 10px; padding: 10px 15px; border-radius: 20px; min-width: 90px; font-size: 12px; float: right; } .employee-dropdown.show .employee-dropdown-menu .btn:hover { opacity: 0.7; } .employee-dropdown.show .employee-dropdown-menu .btn.btn-clear { color: #376caf; border-color: #376caf; } .employee-dropdown.show .employee-dropdown-menu .btn.btn-clear:focus { background-color: white; } .employee-dropdown.show .employee-dropdown-menu .btn.btn-add { color: white; background-color: #376caf; border-color: #376caf; padding: 0; overflow: hidden; } .employee-dropdown.show .employee-dropdown-menu .btn.btn-add > a { color: white; padding: 10px 15px; } .employee-dropdown.show .employee-dropdown-menu .btn.btn-add > a:hover { background-color: #376caf; } .employee-dropdown .btn-dropdown-toggle { color: #376caf; background-color: transparent; border: none; padding: 0; } .employee-dropdown .employee-dropdown-menu { display: none; } .fab-button-contents { z-index: 999; width: 206px; position: fixed !important; bottom: 25px; right: 20px; pointer-events: none; } .fab-button-contents .contents { width: 72px; margin-bottom: 40px; margin-right: 40px; margin-left: auto; pointer-events: auto; } .fab-button-contents .contents .fab-button { height: 72px; width: 72px; margin-left: auto; color: #ffffff; background-color: #376caf; border: 4px solid white; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 0; cursor: pointer; } .fab-button-contents .contents .fab-button:focus { outline: 0 !important; } @media (max-width: 575.98px) { .fab-button-contents { bottom: 0; width: auto; right: 5px; } .fab-button-contents .contents { margin-right: 0; margin-bottom: 0; margin-left: 0; } } .featured-departments { background-color: #fff; border-radius: 5px; border: none; padding: 30px 0; margin-bottom: 10px; } @media screen and (max-width: 768px) { .featured-departments { padding: 10px; margin-right: 0 !important; margin-left: 0 !important; } } .featured-departments .space { height: 315px; display: flex; background-color: #f8f8f9; align-items: center; justify-content: center; margin-right: 5px; margin-left: 5px; } .featured-departments .ds-avatar-logo { border: 1px solid #808080 !important; padding: 8px; } .featured-departments .head { height: 60px; } .featured-departments .ds-stars .star-list.small > span.d-lg-block { font-size: 16px; color: #376caf; padding-left: 4px; } .featured-departments .ds-stars .star-list.small > span > span { margin: 0 2px; } @media (max-width: 575.98px) { .featured-departments .ds-stars .star-list.small > span > span { margin: 0 1px; } } .featured-departments .featured-departments-list { width: 460px; } @media (max-width: 575.98px) { .featured-departments .featured-departments-list { width: 100% !important; } } .featured-departments .featured-departments-list .product-list { padding: 5px 20px; } .featured-departments .featured-departments-list .product-list:hover { background-color: #e7eff8; } .footer { background-color: #696969; } .footer .footer-content { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 0 20px; width: 100%; height: 50px; } .footer .footer-content .footer-left, .footer .footer-content .footer-right { display: flex; align-items: center; } .footer .footer-content .menu-icon { margin-right: 16px; opacity: 0.5; } .footer .footer-content .menu-icon.active { opacity: 1; } .footer .footer-content .divider { width: 1px; height: 14px; background-color: #969faa; margin: 0 16px; } .footer .footer-content .social-icon { margin-right: 16px; opacity: 0.3; } .footer .footer-content .company-info { color: white; font-size: 12px; line-height: 16px; opacity: 0.5; } @media screen and (max-width: 576px) { .footer .footer-content { display: none; } } .hcm-reports .items { width: 100%; padding: 0 110px 110px; } .hcm-reports .contents { cursor: pointer; } .hcm-reports .contents:hover, .hcm-reports .contents:focus { background-color: #f5f6f8; } @media screen and (max-width: 768px) { .hcm-reports .items { width: auto; padding: 0; } } @media screen and (max-width: 576px) { .hcm-reports .items { margin-top: 0px !important; } } .ds-navbar { display: flex; justify-content: center; z-index: 9; } .ds-navbar.logged { background-color: #376caf; } .ds-navbar .navbar { flex: 1; max-width: 1200px; margin-bottom: 0px; z-index: 1; } .ds-navbar .navbar .navbar-brand { display: flex; align-items: center; width: auto; height: 40px; padding: 0; margin: 0; } .ds-navbar .navbar .navbar-brand img { width: auto; height: 100%; } .ds-navbar .navbar .navbar-toggler .icon-bar { background-color: white; } .ds-navbar .navbar .navbar-toggler:hover, .ds-navbar .navbar .navbar-toggler:focus { background-color: transparent; } .ds-navbar .navbar .navbar-toggler:hover { opacity: 0.7; } .ds-navbar .navbar .navbar-collapse { padding-left: 20px; } .ds-navbar .navbar .navbar-collapse .navbar-nav { display: flex; align-items: center; height: 62px; } .ds-navbar .navbar .navbar-collapse .navbar-nav .nav-link { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: white; font-size: 12px; opacity: 0.5; padding: 0 35px 0 0; } .ds-navbar .navbar .navbar-collapse .navbar-nav .nav-link.active { opacity: 1; } .ds-navbar .navbar .navbar-collapse .controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; padding-left: 40px; height: 62px; } .ds-navbar .navbar .navbar-collapse .controls .popup-content a { height: 34px; padding: 0 10px; display: flex; align-items: center; color: #343f4b; text-decoration: none; border-radius: 5px; } .ds-navbar .navbar .navbar-collapse .controls .popup-content a:hover { background-color: #e7eff8; } .ds-navbar .navbar .navbar-collapse .controls .search, .ds-navbar .navbar .navbar-collapse .controls .notifications { display: flex; align-items: center; justify-content: center; background-color: transparent; border: unset; border-radius: 50%; opacity: 0.5; position: relative; width: 36px; height: 36px; } .ds-navbar .navbar .navbar-collapse .controls .search .badge-icon, .ds-navbar .navbar .navbar-collapse .controls .notifications .badge-icon { display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: red; position: absolute; top: 0; right: 0; width: 15px; height: 15px; } .ds-navbar .navbar .navbar-collapse .controls .search .badge-icon > span, .ds-navbar .navbar .navbar-collapse .controls .notifications .badge-icon > span { font-size: 8px; line-height: 8px; } .ds-navbar .navbar .navbar-collapse .controls .search.active, .ds-navbar .navbar .navbar-collapse .controls .notifications.active { border: 2px solid white; } @media (max-width: 991px) { .ds-navbar .navbar .navbar-brand img { display: none; } } @media (max-width: 767.98px) { .ds-navbar .navbar .nav-link { font-size: 10px !important; padding: 0 20px 0 0 !important; } } @media (max-width: 767px) { .ds-navbar .navbar .navbar-nav { position: fixed; bottom: 0; left: 0; right: 0; background: #376caf; justify-content: center; z-index: 100; height: 50px; margin: 0; padding: 0; } .ds-navbar .navbar .navbar-nav .nav-link { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; font-size: 10px; line-height: 1; padding: 6px 0; border-bottom: solid 4px #376caf; } .ds-navbar .navbar .navbar-nav .nav-link.active, .ds-navbar .navbar .navbar-nav .nav-link:hover { border-bottom-color: #fff; } .ds-navbar .navbar .navbar-nav .nav-link i, .ds-navbar .navbar .navbar-nav .nav-link .fa { display: block; font-size: 20px; line-height: 24px; margin-bottom: 2px; } .ds-navbar .navbar .mobile-menu { position: absolute; width: 100%; background: #e8f0fa; justify-content: center; left: 0; bottom: 60px; padding: 10px; } .ds-navbar .navbar .mobile-menu .nav-link { color: #376caf !important; text-decoration: none; } .ds-navbar .navbar .mobile-menu .nav-link img { width: 25px; } } @media (max-width: 1199.98px) { .ds-navbar { padding: 0 20px; } } @media (max-width: 767px) { .ds-navbar ~ .app-main, .ds-navbar ~ main, .ds-navbar ~ .main-content { margin-bottom: 60px; } } .popup-content.notifications-content { border-radius: 5px; overflow-y: scroll; overflow-x: hidden; } @media (max-width: 575.98px) { .popup-content.notifications-content { width: 300px !important; left: auto !important; right: 0; } .popup-content.notifications-content .notification-container .type-dropdown .core-dropdown-menu { right: 30px !important; } } .popup-content .profile-item:hover { background-color: #e7eff8; } .popup-content.searchbox-content { background-color: white; border-radius: 5px; padding: 15px 0 4px 0; position: absolute; left: calc(50% - 420px); top: 50px; width: 450px; z-index: 9999; } @media (max-width: 767.98px) { .popup-content.searchbox-content { left: 150px; right: 0; } } @media (max-width: 575.98px) { .popup-content.searchbox-content { width: 250px; left: calc(50% - 168px) !important; top: 150px !important; } .popup-content.searchbox-content .ml-ssm-5 { margin-left: 3rem !important; } .popup-content.searchbox-content .align-items-ssm-baseline { align-items: baseline !important; } } .popup-content.searchbox-content:before { content: ""; position: absolute; right: 10px; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; } @media (max-width: 767.98px) { .popup-content.searchbox-content:before { display: none; } } .popup-content.searchbox-content .search-button { width: 85px; margin-left: 10px; } .popup-content.searchbox-content .search-input { width: calc(100% - 95px); } .popup-content.searchbox-content .search-input .form-control { width: 100%; background-color: #f6f7f8; } .popup-content.searchbox-content .search-container { background-color: #f6f7f8; } .popup-content.searchbox-content .search-container .core-accordion .accordion__item .accordion__title { padding: 0 20px 10px; border-color: #dee2e6; } #editCoverPicWrapper, #editProfilePicWrapper { position: absolute; top: 10px; left: 10px; color: white; cursor: pointer; } #editCoverPicWrapper i, #editCoverPicWrapper:hover, #editCoverPicWrapper:focus, #editProfilePicWrapper i, #editProfilePicWrapper:hover, #editProfilePicWrapper:focus { text-shadow: 1px 1px 3px #000; } #editProfilePicWrapper { top: 5px; } .editProfilePicText, .editCoverPicText { font-size: 0.9rem; } .hover-dropdown { padding: 10px; margin-bottom: auto; position: relative; } .hover-dropdown.hover { background-color: #c3c7cc; } .hover-dropdown .hover-dropdown-toggle { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .hover-dropdown .hover-dropdown-menu { background-color: white; border-radius: 5px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); max-height: 60vh; overflow-y: auto; padding: 20px; position: absolute; width: 100%; top: 100%; box-sizing: content-box; z-index: 999; } .hover-dropdown .hover-dropdown-menu .hover-dropdown-item { color: #343f4b; font-size: 14px; line-height: 21px; cursor: pointer; } .hover-dropdown .hover-dropdown-menu.left { left: 10px; } .hover-dropdown .hover-dropdown-menu.right { right: 0; } .landing-analytics-card { display: flex; flex-direction: column; align-items: center; max-width: 270px; margin-top: 60px; padding: 20px; border: 1px solid #d6d6d6; border-radius: 5px; background-color: white; height: 740px; position: relative; } .landing-analytics-card .circle { width: 80px; height: 80px; background-color: #376caf !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: 10px auto 10px auto; } .landing-analytics-card .circle i { font-weight: 300; } .landing-analytics-card .highlight-text { margin-bottom: 45px; font-size: 12px; color: #376caf; text-align: center; text-transform: uppercase; } .landing-analytics-card .title { color: #376caf; font-size: 22px; text-align: center; font-weight: 600; } .landing-analytics-card .sub-title { color: #969faa; text-align: center; font-size: 16px; } .landing-analytics-card .sub-title span { color: #24303d; font-weight: 500; padding-right: 5px; } .landing-analytics-card .normal { color: #969faa; font-size: 14px; } .landing-analytics-card .truncate { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: visible; white-space: normal; text-align: left; } .landing-analytics-card .split { background-color: #d6d6d6; margin: 20px 0 20px 0; height: 1px; } .landing-analytics-card .line { display: flex; margin-bottom: 15px; } .landing-analytics-card .line i { margin-top: 5px; } .landing-analytics-card .line .info { margin-left: 10px; text-align: left; color: #24303d; } .landing-analytics-card .submit { background-color: #376caf; border-radius: 50px; width: 140px; padding: 10px; color: #fff; position: absolute; bottom: 20px; display: flex; align-items: center; justify-content: center; } .landing-analytics-card.active { margin-top: 0px; height: 800px; } .landing-analytics-card .submit-btn { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, 0); } .landing-analytics-card .submit-btn .wrap-btn { width: max-content; } .landing-class { max-width: 250px; padding: 0 9px; display: flex; flex-direction: column; align-items: center; } .landing-class .title { color: white; font-size: 18px; line-height: 21px; font-weight: 200; text-align: center; } @media screen and (max-width: 1200px) { .landing-class { padding: 0 30px; } } .landing-comment { display: flex; flex-direction: column; align-items: center; } .landing-comment .comment-detail { height: 90px; overflow: auto; } .landing-comment .commentor-detail { max-width: 170px; } .landing-comment .l-height-22 { line-height: 22px; } .landing-contact { height: 100%; width: 100%; background-image: linear-gradient(#376caf, #1a539b); } .landing-contact .container .title { color: white; font-size: 32px; font-weight: 200; font-family: "Regular Roboto", sans-serif; line-height: 43px; text-align: center; } .landing-contact .container .sub-title { color: white; font-size: 24px; font-weight: 200; font-family: "Regular Roboto", sans-serif; line-height: 32px; text-align: center; } .landing-contact .container .btn-demo { color: white; font-size: 22px; text-transform: uppercase; line-height: 29px; font-weight: 400; width: 190px; height: 58px; border: 1px solid white; border-radius: 30px; background-color: transparent; margin: 20px 0; } .landing-contact .container .btn-demo:hover { opacity: 0.7; } .landing-contact .container .phone { color: white; font-size: 16px; line-height: 21px; margin-top: 20px; } .landing-contact .container .phone .clickable-phone-number { color: #fff; font-size: 16px; text-decoration: none; } .landing-demo { padding: 50px 0; display: flex; flex-direction: column; align-items: center; } .landing-demo .avatar-container { overflow: hidden; border: 2px solid #376caf; border-radius: 50%; } .landing-demo .btn-container { margin-top: 30px; } .landing-demo .btn-container .btn-demo { font-size: 14px; font-weight: 400; padding: 10px 40px; } .learn-child-quiz { margin-top: 30px; } .learn-child-quiz .radio-item { width: 18px; height: 18px; min-width: 18px; border-radius: 9px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .learn-child-quiz .radio-item i { position: absolute; margin-right: 0 !important; margin-bottom: 1px !important; margin-left: 1px !important; } .learn-child-quiz .btn-next { color: #ffffff; border-radius: 50px; padding: 7px 30px; } .learn-child-quiz .btn-next:hover { background-color: #6899d7; } .learn-child-quiz .btn-next:focus { background-color: #376caf; } .c-lfg { background-color: #fff; border-radius: 5px; border: none; padding: 20px; margin-bottom: 10px; } .c-lfg-desc { overflow: hidden; } .c-lfg-overlay { display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.95); top: 0; position: absolute; width: 100%; height: 100%; } .c-lfg-overlay .quiz-mark { display: grid; text-align: center; } .c-lfg-overlay .quiz-mark i { font-size: 60px !important; } .c-lfg-feeds { display: flex; align-items: center; box-shadow: none; border: 1px solid rgba(195, 199, 204, 0.25); border-radius: 5px; padding: 10px 20px 10px 15px; margin-bottom: 2px; min-height: 80px; max-height: 120px; } .c-lfg-feeds:hover, .c-lfg-feeds:focus { background-color: #f1f5fb; } .c-lfg-feeds.disabled { opacity: 0.4; } .learn-feed-list-container { display: flex; align-items: center; background-color: #e7eff8; } .learn-feed-list-container:last-child .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .learn-feed-list-container:last-child .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .learn-feed-list-container:last-child .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .learn-feed-list-container.bulked { background-color: #6899d7; } .learn-feed-list-container .learn-feed-list { background-color: white; padding: 0 20px; flex: 1; } .learn-feed-list-container .learn-feed-list .list-contents { padding: 15px 0; display: flex; border-bottom: 1px solid #dee2e6; } .learn-feed-list-container .learn-feed-list .feed-container { display: flex; flex: 1; } @media screen and (max-width: 768px) { .learn-feed-list-container .learn-feed-list .feed-container .ds-thumbnail.tiny { max-width: 100%; width: 80%; } } .learn-feed-list-container .bulk-unassign { width: 50px; height: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; } @media (min-width: 1200px) { .learn-feed .media .media-left { width: 66.66666667%; } .learn-feed .media .body { width: 33.33333333%; } } @media screen and (max-width: 992px) { .learn-feed .media .media-left .grid-card-top .course-top-title { display: block !important; } .learn-feed .media .media-left .grid-card-top .course-top-title .due-date { display: flex; margin-top: 10px; } .learn-feed .media .media-left .grid-card-top .course-top-title .due-date p { margin-right: 10px; } } @media (max-width: 767.98px) { .learn-feed .media .media-left .feed-description { height: auto; } .learn-feed .media .body .mcontent { height: auto; max-height: 340px; } .learn-feed.list-mode .media .media-left { width: 100% !important; } .learn-feed.list-mode .media .body { max-width: 100% !important; } .w-sm-100 { width: 100px; } .w-sm-80 { width: 80px; } } @media (max-width: 575.98px) { .learn-feed-list-container .list-contents .feed-container .text-wrap-sm { width: 10em; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .learn-feed-list-container .list-contents .feed-container .text-wrap-ssm { height: unset; white-space: unset; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .library-course-card { padding: 30px 20px; background-color: white; } .library-course-card .career-text { width: 150px; flex-shrink: 0; } @media (max-width: 767.98px) { .library-course-card:last-child .editDropdownScroll .core-dropdown-menu, .library-course-card:nth-last-child(2) .editDropdownScroll .core-dropdown-menu { right: 25px; top: -30px; } } .library-course-card:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-course-card:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .library-course-card:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-course-card:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .library-course-card:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-course-card:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .library-course-card .lib-content { display: flex; flex: 1; border-top: 1px solid #dee2e6; padding: 20px 0; } .library-course-card .lib-content .course-content { display: flex; flex: 1; align-items: center; padding-left: 20px; } .library-course-card .lib-content .course-content .colon { line-height: 14px; } .library-course-card .lib-content .course-content .count { line-height: 15px; } .library-course-card .lib-content .edit { display: flex; align-items: center; padding: 20px 15px; } .library-course-card .lib-content .edit .assign-view { background-color: white; border-radius: 5px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px 20px; position: absolute; top: 0; right: 40px; width: 250px; } .library-course-card .lib-content .edit .assign-view .truncate-one { line-height: 22px; } .library-course-card .lib-content:hover { background: #e7eff8; margin: 0 -20px; padding: 20px; } .library-course-card .detail-content { background-color: white; border-radius: 5px; cursor: pointer; width: 100%; } @media (max-width: 575.98px) { .library-course-card .detail-content .settings-container { display: block !important; } } .library-course-card .detail-content .settings-container .setting-section { margin-right: 194px; } @media (max-width: 575.98px) { .library-course-card .detail-content .settings-container .setting-section { margin-right: 0; } } .library-course-card .detail-content .core-accordion.settings .accordion__panel .input-field { display: block; } @media (max-width: 575.98px) { .library-course-card .detail-content .core-accordion.settings .accordion__panel .input-field { margin-bottom: 0; } } .library-course-card .detail-content .core-accordion.settings .accordion__panel .input-field .form-control { margin-left: 0 !important; } .library-course-card .detail-content .core-accordion.settings .accordion__panel .toggle-button { display: block; } .library-course-card .detail-content .core-accordion.settings .accordion__panel .toggle-button > div { padding-left: 8px; display: flex !important; } .library-course-card .detail-content .border-top { border-top: 1px solid #f8f8f9; padding-top: 20px; } .library-course-card .detail-content .ds-thumbnail .image .placeholder i, .library-course-card .detail-content .ds-thumbnail .image .placeholder span { position: absolute; top: 45%; left: 30%; } .library-course-card .detail-content .ds-thumbnail .image .placeholder span { margin-left: 20px !important; } .library-course-card .detail-content .ds-thumbnail .image .placeholder .delete { display: none; } .library-course-card .modules-content { border-radius: 5px; margin-top: 10px; } .library-course-card .modules-content .field-header { display: flex; align-items: center; padding: 10px 0; } .library-course-card .modules-content .field-header .status { width: 130px; } .library-course-card .modules-content .field-header .name { flex: 1; padding: 0 10px; } .library-course-card .modules-content .field-header .name a { word-break: break-word; } .library-course-card .modules-content .field-header .lock { margin-left: 20px; width: 140px; } .library-course-card .modules-content .field-header .ellipsis { display: flex; align-items: center; justify-content: flex-end; width: 30px; } .library-course-card .modules-content .field-header .ellipsis .core-dropdown .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .library-course-card .modules-content .field-header .ellipsis .core-dropdown .core-dropdown-menu .menu-content { max-height: 11vh !important; } } .library-course-card .detail-content .course-input .form-control, .library-course-card .detail-content .course-text .form-control, .library-course-card .modules-content .course-input .form-control, .library-course-card .modules-content .course-text .form-control { margin-right: 0; } .library-course-card .detail-content .course-input .clear, .library-course-card .detail-content .course-text .clear, .library-course-card .modules-content .course-input .clear, .library-course-card .modules-content .course-text .clear { display: none; } .library-course-card .detail-content .course-input .delete, .library-course-card .detail-content .course-text .delete, .library-course-card .modules-content .course-input .delete, .library-course-card .modules-content .course-text .delete { display: none; } .library-course-card .detail-content .course-text, .library-course-card .modules-content .course-text { height: 100%; } .library-course-card .detail-content .course-text textarea, .library-course-card .modules-content .course-text textarea { height: 100%; } .library-course-card .detail-content .core-input-label, .library-course-card .modules-content .core-input-label { width: 150px; line-height: 20px; } .library-course-card .detail-content .core-input-content input, .library-course-card .detail-content .core-input-content textarea, .library-course-card .modules-content .core-input-content input, .library-course-card .modules-content .core-input-content textarea { margin-left: 0; resize: none; } .library-course-card .detail-content .settings .input-field, .library-course-card .modules-content .settings .input-field { margin-bottom: 0; } .library-course-card .detail-content .settings .input-field .core-input-label, .library-course-card .modules-content .settings .input-field .core-input-label { width: 90px; line-height: 20px; } .library-course-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title, .library-course-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title { min-width: 100px; } .library-course-card .detail-content .settings .dropdown-field.department .core-dropdown-menu, .library-course-card .modules-content .settings .dropdown-field.department .core-dropdown-menu { max-height: 42vh; } .library-course-card .detail-content .settings .dropdown-field.department .core-dropdown-menu, .library-course-card .modules-content .settings .dropdown-field.department .core-dropdown-menu { overflow: auto; } .library-course-card .detail-content .settings .dropdown-field.department .core-dropdown-menu .menu-content, .library-course-card .modules-content .settings .dropdown-field.department .core-dropdown-menu .menu-content { max-height: unset !important; } .library-course-card .detail-content .settings .toggle-button .ds-toggle-label, .library-course-card .modules-content .settings .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .library-course-card .detail-content .settings .accordion__item .accordion__title, .library-course-card .modules-content .settings .accordion__item .accordion__title { border-bottom: none; } .library-course-card .detail-content .settings .accordion__item .accordion__body, .library-course-card .modules-content .settings .accordion__item .accordion__body { padding: 10px 0 0; } .library-course-card .detail-content .settings .accordion__item .accordion__heading, .library-course-card .modules-content .settings .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .library-course-card .detail-content .settings .accordion__item .accordion__heading .accordion__button, .library-course-card .modules-content .settings .accordion__item .accordion__heading .accordion__button { position: relative; padding-left: 0; padding-bottom: 11px; } .library-course-card .detail-content .settings .accordion__item .accordion__heading .accordion__button:before, .library-course-card .modules-content .settings .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 92px; top: 22px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } .library-course-card ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #343f4b; font-weight: 400; opacity: 1; /* Firefox */ } .library-course-card :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #343f4b; font-weight: 400; } .library-course-card ::-ms-input-placeholder { /* Microsoft Edge */ color: #343f4b; font-weight: 400; } .library-course-card .training-course:hover { background-color: #e5eef8; cursor: pointer; } @media screen and (max-width: 767px) { .library-course-card .lib-content .course-content { padding-left: 10px; } .library-course-card .lib-content .edit { padding-left: 0 !important; justify-content: flex-start !important; } } @media screen and (max-width: 320px) { .library-course-card .detail-content .ds-thumbnail.medium { min-width: 284px; } } @media (max-width: 575.98px) { .library-course-card { padding: 0 15px; } .library-course-card .detail-content .ds-thumbnail.medium { max-width: 100%; } .library-course-card .modules-content .field-header { border-bottom: 1px solid #dee2e6; padding: 20px 0; } .library-course-card .modules-content .field-header .name > p { line-height: 12px; padding-bottom: 2px; } .library-course-card .modules-content .field-header .name > p .dsl-m12 { font-size: 10px; } .library-course-card .modules-content .field-header .name .dsl-b16 { font-size: 12px; line-height: 16px; padding-bottom: 0; } .library-course-card .modules-content .field-header .name .dsl-m14 { font-size: 10px; line-height: 14px; padding-bottom: 0; } .library-course-card .modules-content .field-header .lock { display: none; } .library-course-card .modules-content .field-header .status { width: 110px; } .library-course-card .lib-content .course-content { display: block; } } @media screen and (max-width: 576px) { .library-course-card .lib-content .module-content { display: block !important; width: calc(100% - 105px); } .library-course-card .lib-content .module-content .text-wrap-ssm { width: 100%; } } .library-document-card { background-color: white; padding: 0 20px; } .library-document-card .document-list-card { padding: 20px 0; display: flex; flex: 1; align-items: center; border-top: 1px solid #dee2e6; cursor: pointer; } .library-document-card .document-list-card a { text-decoration: none; } .library-document-card .edit { width: 50px; height: 50px; display: flex; align-items: center; justify-content: flex-end; } .library-document-card .detail-content { padding: 20px 0; width: 100%; } .library-document-card .detail-content .settings .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .library-document-card .detail-content .settings .accordion__item .accordion__body { padding: 30px 0 0; } .library-document-card .detail-content .settings .accordion__item .accordion__panel { padding-top: 0; } .library-document-card .list-card { display: flex; align-items: center; border-top: 1px solid #f8f8f9; flex: 1; padding: 20px 0; } .library-module-card { display: flex; justify-content: space-between; background-color: white; position: relative; padding: 0 20px; } .library-module-card:last-child { padding-bottom: 18px !important; } .library-module-card .lib-content { display: flex; flex: 1; border-top: 1px solid #dee2e6; padding: 20px 0; } .library-module-card .lib-content .module-content { display: flex; flex: 1; align-items: center; margin-left: 10px; } .library-module-card .lib-content .module-content .colon { line-height: 14px; } .library-module-card .lib-content .module-content .count { line-height: 15px; } .library-module-card .lib-content .edit { display: flex; align-items: center; padding: 20px 15px; cursor: pointer; } .library-module-card .lib-content:hover { background: #e7eff8; margin: 0 -20px; padding: 20px; } .library-module-card .title-font { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; margin-bottom: 5px; } .library-module-card .module-description .quill .ql-container .ql-editor { padding-right: 40px; max-height: 85px; } .library-module-card .course-description p { margin: 0; } .library-module-card .outer-quill { position: relative; } .library-module-card .outer-quill .clear { position: absolute; right: 15px; z-index: 100; top: 30px; } .library-module-card .quill { position: relative; } .library-module-card .quill .ql-toolbar { padding: unset; border: none; box-sizing: unset; text-align: end; position: absolute; right: 0; top: 10px; z-index: 9; background: transparent; } .library-module-card .quill .ql-toolbar .ql-formats { position: relative; align-items: center; margin-right: 9px; } @media (max-width: 575.98px) { .library-module-card .quill .ql-toolbar .ql-formats { margin-right: 6px; } } @media (max-width: 767.98px) { .library-module-card .quill .ql-toolbar .ql-formats { margin-right: 4px; } } .library-module-card .quill .ql-container { border: none; } .library-module-card .quill .ql-container .ql-tooltip { position: initial; width: 52%; } @media (max-width: 767.98px) { .library-module-card .quill .ql-container .ql-tooltip { width: 73%; margin-bottom: 15px; } } @media (max-width: 575.98px) { .library-module-card .quill .ql-container .ql-tooltip { margin-bottom: 15px; display: flex; justify-content: center; } } .library-module-card .quill .ql-container .ql-editor { line-height: 24px; background: #f6f7f8; border-radius: 4px; padding: 4px 30px 4px 10px; min-height: 70px; max-height: 105px; overflow: auto; } @media (max-width: 575.98px) { .library-module-card .quill .ql-container .ql-editor { padding: 4px 30px 4px 10px; } } @media (max-width: 767.98px) { .library-module-card .quill .ql-container .ql-editor { padding: 4px 30px 4px 10px; } } .library-module-card .quill .ql-container .ql-editor p { font-weight: 300; font-family: Roboto; font-size: 16px; color: #495057; word-break: break-all; } .library-module-card .quill .ql-container .ql-editor:before { top: 0; font-weight: 300; font-family: Roboto; font-style: unset !important; font-size: 16px; } .library-module-card .module-composer .quill .ql-container .ql-editor { overflow: hidden; min-height: unset; max-height: unset; } .library-module-card .module-composer .quill .ql-container .ql-editor p { margin-top: 30px; min-height: 70px; max-height: 105px; overflow: auto; } .library-module-card .module-composer .quill .ql-picker-label svg { right: -15px; } .library-module-card .detail-content { background-color: white; border-radius: 5px; padding-top: 20px; padding-bottom: 20px; width: 100%; } .library-module-card .detail-content .ds-upload a { word-break: break-all; } .library-module-card .detail-content .ds-upload .fa-trash-alt { color: #376caf !important; } .library-module-card .detail-content .ds-thumbnail.medium { min-width: 284px; } .library-module-card .detail-content .ds-thumbnail .image .placeholder i, .library-module-card .detail-content .ds-thumbnail .image .placeholder span { position: absolute; top: 45%; left: 30%; } .library-module-card .detail-content .ds-thumbnail .image .placeholder span { margin-left: 20px !important; } .library-module-card .detail-content .ds-thumbnail .image .placeholder .delete { display: none; } .library-module-card .detail-content .module-input .form-control, .library-module-card .detail-content .module-text .form-control, .library-module-card .modules-content .module-input .form-control, .library-module-card .modules-content .module-text .form-control { margin-right: 0; } .library-module-card .detail-content .module-input .clear, .library-module-card .detail-content .module-text .clear, .library-module-card .modules-content .module-input .clear, .library-module-card .modules-content .module-text .clear { display: none; } .library-module-card .detail-content .module-input .delete, .library-module-card .detail-content .module-text .delete, .library-module-card .modules-content .module-input .delete, .library-module-card .modules-content .module-text .delete { display: none; } .library-module-card .detail-content .module-text, .library-module-card .modules-content .module-text { height: 105px; } .library-module-card .detail-content .module-text textarea, .library-module-card .modules-content .module-text textarea { height: 100%; } .library-module-card .detail-content .video-url, .library-module-card .modules-content .video-url { flex: 1; } .library-module-card .detail-content .question-circle, .library-module-card .modules-content .question-circle { background-color: #969faa; width: 20px; height: 20px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold; margin-right: 10px; } .library-module-card .detail-content .settings .input-field .core-input-label, .library-module-card .modules-content .settings .input-field .core-input-label { width: 100%; line-height: 20px; } .library-module-card .detail-content .settings .dropdown-field.author .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.author .core-dropdown-menu { max-height: 32vh; } .library-module-card .detail-content .settings .dropdown-field.habit .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.habit .core-dropdown-menu { max-height: 23vh; } .library-module-card .detail-content .settings .dropdown-field.department .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.department .core-dropdown-menu { max-height: 17vh; } .library-module-card .detail-content .settings .dropdown-field.competencies .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.competencies .core-dropdown-menu { max-height: 20vh; } .library-module-card .detail-content .settings .dropdown-field.categories .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.categories .core-dropdown-menu { max-height: 27vh; } .library-module-card .detail-content .settings .dropdown-field.completetime .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.completetime .core-dropdown-menu { max-height: 15vh; } .library-module-card .detail-content .settings .dropdown-field.author .core-dropdown-menu, .library-module-card .detail-content .settings .dropdown-field.habit .core-dropdown-menu, .library-module-card .detail-content .settings .dropdown-field.department .core-dropdown-menu, .library-module-card .detail-content .settings .dropdown-field.competencies .core-dropdown-menu, .library-module-card .detail-content .settings .dropdown-field.categories .core-dropdown-menu, .library-module-card .detail-content .settings .dropdown-field.completetime .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.author .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.habit .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.department .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.competencies .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.categories .core-dropdown-menu, .library-module-card .modules-content .settings .dropdown-field.completetime .core-dropdown-menu { overflow: auto; } .library-module-card .detail-content .settings .dropdown-field.author .core-dropdown-menu .menu-content, .library-module-card .detail-content .settings .dropdown-field.habit .core-dropdown-menu .menu-content, .library-module-card .detail-content .settings .dropdown-field.department .core-dropdown-menu .menu-content, .library-module-card .detail-content .settings .dropdown-field.competencies .core-dropdown-menu .menu-content, .library-module-card .detail-content .settings .dropdown-field.categories .core-dropdown-menu .menu-content, .library-module-card .detail-content .settings .dropdown-field.completetime .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.author .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.habit .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.department .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.competencies .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.categories .core-dropdown-menu .menu-content, .library-module-card .modules-content .settings .dropdown-field.completetime .core-dropdown-menu .menu-content { max-height: unset !important; overflow: unset !important; } .library-module-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title, .library-module-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 100px; } @media (max-width: 575.98px) { .library-module-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title, .library-module-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 65px; min-width: 65px; } } .library-module-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label, .library-module-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } @media (max-width: 575.98px) { .library-module-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label span, .library-module-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label span { width: 100%; overflow: hidden; text-overflow: ellipsis; } } .library-module-card .detail-content .settings .dropdown-field .core-dropdown-toggle .caret, .library-module-card .modules-content .settings .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .library-module-card .detail-content .settings .toggle-button .ds-toggle-label, .library-module-card .modules-content .settings .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; margin-bottom: 15px !important; } .library-module-card .detail-content .settings .accordion__item .accordion__title, .library-module-card .modules-content .settings .accordion__item .accordion__title { border-bottom: none; } .library-module-card .detail-content .settings .accordion__item .accordion__body, .library-module-card .modules-content .settings .accordion__item .accordion__body { padding: 10px 0 0; } .library-module-card .detail-content .settings .accordion__item .accordion__heading, .library-module-card .modules-content .settings .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .library-module-card .detail-content .settings .accordion__item .accordion__heading .accordion__button, .library-module-card .modules-content .settings .accordion__item .accordion__heading .accordion__button { position: relative; padding-left: 0; padding-bottom: 11px; } .library-module-card .detail-content .settings .accordion__item .accordion__heading .accordion__button:before, .library-module-card .modules-content .settings .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 92px; top: 22px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } @media (max-width: 575.98px) { .library-module-card { padding: 0 15px; } .library-module-card .lib-content { width: 100%; } .library-module-card .lib-content .module-content { display: block; max-width: calc(100% - 115px); } .library-module-card .lib-content .module-content .text-wrap-ssm { width: 100%; } .library-module-card .accordion__panel { padding: 0 18px; } .library-module-card .detail-content .d-ssm-block { display: block !important; } .library-module-card .detail-content .mt-sm-3 { margin-top: 1rem !important; } } .library-pagination { background-color: white; border-color: transparent !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .library-pagination .right { float: right; } .library-pagination .ui.inline.dropdown { color: #376caf; } .library-pagination .pages { padding: 3px; cursor: pointer; color: #969faa; } .library-pagination .pages.active { text-decoration: underline; color: #000; } .library-pagination .current { padding: 3px; color: #969faa; } .library-pagination .current.active { color: #000; } .library-pagination .pages-left { padding-left: 3px; } .lib-programs-badge { background-color: white; padding: 20px; } .lib-programs-badge .settings-badge .accordion__item .accordion__body { padding: 30px 0 0; } .lib-programs-badge .badge-thumbnail { width: 85px; min-width: 85px; height: 83px; min-height: 83px; cursor: pointer; } .lib-programs-badge .badge-thumbnail .icon { height: 83px; min-height: 83px; background-color: #f2f3f4; } .lib-programs-badge .badge-thumbnail .icon i { font-size: 24px !important; } .lib-programs-badge .badge-thumbnail .image { padding-top: 100%; } .lib-programs-badge .input-field { margin-bottom: 25px; } .lib-programs-badge .input-field .core-input-label { line-height: 20px; } .lib-programs-badge .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-programs-badge .input-field .core-input-content .clear { right: 15px; } .lib-programs-badge .input-field .core-input-content .delete { display: none; } .lib-programs-badge .btn-save { height: 36px; width: 103px; } .lib-programs-badge .btn-save.btn[disabled] { color: white; } .lib-programs-career .career-content { background-color: white; border-radius: 5px; padding: 30px 20px; margin-bottom: 10px; } .lib-programs-career .career-detail, .lib-programs-career .settings-contents, .lib-programs-career .modules-contents { padding: 20px; background-color: white; border-radius: 5px; } .lib-programs-career .career-detail.level-data, .lib-programs-career .settings-contents.level-data, .lib-programs-career .modules-contents.level-data { padding: 0; background-color: transparent; border-radius: 0; } .lib-programs-career .career-detail .expiration-dropdown .core-dropdown-toggle .core-dropdown-title, .lib-programs-career .settings-contents .expiration-dropdown .core-dropdown-toggle .core-dropdown-title, .lib-programs-career .modules-contents .expiration-dropdown .core-dropdown-toggle .core-dropdown-title { width: 134px; } .lib-programs-career .level-data { position: relative; } .lib-programs-career .level-data .level-header, .lib-programs-career .level-data .list-quota-habit { padding: 20px; background-color: white; border-radius: 5px; } .lib-programs-career .level-data .core-pagination { border-top: 1px solid #c3c7cc; } .lib-programs-career .level-data .core-pagination .d-none { display: none !important; } .lib-programs-career .settings-contents .settings-career .accordion__item .accordion__title, .lib-programs-career .level-data .settings-career .accordion__item .accordion__title { border: none !important; } @media screen and (max-width: 470px) { .lib-programs-career .setting-second .dropdown-sm-field .dropdown-field { color: red; } .lib-programs-career .setting-second .dropdown-sm-field .core-dropdown-title { min-width: 100px; } .lib-programs-career .setting-second .dropdown-sm-field .core-dropdown-label > span { text-overflow: ellipsis; overflow: hidden; width: 90%; margin: 0 !important; } } .lib-programs-career .accordion__item .accordion__title { border-bottom: none; } .lib-programs-career .accordion__item .accordion__body { padding-left: 0; padding-right: 0; padding-top: 10px; } .lib-programs-career .career-thumbnail { width: 85px; min-width: 85px; height: 83px; min-height: 83px; cursor: pointer; } .lib-programs-career .career-thumbnail .icon { height: 83px; min-height: 83px; background-color: #f2f3f4; } .lib-programs-career .career-thumbnail .icon i { font-size: 24px !important; } .lib-programs-career .career-thumbnail .image { padding-top: 100%; } .lib-programs-career .input-field { margin-bottom: 25px; } .lib-programs-career .input-field .core-input-label { width: 100px; line-height: 20px; } .lib-programs-career .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-programs-career .input-field .core-input-content input { max-width: 400px; } @media screen and (max-width: 320px) { .lib-programs-career .input-field .core-input-content input { margin-left: 0; } } .lib-programs-career .input-field .core-input-content textarea { max-width: 400px; } @media screen and (max-width: 320px) { .lib-programs-career .input-field .core-input-content textarea { margin-left: 0; } } .lib-programs-career .input-field .core-input-content .clear { position: unset; } .lib-programs-career .input-field .core-input-content .delete { display: none; } .lib-programs-career .dropdown-field { margin-bottom: 10px; } .lib-programs-career .dropdown-field .core-dropdown-toggle .core-dropdown-title { min-width: 100px; } .lib-programs-career .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-programs-career .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .lib-programs-career .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .lib-programs-career .lock-switch { display: flex; align-items: center; justify-content: space-between; max-width: 120px; } .lib-programs-career .add-training-dropdown .core-dropdown-toggle .core-dropdown-title { color: #376caf; font-size: 14px !important; font-weight: 300 !important; padding: 8px 16px; border-radius: 4px; } .lib-programs-career .add-training-dropdown .core-dropdown-toggle .core-dropdown-title:hover { background-color: #c9ddf6; } .lib-programs-career .add-training-dropdown .core-dropdown-menu { right: 10px; } .lib-programs-career .btn-save { height: 36px; padding: 0 20px; } .lib-programs-career .btn-save.btn[disabled] { color: white; } .lib-programs-career .ds-toggle .dsl-m12 { font-weight: 400; } .lib-programs-career .settings-contents .ds-avatar-initial { background-color: #d3d3d3 !important; } .lib-programs-career .programs-module-list .core-dropdown-menu { right: auto !important; } .lib-programs-career .programs-module-list .core-dropdown-menu .menu-content { max-height: 100% !important; } @media screen and (max-width: 768px) { .career-certificate-title.card { padding: 20px !important; } } .career-certificate-title .avatar-container .ds-thumbnail.small { height: 105px; } .career-certificate-title .avatar-container .ds-thumbnail.small .icon { height: 100%; border-radius: 50%; border: 2px solid #e6e6e6; } .career-certificate-title .career-text { width: 100px; flex-shrink: 0; } .career-map .career-text { width: 200px; flex-shrink: 0; } .lib-programs-certification .certification-detail, .lib-programs-certification .settings-contents, .lib-programs-certification .modules-contents { padding: 20px; background-color: white; border-radius: 5px; } .lib-programs-certification .certification-detail .ds-upload a, .lib-programs-certification .settings-contents .ds-upload a, .lib-programs-certification .modules-contents .ds-upload a { word-break: break-all; } .lib-programs-certification .certification-detail .upload-name, .lib-programs-certification .settings-contents .upload-name, .lib-programs-certification .modules-contents .upload-name { word-break: break-all; } .lib-programs-certification .certification-detail .ds-upload .fa-trash-alt { color: #376caf !important; } .lib-programs-certification .ds-avatar-initial { background-color: #d3d3d3 !important; } .lib-programs-certification .accordion__item .accordion__title { border-bottom: none; } .lib-programs-certification .accordion__item .accordion__body { padding-left: 0; padding-right: 0; padding-top: 10px; } .lib-programs-certification .certificate-thumbnail { width: 85px; min-width: 85px; height: 83px; min-height: 83px; cursor: pointer; } .lib-programs-certification .certificate-thumbnail .icon { height: 83px; min-height: 83px; background-color: #f2f3f4; } .lib-programs-certification .certificate-thumbnail .icon i { font-size: 24px !important; } .lib-programs-certification .certificate-thumbnail .image { padding-top: 100%; } .lib-programs-certification .input-field { margin-bottom: 25px; } .lib-programs-certification .input-field .core-input-label { width: 100px; line-height: 20px; } .lib-programs-certification .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-programs-certification .input-field .core-input-content input { max-width: 400px; } @media screen and (max-width: 320px) { .lib-programs-certification .input-field .core-input-content input { margin-left: 0; } } .lib-programs-certification .input-field .core-input-content textarea { max-width: 400px; } @media screen and (max-width: 320px) { .lib-programs-certification .input-field .core-input-content textarea { margin-left: 0; } } .lib-programs-certification .input-field .core-input-content .clear { position: unset; } .lib-programs-certification .input-field .core-input-content .delete { display: none; } .lib-programs-certification .dropdown-field { margin-bottom: 10px; } .lib-programs-certification .dropdown-field .core-dropdown-toggle .core-dropdown-title { min-width: 100px; } .lib-programs-certification .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-programs-certification .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .lib-programs-certification .dropdown-field.dropdown-ellipsis .core-dropdown-title { min-width: 100px; } .lib-programs-certification .dropdown-field.dropdown-ellipsis .core-dropdown-label span { width: 100%; overflow: hidden; text-overflow: ellipsis; } .lib-programs-certification .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .lib-programs-certification .add-training-dropdown .core-dropdown-toggle .core-dropdown-title { color: #376caf; font-size: 15px; font-weight: 300 !important; padding: 8px 16px; border-radius: 4px; } .lib-programs-certification .add-training-dropdown .core-dropdown-toggle .core-dropdown-title:hover { background-color: #c9ddf6; } .lib-programs-certification .add-training-dropdown .core-dropdown-menu { right: 10px; } .lib-programs-certification .btn-save { height: 36px; padding: 0 20px; } .lib-programs-certification .btn-save.btn[disabled] { color: white; } .lib-programs-certification .ds-toggle .dsl-m12 { font-weight: 400; } .lib-programs-certification .core-pagination { padding-left: 0; padding-right: 0; } .lib-programs-certification .modules-contents .required-field .library-programs-list .core-dropdown-menu.left { left: -10px !important; } .lib-programs-certification .modules-contents .required-field .library-programs-list .menu-content { max-height: 120px; height: auto; } .lib-programs-certification .modules-contents .expiration-dropdown .core-dropdown-toggle .core-dropdown-title { width: 134px; } @media screen and (max-width: 470px) { .lib-programs-certification .setting-second .dropdown-sm-field .dropdown-field { color: red; } .lib-programs-certification .setting-second .dropdown-sm-field .core-dropdown-title { min-width: 100px; } .lib-programs-certification .setting-second .dropdown-sm-field .core-dropdown-label > span { text-overflow: ellipsis; overflow: hidden; width: 90%; margin: 0 !important; } } .library-programs-list { padding: 0 20px; background-color: white; } .library-programs-list .programs-module-list > div { border-bottom: 1px solid #dee2e6; } @media (max-width: 767.98px) { .library-programs-list:last-child .editDropdownScroll .core-dropdown-menu, .library-programs-list:nth-last-child(2) .editDropdownScroll .core-dropdown-menu { right: 25px; top: -30px; } } .library-programs-list:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-programs-list:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .library-programs-list:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-programs-list:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .library-programs-list:last-child .editDropdownScroll .core-dropdown-menu .menu-content, .library-programs-list:nth-last-child(2) .editDropdownScroll .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .library-programs-list .programs-closed-list { padding: 20px 0; display: flex; align-items: center; border-top: 1px solid #dee2e6; } .library-programs-list .programs-closed-list .list-detail { width: calc(100% - 45px); display: flex; cursor: pointer; } .library-programs-list .programs-closed-list .list-detail .wrap-assigned { margin-right: 80px; } @media screen and (max-width: 576px) { .library-programs-list .programs-closed-list .list-detail .wrap-assigned { margin-right: 0; margin-top: 10px; } } .library-programs-list .programs-closed-list .list-detail .quota-assigned-wrap .colon { line-height: 14px; } .library-programs-list .programs-closed-list .list-detail .quota-assigned-wrap .count { line-height: 15px; } .library-programs-list .programs-closed-list .edit { width: 45px; height: 45px; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; } .library-programs-list .programs-closed-list .small .icon { min-height: 60px; min-width: 115px; border: 1px solid #f0f1f2; } .library-programs-list .programs-closed-list:hover { background: #e7eff8; padding: 20px !important; margin: 0 -20px; } .library-programs-list .programs-module-list .edit { padding: 0 10px; align-items: center; } .library-programs-list .programs-module-list .core-pagination { padding-left: 5px; padding-right: 5px; } .library-programs-list .programs-module-list .input-field { margin: 0; } .library-programs-list .programs-module-list .input-field .core-input-content .form-control { margin: 0; max-width: 100px; } .library-programs-list .programs-module-list .title-sm-w { width: 100px; } .library-programs-list .programs-empty-list .empty { width: 100%; border: 0.5px solid #f0f0f0 !important; border-radius: 8px; } .library-programs-list .programs-empty-list .empty.long { max-width: 300px; height: 15px; } .library-programs-list .programs-empty-list .empty.medium { max-width: 200px; height: 15px; } .library-programs-list .programs-empty-list .empty.small { max-width: 50px; height: 10px; } .library-programs-list .programs-empty-list .empty.circle { width: 35px; height: 35px; margin: 5px; border-radius: 20px; } .library-programs-list .programs-empty-list .empty.square { max-width: 35px; height: 20px; margin-left: auto; } .library-programs-list .programs-empty-list .min-height-100 { min-width: 100px; } .library-programs-list .programs-empty-list .min-height-50 { min-width: 50px; } .library-programs-list:last-child .programs-closed-list { border-bottom: 1px solid #dee2e6; } @media screen and (max-width: 576px) { .library-programs-list .programs-closed-list .list-detail .list-detail-info .assigned-flex { display: flex; text-align: unset; } .library-programs-list .programs-closed-list .list-detail .list-detail-info.habits, .library-programs-list .programs-closed-list .list-detail .list-detail-info.habitslist { position: relative; } .library-programs-list .programs-closed-list .list-detail .list-detail-info.habits .wrap-assigned, .library-programs-list .programs-closed-list .list-detail .list-detail-info.habitslist .wrap-assigned { margin-left: 20px; } .library-programs-list .programs-closed-list .list-detail .list-detail-info.habits .assigned-flex, .library-programs-list .programs-closed-list .list-detail .list-detail-info.habitslist .assigned-flex { position: absolute; top: 22px; left: 50px; } .library-programs-list .programs-closed-list .list-detail .list-detail-info .quota-assigned-wrap { flex-direction: column; } .library-programs-list .programs-closed-list .list-detail .list-detail-info .quota-assigned-wrap .quota-quotas { display: flex; } .library-programs-list .programs-closed-list .list-detail .list-detail-info .quota-assigned-wrap .assigned-modules { display: flex; } .library-programs-list .programs-module-list .core-input-content input { max-width: 100% !important; } } .ds-search { display: flex; align-items: center; background: #f8f8f9; padding-right: 10px; border-radius: 4px; } .ds-search:hover { outline: 1px solid #cfd2d6; } .ds-search input { border: none; font-size: 16px; font-weight: 300; line-height: 18px; width: 150px; background: #f8f8f9; color: #343f4b; } .ds-search input:focus { box-shadow: none; background: #f8f8f9 !important; } .ds-search input::placeholder { color: #969faa !important; } .ds-search input:focus::placeholder { opacity: 0.2; } @media screen and (max-width: 767px) { .ds-search input { width: 200px !important; } } .library-status { padding: 0 15px 8px 15px; } .library-status p { margin-bottom: 8px; } .library-status .advanced-search { display: flex; justify-content: flex-end; margin-top: -16px; margin-bottom: 16px; } .library-status .filters { display: flex; flex-wrap: wrap; margin-top: 10px; padding-bottom: 10px; } .library-status .filters .chip { background-color: #f8f8f9; border-radius: 5px; margin-right: 5px; padding: 7px 10px; } .lib-todo-habit .habit-detail, .lib-todo-habit .settings-contents, .lib-todo-habit .modules-contents { padding: 20px; background-color: white; border-radius: 5px; } .lib-todo-habit .settings-habit .dropdown-field.author .core-dropdown-menu { max-height: 32vh; } .lib-todo-habit .settings-habit .dropdown-field.habit .core-dropdown-menu { max-height: 13vh; } .lib-todo-habit .settings-habit .dropdown-field.department .core-dropdown-menu { max-height: 17vh; } .lib-todo-habit .settings-habit .dropdown-field.competencies .core-dropdown-menu { max-height: 20vh; } .lib-todo-habit .settings-habit .dropdown-field.categories .core-dropdown-menu { max-height: 27vh; } .lib-todo-habit .settings-habit .dropdown-field.author .core-dropdown-menu, .lib-todo-habit .settings-habit .dropdown-field.habit .core-dropdown-menu, .lib-todo-habit .settings-habit .dropdown-field.department .core-dropdown-menu, .lib-todo-habit .settings-habit .dropdown-field.competencies .core-dropdown-menu, .lib-todo-habit .settings-habit .dropdown-field.categories .core-dropdown-menu { overflow: auto; } .lib-todo-habit .settings-habit .dropdown-field.author .core-dropdown-menu .menu-content, .lib-todo-habit .settings-habit .dropdown-field.habit .core-dropdown-menu .menu-content, .lib-todo-habit .settings-habit .dropdown-field.department .core-dropdown-menu .menu-content, .lib-todo-habit .settings-habit .dropdown-field.competencies .core-dropdown-menu .menu-content, .lib-todo-habit .settings-habit .dropdown-field.categories .core-dropdown-menu .menu-content { max-height: unset !important; overflow: unset !important; } .lib-todo-habit .settings-habit .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 70px; min-width: 70px; } .lib-todo-habit .settings-habit .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-todo-habit .settings-habit .dropdown-field-small .core-dropdown-menu { max-height: 18vh; } .lib-todo-habit .settings-habit .input-field { margin-bottom: 15px; } .lib-todo-habit .settings-habit .input-field .core-input-label { width: 90px; line-height: 20px; } .lib-todo-habit .settings-habit .accordion__item .accordion__title { border-bottom: none; } .lib-todo-habit .settings-habit .accordion__item .accordion__body { padding: 10px 0 0; } .lib-todo-habit .settings-habit .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .lib-todo-habit .settings-habit .accordion__item .accordion__heading .accordion__button { position: relative; padding-left: 0; padding-bottom: 11px; } .lib-todo-habit .settings-habit .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 82px; top: 23px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } .lib-todo-habit .input-field { margin-bottom: 25px; } .lib-todo-habit .input-field .core-input-label { line-height: 20px; } .lib-todo-habit .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-todo-habit .input-field .core-input-content .clear { right: 15px; } .lib-todo-habit .input-field .core-input-content .delete { display: none; } .lib-todo-habit .btn-save { height: 36px; padding: 0 20px; } .lib-todo-habit .btn-save.btn[disabled] { color: white; } @media (max-width: 767.98px) { .dropdown-field { width: 100% !important; } .dropdown-field .core-dropdown-label span { width: 100%; text-overflow: ellipsis; overflow: hidden; } } .attach-library .list-container .list-content { overflow-x: hidden; } .lib-todo-habit-schedule .habit-schedule-detail, .lib-todo-habit-schedule .detail-list { padding: 20px; background-color: white; border-radius: 5px; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 80px; min-width: 80px; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.author .core-dropdown-menu { max-height: 48vh; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.department .core-dropdown-menu { max-height: 24vh; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.author .core-dropdown-menu, .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.department .core-dropdown-menu { overflow: auto; } .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.author .core-dropdown-menu .menu-content, .lib-todo-habit-schedule .settings-habit-schedule .dropdown-field.department .core-dropdown-menu .menu-content { max-height: unset !important; } .lib-todo-habit-schedule .settings-habit-schedule .input-field { margin-bottom: 15px; } .lib-todo-habit-schedule .settings-habit-schedule .input-field .core-input-label { width: 90px; line-height: 20px; } .lib-todo-habit-schedule .settings-habit-schedule .accordion__item .accordion__title { border-bottom: none; } .lib-todo-habit-schedule .settings-habit-schedule .accordion__item .accordion__body { padding: 10px 0 0; } .lib-todo-habit-schedule .settings-habit-schedule .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .lib-todo-habit-schedule .settings-habit-schedule .accordion__item .accordion__heading .accordion__button { position: relative; padding-left: 0; padding-bottom: 11px; } .lib-todo-habit-schedule .settings-habit-schedule .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 82px; top: 23px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } .lib-todo-habit-schedule .input-field { margin-bottom: 25px; } .lib-todo-habit-schedule .input-field .core-input-label { line-height: 20px; } .lib-todo-habit-schedule .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-todo-habit-schedule .input-field .core-input-content .clear { right: 15px; } .lib-todo-habit-schedule .input-field .core-input-content .delete { display: none; } .lib-todo-habit-schedule .btn-save { height: 36px; padding: 0 20px; } .lib-todo-habit-schedule .btn-save.btn[disabled] { color: white; } .lib-todo-habit-schedule .edit { width: 50px; height: 50px; } .lib-todo-quota .lib-content { display: flex; flex: 1; border-top: 1px solid #dee2e6; padding: 20px 0; } .lib-todo-quota .lib-content .track-content { display: flex; flex: 1; justify-content: space-between; padding-left: 20px; } .lib-todo-quota .lib-content .track-content .courses-wrap .colon { line-height: 14px; } .lib-todo-quota .lib-content .track-content .courses-wrap .count { line-height: 15px; } .lib-todo-quota .lib-content .edit { display: flex; align-items: center; padding: 20px 15px; cursor: pointer; } .lib-todo-quota .lib-content:hover { background: #e7eff8; margin: 0 -20px; padding: 20px; } .lib-todo-quota .quota-list-card:hover { background: #e7eff8; } @media (max-width: 767.98px) { .lib-todo-quota .quota-list-card:last-child .core-dropdown-menu { right: 25px; top: -30px; } } .lib-todo-quota .quota-list-card:last-child .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .lib-todo-quota .quota-list-card:last-child .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .lib-todo-quota .quota-list-card:last-child .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .lib-todo-quota .quota-list-card .small .icon { min-height: 60px; min-width: 115px; border: 1px solid #dee2e6; } @media screen and (max-width: 576px) { .lib-todo-quota .quota-list-card p { margin-bottom: 0; } .lib-todo-quota .quota-list-card .dsl-b16 { font-size: 12px; } } .lib-todo-quota .quota-detail { padding: 30px 22px; background-color: white; } .lib-todo-quota .quota-detail .core-input-label { width: 130px; } .lib-todo-quota .quota-detail .object-title input { font-weight: 400 !important; line-height: 22px !important; max-width: 50%; } .lib-todo-quota .quota-detail .object-textarea .core-input { align-items: flex-start !important; } .lib-todo-quota .quota-detail .object-textarea .core-input-label { padding-top: 5px; } .lib-todo-quota .quota-detail textarea { resize: none; max-width: 50%; } .lib-todo-quota .quota-detail .section .input-field, .lib-todo-quota .quota-detail .section .dropdown-field { width: 100% !important; } .lib-todo-quota .quota-detail .section .input-field .core-input-label, .lib-todo-quota .quota-detail .section .input-field .core-dropdown-title, .lib-todo-quota .quota-detail .section .dropdown-field .core-input-label, .lib-todo-quota .quota-detail .section .dropdown-field .core-dropdown-title { width: 130px !important; } .lib-todo-quota .quota-detail .section .input-field .core-dropdown-menu, .lib-todo-quota .quota-detail .section .dropdown-field .core-dropdown-menu { left: 142px !important; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.author .core-dropdown-menu { max-height: 32vh; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.department .core-dropdown-menu { max-height: 23vh; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.competencies .core-dropdown-menu { max-height: 17vh; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.categories .core-dropdown-menu { max-height: 20vh; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.author .core-dropdown-menu, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.department .core-dropdown-menu, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.competencies .core-dropdown-menu, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.categories .core-dropdown-menu { overflow: auto; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.author .core-dropdown-menu .menu-content, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.department .core-dropdown-menu .menu-content, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.competencies .core-dropdown-menu .menu-content, .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .dropdown-field.categories .core-dropdown-menu .menu-content { max-height: unset !important; overflow: unset !important; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .accordion__button { padding: 20px 0 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; grid-gap: 10px; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .accordion__button p { color: #343f4b; font-size: 16px; font-weight: 600; line-height: 18px; } .lib-todo-quota .quota-detail .section .core-accordion.add-new-quota .accordion__panel { padding: 20px 0; } .lib-todo-quota .quota-detail .container { padding: 12px 15px 0 0 !important; } .lib-todo-quota .btn-wrapper { background-color: #fff; padding: 30px 22px; } .lib-todo-quota .edit { width: 50px; height: 50px; display: flex; align-items: center; justify-content: flex-end; } .lib-todo-quota .input-field .core-input-label { line-height: 20px; } .lib-todo-quota .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-todo-quota .input-field .core-input-content .clear { right: 15px; } .lib-todo-quota .input-field .core-input-content .delete { display: none; } .lib-todo-quota .heading .core-input-content .form-control { font-weight: 400; } .lib-todo-quota .heading .core-input-content .form-control::placeholder { font-weight: 300; } .lib-todo-quota .description .core-input-content .form-control { line-height: 22px; } .lib-todo-quota .settings-quota .input-field { margin-bottom: 0; } .lib-todo-quota .settings-quota .input-field .core-input-label { width: 90px; line-height: 20px; } .lib-todo-quota .settings-quota .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 100px; } .lib-todo-quota .settings-quota .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-todo-quota .settings-quota .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .lib-todo-quota .settings-quota .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .lib-todo-quota .settings-quota .accordion__item .accordion__title { border-bottom: none; } .lib-todo-quota .settings-quota .accordion__item .accordion__body { padding: 10px 0 0; } .lib-todo-quota .settings-quota .accordion__item .accordion__panel { padding-left: 0; padding-right: 0; } .lib-todo-quota .track-switch { display: flex; align-items: center; justify-content: space-between; max-width: 120px; } .lib-todo-quota .core-pagination { justify-content: left; } .lib-todo-quota .list-label { font-size: 12px; color: #676767; } @media screen and (max-width: 576px) { .lib-todo-quota { padding: 0 !important; } .lib-todo-quota .quota-detail { padding: 30px 10px !important; } } @media screen and (max-width: 320px) { .quota-list-card .detail-content .ds-thumbnail.medium { min-width: 284px; } } @media screen and (max-width: 767px) { .quota-list-card .lib-content { flex-direction: row; align-items: flex-start; } .quota-list-card .lib-content .track-content { padding-left: 10px; } .quota-list-card .lib-content .edit { padding-left: 0 !important; } } @media screen and (max-width: 576px) { .quota-list-card .lib-content .track-content { display: block; width: calc(100% - 105px); } .quota-list-card .lib-content .track-content .text-wrap-ssm { width: 100%; } } .lib-todo-scorecard .scorecard-detail, .lib-todo-scorecard .detail-list { padding: 30px 22px; background-color: white; border-radius: 5px; min-height: 230px; } .lib-todo-scorecard .scorecard-detail .card-item, .lib-todo-scorecard .detail-list .card-item { display: flex; padding: 20px 0px; border-bottom: 1px solid #e2e3e5; } .lib-todo-scorecard .scorecard-detail .section .scorecard-label, .lib-todo-scorecard .detail-list .section .scorecard-label { width: 100px; } .lib-todo-scorecard .scorecard-detail .dropdown-field .core-dropdown-title, .lib-todo-scorecard .detail-list .dropdown-field .core-dropdown-title { width: 80px; } .lib-todo-scorecard .scorecard-detail .dropdown-field .core-dropdown-toggle, .lib-todo-scorecard .detail-list .dropdown-field .core-dropdown-toggle { min-height: 42px; display: flex; align-items: center; } .lib-todo-scorecard .scorecard-detail .dropdown-field .core-dropdown-toggle .core-dropdown-label, .lib-todo-scorecard .detail-list .dropdown-field .core-dropdown-toggle .core-dropdown-label { flex: 1; margin-left: 20px; } .lib-todo-scorecard .scorecard-detail .title, .lib-todo-scorecard .detail-list .title { font-weight: 400; } .lib-todo-scorecard .scorecard-detail .input-field, .lib-todo-scorecard .detail-list .input-field { align-items: flex-start; } .lib-todo-scorecard .scorecard-detail .input-field .core-input-label, .lib-todo-scorecard .detail-list .input-field .core-input-label { width: 80px; } .lib-todo-scorecard .scorecard-detail .border-line, .lib-todo-scorecard .detail-list .border-line { border-top: 1px solid #dee2e6; } .lib-todo-scorecard .settings-scorecard .input-field { margin-bottom: 0px; } .lib-todo-scorecard .settings-scorecard .input-field .core-input-label { width: 90px; line-height: 20px; } .lib-todo-scorecard .settings-scorecard .dropdown-field .core-dropdown-toggle .core-dropdown-title { width: 100%; } .lib-todo-scorecard .settings-scorecard .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .lib-todo-scorecard .settings-scorecard .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .lib-todo-scorecard .settings-scorecard .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .lib-todo-scorecard .settings-scorecard .accordion__panel { padding: 0 0 15px; } .lib-todo-scorecard .settings-scorecard .accordion__item .accordion__title { border-bottom: none; } .lib-todo-scorecard .settings-scorecard .accordion__item .accordion__body { padding: 10px 0 0; } .lib-todo-scorecard .settings-scorecard .accordion__item .accordion__heading .accordion__button { padding: 20px 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; grid-gap: 12px; } .lib-todo-scorecard .settings-scorecard .accordion__item .accordion__heading .accordion__button p { color: #343f4b; font-size: 18px; font-weight: 500 !important; line-height: 20px; } .lib-todo-scorecard .settings-scorecard .accordion__item .dropdown-field .core-dropdown-title { width: 80px; } .lib-todo-scorecard .input-field .core-input-label { line-height: 20px; } .lib-todo-scorecard .input-field .core-input-content { width: 50%; } .lib-todo-scorecard .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .lib-todo-scorecard .input-field .core-input-content .clear { right: 15px; } .lib-todo-scorecard .input-field .core-input-content .delete { display: none; } .lib-todo-scorecard .track-switch { display: flex; align-items: center; justify-content: space-between; max-width: 120px; } .lib-todo-scorecard .btn-save { height: 36px; padding: 0 20px; } .lib-todo-scorecard .btn-save.btn[disabled] { color: white; } .lib-todo-scorecard .edit { display: flex; align-items: center; justify-content: flex-end; width: 30px; } .btn-mr0 button { margin-right: 0 !important; } .scorecard-quota-head { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .scorecard-quota-head .auto-height { height: auto; } @media screen and (max-width: 768px) { .scorecard-detail .modal-body .d-sm-flex-5 { flex: 5; } } @media screen and (max-width: 576px) { .detail-list .section .quota-unit { display: flex !important; } } .todos-status { background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 20px 20px 0px 20px; } .todos-status .tab-bar { display: flex; padding-bottom: 10px; } .todos-status .tab-bar .active { text-decoration: underline; text-decoration-color: #376caf; font-weight: bold; } .todos-status .search-box { border: 1px solid #969faa; border-radius: 20px; overflow: hidden; padding-right: 10px; } .todos-status .search-box .form-control { border: none; box-shadow: none; font-size: 14px; padding-left: 15px; -webkit-box-shadow: none; } .todos-status .search-box .input-group-append { background-color: transparent; align-items: center; margin-left: 0; } .library-track-card { background-color: white; } .library-track-card .career-text { width: 150px; flex-shrink: 0; } @media (max-width: 767.98px) { .library-track-card:last-child .lib-content .edit.editDropdownScroll .core-dropdown-menu, .library-track-card:nth-last-child(2) .lib-content .edit.editDropdownScroll .core-dropdown-menu { right: 25px; top: -30px; } } .library-track-card:last-child .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content, .library-track-card:nth-last-child(2) .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .library-track-card:last-child .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content, .library-track-card:nth-last-child(2) .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .library-track-card:last-child .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content, .library-track-card:nth-last-child(2) .lib-content .edit.editDropdownScroll .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .library-track-card .lib-content { display: flex; flex: 1; border-top: 1px solid #dee2e6; padding: 20px 0; } .library-track-card .lib-content .track-content { display: flex; flex: 1; justify-content: space-between; padding-left: 20px; } .library-track-card .lib-content .track-content .courses-wrap .colon { line-height: 14px; } .library-track-card .lib-content .track-content .courses-wrap .count { line-height: 15px; } .library-track-card .lib-content .edit { display: flex; align-items: center; padding: 20px 15px; cursor: pointer; } .library-track-card .lib-content:hover { background: #e7eff8; margin: 0 -20px; padding: 20px; } .library-track-card .detail-content { background-color: white; border-radius: 5px; cursor: pointer; width: 100%; } @media (max-width: 575.98px) { .library-track-card .detail-content .settings-container { display: block !important; } } .library-track-card .detail-content .settings-container .setting-section { margin-right: 194px; } @media (max-width: 575.98px) { .library-track-card .detail-content .settings-container .setting-section { margin-right: 0px; } } .library-track-card .detail-content .core-accordion.settings .accordion__button { padding-left: 0px; } .library-track-card .detail-content .core-accordion.settings .accordion__panel .input-field { display: block; } @media (max-width: 575.98px) { .library-track-card .detail-content .core-accordion.settings .accordion__panel .input-field { margin-bottom: 0px; } } .library-track-card .detail-content .core-accordion.settings .accordion__panel .input-field .core-input-label { line-height: 38px !important; } .library-track-card .detail-content .core-accordion.settings .accordion__panel .input-field .form-control { margin-left: 0 !important; } .library-track-card .detail-content .core-accordion.settings .accordion__panel .toggle-button { display: block; } .library-track-card .detail-content .core-accordion.settings .accordion__panel .toggle-button .ds-toggle-label { margin-bottom: 19px !important; } .library-track-card .detail-content .core-accordion.settings .accordion__panel .toggle-button > div { padding-left: 8px; display: flex !important; } .library-track-card .detail-content .ds-thumbnail .image .placeholder i, .library-track-card .detail-content .ds-thumbnail .image .placeholder span { position: absolute; top: 45%; left: 30%; } .library-track-card .detail-content .ds-thumbnail .image .placeholder span { margin-left: 20px !important; } .library-track-card .detail-content .ds-thumbnail .image .placeholder .delete { display: none; } .library-track-card .modules-content { border-radius: 5px; margin-top: 10px; padding-bottom: 20px; } .library-track-card .modules-content .courses-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } .library-track-card .modules-content .courses-list { width: 100%; display: flex; padding: 20px 0; border-top: 1px solid #c3c7cc; } .library-track-card .modules-content .courses-list .name { flex: 1; padding: 0 10px; } .library-track-card .modules-content .courses-list .lock { width: 200px; } .library-track-card .modules-content .courses-list .ellipsis { display: flex; align-items: center; justify-content: flex-end; width: 50px; } .library-track-card .detail-content .course-checkbox, .library-track-card .modules-content .course-checkbox { color: #c3c7cc; font-size: 14px; } .library-track-card .detail-content .course-checkbox.active, .library-track-card .modules-content .course-checkbox.active { color: #343f4b; } .library-track-card .detail-content .course-checkbox.active .ds-checkbox > label, .library-track-card .modules-content .course-checkbox.active .ds-checkbox > label { border-color: #343f4b; } .library-track-card .detail-content .course-checkbox.active .ds-checkbox > label:before, .library-track-card .detail-content .course-checkbox.active .ds-checkbox > label:after, .library-track-card .modules-content .course-checkbox.active .ds-checkbox > label:before, .library-track-card .modules-content .course-checkbox.active .ds-checkbox > label:after { background-color: #343f4b; } .library-track-card .detail-content .track-input .form-control, .library-track-card .detail-content .track-text .form-control, .library-track-card .modules-content .track-input .form-control, .library-track-card .modules-content .track-text .form-control { margin-right: 0; } .library-track-card .detail-content .track-input .clear, .library-track-card .detail-content .track-text .clear, .library-track-card .modules-content .track-input .clear, .library-track-card .modules-content .track-text .clear { display: none; } .library-track-card .detail-content .track-input .delete, .library-track-card .detail-content .track-text .delete, .library-track-card .modules-content .track-input .delete, .library-track-card .modules-content .track-text .delete { display: none; } .library-track-card .detail-content .track-text, .library-track-card .modules-content .track-text { height: 100%; } .library-track-card .detail-content .track-text textarea, .library-track-card .modules-content .track-text textarea { height: 100%; } .library-track-card .detail-content .description, .library-track-card .modules-content .description { height: 65px; overflow: hidden; } .library-track-card .detail-content .core-input-label, .library-track-card .modules-content .core-input-label { width: 150px; line-height: 20px; } .library-track-card .detail-content .core-input-content input, .library-track-card .detail-content .core-input-content textarea, .library-track-card .modules-content .core-input-content input, .library-track-card .modules-content .core-input-content textarea { margin-left: 0; resize: none; } .library-track-card .detail-content .settings .input-field .core-input-label, .library-track-card .modules-content .settings .input-field .core-input-label { width: 90px; line-height: 20px; } .library-track-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title, .library-track-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-title { min-width: 100px; } .library-track-card .detail-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label, .library-track-card .modules-content .settings .dropdown-field .core-dropdown-toggle .core-dropdown-label { line-height: 35px; } .library-track-card .detail-content .settings .dropdown-field .core-dropdown-toggle .caret, .library-track-card .modules-content .settings .dropdown-field .core-dropdown-toggle .caret { bottom: 20px !important; } .library-track-card .detail-content .settings .toggle-button .ds-toggle-label, .library-track-card .modules-content .settings .toggle-button .ds-toggle-label { width: 100px; margin-right: 18px; } .library-track-card .detail-content .settings .accordion__item .accordion__title, .library-track-card .modules-content .settings .accordion__item .accordion__title { border-bottom: none; } .library-track-card .detail-content .settings .accordion__item .accordion__body, .library-track-card .modules-content .settings .accordion__item .accordion__body { padding: 10px 0 0; } .library-track-card .detail-content .settings .accordion__item .accordion__heading, .library-track-card .modules-content .settings .accordion__item .accordion__heading { border-bottom: 1px solid #c8d1d8; } .library-track-card .detail-content .settings .accordion__item .accordion__heading .accordion__button, .library-track-card .modules-content .settings .accordion__item .accordion__heading .accordion__button { position: relative; padding-bottom: 11px; } .library-track-card .detail-content .settings .accordion__item .accordion__heading .accordion__button:before, .library-track-card .modules-content .settings .accordion__item .accordion__heading .accordion__button:before { position: absolute; left: 92px; top: 22px; height: 7px !important; width: 7px !important; border-color: #c3c7cc; } .library-track-card ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #343f4b; font-weight: 400; opacity: 1; /* Firefox */ } .library-track-card :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #343f4b; font-weight: 400; } .library-track-card ::-ms-input-placeholder { /* Microsoft Edge */ color: #343f4b; font-weight: 400; } @media screen and (max-width: 320px) { .library-track-card .detail-content .ds-thumbnail.medium { min-width: 284px; } } @media screen and (max-width: 767px) { .library-track-card .lib-content { flex-direction: row; align-items: flex-start; } .library-track-card .lib-content .track-content { padding-left: 10px; } .library-track-card .lib-content .edit { padding-left: 0 !important; } } @media screen and (max-width: 576px) { .library-track-card .lib-content .track-content { display: block; width: calc(100% - 105px); } .library-track-card .lib-content .track-content .text-wrap-ssm { width: 100%; } } @media screen and (max-width: 576px) { .library-track-card .lib-content .module-content { display: block !important; width: calc(100% - 105px); } .library-track-card .lib-content .module-content .text-wrap-ssm { width: 100%; } } .loading-animation { display: block; align-items: center; justify-content: center; position: fixed; bottom: 0; left: 0; width: 15%; height: 10%; z-index: 99999; background-color: rgba(0, 0, 0, 0.1); } .loading-animation .loading-refresh { display: none; position: fixed; right: 10px; bottom: 65px; padding: 15px; } @media screen and (max-width: 576px) { .loading-animation .loading-refresh { bottom: 165px; } } .loading-animation .loading-refresh i { font-size: 26px !important; } .loading-animation .loading-refresh .core-button.medium { background-color: transparent; border: none; padding: 0; height: auto; font-weight: 400; float: right; min-width: auto; } .loading-animation .loading-refresh .close-icon { position: absolute; right: 6px; top: 6px; font-size: 12px !important; cursor: pointer; } .loading-animation .loading-block { height: 100%; display: flex; align-items: center; justify-content: center; } .loading-animation .loading-block .sk-spinner.small { width: 27px !important; height: 27px !important; } .loading-animation .loading-block .sk-spinner.medium { width: 54px !important; height: 54px !important; } .loading-animation .loading-block .sk-spinner.large { width: 81px !important; height: 81px !important; } .loading-animation .loading-block span { color: #376caf; } .loading-animation .loading-block span.small { font-size: 14px; } .loading-animation .loading-block span.medium { font-size: 18px; } .loading-animation .loading-block span.large { font-size: 22px; } .loading-animation .loading-block .reset { position: absolute; right: 30%; bottom: 80px; display: flex; align-items: center; border: none; } .loading-animation .loading-block .reset button { border: none; text-decoration: underline; } .not-found { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-image: url("/images/error.png"); background-size: cover; height: 100vh; } .not-found .go-back { background-color: transparent; font-weight: 300; width: 160px; height: 40px; } .not-found .go-back:focus { border-color: #ffffff; color: #ffffff; } .not-found .go-back:hover { background-color: transparent; } .not-found .error-code { bottom: 20px; position: absolute; } .placeholder-task-item { background-color: white; } .placeholder-task-item .border-bottom { border-bottom: 1px solid #e0e0e0; } .placeholder-task-item .check-mark { display: flex; align-items: center; justify-content: center; border-radius: 13px; border: 1px solid #f8f8f9; margin-right: 20px; width: 26px; height: 26px; } .placeholder-task-item .thumb { background-color: #f8f8f9; border-radius: 5px; width: 130px; height: 73.5px; } .placeholder-task-item .task-list-detail { cursor: pointer; flex: 1; } .placeholder-task-item .task-list-detail .title { background-color: #f8f8f9; border-radius: 3px; width: 50%; height: 13px; } .placeholder-task-item .task-list-detail .description { background-color: #f8f8f9; border-radius: 3px; margin-top: 5px; width: 100%; height: 13px; } .placeholder-task-item .task-list-info .title { background-color: #f8f8f9; border-radius: 3px; width: 25px; height: 13px; } .placeholder-task-item .task-list-info .description { background-color: #f8f8f9; border-radius: 3px; margin-top: 5px; width: 50px; height: 13px; } .placeholder-task-item .due-date { text-align: center; width: 100px; } .placeholder-task-item .due-date .avatar { background-color: #f8f8f9; border-radius: 15px; width: 30px; height: 30px; } .placeholder-task-item .due-date .date { background-color: #f8f8f9; border-radius: 3px; width: 50px; height: 13px; } .placeholder-task-item .task-list-dropdown { background-color: #f8f8f9; border-radius: 3px; width: 25px; height: 13px; } .placeholder-task-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .profile-header { border-radius: 5px; width: 100%; height: 280px; position: relative; } @media screen and (max-width: 576px) { .profile-header { height: auto; } } .profile-header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; background-color: rgba(255, 255, 255, 0.9); } .profile-header .top-section { background-size: cover; background-position: center top; background-repeat: no-repeat; height: calc(100% - 50px); position: relative; display: flex; flex-direction: column; justify-content: flex-end; background-color: lightgray; } @media screen and (max-width: 576px) { .profile-header .top-section { background-size: cover; height: 285.6px; background-repeat: no-repeat; background-position: center; } } .profile-header .top-section .info-bar { display: flex; } @media screen and (max-width: 576px) { .profile-header .top-section .info-bar { flex-wrap: wrap; justify-content: center; align-items: center; } } .profile-header .top-section .info-bar .avatar-edit { position: relative; z-index: 9; bottom: 10%; left: 50%; transform: translateX(-10%); } .profile-header .top-section .info-bar .social-highlight { position: relative; z-index: 9; } .profile-header .top-section .info-bar .ds-avatar { background-color: #ffffff; background-size: contain; background-position: center; border-radius: 60px; margin-left: 30px; transform: translateY(1rem); width: 120px; height: 120px; border: 2px solid white; position: relative; z-index: 0; } .profile-header .top-section .info-bar .ds-avatar .avatar-large { height: 100%; width: 100%; } .profile-header .top-section .info-bar .ds-avatar-edit { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); background-color: rgba(255, 255, 255, 0.9); z-index: 9; display: flex; justify-content: center; border-radius: 50%; } @media screen and (max-width: 576px) { .profile-header .top-section .info-bar .ds-avatar { margin-left: 0; width: 100px !important; height: 100px !important; } } .profile-header .top-section .info-bar .main-info { margin-left: 30px; padding-top: 30px; z-index: 1; } @media (max-width: 575.98px) { .profile-header .top-section .info-bar .main-info { width: 100%; margin-left: 0; text-align: center; } } .profile-header .top-section .info-bar .social-info { display: flex; flex: 1; flex-direction: column; align-items: flex-end; justify-content: flex-end; padding: 20px 20px 20px 0; z-index: 1; } .profile-header .top-section .info-bar .social-info .social-link-button { width: 50px; min-width: 50px; display: flex; align-items: center; justify-content: center; } .profile-header .top-section .info-bar .social-info .social-link-button > i.fab { margin: 0 !important; } .profile-header .top-section .info-bar .social-info .btn-connect { color: white; border-color: white; } @media (max-width: 575.98px) { .profile-header .top-section .info-bar .social-info { padding-top: 0; } } .profile-header .top-section .info-bar .login-info .login-button { background-color: transparent; border: 1px #fff solid; } .profile-header .top-section .edit-featured-image { position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 9; } .profile-header .top-section .edit-social-links { z-index: 99; } .profile-header .top-section .dots-menu { position: absolute; top: 0; right: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } .profile-header .top-section .dots-menu .fa-ellipsis-h { filter: drop-shadow(0 1px 1px rgb(0, 0, 0)); } .profile-header .header-nav { height: 40px; padding-left: 20%; padding-right: 30px; background: #376caf; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: flex; align-items: center; } .profile-header .header-nav .section { display: flex; align-items: center; height: 100%; position: relative; } .profile-header .header-nav .section-item { height: 100%; display: flex; align-items: center; padding: 0 20px; color: #ffffff; white-space: nowrap; } .profile-header .header-nav .section-divider { width: 1px; height: 50% !important; background-color: #6899d7; } .profile-header .header-nav .section.active { background-color: #6899d7; } .profile-header .header-nav .section.before .section-item { border-color: #376caf; } .profile-header .header-nav .section:hover { background-color: #6899d7; } .profile-header .header-nav .section > div { height: 100%; } .profile-header .header-nav .section .section-item.active { background-color: #6899d7; margin: 0px -1px; } .profile-header .header-nav .popup { display: flex; background-color: white; flex-direction: column; border-radius: 5px; padding: 15px 10px; position: absolute; right: 0; top: 30px; width: 200px; z-index: 100; } .profile-header .header-nav .popup a { height: 34px; padding: 0 10px; display: flex; align-items: center; color: #343f4b; text-decoration: none; border-radius: 5px; } .profile-header .header-nav .popup a:hover { background-color: #e7eff8; } @media (max-width: 575.98px) { .profile-header .header-nav { display: none; } } .profile-header .mobile-screen .core-dropdown-item { text-transform: capitalize; } .sub_links .popup { display: flex; background-color: white; flex-direction: column; border-radius: 5px; padding: 15px 10px; position: absolute; right: 0; top: 30px; width: auto; z-index: 100; } .sub_links .popup a { height: 34px; padding: 0 10px; display: flex; align-items: center; color: #343f4b; text-decoration: none; border-radius: 5px; } .sub_links .popup a:hover { background-color: #e7eff8; } .recent-forum { padding-left: 0 !important; padding-right: 0 !important; } .recent-forum > div { cursor: pointer; } .recent-forum .space { height: 518px; display: flex; background-color: #f8f8f9; align-items: center; justify-content: center; margin-right: 10px; margin-left: 10px; } .recent-forum .forum-item { padding: 10px 20px; cursor: pointer; } .recent-forum .forum-item .forums-count { color: #376caf; } .recent-forum .forum-item:hover { background-color: #e7eff8; } .recent-forum .custom-font span { font-family: Roboto; } .recent-forum .w100 { width: 100px; } .record-header { background-color: #ffffff; border-radius: 5px; padding: 20px; position: relative; } .record-header .active-tab { display: flex; align-items: center; justify-content: center; padding-top: 6px; border-top: 1px solid #e0e0e0; } .record-header .active-tab .board { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px; margin-left: 10px; margin-right: 10px; text-align: center; width: 140px; height: 80px; } .record-header__section .status { position: absolute; top: 45px; right: 10px; } .record-item { background-color: #ffffff; border-radius: 5px; margin-top: 10px; padding: 20px; } .record-item .record-item-header { margin-right: 50px; } .record-item .record-item-body { flex: 1; } .record-item .record-item-body .ds-dropdown { align-items: flex-start; margin-top: 5px; } .record-item .record-item-body .ds-dropdown .label { margin-right: 0; margin-top: 2px; min-width: 100px; text-align: left; width: 100px; } .record-item .record-item-body .ds-dropdown .dropdown button { font-size: 14px; text-align: left; white-space: inherit; } .record-item .record-item-body .core-input .core-input-label { width: 85px; } .record-item .record-item-body .core-input input { background-color: transparent; } .record-item .record-item-body .ds-datepicker .dsl-label { margin-right: 0; width: 100px; } .record-item .record-item-body .ds-datepicker .react-datepicker-wrapper { flex: 1; } .record-item .record-item-body .ds-datepicker .react-datepicker-wrapper input { border: none; } .record-item .record-item-body .assignments { position: relative; } .record-item .record-item-body .assignments--category { display: flex; margin-bottom: 20px; } .record-item .record-item-body .assignments--category--name { display: flex; align-items: baseline; width: 120px; } .record-item .record-item-body .assignments--category--name .icon-success { margin-right: 5px; color: #16ac10; } .record-item .record-item-body .assignments--category--name .icon-failure { margin-right: 5px; color: #ff0000; } .record-item .record-item-body .assignments--category--name .category-success { font-size: 14px; color: #343f4b; } .record-item .record-item-body .assignments--category--name .category-failure { font-size: 14px; color: #ff0000; } .record-item .record-item-body .assignments--category--name .detail { font-size: 12px; } .record-item .record-item-body .assignments--category--detail .title { color: #376caf; } .record-item .record-item-body .assignments--category--detail .title:first-child::before { display: none; } .record-item .record-item-body .assignments--category--detail .title::before { content: ", "; } .record-item .record-item-body .assignments--category--detail .assign { color: #1a539b; cursor: pointer; } .record-item .record-item-body .assignments--category:first-child { margin-top: 10px; } .record-item .record-item-body .assignments--detail_modal { display: none; padding: 20px; position: absolute; left: 0; top: 100%; z-index: 999; width: 400px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .record-item .record-item-body .assignments--detail_modal .icon-success, .record-item .record-item-body .assignments--detail_modal .icon-failure { margin-top: 3px; } .record-item .record-item-body .assignments--detail_modal .assignments--category--detail { width: 260px; } .record-item .record-item-body .assignments:hover .assignments--detail_modal { display: block; } .scorecard-item { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px 15px 20px !important; border-top: 1px solid #e0e0e0; cursor: pointer; margin: 0 -20px; } .scorecard-item:hover, .scorecard-item:focus { background-color: #f1f5fb; } .scorecard-item:hover + .scorecardk-item, .scorecard-item:focus + .scorecardk-item { margin-left: -20px; margin-right: -20px; padding: 15px 20px 15px 20px; } .scorecard-item .scorecard-detail { width: calc(100% - 26px - 40px); } .scorecard-item .scorecard-detail .rating-tooltip { position: absolute; top: auto; left: 0px; right: auto; bottom: 0px; transform: translate(991px, 352px); } .scorecard-item .truncate-one:hover { cursor: pointer; } .scorecard-item .avatar-section { width: 65px; display: flex; flex-direction: column; align-items: center; } .quota-tooltip { z-index: 9999; opacity: 1.3 !important; } .quota-tooltip .tooltip-inner { text-align: left; min-width: 300px; margin-left: 200px; } .quota-tooltip .arrow::before { border-top-color: white; } .score-tooltip .arrow { display: none; } .score-tooltip .dsl-score-title { color: #343f4b; font-weight: 500; display: block; text-align: left; margin-bottom: 10px; } .score-tooltip .tooltip-list .tooltip-lable { flex: 1; line-height: 18px !important; text-align: left; } .score-tooltip .tooltip-list .tooltip-value { flex: 1; text-align: left; font-size: 12px; white-space: nowrap; } .score-tooltip .tooltip-inner { max-width: 100%; width: 315px; padding: 8px 16px; } @media screen and (max-width: 576px) { .score-tooltip { transform: translate3d(62.5px, 142.5px, 0px) !important; } .score-tooltip .tooltip-inner { width: 200px !important; } } .rating-tooltip { opacity: 1.3 !important; z-index: 9999; } .rating-tooltip .tooltip-inner { text-align: left; width: 240px; } .rating-tooltip .arrow::before { border-top-color: white; } .rating-tooltip .ds-stars .flex-nowrap span { margin-right: 2px; } .rating-tooltip .ds-stars .star-list.small .fa-star { font-size: 14px; } .saveactuals-accordion .accordion__item .accordion__heading { padding: 0; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button { display: flex; align-items: center; margin: 0 -20px; padding: 18px 12px; width: calc(100% + 40px); background-color: white; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button:hover { background: #e7eff8; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button:focus { outline: none; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button > div { width: calc(100% + 20px); margin-left: -20px; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button[aria-expanded=true] { background-color: #e7eff8; } .saveactuals-accordion .accordion__item .accordion__panel .emp-list { padding-left: 20px; padding-right: 20px; } .saveactuals-accordion .accordion__item .accordion__panel .emp-list:hover { background-color: #e7eff8; } @media (max-width: 576px) { .saveactuals-accordion .accordion__item .accordion__heading .accordion__button > div { margin-left: 0; align-items: flex-start; } .saveactuals-accordion .accordion__item .accordion__heading .accordion__button > div .header-performance { font-weight: 400; } .saveactuals-accordion .accordion__item .accordion__panel { padding-left: 0 !important; } .saveactuals-accordion .pl-sm-0 { padding-left: 0 !important; } .saveactuals-accordion .text-sm-left { text-align: left !important; } } .tasks-status { background-color: white; box-shadow: 0 1px 3px 0 #f5f5f5, 0 0 0 1px #f5f5f5 !important; border-color: transparent !important; padding-top: 5px; padding-bottom: 5px; margin-bottom: 2px; } .main-nav .side-nav { background-color: white; padding: 20px; position: relative; width: 246px; height: 100%; } .main-nav .side-nav.expanded { width: 246px; height: 100%; padding: 15px; } @media screen and (max-width: 768px) { .main-nav .side-nav.expanded { animation: slideInRight 0.5s ease-in-out; } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .main-nav .side-nav.collapsed { padding: 20px 0; width: 60px; } .main-nav .side-nav.disabled { display: none; } .main-nav .side-nav .nav-item { cursor: pointer; font-weight: 300; padding: 8px 0 8px 30px; margin-bottom: 2px; } .main-nav .side-nav .nav-item.parent { font-weight: 400; margin-left: 0; padding-left: 10px; } .main-nav .side-nav .nav-item.collapsed { margin-left: 0; padding-left: 0; text-align: center; } .main-nav .side-nav .nav-item.active, .main-nav .side-nav .nav-item:hover { background-color: #e7eff8; border-radius: 5px; } .main-nav .side-nav .nav-item.active.parent, .main-nav .side-nav .nav-item:hover.parent { background-color: transparent !important; cursor: default; } .main-nav .side-nav .nav-item a { color: #212529; text-decoration: none; } .main-nav .side-nav .nav-item a:hover, .main-nav .side-nav .nav-item a:active, .main-nav .side-nav .nav-item a:focus { color: #212529; text-decoration: none; } .main-nav .side-nav-icon { display: none; } .main-nav button.open { top: 100px !important; } @media (max-width: 767.98px) { .main-nav { position: absolute; right: 0; top: 0; z-index: 99; } .main-nav button { position: absolute; min-width: 0; background-color: transparent !important; outline: none; box-shadow: none !important; } .main-nav button img { width: 16px; } .main-nav button.close { left: -45px; z-index: 9; padding: 10px; } .main-nav button.open { right: 0; z-index: 999; top: 20px; } .main-nav .overlay { position: fixed; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 2; cursor: pointer; } .main-nav .side-nav { z-index: 9; padding: 0; } .main-nav .side-nav.hide-menu { display: none; } .main-nav .side-nav-icon { display: block !important; } } @media (min-width: 992px) { .main-nav { margin-left: 20px; } } .sub-menu { margin-bottom: 20px; pointer-events: auto; } .sub-menu .sub-menu-backdrop { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: transparent; } .sub-menu .list-group { background-color: #376caf; border-radius: 5px; color: #eef0f4; font-size: 12px; } .sub-menu .list-group .list-group-item { background: transparent; border: none; border-radius: 3px; cursor: pointer; padding: 10px 0 10px 15px; margin-bottom: 0; } .sub-menu .list-group .list-group-item:hover { background-color: white; color: #343f4b; } .c-tel { border-top: 1px solid #e0e0e0; position: relative; } .c-tel .messages { display: flex; justify-content: left; color: #343f4b; text-align: center; position: absolute; left: 0; right: 0; font-weight: 300; top: -8px; font-size: 16px; } .task-report .mr-stats { margin-right: 280px; } .task-report .list-item { border-bottom: 1px solid #e0e0e0; } .task-report .list-item.hover-items { border-bottom: none; } .task-report .list-item.hover-items:hover { background-color: #e7eff8; } .task-report .list-item .hover-list-item { width: 100%; border-bottom: 1px solid #e0e0e0; } .task-report .list-item .name { display: flex; align-items: center; cursor: pointer; } .task-report .list-item .edit { display: flex; align-items: center; justify-content: flex-end; } .task-report .list-item.border-none { border-bottom: none; } .task-report .habits-padding { margin-left: 70px; } @media screen and (min-width: 993px) and (max-width: 1114px) { .task-report .habits-padding { margin-top: 14px; margin-left: 45px; } } .task-report .habits-padding span { padding-bottom: 2px; } .task-report .core-pagination { padding-left: 0; padding-top: 20px; padding-bottom: 0; } .task-report .fa-print { cursor: pointer; } .task-report .edit-icon { justify-content: flex-end; flex: 0.5; } @media screen and (max-width: 768px) { .task-report .name-sm { font-size: 15px; } .task-report .tasks-start { padding: 35px 0; margin: 0; } .task-report .core-pagination { padding: 10px 0; } .task-report .habits-padding { margin: 0; } .task-report .habits-padding span { text-align: end; } .task-report .ds-datepicker .ds-datepicker-content { right: auto !important; left: -165px; } } .training-course-header { padding: 15px 0; } .training-course-header p { min-width: 50px; font-weight: 300; margin-bottom: 0; } .training-course-item { padding: 20px 0; display: flex; align-items: center; border-top: 1px solid #f8f8f9; } .training-course-item .course-detail { padding: 0; display: flex; } .training-course-item .course-detail p { text-align: left; } .training-course-item .col-xs-1 { padding: 0; text-align: center; } .training-course-item .col-xs-1 p { text-align: center; } .training-course-item .custom-datepicker { min-width: 65px; } .training-employee-selector { margin: 15px 0; } .training-employee-selector .selected-employees { margin: 5px 0 10px; } .training-item { background-color: white; justify-content: space-between; overflow: hidden; border-top: 1px solid #e0e0e0; } .training-item .mw-10 { min-width: 10%; } .training-item .training-image { width: 100%; border-radius: 10px; min-width: 55px; } .training-item .text-center > p { overflow: hidden; } .training-item:hover, .training-item:focus { background-color: #f1f5fb; margin-left: -20px; margin-right: -20px; padding: 0px 20px 0px 20px; } .training-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media screen and (max-width: 1490px) and (min-width: 991px) { .training-item .screen-span-4 { width: 33.33% !important; } .training-item .screen-span-0 { width: 0px !important; padding: 0 8px !important; } .training-item .screen-span-0 .training-image { display: none; } } @media screen and (max-width: 576px) { .d-custom-tag { display: none; } .truncate-two { padding-top: 3px; } .past-due { margin: auto; } .mw-100 { width: 100%; } .text-lg-right { text-align: right !important; } } @media screen and (min-width: 577px) and (max-width: 768px) { .custom-wrap { width: 50%; padding-left: 70px; justify-content: space-between; } .text-lg-right { text-align: right !important; } } .week-courses-list .week-courses-item { padding: 20px; margin-bottom: 10px; background-color: white; } .week-courses-list .week-courses-item .week-courses-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .week-courses-list .week-courses-item .employees-detail { position: relative; cursor: pointer; } .week-courses-list .week-courses-item .employees-detail-modal { display: none; padding: 20px; position: absolute; left: 0; top: 100%; z-index: 999; width: 250px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .week-courses-list .week-courses-item .employees-detail:hover { background-color: #e7eff8; } .week-courses-list .week-courses-item .employees-detail:hover .employees-detail-modal { display: block; } .training-schedule-info .ds-datepicker .DateRangePicker__Month { width: 250px; } .training-schedule-info .ds-datepicker-input > div { font-size: 15px !important; } .training-schedule-selector { padding: 20px; background-color: white; } .training-schedule-selector .fr { float: right; } .training-schedule-selector .color-light { color: #969faa; } .training-schedule-selector .training-company-selector { display: inline-block; width: 179px; margin: 15px 0; padding: 0 15px; } .training-schedule-selector .schedule-title-input .title-input-form { margin-top: 20px; display: block; } .training-schedule-selector .schedule-title-input .title-input-form .core-input-content textarea { margin: unset; resize: none; } .training-schedule-selector .schedule-title-input .title-input-form .input-control { border-radius: 0; border: none; border-bottom: 1px solid #f8f8f9; font-size: 14px; padding: 5px 0; } .training-schedule-selector .schedule-title-input .title-input-form .input-control::-webkit-input-placeholder { color: #343f4b; } .training-schedule-selector .schedule-title-input .title-input-form .input-control:-moz-placeholder { color: #343f4b; } .training-schedule-selector .schedule-title-input .title-input-form .input-control::-moz-placeholder { color: #343f4b; } .training-schedule-selector .schedule-title-input .title-input-form .input-control:-ms-input-placeholder { color: #343f4b; } .training-schedule-selector .schedule-date-selector { display: flex; align-items: center; } .training-schedule-selector .schedule-date-selector .schedule-date-picker .core-input { display: block; } .training-schedule-selector .schedule-date-selector .schedule-date-picker .core-input .core-input-content input { margin-left: unset; background: none; } .training-schedule-selector .schedule-date-selector .week-selector { width: 60%; } .training-schedule-selector .schedule-date-selector .week-selector .dropdown-menu { overflow: scroll; height: 300px; } .training-schedule-selector .schedule-date-selector .week-selector .dropdown.open .dropdown-menu { margin-top: 10px; border: none; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.175); overflow: scroll; height: 300px; } .training-schedule-selector .schedule-date-selector .week-selector .dropdown.open .dropdown-menu > li > a { color: #969faa; } .training-schedule-selector .schedule-date-selector .week-selector .dropdown.open .dropdown-menu .arrow { border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.05); border-top-width: 0; border-width: 11px; border-style: solid; left: 20%; margin-left: -11px; top: -22px; display: block; height: 0; position: absolute; width: 0; } .training-schedule-selector .schedule-date-selector .week-selector .dropdown.open .dropdown-menu .arrow::after { border-color: transparent; border-bottom-color: #fff; border-width: 10px; border-top-width: 0; border-style: solid; display: block; height: 0; width: 0; position: absolute; content: " "; margin-left: -10px; top: 1px; } .training-schedule-selector .assign-training .add-employees { display: flex; } .training-schedule-selector .assign-training .add-employees .company-dropdown { width: 30%; margin: 15px 0; } .training-schedule-selector .assign-training .add-employees .company-dropdown .label { font-size: 12px; } .training-schedule-selector .assign-training .add-employees .training-employee-selector { width: 70%; } .training-schedule-selector .assign-training .disable-add-course[disabled] { background: none; } .training-schedule-selector .assign-training .assign-label { font-weight: 300; margin: 0; padding-bottom: 7px; border-bottom: 1px solid #f8f8f9; } .training-schedule-selector .assign-training .training-label { padding: 15px 0; } .training-schedule-selector .assign-training .training-label p { min-width: 50px; font-weight: 300; margin-bottom: 0; } .training-schedule-selector .assign-training .training-courses { padding: 5px 0; display: flex; align-items: center; } .training-schedule-selector .assign-training .training-courses .course-detail { padding: 0; display: flex; } .training-schedule-selector .assign-training .training-courses .course-detail p { text-align: left; } .training-schedule-selector .assign-training .training-courses p { text-align: center; } .training-schedule-selector .assign-training .training-courses .custom-datepicker { min-width: 65px; } .training-week-item { padding: 20px; margin-top: 10px; background-color: white; } .training-week-item .training-week-header { display: flex; align-items: center; justify-content: space-between; } .weekly-training .weekly-courses { padding: 20px; background-color: white; } .vendor-products__item { display: flex; justify-content: space-between; margin: 5px 15px; } .vendor-search-blogs .vendor-search-blogs-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c3c7cc; } .vendor-search-blogs .vendor-search-blogs-item { padding: 20px 0; cursor: pointer; } .vendor-search-blogs .vendor-search-blogs-item.detail { border-bottom: 1px solid #c3c7cc; } .vendor-search-blogs .vendor-search-blogs-item .blog-image { width: 100%; height: 100%; padding-right: 15px; } .vendor-search-blogs .vendor-search-blogs-item .blog-image img { height: auto !important; width: 100% !important; margin: 0 !important; } .vendor-search-companies .vendor-search-companies-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; } .vendor-search-companies .vendor-search-companies-item .vendor-company-item-bg { background-image: url("/images/company.png"); background-size: contain; background-position: center; background-repeat: no-repeat; padding-top: 25%; position: relative; width: 100%; height: 0; border-radius: 5px; cursor: pointer; } .vendor-search-companies .vendor-search-companies-item .vendor-company-item-bg .vendor-company-logo { position: absolute; left: 10px; bottom: 10px; } .vendor-search-companies .vendor-search-companies-item .vendor-company-item-description { color: #343f4b; margin-bottom: 1rem; line-height: 16px; font-size: 14px; font-weight: 300; } .vendor-search-companies .vendor-search-companies-item .vendor-company-item-description p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .vendor-search-companies .vendor-search-companies-item .vendor-company-detail .company-detail-label { width: 100px; margin-bottom: 0; } .vendor-search-companies .vendor-search-companies-item.detail { padding: 20px 0; border-bottom: 1px solid #c3c7cc; } @media screen and (max-width: 576px) { .vendor-search-companies .col-ssm-3 { flex: 0 0 25% !important; max-width: 25% !important; } } .vendor-search-forums .vendor-search-forums-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; } .vendor-search-forums .vendor-search-forums-item { padding: 20px 0; cursor: pointer; } .vendor-search-forums .vendor-search-forums-item.detail { border-bottom: 1px solid #c3c7cc; } .vendor-search-people .vendor-search-people-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c3c7cc; } .vendor-search-people .vendor-search-people-item { height: calc(100% - 10px); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px 15px; border-radius: 5px; border: 1px solid #c3c7cc; margin: 5px; } .vendor-search-products .vendor-search-product-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dee2e6; } .vendor-search-products .vendor-search-product-item { padding: 10px 0; cursor: pointer; } .vendor-search-products .vendor-search-product-item.detail { border-bottom: 1px solid #dee2e6; } .vendor-search-training .vendor-search-training-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c3c7cc; } .vendor-search-training .vendor-search-training-item { padding: 20px 0; } .vendor-search-training .vendor-search-training-item.detail { border-bottom: 1px solid #c3c7cc; } .vendor-search-training .vendor-search-training-item.detail .training-item-sub { display: flex; flex-direction: column; align-items: flex-end; margin-right: 1rem; min-width: 55px; } .view-more-pagination { background-color: white; border-radius: 5px; } .view-more-pagination .more-container { width: 107px; margin: 0 auto; } .view-more-pagination .more-container .pages { padding: 3px; cursor: pointer; color: #376caf; } .view-more-pagination .more-container .pages i { padding-left: 5px; } .dashboard { background-color: #f8f8f9; } .dashboard .content { display: flex; flex: 1; flex-wrap: wrap; background-color: #f8f8f9; min-height: calc(100vh - 110px); position: relative; height: 100%; } .dashboard .content .main { flex: 1; } .dashboard .content.logged { margin-left: auto; margin-right: auto; } .dashboard .content.logged .main { padding: 10px 0; max-width: 100%; width: calc(100% - 266px); } @media (max-width: 575.98px) { .dashboard .content.logged .main { width: 100%; max-width: unset; height: auto; overflow: hidden; } } @media (min-width: 576px) and (max-width: 767.98px) { .dashboard .content.logged .main { width: 100%; max-width: unset; height: calc(100vh - 120px); overflow: auto; padding: 0 !important; } } @media (max-width: 991.98px) { .dashboard .content.logged .main { max-width: 100%; } } @media (min-width: 1200px) { .dashboard .content.logged { width: 1200px !important; } } @media screen and (max-width: 576px) { .dashboard .content { display: unset; position: unset; } } @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ .dashboard .content.logged .main { height: calc(100vh - 240px) !important; } } .page { min-height: calc(100vh - 62px); } .page-filter { display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 576px) { .page-filter { background-color: white; margin-bottom: 5px; padding-right: 55px; height: 60px; } .page-filter .core-filter { flex: unset; } } .bold { font-weight: 700 !important; } .text-100 { font-weight: 100 !important; } .text-200 { font-weight: 200 !important; } .text-300 { font-weight: 300 !important; } .text-400 { font-weight: 400 !important; } .text-500 { font-weight: 500 !important; } .text-600 { font-weight: 600 !important; } .text-700 { font-weight: 700 !important; } .text-800 { font-weight: 800 !important; } .text-900 { font-weight: 900 !important; } .dsl-l10 { color: #c3c7cc; font-size: 10px; font-weight: 300; line-height: 14px; } .dsl-l11 { color: #c3c7cc; font-size: 11px; font-weight: 300; line-height: 13px; } .dsl-l12 { color: #c3c7cc; font-size: 12px; font-weight: 300; line-height: 14px; } .dsl-l13 { color: #c3c7cc; font-size: 13px; font-weight: 300; line-height: 17px; } .dsl-l14 { color: #c3c7cc; font-size: 14px; font-weight: 300; line-height: 16px; } .dsl-l16 { color: #c3c7cc; font-size: 16px; font-weight: 300; line-height: 18px; } .dsl-d11 { color: #969faa; font-size: 11px; font-weight: 300; line-height: 13px; } .dsl-d12 { color: #969faa; font-size: 12px; font-weight: 300; line-height: 14px; } .dsl-d13 { color: #969faa; font-size: 13px; font-weight: 300; line-height: 15px; } .dsl-d14 { color: #969faa; font-size: 14px; font-weight: 300; line-height: 16px; } .dsl-d16 { color: #969faa; font-size: 16px; font-weight: 300; line-height: 18px; } .dsl-d22 { color: #969faa; font-size: 22px; font-weight: 300; line-height: 24px; } .dsl-m10 { color: #676767; font-size: 10px; font-weight: 300; line-height: 12px; } .dsl-m11 { color: #676767; font-size: 11px; font-weight: 300; line-height: 12px; } .dsl-m12 { color: #676767; font-size: 12px; font-weight: 300; line-height: 14px; } .dsl-m14 { color: #676767; font-size: 14px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-m14 { font-size: 12px; line-height: 14px; } } .dsl-m16 { color: #676767; font-size: 16px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-m16 { font-size: 14px; } } .dsl-m22 { color: #676767; font-size: 22px; font-weight: 300; line-height: 22px; } @media screen and (max-width: 576px) { .dsl-m22 { font-size: 18px; } } .dsl-b10 { color: #343f4b; font-size: 10px; font-weight: 300; line-height: 12px; } .dsl-b11 { color: #343f4b; font-size: 11px; line-height: 13px; } .dsl-b12 { color: #343f4b; font-size: 12px; font-weight: 300; line-height: 14px; } @media screen and (max-width: 576px) { .dsl-b12 { font-size: 10px; line-height: 12px; } } .dsl-b13 { color: #343f4b; font-size: 13px; font-weight: 300; line-height: 15px; } .dsl-b14 { color: #343f4b; font-size: 14px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-b14 { font-size: 12px; line-height: 16px; } } .dsl-b15 { color: #343f4b; font-size: 15px; font-weight: 300; line-height: 20px; } .dsl-b16 { color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; } @media screen and (max-width: 576px) { .dsl-b16 { font-size: 14px; line-height: 16px; } } .dsl-b18 { color: #343f4b; font-size: 18px; font-weight: 300; line-height: 20px; } @media screen and (max-width: 576px) { .dsl-b18 { font-size: 16px; } } .dsl-b20 { color: #343f4b; font-size: 20px; font-weight: 300; line-height: 22px; } .dsl-b22 { color: #343f4b; font-size: 22px; font-weight: 300; line-height: 24px; } @media screen and (max-width: 576px) { .dsl-b22 { font-size: 16px; line-height: 28px; } } .dsl-b24 { color: #343f4b; font-size: 24px; font-weight: 300; line-height: 26px; } @media screen and (max-width: 576px) { .dsl-b24 { font-size: 18px; line-height: 20px; } } .dsl-b26 { color: #343f4b; font-size: 26px; font-weight: 300; line-height: 28px; } .dsl-b27 { color: #343f4b; font-size: 27px; font-weight: 300; line-height: 27px; } .dsl-b28 { color: #343f4b; font-size: 28px; font-weight: 300; line-height: 30px; } h3.dsl-b28, .dsl-b28.h3 { text-shadow: 2px 2px 5px black, 1px 1px 3px black; } .dsl-b34 { color: #343f4b; font-size: 34px; font-weight: 300; line-height: 36px; } .dsl-b30 { color: #343f4b; font-size: 30px; font-weight: 300; line-height: 34px; } .dsl-b50 { color: #343f4b; font-size: 50px; font-weight: 300; line-height: 52px; } .dsl-p12 { color: #376caf; font-size: 12px; font-weight: 300; line-height: 14px; } .dsl-p13 { color: #376caf; font-size: 13px; font-weight: 300; line-height: 15px; } .dsl-p14 { color: #376caf; font-size: 14px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-p14 { font-size: 12px; line-height: 14px; } } .dsl-p16 { color: #376caf; font-size: 16px; font-weight: 300; line-height: 18px; } .dsl-p18 { color: #376caf; font-size: 18px; font-weight: 300; line-height: 20px; } .dsl-p20 { color: #376caf; font-size: 20px; font-weight: 300; line-height: 22px; } .dsl-p25 { color: #376caf; font-size: 25px; font-weight: 300; line-height: 27px; } .dsl-w10 { color: #ffffff; font-size: 10px; font-weight: 300; line-height: 12px; } .dsl-w12 { color: #ffffff; font-size: 12px; font-weight: 300; line-height: 14px; } .dsl-w14 { color: #ffffff; font-size: 14px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-w14 { font-size: 12px; } } .dsl-w16 { color: #ffffff; font-size: 16px; font-weight: 300; line-height: 18px; } .dsl-w18 { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 20px; } .dsl-w22 { color: #ffffff; font-size: 22px; font-weight: 300; line-height: 24px; } .dsl-w24 { color: #ffffff; font-size: 24px; font-weight: 300; line-height: 26px; } .dsl-w28 { color: #ffffff; font-size: 28px; font-weight: 300; line-height: 30px; } .dsl-w30 { color: #ffffff; font-size: 30px; font-weight: 300; line-height: 34px; } .dsl-w36 { color: #ffffff; font-size: 36px; font-weight: 300; line-height: 38px; } .dsl-w50 { color: #ffffff; font-size: 50px; font-weight: 300; line-height: 52px; } .dsl-w76 { color: #ffffff; font-size: 76px; font-weight: 300; line-height: 78px; } .dsl-r10 { color: red; font-size: 10px; font-weight: 300; line-height: 16px; } .dsl-r12 { color: red; font-size: 12px; font-weight: 300; line-height: 16px; } @media screen and (max-width: 576px) { .dsl-r12 { font-size: 10px; } } .dsl-r13 { color: red; font-size: 13px; font-weight: 300; line-height: 15px; } .dsl-r14 { color: red; font-size: 14px; font-weight: 300; line-height: 16px; } .dsl-r16 { color: red; font-size: 16px; font-weight: 300; line-height: 18px; } .dsl-read-more { color: #007bff; cursor: pointer; } .half-spacing { letter-spacing: -0.5px; } .btn-rounded { border-radius: 100px; } .ds-btn { color: #ffffff; border-radius: 50px; padding: 7px 25px; } .ds-btn:hover { background-color: #6899d7; border-color: transparent; color: #ffffff; } .ds-btn-primary { background-color: #376caf; border-color: transparent; color: #ffffff; border-radius: 50px; font-size: 13px; font-weight: 200; padding: 10px 30px; } .ds-btn-primary:hover { background-color: #6899d7; border-color: transparent; color: #ffffff; } .ds-btn-primary[disabled] { background-color: #969faa; } .ds-btn-primary[disabled]:hover { background-color: #969faa; border-color: transparent; } @media screen and (max-width: 576px) { .d-flex.ssm-column { flex-direction: column !important; } .d-flex.ssm-row { flex-direction: row !important; } } .d-flex-1 { flex: 1; } .d-flex-2 { flex: 2; } .d-flex-3 { flex: 3; } .d-flex-4 { flex: 4; } .d-flex-5 { flex: 5; } .d-flex-6 { flex: 6; } .d-flex-7 { flex: 7; } .d-flex-8 { flex: 8; } .d-flex-9 { flex: 9; } .d-flex-10 { flex: 10; } .d-flex-11 { flex: 11; } .d-flex-12 { flex: 12; } @media screen and (max-width: 576px) { .d-flex-1.ssm-column-reverse, .d-flex-2.ssm-column-reverse, .d-flex-3.ssm-column-reverse, .d-flex-4.ssm-column-reverse, .d-flex-5.ssm-column-reverse, .d-flex-6.ssm-column-reverse, .d-flex-7.ssm-column-reverse, .d-flex-8.ssm-column-reverse, .d-flex-9.ssm-column-reverse, .d-flex-10.ssm-column-reverse, .d-flex-11.ssm-column-reverse, .d-flex-12.ssm-column-reverse { display: flex; flex-direction: column-reverse; } } .d-h-center { display: flex; align-items: center; justify-content: center; } .d-h-end { display: flex; align-items: center; justify-content: flex-end; } .d-h-start { display: flex; align-items: center; justify-content: flex-start; } .d-h-between { display: flex; align-items: center; justify-content: space-between; } .d-v-center { display: flex; flex-direction: column; align-items: center; justify-content: center; } .d-v-end { display: flex; flex-direction: column; justify-content: flex-end; } @media screen and (max-width: 576px) { .align-items-center.ssm-start { align-items: flex-start !important; } } @media screen and (max-width: 768px) { .d-flex-sm-1 { flex: 1; } .d-flex-sm-2 { flex: 2; } .d-flex-sm-3 { flex: 3; } .d-flex-sm-4 { flex: 4; } } @media screen and (max-width: 576px) { .d-flex-ssm-0 { flex: 0; } .d-flex-ssm-1 { flex: 1; } .d-flex-ssm-2 { flex: 2; } .d-flex-ssm-3 { flex: 3; } .d-flex-ssm-4 { flex: 4; } .d-flex-ssm-5 { flex: 5; } .d-flex-ssm-6 { flex: 6; } .d-flex-ssm-7 { flex: 7; } .d-flex-ssm-12 { flex: 12; } .text-wrap-ssm { width: 10em; height: 20px; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } .flex-ssm-unset { flex: unset; } } @media screen and (max-width: 576px) { .ml-0.ssm-l-0, .mr-0.ssm-l-0, .mt-0.ssm-l-0, .mb-0.ssm-l-0, .ml-1.ssm-l-0, .mr-1.ssm-l-0, .mt-1.ssm-l-0, .mb-1.ssm-l-0, .ml-2.ssm-l-0, .mr-2.ssm-l-0, .mt-2.ssm-l-0, .mb-2.ssm-l-0, .ml-3.ssm-l-0, .mr-3.ssm-l-0, .mt-3.ssm-l-0, .mb-3.ssm-l-0, .ml-4.ssm-l-0, .mr-4.ssm-l-0, .mt-4.ssm-l-0, .mb-4.ssm-l-0, .ml-5.ssm-l-0, .mr-5.ssm-l-0, .mt-5.ssm-l-0, .mb-5.ssm-l-0 { margin-left: 0 !important; } .ml-0.ssm-l-1, .mr-0.ssm-l-1, .mt-0.ssm-l-1, .mb-0.ssm-l-1, .ml-1.ssm-l-1, .mr-1.ssm-l-1, .mt-1.ssm-l-1, .mb-1.ssm-l-1, .ml-2.ssm-l-1, .mr-2.ssm-l-1, .mt-2.ssm-l-1, .mb-2.ssm-l-1, .ml-3.ssm-l-1, .mr-3.ssm-l-1, .mt-3.ssm-l-1, .mb-3.ssm-l-1, .ml-4.ssm-l-1, .mr-4.ssm-l-1, .mt-4.ssm-l-1, .mb-4.ssm-l-1, .ml-5.ssm-l-1, .mr-5.ssm-l-1, .mt-5.ssm-l-1, .mb-5.ssm-l-1 { margin-left: 0.25rem !important; } .ml-0.ssm-l-2, .mr-0.ssm-l-2, .mt-0.ssm-l-2, .mb-0.ssm-l-2, .ml-1.ssm-l-2, .mr-1.ssm-l-2, .mt-1.ssm-l-2, .mb-1.ssm-l-2, .ml-2.ssm-l-2, .mr-2.ssm-l-2, .mt-2.ssm-l-2, .mb-2.ssm-l-2, .ml-3.ssm-l-2, .mr-3.ssm-l-2, .mt-3.ssm-l-2, .mb-3.ssm-l-2, .ml-4.ssm-l-2, .mr-4.ssm-l-2, .mt-4.ssm-l-2, .mb-4.ssm-l-2, .ml-5.ssm-l-2, .mr-5.ssm-l-2, .mt-5.ssm-l-2, .mb-5.ssm-l-2 { margin-left: 0.5rem !important; } .ml-0.ssm-l-3, .mr-0.ssm-l-3, .mt-0.ssm-l-3, .mb-0.ssm-l-3, .ml-1.ssm-l-3, .mr-1.ssm-l-3, .mt-1.ssm-l-3, .mb-1.ssm-l-3, .ml-2.ssm-l-3, .mr-2.ssm-l-3, .mt-2.ssm-l-3, .mb-2.ssm-l-3, .ml-3.ssm-l-3, .mr-3.ssm-l-3, .mt-3.ssm-l-3, .mb-3.ssm-l-3, .ml-4.ssm-l-3, .mr-4.ssm-l-3, .mt-4.ssm-l-3, .mb-4.ssm-l-3, .ml-5.ssm-l-3, .mr-5.ssm-l-3, .mt-5.ssm-l-3, .mb-5.ssm-l-3 { margin-left: 1rem !important; } .ml-0.ssm-l-4, .mr-0.ssm-l-4, .mt-0.ssm-l-4, .mb-0.ssm-l-4, .ml-1.ssm-l-4, .mr-1.ssm-l-4, .mt-1.ssm-l-4, .mb-1.ssm-l-4, .ml-2.ssm-l-4, .mr-2.ssm-l-4, .mt-2.ssm-l-4, .mb-2.ssm-l-4, .ml-3.ssm-l-4, .mr-3.ssm-l-4, .mt-3.ssm-l-4, .mb-3.ssm-l-4, .ml-4.ssm-l-4, .mr-4.ssm-l-4, .mt-4.ssm-l-4, .mb-4.ssm-l-4, .ml-5.ssm-l-4, .mr-5.ssm-l-4, .mt-5.ssm-l-4, .mb-5.ssm-l-4 { margin-left: 1.5rem !important; } .ml-0.ssm-l-5, .mr-0.ssm-l-5, .mt-0.ssm-l-5, .mb-0.ssm-l-5, .ml-1.ssm-l-5, .mr-1.ssm-l-5, .mt-1.ssm-l-5, .mb-1.ssm-l-5, .ml-2.ssm-l-5, .mr-2.ssm-l-5, .mt-2.ssm-l-5, .mb-2.ssm-l-5, .ml-3.ssm-l-5, .mr-3.ssm-l-5, .mt-3.ssm-l-5, .mb-3.ssm-l-5, .ml-4.ssm-l-5, .mr-4.ssm-l-5, .mt-4.ssm-l-5, .mb-4.ssm-l-5, .ml-5.ssm-l-5, .mr-5.ssm-l-5, .mt-5.ssm-l-5, .mb-5.ssm-l-5 { margin-left: 3rem !important; } .ml-0.ssm-r-0, .mr-0.ssm-r-0, .mt-0.ssm-r-0, .mb-0.ssm-r-0, .ml-1.ssm-r-0, .mr-1.ssm-r-0, .mt-1.ssm-r-0, .mb-1.ssm-r-0, .ml-2.ssm-r-0, .mr-2.ssm-r-0, .mt-2.ssm-r-0, .mb-2.ssm-r-0, .ml-3.ssm-r-0, .mr-3.ssm-r-0, .mt-3.ssm-r-0, .mb-3.ssm-r-0, .ml-4.ssm-r-0, .mr-4.ssm-r-0, .mt-4.ssm-r-0, .mb-4.ssm-r-0, .ml-5.ssm-r-0, .mr-5.ssm-r-0, .mt-5.ssm-r-0, .mb-5.ssm-r-0 { margin-right: 0 !important; } .ml-0.ssm-r-1, .mr-0.ssm-r-1, .mt-0.ssm-r-1, .mb-0.ssm-r-1, .ml-1.ssm-r-1, .mr-1.ssm-r-1, .mt-1.ssm-r-1, .mb-1.ssm-r-1, .ml-2.ssm-r-1, .mr-2.ssm-r-1, .mt-2.ssm-r-1, .mb-2.ssm-r-1, .ml-3.ssm-r-1, .mr-3.ssm-r-1, .mt-3.ssm-r-1, .mb-3.ssm-r-1, .ml-4.ssm-r-1, .mr-4.ssm-r-1, .mt-4.ssm-r-1, .mb-4.ssm-r-1, .ml-5.ssm-r-1, .mr-5.ssm-r-1, .mt-5.ssm-r-1, .mb-5.ssm-r-1 { margin-right: 0.25rem !important; } .ml-0.ssm-r-2, .mr-0.ssm-r-2, .mt-0.ssm-r-2, .mb-0.ssm-r-2, .ml-1.ssm-r-2, .mr-1.ssm-r-2, .mt-1.ssm-r-2, .mb-1.ssm-r-2, .ml-2.ssm-r-2, .mr-2.ssm-r-2, .mt-2.ssm-r-2, .mb-2.ssm-r-2, .ml-3.ssm-r-2, .mr-3.ssm-r-2, .mt-3.ssm-r-2, .mb-3.ssm-r-2, .ml-4.ssm-r-2, .mr-4.ssm-r-2, .mt-4.ssm-r-2, .mb-4.ssm-r-2, .ml-5.ssm-r-2, .mr-5.ssm-r-2, .mt-5.ssm-r-2, .mb-5.ssm-r-2 { margin-right: 0.5rem !important; } .ml-0.ssm-r-3, .mr-0.ssm-r-3, .mt-0.ssm-r-3, .mb-0.ssm-r-3, .ml-1.ssm-r-3, .mr-1.ssm-r-3, .mt-1.ssm-r-3, .mb-1.ssm-r-3, .ml-2.ssm-r-3, .mr-2.ssm-r-3, .mt-2.ssm-r-3, .mb-2.ssm-r-3, .ml-3.ssm-r-3, .mr-3.ssm-r-3, .mt-3.ssm-r-3, .mb-3.ssm-r-3, .ml-4.ssm-r-3, .mr-4.ssm-r-3, .mt-4.ssm-r-3, .mb-4.ssm-r-3, .ml-5.ssm-r-3, .mr-5.ssm-r-3, .mt-5.ssm-r-3, .mb-5.ssm-r-3 { margin-right: 1rem !important; } .ml-0.ssm-r-4, .mr-0.ssm-r-4, .mt-0.ssm-r-4, .mb-0.ssm-r-4, .ml-1.ssm-r-4, .mr-1.ssm-r-4, .mt-1.ssm-r-4, .mb-1.ssm-r-4, .ml-2.ssm-r-4, .mr-2.ssm-r-4, .mt-2.ssm-r-4, .mb-2.ssm-r-4, .ml-3.ssm-r-4, .mr-3.ssm-r-4, .mt-3.ssm-r-4, .mb-3.ssm-r-4, .ml-4.ssm-r-4, .mr-4.ssm-r-4, .mt-4.ssm-r-4, .mb-4.ssm-r-4, .ml-5.ssm-r-4, .mr-5.ssm-r-4, .mt-5.ssm-r-4, .mb-5.ssm-r-4 { margin-right: 1.5rem !important; } .ml-0.ssm-r-5, .mr-0.ssm-r-5, .mt-0.ssm-r-5, .mb-0.ssm-r-5, .ml-1.ssm-r-5, .mr-1.ssm-r-5, .mt-1.ssm-r-5, .mb-1.ssm-r-5, .ml-2.ssm-r-5, .mr-2.ssm-r-5, .mt-2.ssm-r-5, .mb-2.ssm-r-5, .ml-3.ssm-r-5, .mr-3.ssm-r-5, .mt-3.ssm-r-5, .mb-3.ssm-r-5, .ml-4.ssm-r-5, .mr-4.ssm-r-5, .mt-4.ssm-r-5, .mb-4.ssm-r-5, .ml-5.ssm-r-5, .mr-5.ssm-r-5, .mt-5.ssm-r-5, .mb-5.ssm-r-5 { margin-right: 3rem !important; } .ml-0.ssm-t-0, .mr-0.ssm-t-0, .mt-0.ssm-t-0, .mb-0.ssm-t-0, .ml-1.ssm-t-0, .mr-1.ssm-t-0, .mt-1.ssm-t-0, .mb-1.ssm-t-0, .ml-2.ssm-t-0, .mr-2.ssm-t-0, .mt-2.ssm-t-0, .mb-2.ssm-t-0, .ml-3.ssm-t-0, .mr-3.ssm-t-0, .mt-3.ssm-t-0, .mb-3.ssm-t-0, .ml-4.ssm-t-0, .mr-4.ssm-t-0, .mt-4.ssm-t-0, .mb-4.ssm-t-0, .ml-5.ssm-t-0, .mr-5.ssm-t-0, .mt-5.ssm-t-0, .mb-5.ssm-t-0 { margin-top: 0 !important; } .ml-0.ssm-t-1, .mr-0.ssm-t-1, .mt-0.ssm-t-1, .mb-0.ssm-t-1, .ml-1.ssm-t-1, .mr-1.ssm-t-1, .mt-1.ssm-t-1, .mb-1.ssm-t-1, .ml-2.ssm-t-1, .mr-2.ssm-t-1, .mt-2.ssm-t-1, .mb-2.ssm-t-1, .ml-3.ssm-t-1, .mr-3.ssm-t-1, .mt-3.ssm-t-1, .mb-3.ssm-t-1, .ml-4.ssm-t-1, .mr-4.ssm-t-1, .mt-4.ssm-t-1, .mb-4.ssm-t-1, .ml-5.ssm-t-1, .mr-5.ssm-t-1, .mt-5.ssm-t-1, .mb-5.ssm-t-1 { margin-top: 0.25rem !important; } .ml-0.ssm-t-2, .mr-0.ssm-t-2, .mt-0.ssm-t-2, .mb-0.ssm-t-2, .ml-1.ssm-t-2, .mr-1.ssm-t-2, .mt-1.ssm-t-2, .mb-1.ssm-t-2, .ml-2.ssm-t-2, .mr-2.ssm-t-2, .mt-2.ssm-t-2, .mb-2.ssm-t-2, .ml-3.ssm-t-2, .mr-3.ssm-t-2, .mt-3.ssm-t-2, .mb-3.ssm-t-2, .ml-4.ssm-t-2, .mr-4.ssm-t-2, .mt-4.ssm-t-2, .mb-4.ssm-t-2, .ml-5.ssm-t-2, .mr-5.ssm-t-2, .mt-5.ssm-t-2, .mb-5.ssm-t-2 { margin-top: 0.5rem !important; } .ml-0.ssm-t-3, .mr-0.ssm-t-3, .mt-0.ssm-t-3, .mb-0.ssm-t-3, .ml-1.ssm-t-3, .mr-1.ssm-t-3, .mt-1.ssm-t-3, .mb-1.ssm-t-3, .ml-2.ssm-t-3, .mr-2.ssm-t-3, .mt-2.ssm-t-3, .mb-2.ssm-t-3, .ml-3.ssm-t-3, .mr-3.ssm-t-3, .mt-3.ssm-t-3, .mb-3.ssm-t-3, .ml-4.ssm-t-3, .mr-4.ssm-t-3, .mt-4.ssm-t-3, .mb-4.ssm-t-3, .ml-5.ssm-t-3, .mr-5.ssm-t-3, .mt-5.ssm-t-3, .mb-5.ssm-t-3 { margin-top: 1rem !important; } .ml-0.ssm-t-4, .mr-0.ssm-t-4, .mt-0.ssm-t-4, .mb-0.ssm-t-4, .ml-1.ssm-t-4, .mr-1.ssm-t-4, .mt-1.ssm-t-4, .mb-1.ssm-t-4, .ml-2.ssm-t-4, .mr-2.ssm-t-4, .mt-2.ssm-t-4, .mb-2.ssm-t-4, .ml-3.ssm-t-4, .mr-3.ssm-t-4, .mt-3.ssm-t-4, .mb-3.ssm-t-4, .ml-4.ssm-t-4, .mr-4.ssm-t-4, .mt-4.ssm-t-4, .mb-4.ssm-t-4, .ml-5.ssm-t-4, .mr-5.ssm-t-4, .mt-5.ssm-t-4, .mb-5.ssm-t-4 { margin-top: 1.5rem !important; } .ml-0.ssm-t-5, .mr-0.ssm-t-5, .mt-0.ssm-t-5, .mb-0.ssm-t-5, .ml-1.ssm-t-5, .mr-1.ssm-t-5, .mt-1.ssm-t-5, .mb-1.ssm-t-5, .ml-2.ssm-t-5, .mr-2.ssm-t-5, .mt-2.ssm-t-5, .mb-2.ssm-t-5, .ml-3.ssm-t-5, .mr-3.ssm-t-5, .mt-3.ssm-t-5, .mb-3.ssm-t-5, .ml-4.ssm-t-5, .mr-4.ssm-t-5, .mt-4.ssm-t-5, .mb-4.ssm-t-5, .ml-5.ssm-t-5, .mr-5.ssm-t-5, .mt-5.ssm-t-5, .mb-5.ssm-t-5 { margin-top: 3rem !important; } .ml-0.ssm-b-0, .mr-0.ssm-b-0, .mt-0.ssm-b-0, .mb-0.ssm-b-0, .ml-1.ssm-b-0, .mr-1.ssm-b-0, .mt-1.ssm-b-0, .mb-1.ssm-b-0, .ml-2.ssm-b-0, .mr-2.ssm-b-0, .mt-2.ssm-b-0, .mb-2.ssm-b-0, .ml-3.ssm-b-0, .mr-3.ssm-b-0, .mt-3.ssm-b-0, .mb-3.ssm-b-0, .ml-4.ssm-b-0, .mr-4.ssm-b-0, .mt-4.ssm-b-0, .mb-4.ssm-b-0, .ml-5.ssm-b-0, .mr-5.ssm-b-0, .mt-5.ssm-b-0, .mb-5.ssm-b-0 { margin-bottom: 0 !important; } .ml-0.ssm-b-1, .mr-0.ssm-b-1, .mt-0.ssm-b-1, .mb-0.ssm-b-1, .ml-1.ssm-b-1, .mr-1.ssm-b-1, .mt-1.ssm-b-1, .mb-1.ssm-b-1, .ml-2.ssm-b-1, .mr-2.ssm-b-1, .mt-2.ssm-b-1, .mb-2.ssm-b-1, .ml-3.ssm-b-1, .mr-3.ssm-b-1, .mt-3.ssm-b-1, .mb-3.ssm-b-1, .ml-4.ssm-b-1, .mr-4.ssm-b-1, .mt-4.ssm-b-1, .mb-4.ssm-b-1, .ml-5.ssm-b-1, .mr-5.ssm-b-1, .mt-5.ssm-b-1, .mb-5.ssm-b-1 { margin-bottom: 0.25rem !important; } .ml-0.ssm-b-2, .mr-0.ssm-b-2, .mt-0.ssm-b-2, .mb-0.ssm-b-2, .ml-1.ssm-b-2, .mr-1.ssm-b-2, .mt-1.ssm-b-2, .mb-1.ssm-b-2, .ml-2.ssm-b-2, .mr-2.ssm-b-2, .mt-2.ssm-b-2, .mb-2.ssm-b-2, .ml-3.ssm-b-2, .mr-3.ssm-b-2, .mt-3.ssm-b-2, .mb-3.ssm-b-2, .ml-4.ssm-b-2, .mr-4.ssm-b-2, .mt-4.ssm-b-2, .mb-4.ssm-b-2, .ml-5.ssm-b-2, .mr-5.ssm-b-2, .mt-5.ssm-b-2, .mb-5.ssm-b-2 { margin-bottom: 0.5rem !important; } .ml-0.ssm-b-3, .mr-0.ssm-b-3, .mt-0.ssm-b-3, .mb-0.ssm-b-3, .ml-1.ssm-b-3, .mr-1.ssm-b-3, .mt-1.ssm-b-3, .mb-1.ssm-b-3, .ml-2.ssm-b-3, .mr-2.ssm-b-3, .mt-2.ssm-b-3, .mb-2.ssm-b-3, .ml-3.ssm-b-3, .mr-3.ssm-b-3, .mt-3.ssm-b-3, .mb-3.ssm-b-3, .ml-4.ssm-b-3, .mr-4.ssm-b-3, .mt-4.ssm-b-3, .mb-4.ssm-b-3, .ml-5.ssm-b-3, .mr-5.ssm-b-3, .mt-5.ssm-b-3, .mb-5.ssm-b-3 { margin-bottom: 1rem !important; } .ml-0.ssm-b-4, .mr-0.ssm-b-4, .mt-0.ssm-b-4, .mb-0.ssm-b-4, .ml-1.ssm-b-4, .mr-1.ssm-b-4, .mt-1.ssm-b-4, .mb-1.ssm-b-4, .ml-2.ssm-b-4, .mr-2.ssm-b-4, .mt-2.ssm-b-4, .mb-2.ssm-b-4, .ml-3.ssm-b-4, .mr-3.ssm-b-4, .mt-3.ssm-b-4, .mb-3.ssm-b-4, .ml-4.ssm-b-4, .mr-4.ssm-b-4, .mt-4.ssm-b-4, .mb-4.ssm-b-4, .ml-5.ssm-b-4, .mr-5.ssm-b-4, .mt-5.ssm-b-4, .mb-5.ssm-b-4 { margin-bottom: 1.5rem !important; } .ml-0.ssm-b-5, .mr-0.ssm-b-5, .mt-0.ssm-b-5, .mb-0.ssm-b-5, .ml-1.ssm-b-5, .mr-1.ssm-b-5, .mt-1.ssm-b-5, .mb-1.ssm-b-5, .ml-2.ssm-b-5, .mr-2.ssm-b-5, .mt-2.ssm-b-5, .mb-2.ssm-b-5, .ml-3.ssm-b-5, .mr-3.ssm-b-5, .mt-3.ssm-b-5, .mb-3.ssm-b-5, .ml-4.ssm-b-5, .mr-4.ssm-b-5, .mt-4.ssm-b-5, .mb-4.ssm-b-5, .ml-5.ssm-b-5, .mr-5.ssm-b-5, .mt-5.ssm-b-5, .mb-5.ssm-b-5 { margin-bottom: 3rem !important; } .ml-0.ssm-x-0, .mr-0.ssm-x-0, .mt-0.ssm-x-0, .mb-0.ssm-x-0, .ml-1.ssm-x-0, .mr-1.ssm-x-0, .mt-1.ssm-x-0, .mb-1.ssm-x-0, .ml-2.ssm-x-0, .mr-2.ssm-x-0, .mt-2.ssm-x-0, .mb-2.ssm-x-0, .ml-3.ssm-x-0, .mr-3.ssm-x-0, .mt-3.ssm-x-0, .mb-3.ssm-x-0, .ml-4.ssm-x-0, .mr-4.ssm-x-0, .mt-4.ssm-x-0, .mb-4.ssm-x-0, .ml-5.ssm-x-0, .mr-5.ssm-x-0, .mt-5.ssm-x-0, .mb-5.ssm-x-0 { margin-left: 0 !important; margin-right: 0 !important; } .ml-0.ssm-x-1, .mr-0.ssm-x-1, .mt-0.ssm-x-1, .mb-0.ssm-x-1, .ml-1.ssm-x-1, .mr-1.ssm-x-1, .mt-1.ssm-x-1, .mb-1.ssm-x-1, .ml-2.ssm-x-1, .mr-2.ssm-x-1, .mt-2.ssm-x-1, .mb-2.ssm-x-1, .ml-3.ssm-x-1, .mr-3.ssm-x-1, .mt-3.ssm-x-1, .mb-3.ssm-x-1, .ml-4.ssm-x-1, .mr-4.ssm-x-1, .mt-4.ssm-x-1, .mb-4.ssm-x-1, .ml-5.ssm-x-1, .mr-5.ssm-x-1, .mt-5.ssm-x-1, .mb-5.ssm-x-1 { margin-left: 0.25em !important; margin-right: 0.25em !important; } .ml-0.ssm-x-2, .mr-0.ssm-x-2, .mt-0.ssm-x-2, .mb-0.ssm-x-2, .ml-1.ssm-x-2, .mr-1.ssm-x-2, .mt-1.ssm-x-2, .mb-1.ssm-x-2, .ml-2.ssm-x-2, .mr-2.ssm-x-2, .mt-2.ssm-x-2, .mb-2.ssm-x-2, .ml-3.ssm-x-2, .mr-3.ssm-x-2, .mt-3.ssm-x-2, .mb-3.ssm-x-2, .ml-4.ssm-x-2, .mr-4.ssm-x-2, .mt-4.ssm-x-2, .mb-4.ssm-x-2, .ml-5.ssm-x-2, .mr-5.ssm-x-2, .mt-5.ssm-x-2, .mb-5.ssm-x-2 { margin-left: 0.5em !important; margin-right: 0.5em !important; } .ml-0.ssm-x-3, .mr-0.ssm-x-3, .mt-0.ssm-x-3, .mb-0.ssm-x-3, .ml-1.ssm-x-3, .mr-1.ssm-x-3, .mt-1.ssm-x-3, .mb-1.ssm-x-3, .ml-2.ssm-x-3, .mr-2.ssm-x-3, .mt-2.ssm-x-3, .mb-2.ssm-x-3, .ml-3.ssm-x-3, .mr-3.ssm-x-3, .mt-3.ssm-x-3, .mb-3.ssm-x-3, .ml-4.ssm-x-3, .mr-4.ssm-x-3, .mt-4.ssm-x-3, .mb-4.ssm-x-3, .ml-5.ssm-x-3, .mr-5.ssm-x-3, .mt-5.ssm-x-3, .mb-5.ssm-x-3 { margin-left: 1em !important; margin-right: 1em !important; } .ml-0.ssm-x-4, .mr-0.ssm-x-4, .mt-0.ssm-x-4, .mb-0.ssm-x-4, .ml-1.ssm-x-4, .mr-1.ssm-x-4, .mt-1.ssm-x-4, .mb-1.ssm-x-4, .ml-2.ssm-x-4, .mr-2.ssm-x-4, .mt-2.ssm-x-4, .mb-2.ssm-x-4, .ml-3.ssm-x-4, .mr-3.ssm-x-4, .mt-3.ssm-x-4, .mb-3.ssm-x-4, .ml-4.ssm-x-4, .mr-4.ssm-x-4, .mt-4.ssm-x-4, .mb-4.ssm-x-4, .ml-5.ssm-x-4, .mr-5.ssm-x-4, .mt-5.ssm-x-4, .mb-5.ssm-x-4 { margin-left: 1.5em !important; margin-right: 1.5em !important; } .ml-0.ssm-x-5, .mr-0.ssm-x-5, .mt-0.ssm-x-5, .mb-0.ssm-x-5, .ml-1.ssm-x-5, .mr-1.ssm-x-5, .mt-1.ssm-x-5, .mb-1.ssm-x-5, .ml-2.ssm-x-5, .mr-2.ssm-x-5, .mt-2.ssm-x-5, .mb-2.ssm-x-5, .ml-3.ssm-x-5, .mr-3.ssm-x-5, .mt-3.ssm-x-5, .mb-3.ssm-x-5, .ml-4.ssm-x-5, .mr-4.ssm-x-5, .mt-4.ssm-x-5, .mb-4.ssm-x-5, .ml-5.ssm-x-5, .mr-5.ssm-x-5, .mt-5.ssm-x-5, .mb-5.ssm-x-5 { margin-left: 3em !important; margin-right: 3em !important; } .ml-0.ssm-y-0, .mr-0.ssm-y-0, .mt-0.ssm-y-0, .mb-0.ssm-y-0, .ml-1.ssm-y-0, .mr-1.ssm-y-0, .mt-1.ssm-y-0, .mb-1.ssm-y-0, .ml-2.ssm-y-0, .mr-2.ssm-y-0, .mt-2.ssm-y-0, .mb-2.ssm-y-0, .ml-3.ssm-y-0, .mr-3.ssm-y-0, .mt-3.ssm-y-0, .mb-3.ssm-y-0, .ml-4.ssm-y-0, .mr-4.ssm-y-0, .mt-4.ssm-y-0, .mb-4.ssm-y-0, .ml-5.ssm-y-0, .mr-5.ssm-y-0, .mt-5.ssm-y-0, .mb-5.ssm-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .ml-0.ssm-y-1, .mr-0.ssm-y-1, .mt-0.ssm-y-1, .mb-0.ssm-y-1, .ml-1.ssm-y-1, .mr-1.ssm-y-1, .mt-1.ssm-y-1, .mb-1.ssm-y-1, .ml-2.ssm-y-1, .mr-2.ssm-y-1, .mt-2.ssm-y-1, .mb-2.ssm-y-1, .ml-3.ssm-y-1, .mr-3.ssm-y-1, .mt-3.ssm-y-1, .mb-3.ssm-y-1, .ml-4.ssm-y-1, .mr-4.ssm-y-1, .mt-4.ssm-y-1, .mb-4.ssm-y-1, .ml-5.ssm-y-1, .mr-5.ssm-y-1, .mt-5.ssm-y-1, .mb-5.ssm-y-1 { margin-top: 0.25em !important; margin-bottom: 0.25em !important; } .ml-0.ssm-y-2, .mr-0.ssm-y-2, .mt-0.ssm-y-2, .mb-0.ssm-y-2, .ml-1.ssm-y-2, .mr-1.ssm-y-2, .mt-1.ssm-y-2, .mb-1.ssm-y-2, .ml-2.ssm-y-2, .mr-2.ssm-y-2, .mt-2.ssm-y-2, .mb-2.ssm-y-2, .ml-3.ssm-y-2, .mr-3.ssm-y-2, .mt-3.ssm-y-2, .mb-3.ssm-y-2, .ml-4.ssm-y-2, .mr-4.ssm-y-2, .mt-4.ssm-y-2, .mb-4.ssm-y-2, .ml-5.ssm-y-2, .mr-5.ssm-y-2, .mt-5.ssm-y-2, .mb-5.ssm-y-2 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .ml-0.ssm-y-3, .mr-0.ssm-y-3, .mt-0.ssm-y-3, .mb-0.ssm-y-3, .ml-1.ssm-y-3, .mr-1.ssm-y-3, .mt-1.ssm-y-3, .mb-1.ssm-y-3, .ml-2.ssm-y-3, .mr-2.ssm-y-3, .mt-2.ssm-y-3, .mb-2.ssm-y-3, .ml-3.ssm-y-3, .mr-3.ssm-y-3, .mt-3.ssm-y-3, .mb-3.ssm-y-3, .ml-4.ssm-y-3, .mr-4.ssm-y-3, .mt-4.ssm-y-3, .mb-4.ssm-y-3, .ml-5.ssm-y-3, .mr-5.ssm-y-3, .mt-5.ssm-y-3, .mb-5.ssm-y-3 { margin-top: 1em !important; margin-bottom: 1em !important; } .ml-0.ssm-y-4, .mr-0.ssm-y-4, .mt-0.ssm-y-4, .mb-0.ssm-y-4, .ml-1.ssm-y-4, .mr-1.ssm-y-4, .mt-1.ssm-y-4, .mb-1.ssm-y-4, .ml-2.ssm-y-4, .mr-2.ssm-y-4, .mt-2.ssm-y-4, .mb-2.ssm-y-4, .ml-3.ssm-y-4, .mr-3.ssm-y-4, .mt-3.ssm-y-4, .mb-3.ssm-y-4, .ml-4.ssm-y-4, .mr-4.ssm-y-4, .mt-4.ssm-y-4, .mb-4.ssm-y-4, .ml-5.ssm-y-4, .mr-5.ssm-y-4, .mt-5.ssm-y-4, .mb-5.ssm-y-4 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; } .ml-0.ssm-y-5, .mr-0.ssm-y-5, .mt-0.ssm-y-5, .mb-0.ssm-y-5, .ml-1.ssm-y-5, .mr-1.ssm-y-5, .mt-1.ssm-y-5, .mb-1.ssm-y-5, .ml-2.ssm-y-5, .mr-2.ssm-y-5, .mt-2.ssm-y-5, .mb-2.ssm-y-5, .ml-3.ssm-y-5, .mr-3.ssm-y-5, .mt-3.ssm-y-5, .mb-3.ssm-y-5, .ml-4.ssm-y-5, .mr-4.ssm-y-5, .mt-4.ssm-y-5, .mb-4.ssm-y-5, .ml-5.ssm-y-5, .mr-5.ssm-y-5, .mt-5.ssm-y-5, .mb-5.ssm-y-5 { margin-top: 3em !important; margin-bottom: 3em !important; } } @media screen and (min-width: 576px) and (max-width: 768px) { .ml-0.sm-l-0, .mr-0.sm-l-0, .mt-0.sm-l-0, .mb-0.sm-l-0, .ml-1.sm-l-0, .mr-1.sm-l-0, .mt-1.sm-l-0, .mb-1.sm-l-0, .ml-2.sm-l-0, .mr-2.sm-l-0, .mt-2.sm-l-0, .mb-2.sm-l-0, .ml-3.sm-l-0, .mr-3.sm-l-0, .mt-3.sm-l-0, .mb-3.sm-l-0, .ml-4.sm-l-0, .mr-4.sm-l-0, .mt-4.sm-l-0, .mb-4.sm-l-0, .ml-5.sm-l-0, .mr-5.sm-l-0, .mt-5.sm-l-0, .mb-5.sm-l-0 { margin-left: 0 !important; } .ml-0.sm-l-1, .mr-0.sm-l-1, .mt-0.sm-l-1, .mb-0.sm-l-1, .ml-1.sm-l-1, .mr-1.sm-l-1, .mt-1.sm-l-1, .mb-1.sm-l-1, .ml-2.sm-l-1, .mr-2.sm-l-1, .mt-2.sm-l-1, .mb-2.sm-l-1, .ml-3.sm-l-1, .mr-3.sm-l-1, .mt-3.sm-l-1, .mb-3.sm-l-1, .ml-4.sm-l-1, .mr-4.sm-l-1, .mt-4.sm-l-1, .mb-4.sm-l-1, .ml-5.sm-l-1, .mr-5.sm-l-1, .mt-5.sm-l-1, .mb-5.sm-l-1 { margin-left: 0.25rem !important; } .ml-0.sm-l-2, .mr-0.sm-l-2, .mt-0.sm-l-2, .mb-0.sm-l-2, .ml-1.sm-l-2, .mr-1.sm-l-2, .mt-1.sm-l-2, .mb-1.sm-l-2, .ml-2.sm-l-2, .mr-2.sm-l-2, .mt-2.sm-l-2, .mb-2.sm-l-2, .ml-3.sm-l-2, .mr-3.sm-l-2, .mt-3.sm-l-2, .mb-3.sm-l-2, .ml-4.sm-l-2, .mr-4.sm-l-2, .mt-4.sm-l-2, .mb-4.sm-l-2, .ml-5.sm-l-2, .mr-5.sm-l-2, .mt-5.sm-l-2, .mb-5.sm-l-2 { margin-left: 0.5rem !important; } .ml-0.sm-l-3, .mr-0.sm-l-3, .mt-0.sm-l-3, .mb-0.sm-l-3, .ml-1.sm-l-3, .mr-1.sm-l-3, .mt-1.sm-l-3, .mb-1.sm-l-3, .ml-2.sm-l-3, .mr-2.sm-l-3, .mt-2.sm-l-3, .mb-2.sm-l-3, .ml-3.sm-l-3, .mr-3.sm-l-3, .mt-3.sm-l-3, .mb-3.sm-l-3, .ml-4.sm-l-3, .mr-4.sm-l-3, .mt-4.sm-l-3, .mb-4.sm-l-3, .ml-5.sm-l-3, .mr-5.sm-l-3, .mt-5.sm-l-3, .mb-5.sm-l-3 { margin-left: 1rem !important; } .ml-0.sm-l-4, .mr-0.sm-l-4, .mt-0.sm-l-4, .mb-0.sm-l-4, .ml-1.sm-l-4, .mr-1.sm-l-4, .mt-1.sm-l-4, .mb-1.sm-l-4, .ml-2.sm-l-4, .mr-2.sm-l-4, .mt-2.sm-l-4, .mb-2.sm-l-4, .ml-3.sm-l-4, .mr-3.sm-l-4, .mt-3.sm-l-4, .mb-3.sm-l-4, .ml-4.sm-l-4, .mr-4.sm-l-4, .mt-4.sm-l-4, .mb-4.sm-l-4, .ml-5.sm-l-4, .mr-5.sm-l-4, .mt-5.sm-l-4, .mb-5.sm-l-4 { margin-left: 1.5rem !important; } .ml-0.sm-l-5, .mr-0.sm-l-5, .mt-0.sm-l-5, .mb-0.sm-l-5, .ml-1.sm-l-5, .mr-1.sm-l-5, .mt-1.sm-l-5, .mb-1.sm-l-5, .ml-2.sm-l-5, .mr-2.sm-l-5, .mt-2.sm-l-5, .mb-2.sm-l-5, .ml-3.sm-l-5, .mr-3.sm-l-5, .mt-3.sm-l-5, .mb-3.sm-l-5, .ml-4.sm-l-5, .mr-4.sm-l-5, .mt-4.sm-l-5, .mb-4.sm-l-5, .ml-5.sm-l-5, .mr-5.sm-l-5, .mt-5.sm-l-5, .mb-5.sm-l-5 { margin-left: 3rem !important; } .ml-0.sm-r-0, .mr-0.sm-r-0, .mt-0.sm-r-0, .mb-0.sm-r-0, .ml-1.sm-r-0, .mr-1.sm-r-0, .mt-1.sm-r-0, .mb-1.sm-r-0, .ml-2.sm-r-0, .mr-2.sm-r-0, .mt-2.sm-r-0, .mb-2.sm-r-0, .ml-3.sm-r-0, .mr-3.sm-r-0, .mt-3.sm-r-0, .mb-3.sm-r-0, .ml-4.sm-r-0, .mr-4.sm-r-0, .mt-4.sm-r-0, .mb-4.sm-r-0, .ml-5.sm-r-0, .mr-5.sm-r-0, .mt-5.sm-r-0, .mb-5.sm-r-0 { margin-right: 0 !important; } .ml-0.sm-r-1, .mr-0.sm-r-1, .mt-0.sm-r-1, .mb-0.sm-r-1, .ml-1.sm-r-1, .mr-1.sm-r-1, .mt-1.sm-r-1, .mb-1.sm-r-1, .ml-2.sm-r-1, .mr-2.sm-r-1, .mt-2.sm-r-1, .mb-2.sm-r-1, .ml-3.sm-r-1, .mr-3.sm-r-1, .mt-3.sm-r-1, .mb-3.sm-r-1, .ml-4.sm-r-1, .mr-4.sm-r-1, .mt-4.sm-r-1, .mb-4.sm-r-1, .ml-5.sm-r-1, .mr-5.sm-r-1, .mt-5.sm-r-1, .mb-5.sm-r-1 { margin-right: 0.25rem !important; } .ml-0.sm-r-2, .mr-0.sm-r-2, .mt-0.sm-r-2, .mb-0.sm-r-2, .ml-1.sm-r-2, .mr-1.sm-r-2, .mt-1.sm-r-2, .mb-1.sm-r-2, .ml-2.sm-r-2, .mr-2.sm-r-2, .mt-2.sm-r-2, .mb-2.sm-r-2, .ml-3.sm-r-2, .mr-3.sm-r-2, .mt-3.sm-r-2, .mb-3.sm-r-2, .ml-4.sm-r-2, .mr-4.sm-r-2, .mt-4.sm-r-2, .mb-4.sm-r-2, .ml-5.sm-r-2, .mr-5.sm-r-2, .mt-5.sm-r-2, .mb-5.sm-r-2 { margin-right: 0.5rem !important; } .ml-0.sm-r-3, .mr-0.sm-r-3, .mt-0.sm-r-3, .mb-0.sm-r-3, .ml-1.sm-r-3, .mr-1.sm-r-3, .mt-1.sm-r-3, .mb-1.sm-r-3, .ml-2.sm-r-3, .mr-2.sm-r-3, .mt-2.sm-r-3, .mb-2.sm-r-3, .ml-3.sm-r-3, .mr-3.sm-r-3, .mt-3.sm-r-3, .mb-3.sm-r-3, .ml-4.sm-r-3, .mr-4.sm-r-3, .mt-4.sm-r-3, .mb-4.sm-r-3, .ml-5.sm-r-3, .mr-5.sm-r-3, .mt-5.sm-r-3, .mb-5.sm-r-3 { margin-right: 1rem !important; } .ml-0.sm-r-4, .mr-0.sm-r-4, .mt-0.sm-r-4, .mb-0.sm-r-4, .ml-1.sm-r-4, .mr-1.sm-r-4, .mt-1.sm-r-4, .mb-1.sm-r-4, .ml-2.sm-r-4, .mr-2.sm-r-4, .mt-2.sm-r-4, .mb-2.sm-r-4, .ml-3.sm-r-4, .mr-3.sm-r-4, .mt-3.sm-r-4, .mb-3.sm-r-4, .ml-4.sm-r-4, .mr-4.sm-r-4, .mt-4.sm-r-4, .mb-4.sm-r-4, .ml-5.sm-r-4, .mr-5.sm-r-4, .mt-5.sm-r-4, .mb-5.sm-r-4 { margin-right: 1.5rem !important; } .ml-0.sm-r-5, .mr-0.sm-r-5, .mt-0.sm-r-5, .mb-0.sm-r-5, .ml-1.sm-r-5, .mr-1.sm-r-5, .mt-1.sm-r-5, .mb-1.sm-r-5, .ml-2.sm-r-5, .mr-2.sm-r-5, .mt-2.sm-r-5, .mb-2.sm-r-5, .ml-3.sm-r-5, .mr-3.sm-r-5, .mt-3.sm-r-5, .mb-3.sm-r-5, .ml-4.sm-r-5, .mr-4.sm-r-5, .mt-4.sm-r-5, .mb-4.sm-r-5, .ml-5.sm-r-5, .mr-5.sm-r-5, .mt-5.sm-r-5, .mb-5.sm-r-5 { margin-right: 3rem !important; } .ml-0.sm-t-0, .mr-0.sm-t-0, .mt-0.sm-t-0, .mb-0.sm-t-0, .ml-1.sm-t-0, .mr-1.sm-t-0, .mt-1.sm-t-0, .mb-1.sm-t-0, .ml-2.sm-t-0, .mr-2.sm-t-0, .mt-2.sm-t-0, .mb-2.sm-t-0, .ml-3.sm-t-0, .mr-3.sm-t-0, .mt-3.sm-t-0, .mb-3.sm-t-0, .ml-4.sm-t-0, .mr-4.sm-t-0, .mt-4.sm-t-0, .mb-4.sm-t-0, .ml-5.sm-t-0, .mr-5.sm-t-0, .mt-5.sm-t-0, .mb-5.sm-t-0 { margin-top: 0 !important; } .ml-0.sm-t-1, .mr-0.sm-t-1, .mt-0.sm-t-1, .mb-0.sm-t-1, .ml-1.sm-t-1, .mr-1.sm-t-1, .mt-1.sm-t-1, .mb-1.sm-t-1, .ml-2.sm-t-1, .mr-2.sm-t-1, .mt-2.sm-t-1, .mb-2.sm-t-1, .ml-3.sm-t-1, .mr-3.sm-t-1, .mt-3.sm-t-1, .mb-3.sm-t-1, .ml-4.sm-t-1, .mr-4.sm-t-1, .mt-4.sm-t-1, .mb-4.sm-t-1, .ml-5.sm-t-1, .mr-5.sm-t-1, .mt-5.sm-t-1, .mb-5.sm-t-1 { margin-top: 0.25rem !important; } .ml-0.sm-t-2, .mr-0.sm-t-2, .mt-0.sm-t-2, .mb-0.sm-t-2, .ml-1.sm-t-2, .mr-1.sm-t-2, .mt-1.sm-t-2, .mb-1.sm-t-2, .ml-2.sm-t-2, .mr-2.sm-t-2, .mt-2.sm-t-2, .mb-2.sm-t-2, .ml-3.sm-t-2, .mr-3.sm-t-2, .mt-3.sm-t-2, .mb-3.sm-t-2, .ml-4.sm-t-2, .mr-4.sm-t-2, .mt-4.sm-t-2, .mb-4.sm-t-2, .ml-5.sm-t-2, .mr-5.sm-t-2, .mt-5.sm-t-2, .mb-5.sm-t-2 { margin-top: 0.5rem !important; } .ml-0.sm-t-3, .mr-0.sm-t-3, .mt-0.sm-t-3, .mb-0.sm-t-3, .ml-1.sm-t-3, .mr-1.sm-t-3, .mt-1.sm-t-3, .mb-1.sm-t-3, .ml-2.sm-t-3, .mr-2.sm-t-3, .mt-2.sm-t-3, .mb-2.sm-t-3, .ml-3.sm-t-3, .mr-3.sm-t-3, .mt-3.sm-t-3, .mb-3.sm-t-3, .ml-4.sm-t-3, .mr-4.sm-t-3, .mt-4.sm-t-3, .mb-4.sm-t-3, .ml-5.sm-t-3, .mr-5.sm-t-3, .mt-5.sm-t-3, .mb-5.sm-t-3 { margin-top: 1rem !important; } .ml-0.sm-t-4, .mr-0.sm-t-4, .mt-0.sm-t-4, .mb-0.sm-t-4, .ml-1.sm-t-4, .mr-1.sm-t-4, .mt-1.sm-t-4, .mb-1.sm-t-4, .ml-2.sm-t-4, .mr-2.sm-t-4, .mt-2.sm-t-4, .mb-2.sm-t-4, .ml-3.sm-t-4, .mr-3.sm-t-4, .mt-3.sm-t-4, .mb-3.sm-t-4, .ml-4.sm-t-4, .mr-4.sm-t-4, .mt-4.sm-t-4, .mb-4.sm-t-4, .ml-5.sm-t-4, .mr-5.sm-t-4, .mt-5.sm-t-4, .mb-5.sm-t-4 { margin-top: 1.5rem !important; } .ml-0.sm-t-5, .mr-0.sm-t-5, .mt-0.sm-t-5, .mb-0.sm-t-5, .ml-1.sm-t-5, .mr-1.sm-t-5, .mt-1.sm-t-5, .mb-1.sm-t-5, .ml-2.sm-t-5, .mr-2.sm-t-5, .mt-2.sm-t-5, .mb-2.sm-t-5, .ml-3.sm-t-5, .mr-3.sm-t-5, .mt-3.sm-t-5, .mb-3.sm-t-5, .ml-4.sm-t-5, .mr-4.sm-t-5, .mt-4.sm-t-5, .mb-4.sm-t-5, .ml-5.sm-t-5, .mr-5.sm-t-5, .mt-5.sm-t-5, .mb-5.sm-t-5 { margin-top: 3rem !important; } .ml-0.sm-b-0, .mr-0.sm-b-0, .mt-0.sm-b-0, .mb-0.sm-b-0, .ml-1.sm-b-0, .mr-1.sm-b-0, .mt-1.sm-b-0, .mb-1.sm-b-0, .ml-2.sm-b-0, .mr-2.sm-b-0, .mt-2.sm-b-0, .mb-2.sm-b-0, .ml-3.sm-b-0, .mr-3.sm-b-0, .mt-3.sm-b-0, .mb-3.sm-b-0, .ml-4.sm-b-0, .mr-4.sm-b-0, .mt-4.sm-b-0, .mb-4.sm-b-0, .ml-5.sm-b-0, .mr-5.sm-b-0, .mt-5.sm-b-0, .mb-5.sm-b-0 { margin-bottom: 0 !important; } .ml-0.sm-b-1, .mr-0.sm-b-1, .mt-0.sm-b-1, .mb-0.sm-b-1, .ml-1.sm-b-1, .mr-1.sm-b-1, .mt-1.sm-b-1, .mb-1.sm-b-1, .ml-2.sm-b-1, .mr-2.sm-b-1, .mt-2.sm-b-1, .mb-2.sm-b-1, .ml-3.sm-b-1, .mr-3.sm-b-1, .mt-3.sm-b-1, .mb-3.sm-b-1, .ml-4.sm-b-1, .mr-4.sm-b-1, .mt-4.sm-b-1, .mb-4.sm-b-1, .ml-5.sm-b-1, .mr-5.sm-b-1, .mt-5.sm-b-1, .mb-5.sm-b-1 { margin-bottom: 0.25rem !important; } .ml-0.sm-b-2, .mr-0.sm-b-2, .mt-0.sm-b-2, .mb-0.sm-b-2, .ml-1.sm-b-2, .mr-1.sm-b-2, .mt-1.sm-b-2, .mb-1.sm-b-2, .ml-2.sm-b-2, .mr-2.sm-b-2, .mt-2.sm-b-2, .mb-2.sm-b-2, .ml-3.sm-b-2, .mr-3.sm-b-2, .mt-3.sm-b-2, .mb-3.sm-b-2, .ml-4.sm-b-2, .mr-4.sm-b-2, .mt-4.sm-b-2, .mb-4.sm-b-2, .ml-5.sm-b-2, .mr-5.sm-b-2, .mt-5.sm-b-2, .mb-5.sm-b-2 { margin-bottom: 0.5rem !important; } .ml-0.sm-b-3, .mr-0.sm-b-3, .mt-0.sm-b-3, .mb-0.sm-b-3, .ml-1.sm-b-3, .mr-1.sm-b-3, .mt-1.sm-b-3, .mb-1.sm-b-3, .ml-2.sm-b-3, .mr-2.sm-b-3, .mt-2.sm-b-3, .mb-2.sm-b-3, .ml-3.sm-b-3, .mr-3.sm-b-3, .mt-3.sm-b-3, .mb-3.sm-b-3, .ml-4.sm-b-3, .mr-4.sm-b-3, .mt-4.sm-b-3, .mb-4.sm-b-3, .ml-5.sm-b-3, .mr-5.sm-b-3, .mt-5.sm-b-3, .mb-5.sm-b-3 { margin-bottom: 1rem !important; } .ml-0.sm-b-4, .mr-0.sm-b-4, .mt-0.sm-b-4, .mb-0.sm-b-4, .ml-1.sm-b-4, .mr-1.sm-b-4, .mt-1.sm-b-4, .mb-1.sm-b-4, .ml-2.sm-b-4, .mr-2.sm-b-4, .mt-2.sm-b-4, .mb-2.sm-b-4, .ml-3.sm-b-4, .mr-3.sm-b-4, .mt-3.sm-b-4, .mb-3.sm-b-4, .ml-4.sm-b-4, .mr-4.sm-b-4, .mt-4.sm-b-4, .mb-4.sm-b-4, .ml-5.sm-b-4, .mr-5.sm-b-4, .mt-5.sm-b-4, .mb-5.sm-b-4 { margin-bottom: 1.5rem !important; } .ml-0.sm-b-5, .mr-0.sm-b-5, .mt-0.sm-b-5, .mb-0.sm-b-5, .ml-1.sm-b-5, .mr-1.sm-b-5, .mt-1.sm-b-5, .mb-1.sm-b-5, .ml-2.sm-b-5, .mr-2.sm-b-5, .mt-2.sm-b-5, .mb-2.sm-b-5, .ml-3.sm-b-5, .mr-3.sm-b-5, .mt-3.sm-b-5, .mb-3.sm-b-5, .ml-4.sm-b-5, .mr-4.sm-b-5, .mt-4.sm-b-5, .mb-4.sm-b-5, .ml-5.sm-b-5, .mr-5.sm-b-5, .mt-5.sm-b-5, .mb-5.sm-b-5 { margin-bottom: 3rem !important; } .ml-0.sm-x-0, .mr-0.sm-x-0, .mt-0.sm-x-0, .mb-0.sm-x-0, .ml-1.sm-x-0, .mr-1.sm-x-0, .mt-1.sm-x-0, .mb-1.sm-x-0, .ml-2.sm-x-0, .mr-2.sm-x-0, .mt-2.sm-x-0, .mb-2.sm-x-0, .ml-3.sm-x-0, .mr-3.sm-x-0, .mt-3.sm-x-0, .mb-3.sm-x-0, .ml-4.sm-x-0, .mr-4.sm-x-0, .mt-4.sm-x-0, .mb-4.sm-x-0, .ml-5.sm-x-0, .mr-5.sm-x-0, .mt-5.sm-x-0, .mb-5.sm-x-0 { margin-left: 0 !important; margin-right: 0 !important; } .ml-0.sm-x-1, .mr-0.sm-x-1, .mt-0.sm-x-1, .mb-0.sm-x-1, .ml-1.sm-x-1, .mr-1.sm-x-1, .mt-1.sm-x-1, .mb-1.sm-x-1, .ml-2.sm-x-1, .mr-2.sm-x-1, .mt-2.sm-x-1, .mb-2.sm-x-1, .ml-3.sm-x-1, .mr-3.sm-x-1, .mt-3.sm-x-1, .mb-3.sm-x-1, .ml-4.sm-x-1, .mr-4.sm-x-1, .mt-4.sm-x-1, .mb-4.sm-x-1, .ml-5.sm-x-1, .mr-5.sm-x-1, .mt-5.sm-x-1, .mb-5.sm-x-1 { margin-left: 0.25em !important; margin-right: 0.25em !important; } .ml-0.sm-x-2, .mr-0.sm-x-2, .mt-0.sm-x-2, .mb-0.sm-x-2, .ml-1.sm-x-2, .mr-1.sm-x-2, .mt-1.sm-x-2, .mb-1.sm-x-2, .ml-2.sm-x-2, .mr-2.sm-x-2, .mt-2.sm-x-2, .mb-2.sm-x-2, .ml-3.sm-x-2, .mr-3.sm-x-2, .mt-3.sm-x-2, .mb-3.sm-x-2, .ml-4.sm-x-2, .mr-4.sm-x-2, .mt-4.sm-x-2, .mb-4.sm-x-2, .ml-5.sm-x-2, .mr-5.sm-x-2, .mt-5.sm-x-2, .mb-5.sm-x-2 { margin-left: 0.5em !important; margin-right: 0.5em !important; } .ml-0.sm-x-3, .mr-0.sm-x-3, .mt-0.sm-x-3, .mb-0.sm-x-3, .ml-1.sm-x-3, .mr-1.sm-x-3, .mt-1.sm-x-3, .mb-1.sm-x-3, .ml-2.sm-x-3, .mr-2.sm-x-3, .mt-2.sm-x-3, .mb-2.sm-x-3, .ml-3.sm-x-3, .mr-3.sm-x-3, .mt-3.sm-x-3, .mb-3.sm-x-3, .ml-4.sm-x-3, .mr-4.sm-x-3, .mt-4.sm-x-3, .mb-4.sm-x-3, .ml-5.sm-x-3, .mr-5.sm-x-3, .mt-5.sm-x-3, .mb-5.sm-x-3 { margin-left: 1em !important; margin-right: 1em !important; } .ml-0.sm-x-4, .mr-0.sm-x-4, .mt-0.sm-x-4, .mb-0.sm-x-4, .ml-1.sm-x-4, .mr-1.sm-x-4, .mt-1.sm-x-4, .mb-1.sm-x-4, .ml-2.sm-x-4, .mr-2.sm-x-4, .mt-2.sm-x-4, .mb-2.sm-x-4, .ml-3.sm-x-4, .mr-3.sm-x-4, .mt-3.sm-x-4, .mb-3.sm-x-4, .ml-4.sm-x-4, .mr-4.sm-x-4, .mt-4.sm-x-4, .mb-4.sm-x-4, .ml-5.sm-x-4, .mr-5.sm-x-4, .mt-5.sm-x-4, .mb-5.sm-x-4 { margin-left: 1.5em !important; margin-right: 1.5em !important; } .ml-0.sm-x-5, .mr-0.sm-x-5, .mt-0.sm-x-5, .mb-0.sm-x-5, .ml-1.sm-x-5, .mr-1.sm-x-5, .mt-1.sm-x-5, .mb-1.sm-x-5, .ml-2.sm-x-5, .mr-2.sm-x-5, .mt-2.sm-x-5, .mb-2.sm-x-5, .ml-3.sm-x-5, .mr-3.sm-x-5, .mt-3.sm-x-5, .mb-3.sm-x-5, .ml-4.sm-x-5, .mr-4.sm-x-5, .mt-4.sm-x-5, .mb-4.sm-x-5, .ml-5.sm-x-5, .mr-5.sm-x-5, .mt-5.sm-x-5, .mb-5.sm-x-5 { margin-left: 3em !important; margin-right: 3em !important; } .ml-0.sm-y-0, .mr-0.sm-y-0, .mt-0.sm-y-0, .mb-0.sm-y-0, .ml-1.sm-y-0, .mr-1.sm-y-0, .mt-1.sm-y-0, .mb-1.sm-y-0, .ml-2.sm-y-0, .mr-2.sm-y-0, .mt-2.sm-y-0, .mb-2.sm-y-0, .ml-3.sm-y-0, .mr-3.sm-y-0, .mt-3.sm-y-0, .mb-3.sm-y-0, .ml-4.sm-y-0, .mr-4.sm-y-0, .mt-4.sm-y-0, .mb-4.sm-y-0, .ml-5.sm-y-0, .mr-5.sm-y-0, .mt-5.sm-y-0, .mb-5.sm-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .ml-0.sm-y-1, .mr-0.sm-y-1, .mt-0.sm-y-1, .mb-0.sm-y-1, .ml-1.sm-y-1, .mr-1.sm-y-1, .mt-1.sm-y-1, .mb-1.sm-y-1, .ml-2.sm-y-1, .mr-2.sm-y-1, .mt-2.sm-y-1, .mb-2.sm-y-1, .ml-3.sm-y-1, .mr-3.sm-y-1, .mt-3.sm-y-1, .mb-3.sm-y-1, .ml-4.sm-y-1, .mr-4.sm-y-1, .mt-4.sm-y-1, .mb-4.sm-y-1, .ml-5.sm-y-1, .mr-5.sm-y-1, .mt-5.sm-y-1, .mb-5.sm-y-1 { margin-top: 0.25em !important; margin-bottom: 0.25em !important; } .ml-0.sm-y-2, .mr-0.sm-y-2, .mt-0.sm-y-2, .mb-0.sm-y-2, .ml-1.sm-y-2, .mr-1.sm-y-2, .mt-1.sm-y-2, .mb-1.sm-y-2, .ml-2.sm-y-2, .mr-2.sm-y-2, .mt-2.sm-y-2, .mb-2.sm-y-2, .ml-3.sm-y-2, .mr-3.sm-y-2, .mt-3.sm-y-2, .mb-3.sm-y-2, .ml-4.sm-y-2, .mr-4.sm-y-2, .mt-4.sm-y-2, .mb-4.sm-y-2, .ml-5.sm-y-2, .mr-5.sm-y-2, .mt-5.sm-y-2, .mb-5.sm-y-2 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .ml-0.sm-y-3, .mr-0.sm-y-3, .mt-0.sm-y-3, .mb-0.sm-y-3, .ml-1.sm-y-3, .mr-1.sm-y-3, .mt-1.sm-y-3, .mb-1.sm-y-3, .ml-2.sm-y-3, .mr-2.sm-y-3, .mt-2.sm-y-3, .mb-2.sm-y-3, .ml-3.sm-y-3, .mr-3.sm-y-3, .mt-3.sm-y-3, .mb-3.sm-y-3, .ml-4.sm-y-3, .mr-4.sm-y-3, .mt-4.sm-y-3, .mb-4.sm-y-3, .ml-5.sm-y-3, .mr-5.sm-y-3, .mt-5.sm-y-3, .mb-5.sm-y-3 { margin-top: 1em !important; margin-bottom: 1em !important; } .ml-0.sm-y-4, .mr-0.sm-y-4, .mt-0.sm-y-4, .mb-0.sm-y-4, .ml-1.sm-y-4, .mr-1.sm-y-4, .mt-1.sm-y-4, .mb-1.sm-y-4, .ml-2.sm-y-4, .mr-2.sm-y-4, .mt-2.sm-y-4, .mb-2.sm-y-4, .ml-3.sm-y-4, .mr-3.sm-y-4, .mt-3.sm-y-4, .mb-3.sm-y-4, .ml-4.sm-y-4, .mr-4.sm-y-4, .mt-4.sm-y-4, .mb-4.sm-y-4, .ml-5.sm-y-4, .mr-5.sm-y-4, .mt-5.sm-y-4, .mb-5.sm-y-4 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; } .ml-0.sm-y-5, .mr-0.sm-y-5, .mt-0.sm-y-5, .mb-0.sm-y-5, .ml-1.sm-y-5, .mr-1.sm-y-5, .mt-1.sm-y-5, .mb-1.sm-y-5, .ml-2.sm-y-5, .mr-2.sm-y-5, .mt-2.sm-y-5, .mb-2.sm-y-5, .ml-3.sm-y-5, .mr-3.sm-y-5, .mt-3.sm-y-5, .mb-3.sm-y-5, .ml-4.sm-y-5, .mr-4.sm-y-5, .mt-4.sm-y-5, .mb-4.sm-y-5, .ml-5.sm-y-5, .mr-5.sm-y-5, .mt-5.sm-y-5, .mb-5.sm-y-5 { margin-top: 3em !important; margin-bottom: 3em !important; } } @media screen and (max-width: 576px) { .pl-0.ssp-l-0, .pr-0.ssp-l-0, .pt-0.ssp-l-0, .pb-0.ssp-l-0, .pl-1.ssp-l-0, .pr-1.ssp-l-0, .pt-1.ssp-l-0, .pb-1.ssp-l-0, .pl-2.ssp-l-0, .pr-2.ssp-l-0, .pt-2.ssp-l-0, .pb-2.ssp-l-0, .pl-3.ssp-l-0, .pr-3.ssp-l-0, .pt-3.ssp-l-0, .pb-3.ssp-l-0, .pl-4.ssp-l-0, .pr-4.ssp-l-0, .pt-4.ssp-l-0, .pb-4.ssp-l-0, .pl-5.ssp-l-0, .pr-5.ssp-l-0, .pt-5.ssp-l-0, .pb-5.ssp-l-0 { padding-left: 0 !important; } .pl-0.ssp-l-1, .pr-0.ssp-l-1, .pt-0.ssp-l-1, .pb-0.ssp-l-1, .pl-1.ssp-l-1, .pr-1.ssp-l-1, .pt-1.ssp-l-1, .pb-1.ssp-l-1, .pl-2.ssp-l-1, .pr-2.ssp-l-1, .pt-2.ssp-l-1, .pb-2.ssp-l-1, .pl-3.ssp-l-1, .pr-3.ssp-l-1, .pt-3.ssp-l-1, .pb-3.ssp-l-1, .pl-4.ssp-l-1, .pr-4.ssp-l-1, .pt-4.ssp-l-1, .pb-4.ssp-l-1, .pl-5.ssp-l-1, .pr-5.ssp-l-1, .pt-5.ssp-l-1, .pb-5.ssp-l-1 { padding-left: 0.25rem !important; } .pl-0.ssp-l-2, .pr-0.ssp-l-2, .pt-0.ssp-l-2, .pb-0.ssp-l-2, .pl-1.ssp-l-2, .pr-1.ssp-l-2, .pt-1.ssp-l-2, .pb-1.ssp-l-2, .pl-2.ssp-l-2, .pr-2.ssp-l-2, .pt-2.ssp-l-2, .pb-2.ssp-l-2, .pl-3.ssp-l-2, .pr-3.ssp-l-2, .pt-3.ssp-l-2, .pb-3.ssp-l-2, .pl-4.ssp-l-2, .pr-4.ssp-l-2, .pt-4.ssp-l-2, .pb-4.ssp-l-2, .pl-5.ssp-l-2, .pr-5.ssp-l-2, .pt-5.ssp-l-2, .pb-5.ssp-l-2 { padding-left: 0.5rem !important; } .pl-0.ssp-l-3, .pr-0.ssp-l-3, .pt-0.ssp-l-3, .pb-0.ssp-l-3, .pl-1.ssp-l-3, .pr-1.ssp-l-3, .pt-1.ssp-l-3, .pb-1.ssp-l-3, .pl-2.ssp-l-3, .pr-2.ssp-l-3, .pt-2.ssp-l-3, .pb-2.ssp-l-3, .pl-3.ssp-l-3, .pr-3.ssp-l-3, .pt-3.ssp-l-3, .pb-3.ssp-l-3, .pl-4.ssp-l-3, .pr-4.ssp-l-3, .pt-4.ssp-l-3, .pb-4.ssp-l-3, .pl-5.ssp-l-3, .pr-5.ssp-l-3, .pt-5.ssp-l-3, .pb-5.ssp-l-3 { padding-left: 1rem !important; } .pl-0.ssp-l-4, .pr-0.ssp-l-4, .pt-0.ssp-l-4, .pb-0.ssp-l-4, .pl-1.ssp-l-4, .pr-1.ssp-l-4, .pt-1.ssp-l-4, .pb-1.ssp-l-4, .pl-2.ssp-l-4, .pr-2.ssp-l-4, .pt-2.ssp-l-4, .pb-2.ssp-l-4, .pl-3.ssp-l-4, .pr-3.ssp-l-4, .pt-3.ssp-l-4, .pb-3.ssp-l-4, .pl-4.ssp-l-4, .pr-4.ssp-l-4, .pt-4.ssp-l-4, .pb-4.ssp-l-4, .pl-5.ssp-l-4, .pr-5.ssp-l-4, .pt-5.ssp-l-4, .pb-5.ssp-l-4 { padding-left: 1.5rem !important; } .pl-0.ssp-l-5, .pr-0.ssp-l-5, .pt-0.ssp-l-5, .pb-0.ssp-l-5, .pl-1.ssp-l-5, .pr-1.ssp-l-5, .pt-1.ssp-l-5, .pb-1.ssp-l-5, .pl-2.ssp-l-5, .pr-2.ssp-l-5, .pt-2.ssp-l-5, .pb-2.ssp-l-5, .pl-3.ssp-l-5, .pr-3.ssp-l-5, .pt-3.ssp-l-5, .pb-3.ssp-l-5, .pl-4.ssp-l-5, .pr-4.ssp-l-5, .pt-4.ssp-l-5, .pb-4.ssp-l-5, .pl-5.ssp-l-5, .pr-5.ssp-l-5, .pt-5.ssp-l-5, .pb-5.ssp-l-5 { padding-left: 3rem !important; } .pl-0.ssp-l-6, .pr-0.ssp-l-6, .pt-0.ssp-l-6, .pb-0.ssp-l-6, .pl-1.ssp-l-6, .pr-1.ssp-l-6, .pt-1.ssp-l-6, .pb-1.ssp-l-6, .pl-2.ssp-l-6, .pr-2.ssp-l-6, .pt-2.ssp-l-6, .pb-2.ssp-l-6, .pl-3.ssp-l-6, .pr-3.ssp-l-6, .pt-3.ssp-l-6, .pb-3.ssp-l-6, .pl-4.ssp-l-6, .pr-4.ssp-l-6, .pt-4.ssp-l-6, .pb-4.ssp-l-6, .pl-5.ssp-l-6, .pr-5.ssp-l-6, .pt-5.ssp-l-6, .pb-5.ssp-l-6 { padding-left: 6rem !important; } .pl-0.ssp-r-0, .pr-0.ssp-r-0, .pt-0.ssp-r-0, .pb-0.ssp-r-0, .pl-1.ssp-r-0, .pr-1.ssp-r-0, .pt-1.ssp-r-0, .pb-1.ssp-r-0, .pl-2.ssp-r-0, .pr-2.ssp-r-0, .pt-2.ssp-r-0, .pb-2.ssp-r-0, .pl-3.ssp-r-0, .pr-3.ssp-r-0, .pt-3.ssp-r-0, .pb-3.ssp-r-0, .pl-4.ssp-r-0, .pr-4.ssp-r-0, .pt-4.ssp-r-0, .pb-4.ssp-r-0, .pl-5.ssp-r-0, .pr-5.ssp-r-0, .pt-5.ssp-r-0, .pb-5.ssp-r-0 { padding-right: 0 !important; } .pl-0.ssp-r-1, .pr-0.ssp-r-1, .pt-0.ssp-r-1, .pb-0.ssp-r-1, .pl-1.ssp-r-1, .pr-1.ssp-r-1, .pt-1.ssp-r-1, .pb-1.ssp-r-1, .pl-2.ssp-r-1, .pr-2.ssp-r-1, .pt-2.ssp-r-1, .pb-2.ssp-r-1, .pl-3.ssp-r-1, .pr-3.ssp-r-1, .pt-3.ssp-r-1, .pb-3.ssp-r-1, .pl-4.ssp-r-1, .pr-4.ssp-r-1, .pt-4.ssp-r-1, .pb-4.ssp-r-1, .pl-5.ssp-r-1, .pr-5.ssp-r-1, .pt-5.ssp-r-1, .pb-5.ssp-r-1 { padding-right: 0.25rem !important; } .pl-0.ssp-r-2, .pr-0.ssp-r-2, .pt-0.ssp-r-2, .pb-0.ssp-r-2, .pl-1.ssp-r-2, .pr-1.ssp-r-2, .pt-1.ssp-r-2, .pb-1.ssp-r-2, .pl-2.ssp-r-2, .pr-2.ssp-r-2, .pt-2.ssp-r-2, .pb-2.ssp-r-2, .pl-3.ssp-r-2, .pr-3.ssp-r-2, .pt-3.ssp-r-2, .pb-3.ssp-r-2, .pl-4.ssp-r-2, .pr-4.ssp-r-2, .pt-4.ssp-r-2, .pb-4.ssp-r-2, .pl-5.ssp-r-2, .pr-5.ssp-r-2, .pt-5.ssp-r-2, .pb-5.ssp-r-2 { padding-right: 0.5rem !important; } .pl-0.ssp-r-3, .pr-0.ssp-r-3, .pt-0.ssp-r-3, .pb-0.ssp-r-3, .pl-1.ssp-r-3, .pr-1.ssp-r-3, .pt-1.ssp-r-3, .pb-1.ssp-r-3, .pl-2.ssp-r-3, .pr-2.ssp-r-3, .pt-2.ssp-r-3, .pb-2.ssp-r-3, .pl-3.ssp-r-3, .pr-3.ssp-r-3, .pt-3.ssp-r-3, .pb-3.ssp-r-3, .pl-4.ssp-r-3, .pr-4.ssp-r-3, .pt-4.ssp-r-3, .pb-4.ssp-r-3, .pl-5.ssp-r-3, .pr-5.ssp-r-3, .pt-5.ssp-r-3, .pb-5.ssp-r-3 { padding-right: 1rem !important; } .pl-0.ssp-r-4, .pr-0.ssp-r-4, .pt-0.ssp-r-4, .pb-0.ssp-r-4, .pl-1.ssp-r-4, .pr-1.ssp-r-4, .pt-1.ssp-r-4, .pb-1.ssp-r-4, .pl-2.ssp-r-4, .pr-2.ssp-r-4, .pt-2.ssp-r-4, .pb-2.ssp-r-4, .pl-3.ssp-r-4, .pr-3.ssp-r-4, .pt-3.ssp-r-4, .pb-3.ssp-r-4, .pl-4.ssp-r-4, .pr-4.ssp-r-4, .pt-4.ssp-r-4, .pb-4.ssp-r-4, .pl-5.ssp-r-4, .pr-5.ssp-r-4, .pt-5.ssp-r-4, .pb-5.ssp-r-4 { padding-right: 1.5rem !important; } .pl-0.ssp-r-5, .pr-0.ssp-r-5, .pt-0.ssp-r-5, .pb-0.ssp-r-5, .pl-1.ssp-r-5, .pr-1.ssp-r-5, .pt-1.ssp-r-5, .pb-1.ssp-r-5, .pl-2.ssp-r-5, .pr-2.ssp-r-5, .pt-2.ssp-r-5, .pb-2.ssp-r-5, .pl-3.ssp-r-5, .pr-3.ssp-r-5, .pt-3.ssp-r-5, .pb-3.ssp-r-5, .pl-4.ssp-r-5, .pr-4.ssp-r-5, .pt-4.ssp-r-5, .pb-4.ssp-r-5, .pl-5.ssp-r-5, .pr-5.ssp-r-5, .pt-5.ssp-r-5, .pb-5.ssp-r-5 { padding-right: 3rem !important; } .pl-0.ssp-r-6, .pr-0.ssp-r-6, .pt-0.ssp-r-6, .pb-0.ssp-r-6, .pl-1.ssp-r-6, .pr-1.ssp-r-6, .pt-1.ssp-r-6, .pb-1.ssp-r-6, .pl-2.ssp-r-6, .pr-2.ssp-r-6, .pt-2.ssp-r-6, .pb-2.ssp-r-6, .pl-3.ssp-r-6, .pr-3.ssp-r-6, .pt-3.ssp-r-6, .pb-3.ssp-r-6, .pl-4.ssp-r-6, .pr-4.ssp-r-6, .pt-4.ssp-r-6, .pb-4.ssp-r-6, .pl-5.ssp-r-6, .pr-5.ssp-r-6, .pt-5.ssp-r-6, .pb-5.ssp-r-6 { padding-right: 6rem !important; } .pl-0.ssp-t-0, .pr-0.ssp-t-0, .pt-0.ssp-t-0, .pb-0.ssp-t-0, .pl-1.ssp-t-0, .pr-1.ssp-t-0, .pt-1.ssp-t-0, .pb-1.ssp-t-0, .pl-2.ssp-t-0, .pr-2.ssp-t-0, .pt-2.ssp-t-0, .pb-2.ssp-t-0, .pl-3.ssp-t-0, .pr-3.ssp-t-0, .pt-3.ssp-t-0, .pb-3.ssp-t-0, .pl-4.ssp-t-0, .pr-4.ssp-t-0, .pt-4.ssp-t-0, .pb-4.ssp-t-0, .pl-5.ssp-t-0, .pr-5.ssp-t-0, .pt-5.ssp-t-0, .pb-5.ssp-t-0 { padding-top: 0 !important; } .pl-0.ssp-t-1, .pr-0.ssp-t-1, .pt-0.ssp-t-1, .pb-0.ssp-t-1, .pl-1.ssp-t-1, .pr-1.ssp-t-1, .pt-1.ssp-t-1, .pb-1.ssp-t-1, .pl-2.ssp-t-1, .pr-2.ssp-t-1, .pt-2.ssp-t-1, .pb-2.ssp-t-1, .pl-3.ssp-t-1, .pr-3.ssp-t-1, .pt-3.ssp-t-1, .pb-3.ssp-t-1, .pl-4.ssp-t-1, .pr-4.ssp-t-1, .pt-4.ssp-t-1, .pb-4.ssp-t-1, .pl-5.ssp-t-1, .pr-5.ssp-t-1, .pt-5.ssp-t-1, .pb-5.ssp-t-1 { padding-top: 0.25rem !important; } .pl-0.ssp-t-2, .pr-0.ssp-t-2, .pt-0.ssp-t-2, .pb-0.ssp-t-2, .pl-1.ssp-t-2, .pr-1.ssp-t-2, .pt-1.ssp-t-2, .pb-1.ssp-t-2, .pl-2.ssp-t-2, .pr-2.ssp-t-2, .pt-2.ssp-t-2, .pb-2.ssp-t-2, .pl-3.ssp-t-2, .pr-3.ssp-t-2, .pt-3.ssp-t-2, .pb-3.ssp-t-2, .pl-4.ssp-t-2, .pr-4.ssp-t-2, .pt-4.ssp-t-2, .pb-4.ssp-t-2, .pl-5.ssp-t-2, .pr-5.ssp-t-2, .pt-5.ssp-t-2, .pb-5.ssp-t-2 { padding-top: 0.5rem !important; } .pl-0.ssp-t-3, .pr-0.ssp-t-3, .pt-0.ssp-t-3, .pb-0.ssp-t-3, .pl-1.ssp-t-3, .pr-1.ssp-t-3, .pt-1.ssp-t-3, .pb-1.ssp-t-3, .pl-2.ssp-t-3, .pr-2.ssp-t-3, .pt-2.ssp-t-3, .pb-2.ssp-t-3, .pl-3.ssp-t-3, .pr-3.ssp-t-3, .pt-3.ssp-t-3, .pb-3.ssp-t-3, .pl-4.ssp-t-3, .pr-4.ssp-t-3, .pt-4.ssp-t-3, .pb-4.ssp-t-3, .pl-5.ssp-t-3, .pr-5.ssp-t-3, .pt-5.ssp-t-3, .pb-5.ssp-t-3 { padding-top: 1rem !important; } .pl-0.ssp-t-4, .pr-0.ssp-t-4, .pt-0.ssp-t-4, .pb-0.ssp-t-4, .pl-1.ssp-t-4, .pr-1.ssp-t-4, .pt-1.ssp-t-4, .pb-1.ssp-t-4, .pl-2.ssp-t-4, .pr-2.ssp-t-4, .pt-2.ssp-t-4, .pb-2.ssp-t-4, .pl-3.ssp-t-4, .pr-3.ssp-t-4, .pt-3.ssp-t-4, .pb-3.ssp-t-4, .pl-4.ssp-t-4, .pr-4.ssp-t-4, .pt-4.ssp-t-4, .pb-4.ssp-t-4, .pl-5.ssp-t-4, .pr-5.ssp-t-4, .pt-5.ssp-t-4, .pb-5.ssp-t-4 { padding-top: 1.5rem !important; } .pl-0.ssp-t-5, .pr-0.ssp-t-5, .pt-0.ssp-t-5, .pb-0.ssp-t-5, .pl-1.ssp-t-5, .pr-1.ssp-t-5, .pt-1.ssp-t-5, .pb-1.ssp-t-5, .pl-2.ssp-t-5, .pr-2.ssp-t-5, .pt-2.ssp-t-5, .pb-2.ssp-t-5, .pl-3.ssp-t-5, .pr-3.ssp-t-5, .pt-3.ssp-t-5, .pb-3.ssp-t-5, .pl-4.ssp-t-5, .pr-4.ssp-t-5, .pt-4.ssp-t-5, .pb-4.ssp-t-5, .pl-5.ssp-t-5, .pr-5.ssp-t-5, .pt-5.ssp-t-5, .pb-5.ssp-t-5 { padding-top: 3rem !important; } .pl-0.ssp-t-6, .pr-0.ssp-t-6, .pt-0.ssp-t-6, .pb-0.ssp-t-6, .pl-1.ssp-t-6, .pr-1.ssp-t-6, .pt-1.ssp-t-6, .pb-1.ssp-t-6, .pl-2.ssp-t-6, .pr-2.ssp-t-6, .pt-2.ssp-t-6, .pb-2.ssp-t-6, .pl-3.ssp-t-6, .pr-3.ssp-t-6, .pt-3.ssp-t-6, .pb-3.ssp-t-6, .pl-4.ssp-t-6, .pr-4.ssp-t-6, .pt-4.ssp-t-6, .pb-4.ssp-t-6, .pl-5.ssp-t-6, .pr-5.ssp-t-6, .pt-5.ssp-t-6, .pb-5.ssp-t-6 { padding-top: 6rem !important; } .pl-0.ssp-b-0, .pr-0.ssp-b-0, .pt-0.ssp-b-0, .pb-0.ssp-b-0, .pl-1.ssp-b-0, .pr-1.ssp-b-0, .pt-1.ssp-b-0, .pb-1.ssp-b-0, .pl-2.ssp-b-0, .pr-2.ssp-b-0, .pt-2.ssp-b-0, .pb-2.ssp-b-0, .pl-3.ssp-b-0, .pr-3.ssp-b-0, .pt-3.ssp-b-0, .pb-3.ssp-b-0, .pl-4.ssp-b-0, .pr-4.ssp-b-0, .pt-4.ssp-b-0, .pb-4.ssp-b-0, .pl-5.ssp-b-0, .pr-5.ssp-b-0, .pt-5.ssp-b-0, .pb-5.ssp-b-0 { padding-bottom: 0 !important; } .pl-0.ssp-b-1, .pr-0.ssp-b-1, .pt-0.ssp-b-1, .pb-0.ssp-b-1, .pl-1.ssp-b-1, .pr-1.ssp-b-1, .pt-1.ssp-b-1, .pb-1.ssp-b-1, .pl-2.ssp-b-1, .pr-2.ssp-b-1, .pt-2.ssp-b-1, .pb-2.ssp-b-1, .pl-3.ssp-b-1, .pr-3.ssp-b-1, .pt-3.ssp-b-1, .pb-3.ssp-b-1, .pl-4.ssp-b-1, .pr-4.ssp-b-1, .pt-4.ssp-b-1, .pb-4.ssp-b-1, .pl-5.ssp-b-1, .pr-5.ssp-b-1, .pt-5.ssp-b-1, .pb-5.ssp-b-1 { padding-bottom: 0.25rem !important; } .pl-0.ssp-b-2, .pr-0.ssp-b-2, .pt-0.ssp-b-2, .pb-0.ssp-b-2, .pl-1.ssp-b-2, .pr-1.ssp-b-2, .pt-1.ssp-b-2, .pb-1.ssp-b-2, .pl-2.ssp-b-2, .pr-2.ssp-b-2, .pt-2.ssp-b-2, .pb-2.ssp-b-2, .pl-3.ssp-b-2, .pr-3.ssp-b-2, .pt-3.ssp-b-2, .pb-3.ssp-b-2, .pl-4.ssp-b-2, .pr-4.ssp-b-2, .pt-4.ssp-b-2, .pb-4.ssp-b-2, .pl-5.ssp-b-2, .pr-5.ssp-b-2, .pt-5.ssp-b-2, .pb-5.ssp-b-2 { padding-bottom: 0.5rem !important; } .pl-0.ssp-b-3, .pr-0.ssp-b-3, .pt-0.ssp-b-3, .pb-0.ssp-b-3, .pl-1.ssp-b-3, .pr-1.ssp-b-3, .pt-1.ssp-b-3, .pb-1.ssp-b-3, .pl-2.ssp-b-3, .pr-2.ssp-b-3, .pt-2.ssp-b-3, .pb-2.ssp-b-3, .pl-3.ssp-b-3, .pr-3.ssp-b-3, .pt-3.ssp-b-3, .pb-3.ssp-b-3, .pl-4.ssp-b-3, .pr-4.ssp-b-3, .pt-4.ssp-b-3, .pb-4.ssp-b-3, .pl-5.ssp-b-3, .pr-5.ssp-b-3, .pt-5.ssp-b-3, .pb-5.ssp-b-3 { padding-bottom: 1rem !important; } .pl-0.ssp-b-4, .pr-0.ssp-b-4, .pt-0.ssp-b-4, .pb-0.ssp-b-4, .pl-1.ssp-b-4, .pr-1.ssp-b-4, .pt-1.ssp-b-4, .pb-1.ssp-b-4, .pl-2.ssp-b-4, .pr-2.ssp-b-4, .pt-2.ssp-b-4, .pb-2.ssp-b-4, .pl-3.ssp-b-4, .pr-3.ssp-b-4, .pt-3.ssp-b-4, .pb-3.ssp-b-4, .pl-4.ssp-b-4, .pr-4.ssp-b-4, .pt-4.ssp-b-4, .pb-4.ssp-b-4, .pl-5.ssp-b-4, .pr-5.ssp-b-4, .pt-5.ssp-b-4, .pb-5.ssp-b-4 { padding-bottom: 1.5rem !important; } .pl-0.ssp-b-5, .pr-0.ssp-b-5, .pt-0.ssp-b-5, .pb-0.ssp-b-5, .pl-1.ssp-b-5, .pr-1.ssp-b-5, .pt-1.ssp-b-5, .pb-1.ssp-b-5, .pl-2.ssp-b-5, .pr-2.ssp-b-5, .pt-2.ssp-b-5, .pb-2.ssp-b-5, .pl-3.ssp-b-5, .pr-3.ssp-b-5, .pt-3.ssp-b-5, .pb-3.ssp-b-5, .pl-4.ssp-b-5, .pr-4.ssp-b-5, .pt-4.ssp-b-5, .pb-4.ssp-b-5, .pl-5.ssp-b-5, .pr-5.ssp-b-5, .pt-5.ssp-b-5, .pb-5.ssp-b-5 { padding-bottom: 3rem !important; } .pl-0.ssp-b-6, .pr-0.ssp-b-6, .pt-0.ssp-b-6, .pb-0.ssp-b-6, .pl-1.ssp-b-6, .pr-1.ssp-b-6, .pt-1.ssp-b-6, .pb-1.ssp-b-6, .pl-2.ssp-b-6, .pr-2.ssp-b-6, .pt-2.ssp-b-6, .pb-2.ssp-b-6, .pl-3.ssp-b-6, .pr-3.ssp-b-6, .pt-3.ssp-b-6, .pb-3.ssp-b-6, .pl-4.ssp-b-6, .pr-4.ssp-b-6, .pt-4.ssp-b-6, .pb-4.ssp-b-6, .pl-5.ssp-b-6, .pr-5.ssp-b-6, .pt-5.ssp-b-6, .pb-5.ssp-b-6 { padding-bottom: 6rem !important; } .pl-0.ssp-x-0, .pr-0.ssp-x-0, .pt-0.ssp-x-0, .pb-0.ssp-x-0, .pl-1.ssp-x-0, .pr-1.ssp-x-0, .pt-1.ssp-x-0, .pb-1.ssp-x-0, .pl-2.ssp-x-0, .pr-2.ssp-x-0, .pt-2.ssp-x-0, .pb-2.ssp-x-0, .pl-3.ssp-x-0, .pr-3.ssp-x-0, .pt-3.ssp-x-0, .pb-3.ssp-x-0, .pl-4.ssp-x-0, .pr-4.ssp-x-0, .pt-4.ssp-x-0, .pb-4.ssp-x-0, .pl-5.ssp-x-0, .pr-5.ssp-x-0, .pt-5.ssp-x-0, .pb-5.ssp-x-0 { padding-left: 0 !important; padding-right: 0 !important; } .pl-0.ssp-x-1, .pr-0.ssp-x-1, .pt-0.ssp-x-1, .pb-0.ssp-x-1, .pl-1.ssp-x-1, .pr-1.ssp-x-1, .pt-1.ssp-x-1, .pb-1.ssp-x-1, .pl-2.ssp-x-1, .pr-2.ssp-x-1, .pt-2.ssp-x-1, .pb-2.ssp-x-1, .pl-3.ssp-x-1, .pr-3.ssp-x-1, .pt-3.ssp-x-1, .pb-3.ssp-x-1, .pl-4.ssp-x-1, .pr-4.ssp-x-1, .pt-4.ssp-x-1, .pb-4.ssp-x-1, .pl-5.ssp-x-1, .pr-5.ssp-x-1, .pt-5.ssp-x-1, .pb-5.ssp-x-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .pl-0.ssp-x-2, .pr-0.ssp-x-2, .pt-0.ssp-x-2, .pb-0.ssp-x-2, .pl-1.ssp-x-2, .pr-1.ssp-x-2, .pt-1.ssp-x-2, .pb-1.ssp-x-2, .pl-2.ssp-x-2, .pr-2.ssp-x-2, .pt-2.ssp-x-2, .pb-2.ssp-x-2, .pl-3.ssp-x-2, .pr-3.ssp-x-2, .pt-3.ssp-x-2, .pb-3.ssp-x-2, .pl-4.ssp-x-2, .pr-4.ssp-x-2, .pt-4.ssp-x-2, .pb-4.ssp-x-2, .pl-5.ssp-x-2, .pr-5.ssp-x-2, .pt-5.ssp-x-2, .pb-5.ssp-x-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .pl-0.ssp-x-3, .pr-0.ssp-x-3, .pt-0.ssp-x-3, .pb-0.ssp-x-3, .pl-1.ssp-x-3, .pr-1.ssp-x-3, .pt-1.ssp-x-3, .pb-1.ssp-x-3, .pl-2.ssp-x-3, .pr-2.ssp-x-3, .pt-2.ssp-x-3, .pb-2.ssp-x-3, .pl-3.ssp-x-3, .pr-3.ssp-x-3, .pt-3.ssp-x-3, .pb-3.ssp-x-3, .pl-4.ssp-x-3, .pr-4.ssp-x-3, .pt-4.ssp-x-3, .pb-4.ssp-x-3, .pl-5.ssp-x-3, .pr-5.ssp-x-3, .pt-5.ssp-x-3, .pb-5.ssp-x-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .pl-0.ssp-x-4, .pr-0.ssp-x-4, .pt-0.ssp-x-4, .pb-0.ssp-x-4, .pl-1.ssp-x-4, .pr-1.ssp-x-4, .pt-1.ssp-x-4, .pb-1.ssp-x-4, .pl-2.ssp-x-4, .pr-2.ssp-x-4, .pt-2.ssp-x-4, .pb-2.ssp-x-4, .pl-3.ssp-x-4, .pr-3.ssp-x-4, .pt-3.ssp-x-4, .pb-3.ssp-x-4, .pl-4.ssp-x-4, .pr-4.ssp-x-4, .pt-4.ssp-x-4, .pb-4.ssp-x-4, .pl-5.ssp-x-4, .pr-5.ssp-x-4, .pt-5.ssp-x-4, .pb-5.ssp-x-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .pl-0.ssp-x-5, .pr-0.ssp-x-5, .pt-0.ssp-x-5, .pb-0.ssp-x-5, .pl-1.ssp-x-5, .pr-1.ssp-x-5, .pt-1.ssp-x-5, .pb-1.ssp-x-5, .pl-2.ssp-x-5, .pr-2.ssp-x-5, .pt-2.ssp-x-5, .pb-2.ssp-x-5, .pl-3.ssp-x-5, .pr-3.ssp-x-5, .pt-3.ssp-x-5, .pb-3.ssp-x-5, .pl-4.ssp-x-5, .pr-4.ssp-x-5, .pt-4.ssp-x-5, .pb-4.ssp-x-5, .pl-5.ssp-x-5, .pr-5.ssp-x-5, .pt-5.ssp-x-5, .pb-5.ssp-x-5 { padding-left: 3rem !important; padding-right: 3rem !important; } .pl-0.ssp-x-6, .pr-0.ssp-x-6, .pt-0.ssp-x-6, .pb-0.ssp-x-6, .pl-1.ssp-x-6, .pr-1.ssp-x-6, .pt-1.ssp-x-6, .pb-1.ssp-x-6, .pl-2.ssp-x-6, .pr-2.ssp-x-6, .pt-2.ssp-x-6, .pb-2.ssp-x-6, .pl-3.ssp-x-6, .pr-3.ssp-x-6, .pt-3.ssp-x-6, .pb-3.ssp-x-6, .pl-4.ssp-x-6, .pr-4.ssp-x-6, .pt-4.ssp-x-6, .pb-4.ssp-x-6, .pl-5.ssp-x-6, .pr-5.ssp-x-6, .pt-5.ssp-x-6, .pb-5.ssp-x-6 { padding-left: 6rem !important; padding-right: 6rem !important; } .pl-0.ssp-y-0, .pr-0.ssp-y-0, .pt-0.ssp-y-0, .pb-0.ssp-y-0, .pl-1.ssp-y-0, .pr-1.ssp-y-0, .pt-1.ssp-y-0, .pb-1.ssp-y-0, .pl-2.ssp-y-0, .pr-2.ssp-y-0, .pt-2.ssp-y-0, .pb-2.ssp-y-0, .pl-3.ssp-y-0, .pr-3.ssp-y-0, .pt-3.ssp-y-0, .pb-3.ssp-y-0, .pl-4.ssp-y-0, .pr-4.ssp-y-0, .pt-4.ssp-y-0, .pb-4.ssp-y-0, .pl-5.ssp-y-0, .pr-5.ssp-y-0, .pt-5.ssp-y-0, .pb-5.ssp-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pl-0.ssp-y-1, .pr-0.ssp-y-1, .pt-0.ssp-y-1, .pb-0.ssp-y-1, .pl-1.ssp-y-1, .pr-1.ssp-y-1, .pt-1.ssp-y-1, .pb-1.ssp-y-1, .pl-2.ssp-y-1, .pr-2.ssp-y-1, .pt-2.ssp-y-1, .pb-2.ssp-y-1, .pl-3.ssp-y-1, .pr-3.ssp-y-1, .pt-3.ssp-y-1, .pb-3.ssp-y-1, .pl-4.ssp-y-1, .pr-4.ssp-y-1, .pt-4.ssp-y-1, .pb-4.ssp-y-1, .pl-5.ssp-y-1, .pr-5.ssp-y-1, .pt-5.ssp-y-1, .pb-5.ssp-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .pl-0.ssp-y-2, .pr-0.ssp-y-2, .pt-0.ssp-y-2, .pb-0.ssp-y-2, .pl-1.ssp-y-2, .pr-1.ssp-y-2, .pt-1.ssp-y-2, .pb-1.ssp-y-2, .pl-2.ssp-y-2, .pr-2.ssp-y-2, .pt-2.ssp-y-2, .pb-2.ssp-y-2, .pl-3.ssp-y-2, .pr-3.ssp-y-2, .pt-3.ssp-y-2, .pb-3.ssp-y-2, .pl-4.ssp-y-2, .pr-4.ssp-y-2, .pt-4.ssp-y-2, .pb-4.ssp-y-2, .pl-5.ssp-y-2, .pr-5.ssp-y-2, .pt-5.ssp-y-2, .pb-5.ssp-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .pl-0.ssp-y-3, .pr-0.ssp-y-3, .pt-0.ssp-y-3, .pb-0.ssp-y-3, .pl-1.ssp-y-3, .pr-1.ssp-y-3, .pt-1.ssp-y-3, .pb-1.ssp-y-3, .pl-2.ssp-y-3, .pr-2.ssp-y-3, .pt-2.ssp-y-3, .pb-2.ssp-y-3, .pl-3.ssp-y-3, .pr-3.ssp-y-3, .pt-3.ssp-y-3, .pb-3.ssp-y-3, .pl-4.ssp-y-3, .pr-4.ssp-y-3, .pt-4.ssp-y-3, .pb-4.ssp-y-3, .pl-5.ssp-y-3, .pr-5.ssp-y-3, .pt-5.ssp-y-3, .pb-5.ssp-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .pl-0.ssp-y-4, .pr-0.ssp-y-4, .pt-0.ssp-y-4, .pb-0.ssp-y-4, .pl-1.ssp-y-4, .pr-1.ssp-y-4, .pt-1.ssp-y-4, .pb-1.ssp-y-4, .pl-2.ssp-y-4, .pr-2.ssp-y-4, .pt-2.ssp-y-4, .pb-2.ssp-y-4, .pl-3.ssp-y-4, .pr-3.ssp-y-4, .pt-3.ssp-y-4, .pb-3.ssp-y-4, .pl-4.ssp-y-4, .pr-4.ssp-y-4, .pt-4.ssp-y-4, .pb-4.ssp-y-4, .pl-5.ssp-y-4, .pr-5.ssp-y-4, .pt-5.ssp-y-4, .pb-5.ssp-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .pl-0.ssp-y-5, .pr-0.ssp-y-5, .pt-0.ssp-y-5, .pb-0.ssp-y-5, .pl-1.ssp-y-5, .pr-1.ssp-y-5, .pt-1.ssp-y-5, .pb-1.ssp-y-5, .pl-2.ssp-y-5, .pr-2.ssp-y-5, .pt-2.ssp-y-5, .pb-2.ssp-y-5, .pl-3.ssp-y-5, .pr-3.ssp-y-5, .pt-3.ssp-y-5, .pb-3.ssp-y-5, .pl-4.ssp-y-5, .pr-4.ssp-y-5, .pt-4.ssp-y-5, .pb-4.ssp-y-5, .pl-5.ssp-y-5, .pr-5.ssp-y-5, .pt-5.ssp-y-5, .pb-5.ssp-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pl-0.ssp-y-6, .pr-0.ssp-y-6, .pt-0.ssp-y-6, .pb-0.ssp-y-6, .pl-1.ssp-y-6, .pr-1.ssp-y-6, .pt-1.ssp-y-6, .pb-1.ssp-y-6, .pl-2.ssp-y-6, .pr-2.ssp-y-6, .pt-2.ssp-y-6, .pb-2.ssp-y-6, .pl-3.ssp-y-6, .pr-3.ssp-y-6, .pt-3.ssp-y-6, .pb-3.ssp-y-6, .pl-4.ssp-y-6, .pr-4.ssp-y-6, .pt-4.ssp-y-6, .pb-4.ssp-y-6, .pl-5.ssp-y-6, .pr-5.ssp-y-6, .pt-5.ssp-y-6, .pb-5.ssp-y-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; } } @media screen and (min-width: 576px) and (max-width: 768px) { .pl-0.sp-l-0, .pr-0.sp-l-0, .pt-0.sp-l-0, .pb-0.sp-l-0, .pl-1.sp-l-0, .pr-1.sp-l-0, .pt-1.sp-l-0, .pb-1.sp-l-0, .pl-2.sp-l-0, .pr-2.sp-l-0, .pt-2.sp-l-0, .pb-2.sp-l-0, .pl-3.sp-l-0, .pr-3.sp-l-0, .pt-3.sp-l-0, .pb-3.sp-l-0, .pl-4.sp-l-0, .pr-4.sp-l-0, .pt-4.sp-l-0, .pb-4.sp-l-0, .pl-5.sp-l-0, .pr-5.sp-l-0, .pt-5.sp-l-0, .pb-5.sp-l-0 { padding-left: 0 !important; } .pl-0.sp-l-1, .pr-0.sp-l-1, .pt-0.sp-l-1, .pb-0.sp-l-1, .pl-1.sp-l-1, .pr-1.sp-l-1, .pt-1.sp-l-1, .pb-1.sp-l-1, .pl-2.sp-l-1, .pr-2.sp-l-1, .pt-2.sp-l-1, .pb-2.sp-l-1, .pl-3.sp-l-1, .pr-3.sp-l-1, .pt-3.sp-l-1, .pb-3.sp-l-1, .pl-4.sp-l-1, .pr-4.sp-l-1, .pt-4.sp-l-1, .pb-4.sp-l-1, .pl-5.sp-l-1, .pr-5.sp-l-1, .pt-5.sp-l-1, .pb-5.sp-l-1 { padding-left: 0.25rem !important; } .pl-0.sp-l-2, .pr-0.sp-l-2, .pt-0.sp-l-2, .pb-0.sp-l-2, .pl-1.sp-l-2, .pr-1.sp-l-2, .pt-1.sp-l-2, .pb-1.sp-l-2, .pl-2.sp-l-2, .pr-2.sp-l-2, .pt-2.sp-l-2, .pb-2.sp-l-2, .pl-3.sp-l-2, .pr-3.sp-l-2, .pt-3.sp-l-2, .pb-3.sp-l-2, .pl-4.sp-l-2, .pr-4.sp-l-2, .pt-4.sp-l-2, .pb-4.sp-l-2, .pl-5.sp-l-2, .pr-5.sp-l-2, .pt-5.sp-l-2, .pb-5.sp-l-2 { padding-left: 0.5rem !important; } .pl-0.sp-l-3, .pr-0.sp-l-3, .pt-0.sp-l-3, .pb-0.sp-l-3, .pl-1.sp-l-3, .pr-1.sp-l-3, .pt-1.sp-l-3, .pb-1.sp-l-3, .pl-2.sp-l-3, .pr-2.sp-l-3, .pt-2.sp-l-3, .pb-2.sp-l-3, .pl-3.sp-l-3, .pr-3.sp-l-3, .pt-3.sp-l-3, .pb-3.sp-l-3, .pl-4.sp-l-3, .pr-4.sp-l-3, .pt-4.sp-l-3, .pb-4.sp-l-3, .pl-5.sp-l-3, .pr-5.sp-l-3, .pt-5.sp-l-3, .pb-5.sp-l-3 { padding-left: 1rem !important; } .pl-0.sp-l-4, .pr-0.sp-l-4, .pt-0.sp-l-4, .pb-0.sp-l-4, .pl-1.sp-l-4, .pr-1.sp-l-4, .pt-1.sp-l-4, .pb-1.sp-l-4, .pl-2.sp-l-4, .pr-2.sp-l-4, .pt-2.sp-l-4, .pb-2.sp-l-4, .pl-3.sp-l-4, .pr-3.sp-l-4, .pt-3.sp-l-4, .pb-3.sp-l-4, .pl-4.sp-l-4, .pr-4.sp-l-4, .pt-4.sp-l-4, .pb-4.sp-l-4, .pl-5.sp-l-4, .pr-5.sp-l-4, .pt-5.sp-l-4, .pb-5.sp-l-4 { padding-left: 1.5rem !important; } .pl-0.sp-l-5, .pr-0.sp-l-5, .pt-0.sp-l-5, .pb-0.sp-l-5, .pl-1.sp-l-5, .pr-1.sp-l-5, .pt-1.sp-l-5, .pb-1.sp-l-5, .pl-2.sp-l-5, .pr-2.sp-l-5, .pt-2.sp-l-5, .pb-2.sp-l-5, .pl-3.sp-l-5, .pr-3.sp-l-5, .pt-3.sp-l-5, .pb-3.sp-l-5, .pl-4.sp-l-5, .pr-4.sp-l-5, .pt-4.sp-l-5, .pb-4.sp-l-5, .pl-5.sp-l-5, .pr-5.sp-l-5, .pt-5.sp-l-5, .pb-5.sp-l-5 { margin-left: 3rem !important; } .pl-0.sp-r-0, .pr-0.sp-r-0, .pt-0.sp-r-0, .pb-0.sp-r-0, .pl-1.sp-r-0, .pr-1.sp-r-0, .pt-1.sp-r-0, .pb-1.sp-r-0, .pl-2.sp-r-0, .pr-2.sp-r-0, .pt-2.sp-r-0, .pb-2.sp-r-0, .pl-3.sp-r-0, .pr-3.sp-r-0, .pt-3.sp-r-0, .pb-3.sp-r-0, .pl-4.sp-r-0, .pr-4.sp-r-0, .pt-4.sp-r-0, .pb-4.sp-r-0, .pl-5.sp-r-0, .pr-5.sp-r-0, .pt-5.sp-r-0, .pb-5.sp-r-0 { padding-right: 0 !important; } .pl-0.sp-r-1, .pr-0.sp-r-1, .pt-0.sp-r-1, .pb-0.sp-r-1, .pl-1.sp-r-1, .pr-1.sp-r-1, .pt-1.sp-r-1, .pb-1.sp-r-1, .pl-2.sp-r-1, .pr-2.sp-r-1, .pt-2.sp-r-1, .pb-2.sp-r-1, .pl-3.sp-r-1, .pr-3.sp-r-1, .pt-3.sp-r-1, .pb-3.sp-r-1, .pl-4.sp-r-1, .pr-4.sp-r-1, .pt-4.sp-r-1, .pb-4.sp-r-1, .pl-5.sp-r-1, .pr-5.sp-r-1, .pt-5.sp-r-1, .pb-5.sp-r-1 { padding-right: 0.25rem !important; } .pl-0.sp-r-2, .pr-0.sp-r-2, .pt-0.sp-r-2, .pb-0.sp-r-2, .pl-1.sp-r-2, .pr-1.sp-r-2, .pt-1.sp-r-2, .pb-1.sp-r-2, .pl-2.sp-r-2, .pr-2.sp-r-2, .pt-2.sp-r-2, .pb-2.sp-r-2, .pl-3.sp-r-2, .pr-3.sp-r-2, .pt-3.sp-r-2, .pb-3.sp-r-2, .pl-4.sp-r-2, .pr-4.sp-r-2, .pt-4.sp-r-2, .pb-4.sp-r-2, .pl-5.sp-r-2, .pr-5.sp-r-2, .pt-5.sp-r-2, .pb-5.sp-r-2 { padding-right: 0.5rem !important; } .pl-0.sp-r-3, .pr-0.sp-r-3, .pt-0.sp-r-3, .pb-0.sp-r-3, .pl-1.sp-r-3, .pr-1.sp-r-3, .pt-1.sp-r-3, .pb-1.sp-r-3, .pl-2.sp-r-3, .pr-2.sp-r-3, .pt-2.sp-r-3, .pb-2.sp-r-3, .pl-3.sp-r-3, .pr-3.sp-r-3, .pt-3.sp-r-3, .pb-3.sp-r-3, .pl-4.sp-r-3, .pr-4.sp-r-3, .pt-4.sp-r-3, .pb-4.sp-r-3, .pl-5.sp-r-3, .pr-5.sp-r-3, .pt-5.sp-r-3, .pb-5.sp-r-3 { padding-right: 1rem !important; } .pl-0.sp-r-4, .pr-0.sp-r-4, .pt-0.sp-r-4, .pb-0.sp-r-4, .pl-1.sp-r-4, .pr-1.sp-r-4, .pt-1.sp-r-4, .pb-1.sp-r-4, .pl-2.sp-r-4, .pr-2.sp-r-4, .pt-2.sp-r-4, .pb-2.sp-r-4, .pl-3.sp-r-4, .pr-3.sp-r-4, .pt-3.sp-r-4, .pb-3.sp-r-4, .pl-4.sp-r-4, .pr-4.sp-r-4, .pt-4.sp-r-4, .pb-4.sp-r-4, .pl-5.sp-r-4, .pr-5.sp-r-4, .pt-5.sp-r-4, .pb-5.sp-r-4 { padding-right: 1.5rem !important; } .pl-0.sp-r-5, .pr-0.sp-r-5, .pt-0.sp-r-5, .pb-0.sp-r-5, .pl-1.sp-r-5, .pr-1.sp-r-5, .pt-1.sp-r-5, .pb-1.sp-r-5, .pl-2.sp-r-5, .pr-2.sp-r-5, .pt-2.sp-r-5, .pb-2.sp-r-5, .pl-3.sp-r-5, .pr-3.sp-r-5, .pt-3.sp-r-5, .pb-3.sp-r-5, .pl-4.sp-r-5, .pr-4.sp-r-5, .pt-4.sp-r-5, .pb-4.sp-r-5, .pl-5.sp-r-5, .pr-5.sp-r-5, .pt-5.sp-r-5, .pb-5.sp-r-5 { padding-right: 3rem !important; } .pl-0.sp-t-0, .pr-0.sp-t-0, .pt-0.sp-t-0, .pb-0.sp-t-0, .pl-1.sp-t-0, .pr-1.sp-t-0, .pt-1.sp-t-0, .pb-1.sp-t-0, .pl-2.sp-t-0, .pr-2.sp-t-0, .pt-2.sp-t-0, .pb-2.sp-t-0, .pl-3.sp-t-0, .pr-3.sp-t-0, .pt-3.sp-t-0, .pb-3.sp-t-0, .pl-4.sp-t-0, .pr-4.sp-t-0, .pt-4.sp-t-0, .pb-4.sp-t-0, .pl-5.sp-t-0, .pr-5.sp-t-0, .pt-5.sp-t-0, .pb-5.sp-t-0 { padding-top: 0 !important; } .pl-0.sp-t-1, .pr-0.sp-t-1, .pt-0.sp-t-1, .pb-0.sp-t-1, .pl-1.sp-t-1, .pr-1.sp-t-1, .pt-1.sp-t-1, .pb-1.sp-t-1, .pl-2.sp-t-1, .pr-2.sp-t-1, .pt-2.sp-t-1, .pb-2.sp-t-1, .pl-3.sp-t-1, .pr-3.sp-t-1, .pt-3.sp-t-1, .pb-3.sp-t-1, .pl-4.sp-t-1, .pr-4.sp-t-1, .pt-4.sp-t-1, .pb-4.sp-t-1, .pl-5.sp-t-1, .pr-5.sp-t-1, .pt-5.sp-t-1, .pb-5.sp-t-1 { padding-top: 0.25rem !important; } .pl-0.sp-t-2, .pr-0.sp-t-2, .pt-0.sp-t-2, .pb-0.sp-t-2, .pl-1.sp-t-2, .pr-1.sp-t-2, .pt-1.sp-t-2, .pb-1.sp-t-2, .pl-2.sp-t-2, .pr-2.sp-t-2, .pt-2.sp-t-2, .pb-2.sp-t-2, .pl-3.sp-t-2, .pr-3.sp-t-2, .pt-3.sp-t-2, .pb-3.sp-t-2, .pl-4.sp-t-2, .pr-4.sp-t-2, .pt-4.sp-t-2, .pb-4.sp-t-2, .pl-5.sp-t-2, .pr-5.sp-t-2, .pt-5.sp-t-2, .pb-5.sp-t-2 { padding-top: 0.5rem !important; } .pl-0.sp-t-3, .pr-0.sp-t-3, .pt-0.sp-t-3, .pb-0.sp-t-3, .pl-1.sp-t-3, .pr-1.sp-t-3, .pt-1.sp-t-3, .pb-1.sp-t-3, .pl-2.sp-t-3, .pr-2.sp-t-3, .pt-2.sp-t-3, .pb-2.sp-t-3, .pl-3.sp-t-3, .pr-3.sp-t-3, .pt-3.sp-t-3, .pb-3.sp-t-3, .pl-4.sp-t-3, .pr-4.sp-t-3, .pt-4.sp-t-3, .pb-4.sp-t-3, .pl-5.sp-t-3, .pr-5.sp-t-3, .pt-5.sp-t-3, .pb-5.sp-t-3 { padding-top: 1rem !important; } .pl-0.sp-t-4, .pr-0.sp-t-4, .pt-0.sp-t-4, .pb-0.sp-t-4, .pl-1.sp-t-4, .pr-1.sp-t-4, .pt-1.sp-t-4, .pb-1.sp-t-4, .pl-2.sp-t-4, .pr-2.sp-t-4, .pt-2.sp-t-4, .pb-2.sp-t-4, .pl-3.sp-t-4, .pr-3.sp-t-4, .pt-3.sp-t-4, .pb-3.sp-t-4, .pl-4.sp-t-4, .pr-4.sp-t-4, .pt-4.sp-t-4, .pb-4.sp-t-4, .pl-5.sp-t-4, .pr-5.sp-t-4, .pt-5.sp-t-4, .pb-5.sp-t-4 { padding-top: 1.5rem !important; } .pl-0.sp-t-5, .pr-0.sp-t-5, .pt-0.sp-t-5, .pb-0.sp-t-5, .pl-1.sp-t-5, .pr-1.sp-t-5, .pt-1.sp-t-5, .pb-1.sp-t-5, .pl-2.sp-t-5, .pr-2.sp-t-5, .pt-2.sp-t-5, .pb-2.sp-t-5, .pl-3.sp-t-5, .pr-3.sp-t-5, .pt-3.sp-t-5, .pb-3.sp-t-5, .pl-4.sp-t-5, .pr-4.sp-t-5, .pt-4.sp-t-5, .pb-4.sp-t-5, .pl-5.sp-t-5, .pr-5.sp-t-5, .pt-5.sp-t-5, .pb-5.sp-t-5 { padding-top: 3rem !important; } .pl-0.sp-b-0, .pr-0.sp-b-0, .pt-0.sp-b-0, .pb-0.sp-b-0, .pl-1.sp-b-0, .pr-1.sp-b-0, .pt-1.sp-b-0, .pb-1.sp-b-0, .pl-2.sp-b-0, .pr-2.sp-b-0, .pt-2.sp-b-0, .pb-2.sp-b-0, .pl-3.sp-b-0, .pr-3.sp-b-0, .pt-3.sp-b-0, .pb-3.sp-b-0, .pl-4.sp-b-0, .pr-4.sp-b-0, .pt-4.sp-b-0, .pb-4.sp-b-0, .pl-5.sp-b-0, .pr-5.sp-b-0, .pt-5.sp-b-0, .pb-5.sp-b-0 { padding-bottom: 0 !important; } .pl-0.sp-b-1, .pr-0.sp-b-1, .pt-0.sp-b-1, .pb-0.sp-b-1, .pl-1.sp-b-1, .pr-1.sp-b-1, .pt-1.sp-b-1, .pb-1.sp-b-1, .pl-2.sp-b-1, .pr-2.sp-b-1, .pt-2.sp-b-1, .pb-2.sp-b-1, .pl-3.sp-b-1, .pr-3.sp-b-1, .pt-3.sp-b-1, .pb-3.sp-b-1, .pl-4.sp-b-1, .pr-4.sp-b-1, .pt-4.sp-b-1, .pb-4.sp-b-1, .pl-5.sp-b-1, .pr-5.sp-b-1, .pt-5.sp-b-1, .pb-5.sp-b-1 { padding-bottom: 0.25rem !important; } .pl-0.sp-b-2, .pr-0.sp-b-2, .pt-0.sp-b-2, .pb-0.sp-b-2, .pl-1.sp-b-2, .pr-1.sp-b-2, .pt-1.sp-b-2, .pb-1.sp-b-2, .pl-2.sp-b-2, .pr-2.sp-b-2, .pt-2.sp-b-2, .pb-2.sp-b-2, .pl-3.sp-b-2, .pr-3.sp-b-2, .pt-3.sp-b-2, .pb-3.sp-b-2, .pl-4.sp-b-2, .pr-4.sp-b-2, .pt-4.sp-b-2, .pb-4.sp-b-2, .pl-5.sp-b-2, .pr-5.sp-b-2, .pt-5.sp-b-2, .pb-5.sp-b-2 { padding-bottom: 0.5rem !important; } .pl-0.sp-b-3, .pr-0.sp-b-3, .pt-0.sp-b-3, .pb-0.sp-b-3, .pl-1.sp-b-3, .pr-1.sp-b-3, .pt-1.sp-b-3, .pb-1.sp-b-3, .pl-2.sp-b-3, .pr-2.sp-b-3, .pt-2.sp-b-3, .pb-2.sp-b-3, .pl-3.sp-b-3, .pr-3.sp-b-3, .pt-3.sp-b-3, .pb-3.sp-b-3, .pl-4.sp-b-3, .pr-4.sp-b-3, .pt-4.sp-b-3, .pb-4.sp-b-3, .pl-5.sp-b-3, .pr-5.sp-b-3, .pt-5.sp-b-3, .pb-5.sp-b-3 { padding-bottom: 1rem !important; } .pl-0.sp-b-4, .pr-0.sp-b-4, .pt-0.sp-b-4, .pb-0.sp-b-4, .pl-1.sp-b-4, .pr-1.sp-b-4, .pt-1.sp-b-4, .pb-1.sp-b-4, .pl-2.sp-b-4, .pr-2.sp-b-4, .pt-2.sp-b-4, .pb-2.sp-b-4, .pl-3.sp-b-4, .pr-3.sp-b-4, .pt-3.sp-b-4, .pb-3.sp-b-4, .pl-4.sp-b-4, .pr-4.sp-b-4, .pt-4.sp-b-4, .pb-4.sp-b-4, .pl-5.sp-b-4, .pr-5.sp-b-4, .pt-5.sp-b-4, .pb-5.sp-b-4 { padding-bottom: 1.5rem !important; } .pl-0.sp-b-5, .pr-0.sp-b-5, .pt-0.sp-b-5, .pb-0.sp-b-5, .pl-1.sp-b-5, .pr-1.sp-b-5, .pt-1.sp-b-5, .pb-1.sp-b-5, .pl-2.sp-b-5, .pr-2.sp-b-5, .pt-2.sp-b-5, .pb-2.sp-b-5, .pl-3.sp-b-5, .pr-3.sp-b-5, .pt-3.sp-b-5, .pb-3.sp-b-5, .pl-4.sp-b-5, .pr-4.sp-b-5, .pt-4.sp-b-5, .pb-4.sp-b-5, .pl-5.sp-b-5, .pr-5.sp-b-5, .pt-5.sp-b-5, .pb-5.sp-b-5 { padding-bottom: 3rem !important; } .pl-0.sp-x-0, .pr-0.sp-x-0, .pt-0.sp-x-0, .pb-0.sp-x-0, .pl-1.sp-x-0, .pr-1.sp-x-0, .pt-1.sp-x-0, .pb-1.sp-x-0, .pl-2.sp-x-0, .pr-2.sp-x-0, .pt-2.sp-x-0, .pb-2.sp-x-0, .pl-3.sp-x-0, .pr-3.sp-x-0, .pt-3.sp-x-0, .pb-3.sp-x-0, .pl-4.sp-x-0, .pr-4.sp-x-0, .pt-4.sp-x-0, .pb-4.sp-x-0, .pl-5.sp-x-0, .pr-5.sp-x-0, .pt-5.sp-x-0, .pb-5.sp-x-0 { padding-left: 0 !important; padding-right: 0 !important; } .pl-0.sp-x-1, .pr-0.sp-x-1, .pt-0.sp-x-1, .pb-0.sp-x-1, .pl-1.sp-x-1, .pr-1.sp-x-1, .pt-1.sp-x-1, .pb-1.sp-x-1, .pl-2.sp-x-1, .pr-2.sp-x-1, .pt-2.sp-x-1, .pb-2.sp-x-1, .pl-3.sp-x-1, .pr-3.sp-x-1, .pt-3.sp-x-1, .pb-3.sp-x-1, .pl-4.sp-x-1, .pr-4.sp-x-1, .pt-4.sp-x-1, .pb-4.sp-x-1, .pl-5.sp-x-1, .pr-5.sp-x-1, .pt-5.sp-x-1, .pb-5.sp-x-1 { padding-left: 0.25em !important; padding-right: 0.25em !important; } .pl-0.sp-x-2, .pr-0.sp-x-2, .pt-0.sp-x-2, .pb-0.sp-x-2, .pl-1.sp-x-2, .pr-1.sp-x-2, .pt-1.sp-x-2, .pb-1.sp-x-2, .pl-2.sp-x-2, .pr-2.sp-x-2, .pt-2.sp-x-2, .pb-2.sp-x-2, .pl-3.sp-x-2, .pr-3.sp-x-2, .pt-3.sp-x-2, .pb-3.sp-x-2, .pl-4.sp-x-2, .pr-4.sp-x-2, .pt-4.sp-x-2, .pb-4.sp-x-2, .pl-5.sp-x-2, .pr-5.sp-x-2, .pt-5.sp-x-2, .pb-5.sp-x-2 { padding-left: 0.5em !important; padding-right: 0.5em !important; } .pl-0.sp-x-3, .pr-0.sp-x-3, .pt-0.sp-x-3, .pb-0.sp-x-3, .pl-1.sp-x-3, .pr-1.sp-x-3, .pt-1.sp-x-3, .pb-1.sp-x-3, .pl-2.sp-x-3, .pr-2.sp-x-3, .pt-2.sp-x-3, .pb-2.sp-x-3, .pl-3.sp-x-3, .pr-3.sp-x-3, .pt-3.sp-x-3, .pb-3.sp-x-3, .pl-4.sp-x-3, .pr-4.sp-x-3, .pt-4.sp-x-3, .pb-4.sp-x-3, .pl-5.sp-x-3, .pr-5.sp-x-3, .pt-5.sp-x-3, .pb-5.sp-x-3 { padding-left: 1em !important; padding-right: 1em !important; } .pl-0.sp-x-4, .pr-0.sp-x-4, .pt-0.sp-x-4, .pb-0.sp-x-4, .pl-1.sp-x-4, .pr-1.sp-x-4, .pt-1.sp-x-4, .pb-1.sp-x-4, .pl-2.sp-x-4, .pr-2.sp-x-4, .pt-2.sp-x-4, .pb-2.sp-x-4, .pl-3.sp-x-4, .pr-3.sp-x-4, .pt-3.sp-x-4, .pb-3.sp-x-4, .pl-4.sp-x-4, .pr-4.sp-x-4, .pt-4.sp-x-4, .pb-4.sp-x-4, .pl-5.sp-x-4, .pr-5.sp-x-4, .pt-5.sp-x-4, .pb-5.sp-x-4 { padding-left: 1.5em !important; padding-right: 1.5em !important; } .pl-0.sp-x-5, .pr-0.sp-x-5, .pt-0.sp-x-5, .pb-0.sp-x-5, .pl-1.sp-x-5, .pr-1.sp-x-5, .pt-1.sp-x-5, .pb-1.sp-x-5, .pl-2.sp-x-5, .pr-2.sp-x-5, .pt-2.sp-x-5, .pb-2.sp-x-5, .pl-3.sp-x-5, .pr-3.sp-x-5, .pt-3.sp-x-5, .pb-3.sp-x-5, .pl-4.sp-x-5, .pr-4.sp-x-5, .pt-4.sp-x-5, .pb-4.sp-x-5, .pl-5.sp-x-5, .pr-5.sp-x-5, .pt-5.sp-x-5, .pb-5.sp-x-5 { padding-left: 3em !important; padding-right: 3em !important; } .pl-0.sp-y-0, .pr-0.sp-y-0, .pt-0.sp-y-0, .pb-0.sp-y-0, .pl-1.sp-y-0, .pr-1.sp-y-0, .pt-1.sp-y-0, .pb-1.sp-y-0, .pl-2.sp-y-0, .pr-2.sp-y-0, .pt-2.sp-y-0, .pb-2.sp-y-0, .pl-3.sp-y-0, .pr-3.sp-y-0, .pt-3.sp-y-0, .pb-3.sp-y-0, .pl-4.sp-y-0, .pr-4.sp-y-0, .pt-4.sp-y-0, .pb-4.sp-y-0, .pl-5.sp-y-0, .pr-5.sp-y-0, .pt-5.sp-y-0, .pb-5.sp-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pl-0.sp-y-1, .pr-0.sp-y-1, .pt-0.sp-y-1, .pb-0.sp-y-1, .pl-1.sp-y-1, .pr-1.sp-y-1, .pt-1.sp-y-1, .pb-1.sp-y-1, .pl-2.sp-y-1, .pr-2.sp-y-1, .pt-2.sp-y-1, .pb-2.sp-y-1, .pl-3.sp-y-1, .pr-3.sp-y-1, .pt-3.sp-y-1, .pb-3.sp-y-1, .pl-4.sp-y-1, .pr-4.sp-y-1, .pt-4.sp-y-1, .pb-4.sp-y-1, .pl-5.sp-y-1, .pr-5.sp-y-1, .pt-5.sp-y-1, .pb-5.sp-y-1 { padding-top: 0.25em !important; padding-bottom: 0.25em !important; } .pl-0.sp-y-2, .pr-0.sp-y-2, .pt-0.sp-y-2, .pb-0.sp-y-2, .pl-1.sp-y-2, .pr-1.sp-y-2, .pt-1.sp-y-2, .pb-1.sp-y-2, .pl-2.sp-y-2, .pr-2.sp-y-2, .pt-2.sp-y-2, .pb-2.sp-y-2, .pl-3.sp-y-2, .pr-3.sp-y-2, .pt-3.sp-y-2, .pb-3.sp-y-2, .pl-4.sp-y-2, .pr-4.sp-y-2, .pt-4.sp-y-2, .pb-4.sp-y-2, .pl-5.sp-y-2, .pr-5.sp-y-2, .pt-5.sp-y-2, .pb-5.sp-y-2 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; } .pl-0.sp-y-3, .pr-0.sp-y-3, .pt-0.sp-y-3, .pb-0.sp-y-3, .pl-1.sp-y-3, .pr-1.sp-y-3, .pt-1.sp-y-3, .pb-1.sp-y-3, .pl-2.sp-y-3, .pr-2.sp-y-3, .pt-2.sp-y-3, .pb-2.sp-y-3, .pl-3.sp-y-3, .pr-3.sp-y-3, .pt-3.sp-y-3, .pb-3.sp-y-3, .pl-4.sp-y-3, .pr-4.sp-y-3, .pt-4.sp-y-3, .pb-4.sp-y-3, .pl-5.sp-y-3, .pr-5.sp-y-3, .pt-5.sp-y-3, .pb-5.sp-y-3 { padding-top: 1em !important; padding-bottom: 1em !important; } .pl-0.sp-y-4, .pr-0.sp-y-4, .pt-0.sp-y-4, .pb-0.sp-y-4, .pl-1.sp-y-4, .pr-1.sp-y-4, .pt-1.sp-y-4, .pb-1.sp-y-4, .pl-2.sp-y-4, .pr-2.sp-y-4, .pt-2.sp-y-4, .pb-2.sp-y-4, .pl-3.sp-y-4, .pr-3.sp-y-4, .pt-3.sp-y-4, .pb-3.sp-y-4, .pl-4.sp-y-4, .pr-4.sp-y-4, .pt-4.sp-y-4, .pb-4.sp-y-4, .pl-5.sp-y-4, .pr-5.sp-y-4, .pt-5.sp-y-4, .pb-5.sp-y-4 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .pl-0.sp-y-5, .pr-0.sp-y-5, .pt-0.sp-y-5, .pb-0.sp-y-5, .pl-1.sp-y-5, .pr-1.sp-y-5, .pt-1.sp-y-5, .pb-1.sp-y-5, .pl-2.sp-y-5, .pr-2.sp-y-5, .pt-2.sp-y-5, .pb-2.sp-y-5, .pl-3.sp-y-5, .pr-3.sp-y-5, .pt-3.sp-y-5, .pb-3.sp-y-5, .pl-4.sp-y-5, .pr-4.sp-y-5, .pt-4.sp-y-5, .pb-4.sp-y-5, .pl-5.sp-y-5, .pr-5.sp-y-5, .pt-5.sp-y-5, .pb-5.sp-y-5 { padding-top: 3em !important; padding-bottom: 3em !important; } } .border-0 { border: none !important; } .border-r0 { border-radius: 0; } .border-5 { border-radius: 5px !important; } .border-top, .border { border-top: 1px solid #c3c7cc; } .border-right, .border { border-right: 1px solid #c3c7cc; } .border-bottom, .border { border-bottom: 1px solid #c3c7cc; } .border-left, .border { border-left: 1px solid #c3c7cc; } .border-bottom-light { border-bottom: 1px solid #f8f8f9; } .border-top-light { border-top: 1px solid #f8f8f9; } .rounded-circle { border-radius: 50% !important; } @media (max-width: 576px) { .border-top.ssm-border-0, .border-bottom.ssm-border-0, .border-right.ssm-border-0, .border-left.ssm-border-0, .border-bottom-light.ssm-border-0, .border-top-light .border.ssm-border-0 { border: none !important; } } .lh-17 { line-height: 17px !important; } .lh-19 { line-height: 19px !important; } .lh-22 { line-height: 22px !important; } .lh-50 { line-height: 50px !important; } .lh-60 { min-height: 60px !important; } .lh-100 { min-height: 100px !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-100 { width: 100% !important; } .w-unset { width: unset !important; } .w-auto { width: auto !important; } @media (max-width: 576px) { .w-5.ssm-5, .w-10.ssm-5, .w-20.ssm-5, .w-30.ssm-5, .w-40.ssm-5, .w-50.ssm-5, .w-60.ssm-5, .w-70.ssm-5, .w-80.ssm-5, .w-90.ssm-5, .w-100.ssm-5, .w-unset.ssm-5, .w-auto.ssm-5 { width: 5% !important; } .w-5.ssm-10, .w-10.ssm-10, .w-20.ssm-10, .w-30.ssm-10, .w-40.ssm-10, .w-50.ssm-10, .w-60.ssm-10, .w-70.ssm-10, .w-80.ssm-10, .w-90.ssm-10, .w-100.ssm-10, .w-unset.ssm-10, .w-auto.ssm-10 { width: 10% !important; } .w-5.ssm-20, .w-10.ssm-20, .w-20.ssm-20, .w-30.ssm-20, .w-40.ssm-20, .w-50.ssm-20, .w-60.ssm-20, .w-70.ssm-20, .w-80.ssm-20, .w-90.ssm-20, .w-100.ssm-20, .w-unset.ssm-20, .w-auto.ssm-20 { width: 20% !important; } .w-5.ssm-30, .w-10.ssm-30, .w-20.ssm-30, .w-30.ssm-30, .w-40.ssm-30, .w-50.ssm-30, .w-60.ssm-30, .w-70.ssm-30, .w-80.ssm-30, .w-90.ssm-30, .w-100.ssm-30, .w-unset.ssm-30, .w-auto.ssm-30 { width: 30% !important; } .w-5.ssm-40, .w-10.ssm-40, .w-20.ssm-40, .w-30.ssm-40, .w-40.ssm-40, .w-50.ssm-40, .w-60.ssm-40, .w-70.ssm-40, .w-80.ssm-40, .w-90.ssm-40, .w-100.ssm-40, .w-unset.ssm-40, .w-auto.ssm-40 { width: 40% !important; } .w-5.ssm-50, .w-10.ssm-50, .w-20.ssm-50, .w-30.ssm-50, .w-40.ssm-50, .w-50.ssm-50, .w-60.ssm-50, .w-70.ssm-50, .w-80.ssm-50, .w-90.ssm-50, .w-100.ssm-50, .w-unset.ssm-50, .w-auto.ssm-50 { width: 50% !important; } .w-5.ssm-60, .w-10.ssm-60, .w-20.ssm-60, .w-30.ssm-60, .w-40.ssm-60, .w-50.ssm-60, .w-60.ssm-60, .w-70.ssm-60, .w-80.ssm-60, .w-90.ssm-60, .w-100.ssm-60, .w-unset.ssm-60, .w-auto.ssm-60 { width: 60% !important; } .w-5.ssm-70, .w-10.ssm-70, .w-20.ssm-70, .w-30.ssm-70, .w-40.ssm-70, .w-50.ssm-70, .w-60.ssm-70, .w-70.ssm-70, .w-80.ssm-70, .w-90.ssm-70, .w-100.ssm-70, .w-unset.ssm-70, .w-auto.ssm-70 { width: 70% !important; } .w-5.ssm-80, .w-10.ssm-80, .w-20.ssm-80, .w-30.ssm-80, .w-40.ssm-80, .w-50.ssm-80, .w-60.ssm-80, .w-70.ssm-80, .w-80.ssm-80, .w-90.ssm-80, .w-100.ssm-80, .w-unset.ssm-80, .w-auto.ssm-80 { width: 80% !important; } .w-5.ssm-90, .w-10.ssm-90, .w-20.ssm-90, .w-30.ssm-90, .w-40.ssm-90, .w-50.ssm-90, .w-60.ssm-90, .w-70.ssm-90, .w-80.ssm-90, .w-90.ssm-90, .w-100.ssm-90, .w-unset.ssm-90, .w-auto.ssm-90 { width: 90% !important; } .w-5.ssm-100, .w-10.ssm-100, .w-20.ssm-100, .w-30.ssm-100, .w-40.ssm-100, .w-50.ssm-100, .w-60.ssm-100, .w-70.ssm-100, .w-80.ssm-100, .w-90.ssm-100, .w-100.ssm-100, .w-unset.ssm-100, .w-auto.ssm-100 { width: 100% !important; } .w-5.ssm-unset, .w-10.ssm-unset, .w-20.ssm-unset, .w-30.ssm-unset, .w-40.ssm-unset, .w-50.ssm-unset, .w-60.ssm-unset, .w-70.ssm-unset, .w-80.ssm-unset, .w-90.ssm-unset, .w-100.ssm-unset, .w-unset.ssm-unset, .w-auto.ssm-unset { width: unset !important; } .w-5.ssm-auto, .w-10.ssm-auto, .w-20.ssm-auto, .w-30.ssm-auto, .w-40.ssm-auto, .w-50.ssm-auto, .w-60.ssm-auto, .w-70.ssm-auto, .w-80.ssm-auto, .w-90.ssm-auto, .w-100.ssm-auto, .w-unset.ssm-auto, .w-auto.ssm-auto { width: auto !important; } } .minw-240 { min-width: 240px; } .minw-140 { min-width: 140px; } @media screen and (max-width: 768px) { .minw-240.ssm-mw-unset, .minw-140.ssm-mw-unset { min-width: unset; } } .bg-main { background-color: #f8f8f9; } .bg-light { background-color: #f8f8f9; } .bg-primary { background-color: #376caf; } .bg-white { background-color: #ffffff !important; } .bg-light-grey { background-color: #969faa !important; } .bg-yellow { background-color: #fdff7a; } .bg-none { background-color: transparent !important; } .main-blue { color: #376caf !important; } .light-grey { color: #969faa !important; } .color-white { color: white !important; } .color-black { color: black !important; } .color-dark { color: #343f4b !important; } .color-red { color: red !important; } .color-basic { color: green !important; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.9; background-color: #000; } .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .position-sticky { position: sticky; } .deactivate, .opacity-5 { opacity: 0.5 !important; } .cursor, .cursor-pointer { cursor: pointer !important; } .overflow-scroll, .overflow-scroll-y { overflow-y: scroll; } .overflow-scroll, .overflow-scroll-x { overflow-x: scroll; } .overflow-hidden, .overflow-hidden-y { overflow-y: hidden; } .overflow-hidden, .overflow-hidden-x { overflow-x: hidden; } .overflow-auto, .overflow-auto-x { overflow-x: auto; } .overflow-auto, .overflow-auto-y { overflow-y: auto; } .overflow-visible { overflow: visible; } .font-italic { font-style: italic; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline !important; } .text-line-none { text-decoration: none; } .text-capitalize { text-transform: capitalize; } .text-vcenter { display: inline-flex; align-items: center; } @media (max-width: 576px) { .text-left.ssm-left, .text-center.ssm-left, .text-right.ssm-left { text-align: left !important; } .text-left.ssm-center, .text-center.ssm-center, .text-right.ssm-center { text-align: center !important; } .text-left.ssm-right, .text-center.ssm-right, .text-right.ssm-right { text-align: right !important; } } .jc-start { justify-content: flex-start !important; } .jc-end { justify-content: flex-end !important; } .jc-between { justify-content: space-between !important; } .jc-center { justify-content: center !important; } @media (max-width: 576px) { .d-h-center.ssm-jc-start, .d-h-start.ssm-jc-start, .d-h-between.ssm-jc-start, .d-h-end.ssm-jc-start, .jc-start.ssm-jc-start, .jc-center.ssm-jc-start, .jc-between.ssm-jc-start, .jc-end.ssm-jc-start { justify-content: flex-start !important; } .d-h-center.ssm-jc-end, .d-h-start.ssm-jc-end, .d-h-between.ssm-jc-end, .d-h-end.ssm-jc-end, .jc-start.ssm-jc-end, .jc-center.ssm-jc-end, .jc-between.ssm-jc-end, .jc-end.ssm-jc-end { justify-content: flex-end !important; } .d-h-center.ssm-jc-between, .d-h-start.ssm-jc-between, .d-h-between.ssm-jc-between, .d-h-end.ssm-jc-between, .jc-start.ssm-jc-between, .jc-center.ssm-jc-between, .jc-between.ssm-jc-between, .jc-end.ssm-jc-between { justify-content: space-between !important; } .d-h-center.ssm-jc-center, .d-h-start.ssm-jc-center, .d-h-between.ssm-jc-center, .d-h-end.ssm-jc-center, .jc-start.ssm-jc-center, .jc-center.ssm-jc-center, .jc-between.ssm-jc-center, .jc-end.ssm-jc-center { justify-content: center !important; } } .ai-s-center { align-self: center !important; } .ai-s-start { align-self: start !important; } .ai-s-end { align-self: end !important; } @media (max-width: 576px) { .d-h-center.ssm-ai-s-center, .d-h-start.ssm-ai-s-center, .d-h-between.ssm-ai-s-center, .d-h-end.ssm-ai-s-center, .ai-s-center.ssm-ai-s-center, .ai-s-start.ssm-ai-s-center, .ai-s-end.ssm-ai-s-center { align-self: center !important; } .d-h-center.ssm-ai-s-start, .d-h-start.ssm-ai-s-start, .d-h-between.ssm-ai-s-start, .d-h-end.ssm-ai-s-start, .ai-s-center.ssm-ai-s-start, .ai-s-start.ssm-ai-s-start, .ai-s-end.ssm-ai-s-start { align-self: start !important; } .d-h-center.ssm-ai-s-end, .d-h-start.ssm-ai-s-end, .d-h-between.ssm-ai-s-end, .d-h-end.ssm-ai-s-end, .ai-s-center.ssm-ai-s-end, .ai-s-start.ssm-ai-s-end, .ai-s-end.ssm-ai-s-end { align-self: end !important; } } .ai-center { align-items: center !important; } .ai-start { align-items: start !important; } .ai-end { align-items: end !important; } @media (max-width: 576px) { .d-h-center.ssm-ai-center, .d-h-start.ssm-ai-center, .d-h-between.ssm-ai-center, .d-h-end.ssm-ai-center, .ai-center.ssm-ai-center, .ai-start.ssm-ai-center, .ai-end.ssm-ai-center { align-items: center !important; } .d-h-center.ssm-ai-start, .d-h-start.ssm-ai-start, .d-h-between.ssm-ai-start, .d-h-end.ssm-ai-start, .ai-center.ssm-ai-start, .ai-start.ssm-ai-start, .ai-end.ssm-ai-start { align-items: start !important; } .d-h-center.ssm-ai-end, .d-h-start.ssm-ai-end, .d-h-between.ssm-ai-end, .d-h-end.ssm-ai-end, .ai-center.ssm-ai-end, .ai-start.ssm-ai-end, .ai-end.ssm-ai-end { align-items: end !important; } } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .truncate-one { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .truncate-two { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .truncate-three { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .truncate-four { display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-truncate { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 200px; } .card { background-color: #fff; border-radius: 5px; border: none; padding: 30px 20px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .card { padding: 10px; margin-right: 0 !important; margin-left: 0 !important; } } @media (max-width: 576px) { .desktop-screen { display: none !important; } } .desktop-block { display: block; } @media (max-width: 576px) { .desktop-block { display: none; } } .desktop-flex { display: flex !important; } @media (max-width: 576px) { .desktop-flex { display: none !important; } } .desktop-only { display: block; } @media (max-width: 992px) { .desktop-only { display: none; } } .tablet-screen { display: block; } @media (max-width: 768px) { .tablet-screen { display: none; } } .tablet-flex { display: flex; } @media (min-width: 768px) { .tablet-flex { display: block; } } .tablet-block { display: none; } @media (max-width: 768px) { .tablet-block { display: block; } } @media (min-width: 576px) { .mobile-screen { display: none !important; } } .mobile-block { display: none; } @media (max-width: 576px) { .mobile-block { display: block; } } .circle { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: #969faa; border-radius: 13px; color: white; font-size: 11px; margin: 2px 5px 0 0; width: 20px; height: 20px; } .custom-round { margin-top: 5px; margin-bottom: 3px; height: 10px; width: 10px; background-color: white; border-radius: 50%; border: 1px solid #376caf; } .custom-round-active { background-color: #376caf; } .toggle-level-career { position: absolute; right: 20px; top: 20px; } .disabled { pointer-events: none; } .disabled i { color: #c3c7cc !important; } .card-header { background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border: none; padding: 30px 20px; } .card-content { background-color: #fff; padding: 0 20px; } .card-content .nav-link { margin-bottom: 15px; } .card-bottom { background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; padding: 30px 20px; margin-bottom: 10px; } .box-shadow { box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); } .popup.box-shadow, .popup-content { box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); } .edit { width: 30px; } .word-break { word-break: break-all; } .word-break-w { word-break: break-word; } .auth-login { display: flex; align-items: center; justify-content: center; height: 100%; } .auth-login .login-box { max-width: 600px; margin: auto; } @media (max-width: 450px) { .auth-login .login-box { margin-bottom: 40px; } } .auth-login .login-box .logo-placeholder { width: 196px; height: 42px; margin: 0 auto; margin-bottom: 50px; } @media (max-width: 580px) { .auth-login .login-box .logo-placeholder { margin-top: 15px; } } .auth-login .login-box .logo-placeholder .login-logo { max-width: 100%; height: 42px; } .auth-login .login-box .login-content .login-text-field .core-input-content .form-control { width: 433px; height: 46px; padding-left: 14px; background-color: rgba(195, 199, 204, 0.15); border: none; border-radius: 3px; margin-left: 0px; } .auth-login .login-box .login-content .login-text-field .core-input-content .form-control::-webkit-input-placeholder { font-size: 16px; } @media (max-width: 436px) { .auth-login .login-box .login-content .login-text-field .core-input-content .form-control { width: 100%; } } .auth-login .login-box .login-content .d-flex { flex-wrap: wrap; align-items: center; justify-content: center !important; } .auth-login .login-box .login-content .d-flex-column { flex-direction: column !important; margin-bottom: 30px; margin-top: 35px !important; } .auth-login .login-box .login-content .text-20 { font-size: 14px; margin-top: 10px; text-decoration: none; } .auth-login .login-box .login-content .text-20:hover { color: #969faa; } .auth-login .login-box .login-content .mb-25 { margin-bottom: 25px; } .auth-login .login-box .login-content .ds-checkbox span { color: #969faa; font-size: 14px; } @media (max-width: 435px) { .auth-login .login-box .login-content .dsl-d14 { margin-left: 10px; } } .auth-login .login-box .login-content .signinbtn-holder > .signinbtn { width: 103px; height: 36px; background-color: #376caf; color: #fff; font-size: 14px; font-weight: normal; border-radius: 19px; border: none; margin-bottom: 25px; margin: 0 auto; } .auth-login .login-box .login-content .signinbtn-holder { text-align: center; } .auth-login .login-box .login-content .sign-uptxt { text-decoration: none; } .auth-login .login-box .login-content .password-input-field { position: relative; } .auth-login .login-box .login-content .password-input-field .fa-eye { position: absolute; right: 23px; top: 15px; } .register-wrapper { display: flex; justify-content: center; align-items: center; margin: auto; font-family: "Roboto"; } .register-wrapper .register-box { max-width: 600px; height: 800px; display: flex; align-items: center; } .register-wrapper .register-box .logo-placeholder { width: 196px; height: 42px; margin: 0 auto; margin-bottom: 50px; } .register-wrapper .register-box .logo-placeholder .login-logo { max-width: 100%; height: 42px; } .register-wrapper .register-box .input-box h4, .register-wrapper .register-box .input-box .h4 { font-size: 18px; font-weight: bold; font-family: "Roboto"; text-align: center; margin-bottom: 50px; } .register-wrapper .register-box .input-box .input-fields .mar-bot-40 { margin-bottom: 40px !important; } @media (max-width: 436px) { .register-wrapper .register-box .input-box .input-fields .input-field .mt-text-field { width: 100%; } } .register-wrapper .register-box .input-box .input-fields .mt-text-field .core-input-content .form-control { width: 433px; height: 46px; padding-left: 14px; background-color: rgba(195, 199, 204, 0.15); border: none; border-radius: 3px; margin-left: 0px; } .register-wrapper .register-box .input-box .input-fields .mt-text-field .core-input-content .form-control::-webkit-input-placeholder { font-size: 16px; } .register-wrapper .register-box .input-box .input-fields .mt-text-field::-webkit-input-placeholder, .register-wrapper .register-box .input-box .input-fields .mt-password::-webkit-input-placeholder { font-size: 16px; font-family: "Roboto"; } .register-wrapper .register-box .input-box .input-fields .plain-txt-style { font-size: 14px; font-weight: normal; color: #969faa; } .register-wrapper .register-box .input-box .input-fields .signup-holder { display: flex; justify-content: center; } .register-wrapper .register-box .input-box .input-fields .signup-holder .signupbtn { margin-right: 15px; line-height: 33px; } .register-wrapper .register-box .input-box .input-fields .signupcancel { background-color: #fff; color: #969faa; border: 1px solid #376caf; line-height: 33px; } .register-wrapper .register-box .input-box .register-control { display: -webkit-box; flex-direction: row; justify-content: space-between; margin-top: 25px; margin-bottom: 25px; position: relative !important; flex-wrap: wrap; } .register-wrapper .register-box .input-box .remember-section { display: -webkit-box !important; flex-direction: row; align-items: flex-start; } .landing-container { display: flex; align-items: center; justify-content: center; min-height: 100vh; width: 100%; } .landing-background { background-image: url("/images/tula/wavy-gradient-desktop.png"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .landing-form-container { width: 100%; max-width: 320px; display: flex; flex-direction: column; align-items: center; border-radius: 12px; padding: 2rem; } .landing-logo { width: 100%; height: auto; object-fit: contain; margin-bottom: 2rem; max-width: 280px; } .landing-motto { width: "100%;"; font-size: 16px; font-weight: 200; color: white; margin-top: -1rem; margin-bottom: 1rem; text-align: center; letter-spacing: 3px; } .landing-input-container { width: 100%; display: flex; flex-direction: column; gap: 1rem; text-align: center; } .landing-input-container input { background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 8px; padding: 12px 16px; font-size: 16px; color: rgb(31, 41, 55); margin-bottom: 8px; width: 100%; } .landing-input-container input::placeholder { color: #666; } .landing-input-container input:focus { outline: none; border-color: #376caf; box-shadow: 0 0 0 2px rgba(55, 108, 175, 0.2); } .landing-input-container button { background-color: rgb(241, 121, 34); color: white; font-size: 16px; border-radius: 8px; padding: 12px 20px; border: none; } .landing-input-container .landing-forgot-password { text-align: center; font-size: 16px; font-weight: 500; color: white; text-decoration: none; margin-top: -8px; margin-bottom: 8px; cursor: pointer; } .landing-input-container .landing-forgot-password:hover { text-decoration: underline; } .vdmm-cp { overflow-x: hidden; } @media (max-width: 767.98px) { .vdmm-cp .card .emp-list:last-child .core-dropdown-menu, .vdmm-cp .card .emp-list:nth-last-child(2) .core-dropdown-menu { right: 25px; top: -30px; } } .vdmm-cp .card .emp-list:last-child .core-dropdown-menu .menu-content, .vdmm-cp .card .emp-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .vdmm-cp .card .emp-list:last-child .core-dropdown-menu .menu-content, .vdmm-cp .card .emp-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .vdmm-cp .card .emp-list:last-child .core-dropdown-menu .menu-content, .vdmm-cp .card .emp-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .vdmm-cp .card .emp-list:hover { background-color: #e7eff8; } .vdmm-cp-header { align-items: center; padding: 5px; border-bottom: 1px solid #e0e0e0; } .vdmm-cp-header .sort-item { cursor: pointer; position: relative; bottom: 5px; } .vdmm-cp-list { align-items: center; padding: 10px 5px; border-bottom: 1px solid #e0e0e0; height: 80px; } .vdmm-cp-list:hover { background-color: #e7eff8; padding: 10px 25px; margin-left: -20px; margin-right: -20px; } .vdmm-cp-list .ds-avatar { width: 50px; } @media (max-width: 576px) { .vdmm-cp-list { align-items: flex-start; height: unset; } } .vdmm-cp .score-detail { cursor: pointer; padding: 3px 0; } .vdmm-cp .orgchart-section { margin: 0 -20px; } .vdmm-cp .orgchart-section > p { padding: 0 20px; } .vdmm-cp .orgchart-section .vdmm-cp-header { padding-left: 20px; padding-right: 20px; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button { display: flex; align-items: center; padding-left: 20px; padding-right: 20px; background-color: white; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button:hover { background-color: #e7eff8; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button:focus { outline: none; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button > div { width: calc(100% + 20px); } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button[aria-expanded=true] { background-color: #e7eff8; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button[aria-expanded=true]::before { margin-bottom: 5px; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button .star-list { min-width: 74px; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__panel .emp-list { padding-left: 20px; padding-right: 20px; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__panel .emp-list:hover { background-color: #e7eff8; } @media (max-width: 576px) { .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button > div { margin-left: 0; align-items: flex-start; } .vdmm-cp .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button > div .header-performance { font-weight: 400; } } @media (max-width: 576px) { .vdmm-cp .ai-sm-unset { align-items: unset !important; } .vdmm-cp .mb-ssm-2 { margin-bottom: 0.5rem !important; } .vdmm-cp .ml-sm-0 { margin-left: 0 !important; } .vdmm-cp .ms-ssm-2 { margin-left: 0.5rem !important; } .vdmm-cp .border-ssm-bottom { border-bottom: 1px solid #dee2e6 !important; } } .vdmm-dp .pagination { max-width: 410px; } @media screen and (max-width: 768px) { .vdmm-dp .pagination { width: 100%; } } .vdmm-dp .core-task-item .avatar-section .fa-exclamation-triangle { margin-top: 2px; } .vdmm-dp .core-filter .core-dropdown-label span { white-space: unset !important; } .vdmm-dp ::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .vdmm-dp ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #c1c1c1; } .ind-performance-reviews .ds-upload span { font-size: 14px; font-weight: 300; line-height: 18px; } .ind-performance-reviews .comments { padding-bottom: 6rem; } .ind-performance-reviews .core-filter button { margin-bottom: 15px; } @media screen and (max-width: 992px) { .ind-performance-reviews .core-filter button { margin-bottom: 20px; } } .ind-performance-reviews .core-filter .core-button.low:hover { background-color: #f8f8f9; border: none; box-shadow: unset; } .ind-performance-reviews .core-text input { height: 30px; } .ind-performance-reviews .core-pagination { padding: 20px 0 0 0; } .ind-performance-reviews .core-task-item { border-bottom: 1px solid #e0e0e0; border-top: none; } .ind-performance-reviews .sign-off .core-input-label { width: 100px; } .ind-performance-reviews .quill { margin-top: 15px; } .ind-performance-reviews .quill .ql-container { border: none; } .ind-performance-reviews .quill .ql-container .ql-editor { line-height: 1.5; background: #f6f7f8; padding: 10px; min-height: 200px; } .ind-performance-reviews .quill .ql-container .ql-editor:before { top: 8px; font-style: unset !important; font-size: 15px; color: #ccd0d6; } .ind-performance-reviews .agreed .title { width: 100px; } .ind-performance-reviews .comment-popup { background-color: white; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px; position: absolute; top: 25px; right: 100%; width: 250px; max-height: 250px; min-height: 65px; z-index: 1; } .ind-performance-reviews .comment-popup .close { position: absolute; right: 15px; top: 7px; } .ind-performance-reviews .comment-popup .comment-avatar { border-radius: 18px; width: 36px; height: 36px; } .ind-performance-reviews .comment-popup input { text-align: left; width: 100%; } .ind-performance-reviews .tasks .commitment { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .ind-performance-reviews .tasks .commitment .avatar-section { display: flex; flex-direction: column; align-items: center; min-width: 80px; } .ind-performance-reviews .tasks .commitment .edit { display: flex; align-items: center; justify-content: center; min-width: 40px; position: relative; } .ind-performance-reviews .tasks .commitment .edit .fa-info-circle { position: absolute; top: -20px; right: 5px; } .ind-performance-reviews .tasks .commitment:last-child { border-bottom: 1px solid #e0e0e0; } .ind-performance-reviews .upload-button button { padding: unset; } @media screen and (max-width: 767px) { .ind-performance-reviews .card .preview-image .avatar-image { margin: 0 auto; } } @media screen and (max-width: 767px) { .ind-performance-reviews .card .mobile-full-quotas { flex: 1; width: 100%; margin: 16px 0 20px; } .ind-performance-reviews .card .mobile-full-quotas .include { display: none; } .ind-performance-reviews .card .mobile-full-quotas .d-flex-7, .ind-performance-reviews .card .mobile-full-quotas .d-flex-4 { flex: auto; } } .ind-performance-reviews .card .mobile-label label { width: 80px; } .pr-individual-modal .modal-content { background-color: transparent; } .pr-individual-modal .modal-content .modal-body { background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 30px; } .pr-individual-modal .modal-content .modal-body .quota-item { display: flex; border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .quota-item .score { width: 110px; } .pr-individual-modal .modal-content .modal-body .quota-total { display: flex; align-items: center; justify-content: flex-end; margin-top: 25px; } .pr-individual-modal .modal-content .modal-body .quota-total .score { width: 110px; } .pr-individual-modal .modal-content .modal-body .coach-item { display: flex; border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .coach-item .score { display: flex; justify-content: space-between; width: 110px; } .pr-individual-modal .modal-content .modal-body .commit-title { border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .commit-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 10px 0; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-check { width: 50px; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-content { flex: 1; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-profile { justify-content: center; width: 80px; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-edit { display: flex; align-items: flex-end; } .pr-individual-modal .modal-content .modal-body .include { display: flex; margin-right: 20px; width: 40px; } .pr-individual-modal .modal-content .modal-footer { flex-direction: column; align-items: unset; background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 30px; } .pr-individual-modal .modal-content .modal-footer .agreed .dsl-m12 { width: 70px; } .daily-checkout-detail { overflow-x: hidden; height: 100%; } @media screen and (max-width: 992px) { .daily-checkout-detail .row { flex-direction: column; } .daily-checkout-detail .row .col { margin-bottom: 10px; } } .daily-checkout-detail .ds-upload span { font-size: 14px; font-weight: 300; line-height: 18px; } .daily-checkout-detail .core-filter button { margin-bottom: 15px; } @media screen and (max-width: 992px) { .daily-checkout-detail .core-filter button { margin-bottom: 20px; } } .daily-checkout-detail .core-filter .core-button.low:hover { background-color: #f8f8f9; border: none; box-shadow: unset; } .daily-checkout-detail .core-text input { height: 30px; } .daily-checkout-detail .core-pagination { padding: 20px 0 0 0; } .daily-checkout-detail .core-task-item { border-bottom: 1px solid #e0e0e0; border-top: none; } .daily-checkout-detail .sign-off .core-input-label { width: 100px; } .daily-checkout-detail .quill { margin-top: 15px; } .daily-checkout-detail .quill .ql-container { border: none; } .daily-checkout-detail .quill .ql-container .ql-editor { line-height: 1.5; background: #f6f7f8; padding: 10px; min-height: 290px; } .daily-checkout-detail .quill .ql-container .ql-editor:before { top: 10px; font-style: unset !important; font-size: 15px; color: #ccd0d6; } .daily-checkout-detail .quill .ql-container .ql-editor p { font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 300; color: #343f4b; } .daily-checkout-detail .agreed .title { width: 100px; } .daily-checkout-detail .comment-popup { background-color: white; border-radius: 3px; box-shadow: -2px 2px 10px 4px rgba(0, 0, 0, 0.1); padding: 15px; position: absolute; top: 25px; right: 100%; width: 250px; max-height: 250px; min-height: 65px; z-index: 1; } .daily-checkout-detail .comment-popup .close { position: absolute; right: 15px; top: 7px; } .daily-checkout-detail .comment-popup .comment-avatar { border-radius: 18px; width: 36px; height: 36px; } .daily-checkout-detail .comment-popup input { text-align: left; width: 100%; } .daily-checkout-detail .tasks .commitment { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .daily-checkout-detail .tasks .commitment .avatar-section { display: flex; flex-direction: column; align-items: center; min-width: 80px; } .daily-checkout-detail .tasks .commitment .edit { display: flex; align-items: center; justify-content: center; min-width: 40px; position: relative; } .daily-checkout-detail .tasks .commitment .edit .fa-info-circle { position: absolute; top: -20px; right: 5px; } .daily-checkout-detail .tasks .commitment:last-child { border-bottom: 1px solid #e0e0e0; } .daily-checkout-detail .upload-button button { padding: unset; } .daily-checkout-detail .card .scorecard-item .grey_input { width: 2rem; height: 2rem; background-color: #f6f7f8; border-radius: 4px; } .daily-checkout-detail .card .no-scorecard { min-height: 330px; } @media screen and (max-width: 767px) { .daily-checkout-detail .card .preview-image .avatar-image { margin: 0 auto; } } .daily-checkout-detail .card .checkout-cards { display: flex; width: 100%; } @media screen and (max-width: 1200px) { .daily-checkout-detail .card .checkout-cards { flex-wrap: wrap; } } .daily-checkout-detail .card .checkout-card { display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; border-radius: 5px; padding: 10px; margin-left: 7px; background-color: #f1fff1; } .daily-checkout-detail .card .checkout-card.warning { background-color: #fff2f1; } @media screen and (max-width: 1200px) { .daily-checkout-detail .card .checkout-card { flex-basis: 300px; } } @media screen and (max-width: 767px) { .daily-checkout-detail .card .mobile-full-quotas { flex: 1; width: 100%; margin: 16px 0 20px; } .daily-checkout-detail .card .mobile-full-quotas .include { display: none; } .daily-checkout-detail .card .mobile-full-quotas .d-flex-7, .daily-checkout-detail .card .mobile-full-quotas .d-flex-4 { flex: auto; } } .daily-checkout-detail .card .mobile-label label { width: 80px; } .daily-checkout-detail .card .save-btn .dropdown-menu { right: 0; left: auto; } .daily-checkout-detail .daily-rating .fa-star { font-size: 17px !important; } .pr-individual-modal .modal-content { background-color: transparent; } .pr-individual-modal .modal-content .modal-body { background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 30px; } .pr-individual-modal .modal-content .modal-body .quota-item { display: flex; border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .quota-item .score { width: 110px; } .pr-individual-modal .modal-content .modal-body .quota-total { display: flex; align-items: center; justify-content: flex-end; margin-top: 25px; } .pr-individual-modal .modal-content .modal-body .quota-total .score { width: 110px; } .pr-individual-modal .modal-content .modal-body .coach-item { display: flex; border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .coach-item .score { display: flex; justify-content: space-between; width: 110px; } .pr-individual-modal .modal-content .modal-body .commit-title { border-bottom: 1px solid #e0e0e0; } .pr-individual-modal .modal-content .modal-body .commit-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 10px 0; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-check { width: 50px; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-content { flex: 1; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-profile { justify-content: center; width: 80px; } .pr-individual-modal .modal-content .modal-body .commit-item .commit-edit { display: flex; align-items: flex-end; } .pr-individual-modal .modal-content .modal-body .include { display: flex; margin-right: 20px; width: 40px; } .pr-individual-modal .modal-content .modal-footer { flex-direction: column; align-items: unset; background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 30px; } .pr-individual-modal .modal-content .modal-footer .agreed .dsl-m12 { width: 70px; } .vdmm-tp .pagination { max-width: 395px; } @media screen and (max-width: 768px) { .vdmm-tp .pagination { width: 100%; } } .vdmm-tp .card .core-task-item .avatar-section .fa-exclamation-triangle { display: flex; align-items: center; } @media screen and (max-width: 768px) { .vdmm-tp .project-dropdown .core-dropdown-item span { white-space: unset !important; padding: 5px 0; } } @media screen and (max-width: 768px) { .vdmm-tp .project-dropdown .core-dropdown-label span { white-space: unset !important; padding: 5px 0; } } .vdmm-tp ::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .vdmm-tp ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #c1c1c1; } .vdmm-tf-header { background-color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 30px 20px 1px 20px; } .vdmm-tf .c-lfg:nth-child(3) { border-top-left-radius: 0; border-top-right-radius: 0; } .vdmm-dp { overflow-x: hidden; } .vdmm-dp .card .due-today-item { cursor: pointer; margin: 0 -20px; padding: 12px 20px; border-top: 1px solid #c3c7cc; min-height: 70px; align-items: center; } .vdmm-dp .card .due-today-item:hover { background-color: #e7eff8; } .vdmm-dp .card .last-item-border { border-top: 1px solid #c3c7cc; margin: 0 -20px; } .vdmm-dp .card .scorecard-item { cursor: pointer; padding: 12px 0; border-top: 1px solid #c3c7cc; min-height: 70px; align-items: center; } .vdmm-dp .card .scorecard-item .grey_input { width: 2rem; height: 2rem; background-color: #f6f7f8; border-radius: 4px; } .vdmm-dp .card .no-scorecard-item { display: flex; align-items: flex-start; border-top: 1px solid #c3c7cc; border-bottom: 1px solid #c3c7cc; cursor: pointer; margin: 0 -20px; padding: 12px 20px; height: 280px; } @media screen and (max-width: 576px) { .vdmm-dp .daily-feed { flex-direction: column; } .vdmm-dp .daily-feed .due-today-item .ds-progress .progress { min-width: 71px !important; } .vdmm-dp .daily-feed .due-today-item .ds-progress .progress-label { width: 40px !important; } .vdmm-dp .user-dashboard .row { display: flex; flex-direction: column; } .vdmm-dp .user-dashboard .avatar-image { display: flex; justify-content: center; max-width: unset; margin-right: 0 !important; margin-bottom: 16px; } .vdmm-dp .user-dashboard .user-details { max-width: unset; width: 100%; display: block; text-align: center; } .vdmm-dp .jc-sm-center { justify-content: center !important; } } .vdmm-cp .employee-list-container { margin: 0 -20px; } .vdmm-cp .employee-list-container > p { padding: 0 20px; } .vdmm-cp .employee-list-container .vdmm-cp-header { padding-left: 20px; padding-right: 20px; } .vdmm-cp .orgchart-name { width: 22.5% !important; } .mng-add-employee .ds-avatar .ds-avatar-initial { background-color: #d3d3d3 !important; } .mng-add-employee .add-emp .menu-content { max-height: 120px; } .mng-add-employee .add-emp .core-dropdown-label span { text-overflow: ellipsis; overflow: hidden; } @media (max-width: 575.98px) { .mng-add-employee .card .employee-form section { display: flex; justify-content: center; } } .mng-add-employee .permission { margin-left: 150px !important; } @media (max-width: 575.98px) { .mng-add-employee .permission { margin-left: 0px !important; } } .mng-add-employee .permission .core-dropdown { margin-bottom: 10px; } .mng-add-employee .permission .core-dropdown .core-dropdown-toggle .core-dropdown-title { width: 100px; min-width: 100px; } .mng-add-employee .permission .core-dropdown .core-dropdown-toggle .core-dropdown-label { display: flex; line-height: 35px; } .mng-add-employee .info { flex: 1; } .mng-add-employee .info .core-dropdown { margin-bottom: 10px; } .mng-add-employee .info .core-dropdown .core-dropdown-toggle .core-dropdown-title { width: 100px; min-width: 100px; } .mng-add-employee .info .core-dropdown .core-dropdown-toggle .core-dropdown-label { display: flex; line-height: 35px; } .mng-add-employee .info .core-dropdown .core-dropdown-menu.right { width: 200px; } .mng-add-employee .info .core-dropdown .core-dropdown-menu.right .core-dropdown-item span { text-overflow: ellipsis; overflow: hidden; } .mng-add-employee .info .core-input { margin-bottom: 10px; } .mng-add-employee .info .core-input .core-input-label { width: 100px; } .mng-add-employee .info .core-input .core-input-content { flex: 1; } .mng-add-employee .info .core-input .core-input-content input, .mng-add-employee .info .core-input .core-input-content textarea { max-width: 300px; } @media (min-width: 768px) { .mng-add-employee .info .core-input .core-input-content .clear { right: auto; width: auto; position: relative !important; } } .mng-add-employee .info .core-input .core-input-content .delete { display: none !important; } .mng-add-employee .info .ds-datepicker { margin-top: 4px; margin-bottom: 10px; } @media (min-width: 768px) { .mng-add-employee .info .ds-datepicker .ds-datepicker-content { top: -33px; left: 200px !important; } } @media (min-width: 768px) { .mng-add-employee .info .ds-datepicker .ds-datepicker-content { top: -110px; } } @media (max-width: 575.98px) { .mng-add-employee .info .ds-datepicker .ds-datepicker-content { left: 0 !important; } } .mng-add-employee .info .ds-datepicker .dsl-label { width: 100px; } .mng-add-employee .info .ds-datepicker .ds-datepicker-input { margin-bottom: 17px !important; } .mng-add-employee .info .ds-datepicker .ds-datepicker-input span { line-height: 14px; padding: 7px 10px; } .mng-add-employee .info .ds-datepicker .ds-datepicker-input > div { min-width: 100px; } .mng-add-employee .info .ds-datepicker .ds-datepicker-input .fa-sort-down { margin: 4px 0 0 0 !important; } .mng-add-employee .info .ds-datepicker .core-input-content input { background-color: white; max-width: 98px; padding-left: 0; } .mng-add-employee .info .ds-datepicker .react-datepicker-wrapper .react-datepicker__input-container input { border: none; } .mng-add-employee .info .ds-datepicker i { margin-top: 10px; } .mng-add-employee .info .DateRangePicker__Month { width: 260px; } .mng-add-employee .assign { display: flex; align-items: center; margin-bottom: 10px; } .mng-add-employee .assign span { width: 100px; } .mng-add-employee ::-webkit-input-placeholder { color: #969faa; } .mng-add-employee ::-moz-placeholder { color: #969faa; } .mng-add-employee :-ms-input-placeholder { color: #969faa; } .mng-add-employee :-moz-placeholder { color: #969faa; } .company-info .info { background-color: #213768; border-radius: 5px; } .company-info .info .top { display: flex; background-image: url("/images/employee-banner.png"); background-size: 100% 100%; padding-top: 100px; width: 100%; height: 200px; } .company-info .info .top .left { display: flex; justify-content: center; width: 150px; } .company-info .info .top .right { display: flex; flex: 1; justify-content: space-between; margin-top: -10px; padding-right: 20px; position: relative; } .company-info .info .bottom { display: flex; align-items: center; background-color: #376caf; padding-left: 150px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; height: 40px; } .company-info .info .bottom .tab { display: flex; align-items: center; padding-left: 20px; padding-right: 20px; height: 100%; } .company-info .info .bottom .tab.active { background-color: #6899d7; } .company-info .info .bottom .tab .core-dropdown .core-dropdown-label:hover { background-color: transparent; } .company-info .info .bottom .tab .core-dropdown .core-dropdown-label i, .company-info .info .bottom .tab .core-dropdown .core-dropdown-label span { color: white !important; } .company-info .info .bottom .tab .core-dropdown .core-dropdown-menu { background-color: #6899d7; width: 200px; } .company-info .info .bottom .tab .core-dropdown .core-dropdown-menu .core-dropdown-item:hover, .company-info .info .bottom .tab .core-dropdown .core-dropdown-menu .core-dropdown-item.active { background-color: transparent; } .company-info .info .bottom .tab .core-dropdown .core-dropdown-menu .core-dropdown-item span { color: white; } .company-info .info .bottom .gap { background-color: #6899d7; margin-left: -1px; width: 1px; height: 60%; } .company-info .card { background-color: white; border-radius: 5px; margin-top: 0.5rem; padding: 20px; } .company-info .card .ds-stars { height: 30px; } .company-info .card .core-dropdown { margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; } .company-info .card .core-dropdown .core-dropdown-title { width: 130px; } .company-info .card .core-dropdown .core-dropdown-label { padding-top: 10px; padding-bottom: 10px; } .company-info .card .core-dropdown .caret { bottom: 20px !important; } .company-info .card .core-dropdown.ellipsis { padding-top: 0; padding-bottom: 0; height: 20px; } .company-info .card .core-input { margin-bottom: 5px; } .company-info .card .core-input .core-input-label { width: 100px; } .company-info .card .core-input .core-input-content input { margin-right: 0; } .company-info .card .core-input .core-input-content .clear { right: 10px; } .company-info .card .core-input .core-input-content .delete { display: none; } .company-info .card .connection { display: flex; align-items: center; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f9; } .company-info .p-50 { padding: 0 50px 20px 50px; } .employee-info .info { border-radius: 5px; overflow: hidden; } .employee-info .info .top { display: flex; background-image: url("/images/employee-banner.png"); background-size: 100% 100%; padding-top: 100px; width: 100%; height: 200px; } .employee-info .info .top .left { display: flex; justify-content: center; width: 150px; } .employee-info .info .top .left .avatar-box { position: relative; } .employee-info .info .top .right { display: flex; flex: 1; justify-content: space-between; margin-top: 10px; padding-right: 20px; position: relative; } .employee-info .info .nav-tabs { padding: 0; padding-left: 150px; height: 40px; background-color: #376caf; } .employee-info .info .nav-tabs #employee-info-tab-about, .employee-info .info .nav-tabs #employee-info-tab-settings { font-size: 14px; line-height: 18px; color: white; padding: 10px 0; text-decoration: none; border: none; height: 100%; } .employee-info .info .nav-tabs #employee-info-tab-about .tab-name, .employee-info .info .nav-tabs #employee-info-tab-settings .tab-name { padding: 0 15px; border-right: 1px solid #969faa; } .employee-info .info .nav-tabs #employee-info-tab-about.active, .employee-info .info .nav-tabs #employee-info-tab-settings.active { background-color: #6899d7 !important; } .employee-info .info .nav-tabs .nav-item:last-child .tab-name { border-right: none !important; } .employee-info .card { background-color: white; border-radius: 5px; margin-top: 10px; padding: 20px; } .employee-info .card .ds-stars { height: 30px; } .employee-info .card .core-dropdown .core-dropdown-title { width: 113px; } .employee-info .card .core-dropdown .core-dropdown-label { padding-top: 10px; padding-bottom: 10px; } .employee-info .card .core-dropdown .caret { bottom: 20px !important; } .employee-info .card .core-dropdown.ellipsis { padding-top: 0; padding-bottom: 0; height: 20px; } .employee-info .card .core-input { margin-bottom: 5px; } .employee-info .card .core-input .core-input-label { width: 100px; } .employee-info .card .core-input .core-input-content input { margin-right: 0; } .employee-info .card .core-input .core-input-content .clear { right: 10px; } .employee-info .card .core-input .core-input-content .delete { display: none; } .employee-info .card .connection { display: flex; align-items: center; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f9; } .employee-info .card .permission .core-dropdown-menu { position: relative; } .employee-info .p-50 { padding: 0 50px 20px 50px; } .employee-info #employee-info-tabpane-settings .employee-settings { width: 100%; height: 100%; min-height: calc(100vh - 400px); padding: 30px 20px; background-color: white; } .employee-info #employee-info-tabpane-settings .employee-settings .nav-tabs { padding: 12px 0; background-color: transparent; } .employee-info #employee-info-tabpane-settings .employee-settings .check-item { min-width: 50px; text-align: center; } .employee-info .edit-icon { position: absolute; z-index: 2; background: #f8f8f9; border-radius: 9999em; padding: 0; line-height: 2.5; border: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.07), 0 4px 4px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.07), 0 16px 16px rgba(0, 0, 0, 0.07); cursor: pointer; outline: none; left: calc(50% - 1.25em); bottom: -2.75em; width: 2.5em; height: 2.5em; } .employee-info .edit-icon .fa-pencil { position: absolute; left: 21%; top: 19%; } .dev-training-schedule { padding-left: 10px; margin-top: 20px; height: calc(100% - 20px); overflow: auto; } .dev-training-schedule .fr { float: right; } .mng-anniversary .list-header { display: flex; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; } .mng-anniversary .sort-item { cursor: pointer; position: relative; bottom: 5px; } .mng-anniversary .list-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 22px 0; } .mng-anniversary .company-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 8em; height: 16px; } .mng-anniversary .core-pagination { padding: 20px 0 0 0; } @media screen and (max-width: 768px) { .mng-anniversary .card { padding: 20px !important; } } @media screen and (max-width: 576px) { .mng-anniversary .ds-datepicker { margin-top: 3px; } .mng-anniversary .ds-datepicker .ds-datepicker-content { right: -75px !important; } .mng-anniversary .card { padding: 15px !important; } .mng-anniversary .list-item { padding-top: 0; padding-bottom: 0; } .mng-anniversary .company-name { padding-top: 30px; height: 70px; } .mng-anniversary .d-flex-sm-0 { flex: unset !important; } .mng-anniversary .lh-sm-16 { line-height: 16px !important; } } .dev-assignment-list { margin-bottom: 100px; } .dev-assignment-list .carry-over-section .info-container { display: flex; } .dev-assignment-list .carry-over-section .info-container .info { flex: 1; margin: 0; background-color: #fdff7a; } .dev-assignment-list .carry-over-section .info-container .info button { background: none; border: none !important; } .dev-assignment-list .carry-over-section .info-container .bulk-unassign { width: 50px; height: 100%; } .dev-assignment-list .carry-over-section .info-container .bulk-unassign .select-all { width: 50px; min-width: 40px; padding: 0; font-size: 11px; } .dev-assignment-list .carry-over-section .learn-feed-list { background-color: #fdff7a; } .dev-assignment-list .carry-over-section .learn-feed-list:nth-child(2) .list-contents { border-top: 1px solid #dee2e6; } .dev-assignment-list .list-view-label { background-color: white; border-color: transparent !important; padding-top: 5px; padding-bottom: 5px; } .dev-assignment-list .list-view-label :hover { overflow: visible; } .dev-assignment-list .nav-tabs { padding-left: 20px; } @media screen and (max-width: 576px) { .dev-assignment-list .ds-datepicker .ds-datepicker-content { right: -51px !important; } } .mng-birthday .list-header { display: flex; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; } @media screen and (max-width: 576px) { .mng-birthday .card .ds-datepicker .ds-datepicker-content { right: -73px !important; } } .mng-birthday .sort-item { cursor: pointer; position: relative; bottom: 5px; } .mng-birthday .birthday-right-head { display: flex; justify-content: space-between; align-items: baseline; } .mng-birthday .birthday-right-head i { margin-left: 20px; font-size: 18px; cursor: pointer; } .mng-birthday .list-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 22px 0; } .mng-birthday .list-item:hover { background: #e7eff8; padding: 22px 20px; margin-left: -20px; margin-right: -20px; } .mng-birthday .core-pagination { padding: 20px 0 0 0; } .mng-birthday .company-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 8em; height: 16px; } @media screen and (max-width: 768px) { .mng-birthday .list-item { padding: unset; } .mng-birthday .card { padding: 20px !important; } } @media screen and (max-width: 576px) { .mng-birthday .card { padding: 15px !important; } .mng-birthday .ds-datepicker { margin-top: 8px; } .mng-birthday .company-name { padding-top: 30px; height: 70px; } .mng-birthday .core-pagination { justify-content: left; } } .mng-career-edit .no-levels { display: flex; align-items: center; justify-content: center; background-color: white; margin-top: 20px; padding: 30px; } .mng-career-edit .submit { display: flex; justify-content: flex-end; background-color: white; padding: 20px; } .mng-career-list .career-container { background-color: #ffffff; border-radius: 5px; padding: 30px 20px; } @media screen and (max-width: 576px) { .mng-career-list .ds-datepicker .ds-datepicker-content { right: -73px !important; } } .mng-career-list .list { padding-top: 20px; } .mng-career-list .list .list-header { display: flex; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; } .mng-career-list .list .list-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 22px 0; } .mng-career-list .list .list-item:hover { background: #e7eff8; padding: 22px 20px; margin-left: -20px; margin-right: -20px; } @media screen and (max-width: 768px) { .mng-career-list .list .list-item:hover { padding: 0 20px; } } .mng-career-list .wrap-title { width: 11em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 16px; margin: 0; } .mng-career-list .core-pagination { padding: 10px 0; } @media screen and (max-width: 768px) { .mng-career-list .card { padding-top: 15px !important; } .mng-career-list .list .list-item { padding: unset; } } @media screen and (max-width: 576px) { .mng-career-list .card { padding: 15px !important; } .mng-career-list .list .list-item { padding: unset; } .mng-career-list .careers-report-list .border-right-sm { border-right: 1px solid #e2e3e5; height: 70px; } .mng-career-list .careers-report-list .career { margin: 25px 0; } .mng-career-list .careers-report-list .career .careersTitle { margin-bottom: 10px; } .mng-career-list .careers-report-list .hover-dropdown { padding: 0; } .mng-career-list .careers-report-list .hover-dropdown .hover-dropdown-toggle { display: -webkit-box; -webkit-line-clamp: 2; } } .manage-report-certifications .core-pagination { padding: 20px 0 0; } .manage-report-certifications .card .cert-list:hover { background-color: #e7eff8; padding: 10px 20px; margin-left: -20px; margin-right: -20px; } @media screen and (max-width: 768px) { .manage-report-certifications .card { padding: 20px; } .manage-report-certifications .core-filter { margin-bottom: 0; } } .nav-tabs .nav-item { line-height: 90%; } @media screen and (max-width: 576px) { .manage-report-certifications .card { padding: 15px !important; } .manage-report-certifications .ds-datepicker .ds-datepicker-content { right: -73px !important; } .employees-report-list .d-flex-ssm-5, .manage-report-certifications .d-flex-ssm-5 { padding-right: 0; } .employees-report-list .hover-dropdown .hover-dropdown-toggle, .manage-report-certifications .hover-dropdown .hover-dropdown-toggle { display: -webkit-box; -webkit-line-clamp: 2; } .employees-report-list .edit-dm-col div, .manage-report-certifications .edit-dm-col div { margin-right: 5px; } } .cmp-performance-reports .list-title { display: flex; align-items: center; padding: 10px 5px; border-bottom: 1px solid #e0e0e0; } .cmp-performance-reports .list-item { display: flex; align-items: center; padding: 10px 5px; border-bottom: 1px solid #e0e0e0; } .cmp-performance-reports .list-item:hover { background-color: #e7eff8; padding: 10px 25px; margin-left: -20px; margin-right: -20px; } @media screen and (max-width: 767px) { .cmp-performance-reports .list-item:hover { margin-left: -20px; margin-right: -15px; width: calc(100% + 35px); } } .cmp-performance-reports .core-text input { height: 30px; } .cmp-performance-reports .core-pagination { padding: 20px 0 15px 0; } @media screen and (max-width: 576px) { .cmp-performance-reports .card { padding: 15px !important; } .cmp-performance-reports .list-item { padding: 0; } } .quota-reports .report-item { display: flex; border-bottom: 1px solid #e2e3e5; } .quota-reports .employees-button { font-weight: 400; background-color: white; border: 1px solid #376caf; color: #376caf; padding: 5px 15px; } .quota-reports .employees-detail { position: relative; cursor: pointer; } .quota-reports .employees-detail-modal { display: none; padding: 20px; position: absolute; left: 0; top: 100%; z-index: 999; width: 250px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .quota-reports .employees-detail:hover { background-color: #e7eff8; } .quota-reports .employees-detail:hover .employees-detail-modal { display: block; } .reports-task .card { padding-top: 30px; } @media screen and (max-width: 768px) { .reports-task .card { padding: 20px !important; } } @media screen and (max-width: 576px) { .reports-task .card { padding: 15px !important; } } .company-reports .capitalize { text-transform: capitalize; } .company-reports .title { display: flex; align-items: center; margin-bottom: 10px; } .company-reports .title i { margin-top: 3px; } .company-reports .no-left { padding-left: 0; } .company-reports .no-right { padding-right: 0; } .company-reports .report-item { display: flex; border-bottom: 1px solid #e2e3e5; } .company-reports .report-item .title { display: flex; align-items: center; } .company-reports .report-item .edit { display: flex; align-items: center; justify-content: flex-end; } .company-reports .hover:hover { background: #e7eff8; padding: 10px 20px; margin-left: -20px; margin-right: -20px; } .company-reports .core-pagination { justify-content: end; padding-left: 0; padding-right: 0; } @media screen and (max-width: 768px) { .company-reports .card { padding: 0 15px 15px 15px !important; } .company-reports .card .ds-tabs-tab div { padding: 0 10px !important; } .company-reports .card .ds-datepicker .ds-datepicker-content.right { right: -70px !important; } } .report-training-schedule .training-schedule-list { padding: 30px 20px; background-color: white; } .report-training-schedule .training-schedule-list .list-items { padding: 30px 0; } .report-training-schedule .training-schedule-list .list-items:hover { background-color: #e7eff8; padding: 30px 20px; margin-left: -20px; margin-right: -20px; } .report-training-schedule .training-schedule-list .core-pagination { padding-left: 0; padding-right: 0; } .report-training-schedule .truncate-one { overflow: unset; } @media screen and (max-width: 992px) { .report-training-schedule .truncate-one { margin-right: 15px; } } @media screen and (max-width: 576px) { .report-training-schedule .training-schedule-list { padding: 20px 15px 20px 15px; } .report-training-schedule .training-schedule-list .ds-datepicker { margin-top: 5px; } .report-training-schedule .training-schedule-list .ds-datepicker .ds-datepicker-content { right: -45px !important; } .report-training-schedule .training-schedule-list .core-pagination { padding: 15px 0 0 0; justify-content: flex-start; } .report-training-schedule .training-schedule-list .list-items:hover { margin-left: -15px; margin-right: -15px; padding: 30px 15px; } } .mng-engagement .engagement { display: flex; padding: 15px 0; border-bottom: 1px solid #e0e0e0; align-items: flex-end; } .mng-engagement .engagement.item:hover { background-color: #e5eef8; } .mng-engagement .engagement .edit { display: flex; align-items: center; justify-content: flex-end; width: 70px; } .mng-engagement .no-records { display: flex; align-items: center; justify-content: center; width: 100%; height: 300px; } .mng-engagement .core-pagination { padding: 20px 0 10px 0; } .mng-engagement .engagement-tabs { display: none !important; } @media screen and (max-width: 768px) { .mng-engagement .ds-datepicker { padding-top: 10px; } .mng-engagement .card { padding: 15px !important; } .mng-engagement .edit { flex: 0.4; } } @media screen and (max-width: 576px) { .mng-engagement .card .ds-datepicker .ds-datepicker-content { right: -43px !important; } .mng-engagement .engagement { padding: 0; display: block; } .mng-engagement .engagement .edit { margin-right: 5px; } .mng-engagement .engagement .engagement-details { text-align: left !important; } .mng-engagement .engagement-titles { display: none; } .mng-engagement .nav-tabs .nav-item { padding: 5px 2px !important; } .mng-engagement .w-sm-10 { width: 10% !important; } .mng-engagement .core-dropdown .core-dropdown-toggle .core-dropdown-label { padding-left: 0; } .mng-engagement .core-pagination { justify-content: left; } .mng-engagement .empty-message { padding-bottom: 25px; } } .ind-performance-reports .list-item { display: flex; align-items: center; padding: 15px 20px; margin: 0 -20px; border-bottom: 1px solid #e0e0e0; } .ind-performance-reports .list-item .edit { width: 20px; } .ind-performance-reports .list-item.list { height: 80px; } @media (max-width: 767.98px) { .ind-performance-reports .list-item.list { height: auto; margin: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; } } .ind-performance-reports .list-item.list .mobile-label { min-width: 100px; padding: 10px; } .ind-performance-reports .list-item:hover { background-color: #e7eff8; } .ind-performance-reports .core-text input { height: 30px; } .ind-performance-reports .core-pagination { padding: 20px 0 20px 0; } @media (max-width: 575.98px) { .ind-performance-reports .core-filter .core-button { margin-right: 35px; } } .ind-performance-reports .list-header { border-bottom: 1px solid #e0e0e0; margin: 0 -20px; padding: 0 20px; } @media (max-width: 767.98px) { .ind-performance-reports .recent-review-performance { padding-left: 121px; padding-top: 6px; padding-bottom: 12px; } } @media (max-width: 575.98px) { .ind-performance-reports .recent-review-performance { padding-left: 24px; } } @media (max-width: 575.98px) { .ind-performance-reports .performance-head .horizontal .input-group { width: calc(100% - 100px); } .ind-performance-reports .performance-head .horizontal .input-group .form-control { padding-left: 0; } } @media (max-width: 575.98px) { .ind-performance-reports .ms-sm-0 { margin-left: 0 !important; } .ind-performance-reports .flex-sm-column { flex-direction: column; } .ind-performance-reports .ai-sm-center { align-items: center; } .ind-performance-reports .jc-sm-center { justify-content: center; } } .individaul-quota-reports .report-item { display: flex; border-bottom: 1px solid #e2e3e5; } .reports-task-detail .card { padding-bottom: 0 !important; } .reports-task-detail .custom-margin-right, .reports-task-detail .custom-margin-left { margin-right: 4px; } .reports-task-detail .custom-margin-right .card, .reports-task-detail .custom-margin-left .card { padding: 0 !important; } .reports-task-detail .custom-margin-left { margin-left: 5px; } .reports-task-detail .box-detail { max-height: 455px; padding: 10px 20px 20px; } @media screen and (max-width: 768px) { .reports-task-detail .box-detail { max-height: 300px; } } .reports-task-detail .box-detail .core-dropdown-menu { margin-top: 0 !important; } @media screen and (max-width: 768px) { .reports-task-detail .card { padding: 20px 20px 0 20px !important; } } @media screen and (max-width: 576px) { .reports-task-detail .card { padding: 15px 15px 0 15px !important; } .reports-task-detail .custom-margin-left { margin-left: 0; } .reports-task-detail .custom-margin-right { margin-right: 0; } } .individual-reports .card .report-item { display: flex; border-bottom: 1px solid #f8f8f9; margin-left: 0; margin-right: 0; padding-top: 10px; padding-bottom: 10px; } .individual-reports .card .report-item .edit { display: flex; align-items: center; justify-content: flex-end; } .individual-reports .core-pagination { padding: 10px 0 0; } .report-training-schedule-detail .training-schedule-info { padding: 30px 20px; background-color: white; margin-bottom: 10px; } .report-training-schedule-detail .add-training-schedule .training-schedule-info .ds-datepicker-input { padding: 0 8px; cursor: pointer; } .report-training-schedule-detail .add-training-schedule .training-schedule-info .ds-datepicker-input > div { font-size: 16px; color: #343f4b !important; font-weight: 400; } .report-training-schedule-detail .input-field { margin-bottom: 25px; } .report-training-schedule-detail .input-field .core-input-label { line-height: 20px; } .report-training-schedule-detail .input-field .core-input-content .form-control { font-size: 16px; line-height: 19px; margin-right: 0; } .report-training-schedule-detail .input-field .core-input-content .clear { right: 15px; } .report-training-schedule-detail .input-field .core-input-content .delete { display: none; } .report-training-schedule-detail .buttons { display: flex; flex-direction: column; align-items: flex-end; } .mng-dashboard .top-stats { align-items: flex-end; display: flex; flex-direction: column; justify-content: space-between; } .mng-dashboard .training-card { display: flex; flex-direction: column; flex: 1; align-items: center; background-color: #f1f6ff; border-radius: 5px; padding: 10px 0; } .mng-dashboard .performance-card { display: flex; flex-direction: column; align-items: center; background-color: #f1fff1; border-radius: 5px; padding: 10px 0; } .mng-dashboard .tasks-card { display: flex; flex-direction: column; flex: 1; align-items: center; background-color: #fffbf1; border-radius: 5px; padding: 10px 0; } .mng-dashboard .career-card { display: flex; flex-direction: column; flex: 1; align-items: center; background-color: #fff2f1; border-radius: 5px; padding: 10px 0; } .mng-dashboard .newhire-card { display: flex; flex-direction: column; flex: 1; align-items: center; background-color: #f8f1ff; border-radius: 5px; padding: 10px 0; } .mng-dashboard .employee-card { display: flex; flex: 1; flex-direction: column; align-items: center; border: 1px solid #fff2f1; margin-right: 15px; padding: 10px 0; } .mng-dashboard .ds-progress .progress { height: 10px; min-width: 105px; } .mng-dashboard .justify-end { display: flex; justify-content: flex-end; } .mng-dashboard .custom-wrap-block { display: flex; width: 100%; } .mng-dashboard .custom-width { width: 50%; } .mng-dashboard .score-hide .ds-stars .star-list > span:last-child { display: none !important; } .mng-dashboard .score-star .ds-stars .star-list.small .fa-star { font-size: 13px; } .mng-dashboard .ds-avatar-initial { background-color: #d3d3d3 !important; } @media screen and (max-width: 768px) { .mng-dashboard .card { margin-top: 15px; padding: 15px !important; } .mng-dashboard .custom-wrap-block { display: block; } .mng-dashboard .custom-width { width: 100%; } } @media screen and (max-width: 576px) { .mng-dashboard .top-stats { display: none; } .mng-dashboard .core-button.size-small { font-size: 13px; } } .mng-new-hire-orientation .list { background-color: #ffffff; border-radius: 5px; padding: 30px 20px 10px; } @media screen and (max-width: 576px) { .mng-new-hire-orientation .list { padding: 20px 15px 20px 15px; } .mng-new-hire-orientation .list .name-wrap { padding-right: 45px; } } .mng-new-hire-orientation .list .list-item { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; } .mng-new-hire-orientation .list :last-child { border-bottom: none; } .quota-reports-details .list-item { display: flex; align-items: center; padding: 10px 5px; border-bottom: 1px solid #e0e0e0; } .quota-reports-details .list-item:hover { background-color: #e7eff8; padding: 10px 25px; margin-left: -20px; margin-right: -20px; } .reports-signature .core-pagination { padding-left: 0; padding-right: 0; } .training-competency-report .training-competency-report-item { background-color: white; justify-content: space-between; overflow: hidden; } .training-competency-report .training-competency-report-item .report-item { display: flex; border-bottom: 1px solid #e2e3e5; } .ind-training-report > div:last-child { justify-content: center; } @media screen and (max-width: 576px) { .training-competency-report .ds-datepicker .ds-datepicker-content { right: -139px !important; } .training-competency-report .ind-training-report .ds-tabs .ds-tabs-tab div { padding: 0 10px !important; } } .mng-company-track .employees-detail { position: relative; cursor: pointer; } .mng-company-track .employees-detail-modal { display: none; padding: 20px; position: absolute; right: 0; z-index: 999; width: 250px; background-color: #ffffff; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .mng-company-track .employees-detail:hover { background-color: #e7eff8; } .mng-company-track .employees-detail:hover .employees-detail-modal { display: block; } .mng-save-actual-report-header { align-items: center; padding: 5px; border-bottom: 1px solid #e0e0e0; } .mng-save-actual-report .orgchart-section .department-accordion .accordion__item .accordion__heading { padding: 3px 0; } .mng-save-actual-report .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button { display: flex; align-items: center; padding-left: 0; padding-right: 0; background-color: white; } .mng-save-actual-report .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button:focus { outline: none; } .mng-save-actual-report .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button > div { width: calc(100% + 20px); margin-left: -20px; } .mng-save-actual-report .orgchart-section .department-accordion .accordion__item .accordion__heading .accordion__button[aria-expanded=true] { background-color: #e7eff8; } @media screen and (max-width: 576px) { .mng-save-actual-report .department-accordion .accordion__item .accordion__panel { padding-left: 0; } .mng-save-actual-report .pl-ssm-1 { padding-left: 0.25rem !important; } } .mng-activity-report .completed-card-wrap { margin: -0.25rem; justify-content: center; } .mng-activity-report .completed-card-wrap .completed-card { display: flex; flex-direction: column; flex: 1; align-items: center; background-color: #f1f6ff; border-radius: 5px; padding: 22px 0; } @media screen and (max-width: 767px) { .mng-activity-report .completed-card-wrap .completed-card { flex: 0 0 calc(50% - 16px); } } .mng-activity-report .ds-avatar-initial { background-color: #d3d3d3 !important; } .develop-landing { margin-top: -62px; background-color: white; } .develop-landing .section { width: 100%; overflow: hidden; } .develop-landing .section .container .section-title { font-size: 2em; font-weight: 200; line-height: 43px; text-align: center; } .develop-landing .section .container .section-detail { font-size: 1.5em; line-height: 32px; font-weight: 200; text-align: center; margin: 0 auto; } .develop-landing .section .container .demo-btn { width: 201px; height: 58px; color: white; font-size: 1.4em; font-weight: 300; line-height: 29px; text-transform: uppercase; border: 1px solid #ffffff; border-radius: 50px; background-color: transparent; } .develop-landing .section .container .act-btn { width: 167px; height: 58px; color: white; font-size: 1.4em; font-weight: 300; line-height: 29px; margin-top: 35px; text-transform: uppercase; border: 1px solid #ffffff; border-radius: 50px; background-color: transparent; } .develop-landing .section.demo { height: 945px; background-image: url("/images/landing/curriculum1.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; } .develop-landing .section.demo .section-title { color: white; font-size: 2.6em; font-weight: 400; line-height: 55px; margin-top: 120px; } .develop-landing .section.demo .section-detail { color: white; width: 100%; font-size: 2em; } .develop-landing .section.research .contents { height: 100%; justify-content: center; } .develop-landing .section.research .section-title { color: #676767; font-weight: 300; } .develop-landing .section.research .section-detail { color: #676767; font-weight: 300; } .develop-landing .section.research .demo-btn { color: #376caf; border-color: #376caf; margin-bottom: 35px; width: 189px; } .develop-landing .section.demo-section .top-demo, .develop-landing .section.demo-section .bottom-demo { width: 63%; } .develop-landing .section.demo-section .middle-demo > div:nth-child(odd) { background-color: #f8f8f9; } .develop-landing .section.demo-section .middle-demo > div:nth-child(even) { background-color: #f3f5f7; } .develop-landing .section.demo-section .middle-demo > div:nth-child(n+4):nth-child(even) { background-color: #f8f8f9; } .develop-landing .section.demo-section .middle-demo > div:nth-child(n+4):nth-child(odd) { background-color: #eff1f4; } .develop-landing .section.manage { height: 844px; background-image: url("/images/landing/curriculum2.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; } .develop-landing .section.manage .contents { height: 100%; justify-content: center; } .develop-landing .section.manage .section-title { color: white; } .develop-landing .section.manage .section-detail { color: white; } .develop-landing .section.manage .section-items { width: 100%; padding: 0 200px; } .develop-landing .section.manage .section-items .icon-title { color: white; font-size: 1em; line-height: 21px; font-weight: 200; text-align: center; } .develop-landing .section.manage .section-items .act-btn { color: #376caf; border-color: #376caf; } .develop-landing .section.comment { height: 547px; } .develop-landing .section.comment .contents { height: 100%; justify-content: center; } .develop-landing .section.comment .section-title { color: #343f4b; } .develop-landing .section.comment .comment-slider { width: 100%; padding: 10px 20px; } .develop-landing .section.comment .comment-slider .slick-dots li { width: 12px; height: 12px; } .develop-landing .section.comment .comment-slider .slick-dots .custom-dot { width: 12px; height: 12px; background: #969faa; border-radius: 50%; opacity: 0.3; } .develop-landing .section.comment .comment-slider .slick-dots .slick-active .custom-dot { border-width: 2px; background: #343f4b; opacity: 0.9; } .develop-landing .section.comment .comment-slider .landing-comment { padding: 0 15px; } .develop-landing .section.asset { height: 370px; } @media screen and (max-width: 768px) { .develop-landing .section .container .section-title { font-size: 1.75em; line-height: 40px; } .develop-landing .section .container .section-detail { font-size: 1.375em; line-height: 30px; } .develop-landing .section.demo { height: 750px; } .develop-landing .section.demo .section-title { font-size: 2.125em; margin-top: 125px; line-height: 45px; } .develop-landing .section.demo .section-detail { font-size: 1.5em; } .develop-landing .section .demo-section .top-demo { width: unset; } .develop-landing .section .demo-section .bottom-demo { width: unset; } .develop-landing .section .research .demo-btn { margin-top: 10px !important; } .develop-landing .section.manage { height: auto; display: flex; justify-content: center; align-items: center; padding: 80px 20px; } .develop-landing .section.manage .section-items { padding: unset; margin: 0; } .develop-landing .section.manage .section-items .landing-class i { margin-bottom: 20px; } .develop-landing .comment { height: auto; padding: 80px 20px; } .develop-landing .comment.comment .comment-slider { padding: 0px; } .develop-landing .comment.comment .comment-slider .landing-comment { padding: 0; } .develop-landing .comment.comment .comment-slider .landing-comment .comment-detail { padding-right: 10px; } } @media screen and (max-width: 576px) { .develop-landing .section .container .section-detail { font-size: 1em; line-height: 1.4; font-weight: 300; } .develop-landing .section .container .section-title { font-size: 1.4375em; line-height: 1.3; } .develop-landing .section.comment { height: unset; padding: 70px 0; } .develop-landing .section.comment .comment-slider { padding: 0; } .develop-landing .section.demo { height: 750px; } .develop-landing .section.demo .section-title { margin: 100px 15px 15px; font-size: 1.562em; line-height: 1.3; } .develop-landing .section.demo .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .develop-landing .section.asset { height: unset; } .develop-landing .section.asset .landing-contact { padding: 50px 0; margin-bottom: 60px; } .develop-landing .section.asset .landing-contact .title { font-size: 1.562em; font-weight: 200; line-height: 1.3; } .develop-landing .section.asset .landing-contact .sub-title { font-size: 1.125em; font-weight: 300; margin: 20px 0; } .develop-landing .section .demo-section .landing-demo { padding: 15px; } .manage { height: auto !important; padding: 100px 20px; } .manage .section-items { padding: 10px 0px !important; margin: 0px; } } .dev-library-programs { background-color: #f8f8f9; } @media screen and (max-width: 768px) { .dev-library-programs .truncate-one { margin-right: 20px; } } .dev-library-programs .programs-header { padding: 30px 20px 0; background-color: white; } .dev-library-programs .programs-header .programs-search { justify-content: flex-end; margin-right: 20px; margin-top: -20px; } .dev-library-programs .program-tabs { padding: 0 1.5rem; background-color: white; } @media (max-width: 767.98px) { .dev-library-programs .library-programs-list:last-child .core-dropdown-menu, .dev-library-programs .library-programs-list:nth-last-child(2) .core-dropdown-menu { right: 25px; top: -30px; } } .dev-library-programs .library-programs-list:last-child .core-dropdown-menu .menu-content, .dev-library-programs .library-programs-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 10vh; } @media (max-width: 767.98px) { .dev-library-programs .library-programs-list:last-child .core-dropdown-menu .menu-content, .dev-library-programs .library-programs-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 8vh; } } @media (max-width: 575.98px) { .dev-library-programs .library-programs-list:last-child .core-dropdown-menu .menu-content, .dev-library-programs .library-programs-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 13vh !important; } } @media screen and (max-width: 576px) { .dev-library-programs .ds-search { padding-left: 5px; } } @media screen and (max-width: 576px) { .dev-library-todo .ds-search { padding-left: 100px; } } .training-list .body-4 { font-size: 16px; line-height: 22px; color: #343f4b; font-weight: 700; } .training-list .body-2 { font-size: 16px; line-height: 22px; color: #343f4b; font-weight: 400; } @media (max-width: 575.98px) { .pagination { padding: 10px 0; } .pagination .core-pagination-button.ctl { min-width: 40px; padding-right: 10px; } .pagination .core-pagination-button.ctl.right { padding-right: 0; padding-left: 10px; } } .dev-library-todo .bg-white, .dev-library-programs .bg-white, .dev-library-training .bg-white { padding-left: 20px; padding-right: 20px; } .dev-library-todo .core-filter, .dev-library-programs .core-filter, .dev-library-training .core-filter { margin-bottom: 0; } @media screen and (max-width: 576px) { .dev-library-todo .bg-white, .dev-library-programs .bg-white, .dev-library-training .bg-white { display: flex; padding-left: 15px; padding-right: unset; } .dev-library-todo .advanced-search, .dev-library-programs .advanced-search, .dev-library-training .advanced-search { padding-top: 14px; } .dev-library-todo .core-pagination, .dev-library-programs .core-pagination, .dev-library-training .core-pagination { justify-content: left; padding-bottom: 20px; } } @media screen and (max-width: 576px) { .library-track-card .lib-content .edit, .library-module-card .lib-content .edit, .library-course-card .lib-content .edit { padding: 0; } .library-track-card .lib-content .truncate-one, .library-module-card .lib-content .truncate-one, .library-course-card .lib-content .truncate-one { display: none; } .library-track-card .lib-content .courses-wrap, .library-module-card .lib-content .courses-wrap, .library-course-card .lib-content .courses-wrap { flex-direction: column; } .library-track-card .lib-content .courses-wrap .courses, .library-track-card .lib-content .courses-wrap .modules, .library-track-card .lib-content .courses-wrap .assigned, .library-module-card .lib-content .courses-wrap .courses, .library-module-card .lib-content .courses-wrap .modules, .library-module-card .lib-content .courses-wrap .assigned, .library-course-card .lib-content .courses-wrap .courses, .library-course-card .lib-content .courses-wrap .modules, .library-course-card .lib-content .courses-wrap .assigned { display: flex; } .library-track-card .lib-content .text-wrap-ssm, .library-module-card .lib-content .text-wrap-ssm, .library-course-card .lib-content .text-wrap-ssm { width: 12em; } } @media screen and (max-width: 576px) { .document-tabs .ds-tabs-tab div { padding: 0 8px !important; } .to-dos-tabs .ds-tabs-tab div { padding: 0 7px !important; } } .dev-company-roster .record-item:nth-last-child(2) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .lib-employee-record .info { background-color: #213768; border-radius: 5px; } .lib-employee-record .info .top { display: flex; background-image: url("/images/employee-banner.png"); background-size: 100% 100%; padding-top: 100px; width: 100%; height: 200px; } .lib-employee-record .info .top .left { display: flex; justify-content: center; width: 150px; } .lib-employee-record .info .top .right { display: flex; flex: 1; justify-content: space-between; margin-top: 10px; padding-right: 20px; position: relative; } .lib-employee-record .info .bottom { display: flex; align-items: center; background-color: #376caf; padding-left: 150px; width: 100%; height: 40px; } .lib-employee-record .info .bottom .tab { display: flex; align-items: center; padding-left: 20px; padding-right: 20px; height: 100%; } .lib-employee-record .info .bottom .tab.active { background-color: #6899d7; } .lib-employee-record .info .bottom .gap { background-color: #6899d7; margin-left: -1px; width: 1px; height: 60%; } .lib-employee-record .info .core-dropdown .core-dropdown-label span { color: white; } .lib-employee-record .info .core-dropdown .core-dropdown-label:hover { background-color: unset !important; } .lib-employee-record .info .core-dropdown .core-dropdown-menu { background-color: #6899d7; left: -10px; top: 25px; } .lib-employee-record .info .core-dropdown .core-dropdown-menu .core-dropdown-item span { color: white; } .lib-employee-record .info .core-dropdown .core-dropdown-menu .core-dropdown-item:hover { background-color: #f7f7f7; } .lib-employee-record .info .core-dropdown .core-dropdown-menu .core-dropdown-item:hover span { color: black !important; } .lib-employee-record .info .core-dropdown .core-dropdown-menu .core-dropdown-item.active { background-color: unset !important; } .lib-employee-record .info .core-dropdown .core-dropdown-menu .core-dropdown-item.active:hover { background-color: white !important; } .lib-employee-record .info .core-dropdown .core-dropdown-toggle .caret { color: white !important; top: 5px; right: 0px; } .lib-employee-record .card { background-color: white; border-radius: 5px; margin-top: 10px; padding: 20px; } .lib-employee-record .card .ds-stars { height: 30px; } .lib-employee-record .card .core-dropdown .core-dropdown-title { width: 113px; } .lib-employee-record .card .core-dropdown .core-dropdown-label { padding-top: 10px; padding-bottom: 10px; } .lib-employee-record .card .core-dropdown .caret { bottom: 20px !important; } .lib-employee-record .card .core-dropdown.ellipsis { padding-top: 0; padding-bottom: 0; height: 20px; } .lib-employee-record .card .core-input { margin-bottom: 5px; } .lib-employee-record .card .core-input .core-input-label { width: 100px; } .lib-employee-record .card .core-input .core-input-content input { margin-right: 0; } .lib-employee-record .card .core-input .core-input-content .clear { right: 10px; } .lib-employee-record .card .core-input .core-input-content .delete { display: none; } .lib-employee-record .card .connection { display: flex; align-items: center; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f9; } .lib-employee-record .card .notification-title { display: flex; flex-direction: column; } .lib-employee-record .card .notification-data { display: flex; flex-direction: column; justify-content: space-evenly; } .lib-employee-record .p-50 { padding: 0 50px 20px 50px; } .analytics-landing { margin-top: -62px; background-color: white; } .analytics-landing .section { width: 100%; overflow: hidden; } .analytics-landing .section .plans-table { width: 80%; margin: 0 auto; } .analytics-landing .section .container { display: flex; flex-direction: column; align-items: center; z-index: 1; } .analytics-landing .section .container .section-title { margin-top: 20px; font-size: 2em; font-weight: 200; line-height: 43px; text-align: center; } .analytics-landing .section .container .section-detail { font-size: 1.5em; line-height: 32px; font-weight: 200; text-align: center; } .analytics-landing .section .container .demo-btn { width: 185px; height: 58px; color: white; font-size: 1.375em; font-weight: 300; line-height: 29px; margin-top: 22px; text-transform: uppercase; border: 1px solid #ffffff; border-radius: 50px; background-color: transparent; } .analytics-landing .section.demo { height: 955px; background-image: url("/images/landing/analytics-1.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; } .analytics-landing .section.demo .section-title { color: white; font-size: 2.625em; font-weight: 400; line-height: 55px; margin-top: 180px; } .analytics-landing .section.demo .section-detail { color: white; width: 100%; max-width: 640px; } .analytics-landing .section.try .bg-loading { height: 600px; width: 100%; background-image: url("/images/landing/analytics-22.png"); background-size: cover; background-repeat: no-repeat; background-position: right bottom; background-color: #f8f8f9; display: block; position: relative; } .analytics-landing .section.try .section-title { color: #343f4b; text-align: left; padding-top: 30px; } .analytics-landing .section.try .section-detail { color: #343f4b; text-align: left; } .analytics-landing .section.try .container-fluid .normal, .analytics-landing .section.try .container-sm .normal, .analytics-landing .section.try .container-md .normal, .analytics-landing .section.try .container-lg .normal, .analytics-landing .section.try .container-xl .normal, .analytics-landing .section.try .container-xxl .normal { color: black; margin-bottom: 20px; } .analytics-landing .section.try .container-fluid .checkline, .analytics-landing .section.try .container-sm .checkline, .analytics-landing .section.try .container-md .checkline, .analytics-landing .section.try .container-lg .checkline, .analytics-landing .section.try .container-xl .checkline, .analytics-landing .section.try .container-xxl .checkline { display: flex; margin-bottom: 20px; } .analytics-landing .section.try .container-fluid .try-btn, .analytics-landing .section.try .container-sm .try-btn, .analytics-landing .section.try .container-md .try-btn, .analytics-landing .section.try .container-lg .try-btn, .analytics-landing .section.try .container-xl .try-btn, .analytics-landing .section.try .container-xxl .try-btn { color: white; font-size: 1.375em; line-height: 29px; width: 200px; height: 58px; border-radius: 50px; background-color: #376caf; } .analytics-landing .section.membership { display: block; justify-content: center; position: relative; text-align: center; background-color: #f8f8f9; } .analytics-landing .section.membership .section-title { color: #343f4b; font-size: 2em; font-weight: 300; } .analytics-landing .section.membership .bg { position: relative; top: 0; width: 100%; } .analytics-landing .section.membership .text { color: black; position: absolute; text-align: left; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; margin-bottom: 30px; z-index: 1; } .analytics-landing .section.membership .text .title { color: black; font-size: 1.75em; font-weight: 100; margin-top: 3%; } .analytics-landing .section.membership .text .normal { color: black; margin-bottom: 20px; } .analytics-landing .section.membership .text .checkline { display: flex; margin-bottom: 20px; } .analytics-landing .section.membership .text .checkline i { margin-top: 3px; } .analytics-landing .section.membership .text .checkline .content { margin-left: 10px; } .analytics-landing .section.membership .comment-slider { width: 100%; } .analytics-landing .section.membership .comment-slider .slick-dots { position: unset; } .analytics-landing .section.membership .comment-slider .slick-dots li { width: 12px; height: 12px; } .analytics-landing .section.membership .comment-slider .slick-dots .custom-dot { width: 12px; height: 12px; background: #969faa; border-radius: 50%; opacity: 0.3; } .analytics-landing .section.membership .comment-slider .slick-dots .slick-active .custom-dot { border-width: 2px; background: #343f4b; opacity: 0.9; } .analytics-landing .section.membership .comment-slider .landing-comment { padding: 0 20px; } .analytics-landing .section.tabulation { background-color: #ffffff; padding-bottom: 120px; padding-top: 120px; } .analytics-landing .section.tabulation .plans-table .header { background-color: #376caf; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 8px 0; } .analytics-landing .section.tabulation .plans-table .header .plan { min-width: 80px; } .analytics-landing .section.tabulation .plans-table .header .status { min-width: 120px; text-align: center; color: white; font-size: 1.125em; } .analytics-landing .section.tabulation .plans-table .header .status--charge { font-size: 1em; } .analytics-landing .section.tabulation .plans-table .data { border-left: 1px solid #dee2e6; border-bottom-right-radius: 8px; } .analytics-landing .section.tabulation .plans-table .data .plan { padding: 20px 28px 0 28px; border-right: 1px solid #dee2e6; font-size: 1em; color: #979da3; font-weight: 300; line-height: 1.4; } .analytics-landing .section.tabulation .plans-table .data .plan .comparison { color: #000; font-weight: 600; border: none; } .analytics-landing .section.tabulation .plans-table .data .plan p { padding-bottom: 1rem; width: 100%; border-bottom: 1px solid #dee2e6; } .analytics-landing .section.tabulation .plans-table .data .status { padding: 20px 28px 0 28px; border-right: 1px solid #dee2e6; text-align: center; } .analytics-landing .section.tabulation .plans-table .data .status p { padding-bottom: 1rem; width: 100%; border-bottom: 1px solid #dee2e6; font-size: 1.374em; } .analytics-landing .section.tabulation .plans-table .data .status i { color: #376caf !important; font-size: 1.125em; font-weight: 100; } .analytics-landing .section.tabulation .plans-table .data:last-child { border-bottom: 1px solid #dee2e6; border-bottom-left-radius: 8px; } .analytics-landing .section.tabulation .plans-table .data:last-child .status { border-bottom-right-radius: 8px; } .analytics-landing .section.tabulation .plans-table .data:last-child p { display: flex; justify-content: center; border: none; } .analytics-landing .section.tabulation .plans-table .no-border { border: none !important; } .analytics-landing .section.tabulation .title { text-align: center; color: #343f4b; font-size: 2em; font-weight: 300; } .analytics-landing .section.tabulation .sub-title { text-align: center; color: #343f4b; font-size: 1.5em; font-weight: 300; } .analytics-landing .section.contact { height: 370px; } @media screen and (min-width: 577px) and (max-width: 1199px) { .analytics-landing .section.membership .slick-slider .slick-list { width: 600px; } .analytics-landing .section.membership .slick-dots { margin-top: 20px; } } @media screen and (max-width: 768px) { .analytics-landing .section.demo { height: 720px; } .analytics-landing .section.demo .section-title { margin-top: 90px; font-size: 2.125em; line-height: 45px; } .analytics-landing .section.demo .section0-details { font-size: 1.375em; line-height: 30px; } .analytics-landing .section .plans-table { width: 100%; } .analytics-landing .section.try .bg-loading { height: 550px; } .analytics-landing .section.try .section-title { padding-top: 10px; margin-top: 20px; font-size: 1.5em; } .analytics-landing .section.try .section-detail { font-size: 1.125em; } .analytics-landing .section .demo-btn { margin-top: 0; } .analytics-landing .tabulation { height: auto; } .analytics-landing .tabulation .core-button.size-small { min-width: auto; } } @media screen and (max-width: 576px) { .analytics-landing .section.demo { height: 540px; } .analytics-landing .section.demo .section-title { margin-top: 70px; font-size: 1.562em; line-height: 1.3; } .analytics-landing .section.demo .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .analytics-landing .section.try { padding: 0 20px; } .analytics-landing .section.try .bg-loading { display: none; } .analytics-landing .section.membership .section-title { font-size: 1.562em; font-weight: 300; } .analytics-landing .section.membership .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .analytics-landing .section.membership .slick-slider .slick-list { width: 500px; padding-left: 115px; } .analytics-landing .section.membership .dsl-b24 { margin-right: 70px; margin-left: 70px; } .analytics-landing .section.tabulation { padding-top: unset; } .analytics-landing .section.tabulation .plans-table { overflow: scroll; } .analytics-landing .section.tabulation .plans-table .header { width: 1497px; } .analytics-landing .section.tabulation .plans-table .data { display: -webkit-box !important; } .analytics-landing .section.tabulation .plans-table .data .plan { padding: 0 !important; } .analytics-landing .section.tabulation .plans-table .data .plan p { padding-left: 10px; } .analytics-landing .section.tabulation .plans-table .data .plan .comparison { margin-top: 20px; } .analytics-landing .section.tabulation .plans-table .data .status { padding: 0 !important; } .analytics-landing .section.tabulation .plans-table .data .status p { padding-left: 10px; padding-bottom: 5px; } .analytics-landing .section.tabulation .title { font-size: 1.562em; font-weight: 300; } .analytics-landing .section.tabulation .sub-title { font-size: 1.125em; line-height: 1.3; font-weight: 300; margin-right: 30px; margin-left: 30px; } .analytics-landing .section .demo-btn { display: none; } .analytics-landing .section.contact { height: unset; } .analytics-landing .section.contact .landing-contact { padding: 50px 0; } .analytics-landing .section.contact .landing-contact .title { font-size: 1.562em; font-weight: 200; line-height: 1.3; } .analytics-landing .section.contact .landing-contact .sub-title { font-size: 1.125em; font-weight: 300; margin: 20px 0; } .analytics-landing .phone { margin-bottom: 60px; } } .community-blogs .blog-image img { width: 100% !important; height: auto !important; max-width: 100%; max-height: 380px !important; object-fit: cover; } .community-blogs .blog-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .community-blogs .blog-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .community-blogs .blog-search-result { padding: 20px; border-radius: 5px; background-color: white; } .community-blogs .blog-search-result .search-chip { width: fit-content; display: flex; padding: 10px 20px; border-radius: 5px; background-color: #f6f7f8; } .community-blogs .blog-search-result .blog-thumbnail { width: 185px; min-width: 160px; } .community-blogs .blog-search-result .blog-thumbnail .ds-thumbnail, .community-blogs .blog-search-result .blog-thumbnail img { border-radius: 10px; width: 100% !important; height: auto !important; max-width: 100%; max-height: 104px !important; } .community-blogs .blog-search-result .short-text { color: #343f4b; font-size: 16px; font-weight: 300; line-height: 18px; } .community-blogs .card .department-item { padding: 13px 16px; border: none; border-radius: 3px; box-shadow: none !important; background-color: transparent; cursor: pointer; } .community-blogs .card .department-item.active { background-color: #e7eff8 !important; } .community-blogs .card .department-item:hover { background-color: #e7eff8 !important; } .community-blogs .card.blog-card { cursor: pointer; } .community-blogs .card.blog-card:hover { background-color: #e7eff8; } .community-blogs .card.blog-card .blog-detail span:not(.MuiButton-label) { color: #383f4b; font-size: 16px; font-weight: 300; line-height: 18px; } .community-blogs broadstreet-zone-container { display: none; } .community-forum .forums-count { color: #376caf; } @media screen and (max-width: 768px) { .community-forum .forum-department { width: 110px; } } .community-forum .forum { display: flex; align-items: center; cursor: pointer; padding: 10px 0; } .community-forum .forum:hover { background-color: #e7eff8; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); } @media screen and (max-width: 767px) { .community-forum .forum:hover { width: calc(100% + 30px); } } .community-forum .forum .icon-sm { width: 13px; } .community-forum .forum .icon-avatar { border: 1px solid #969faa; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .community-forum .comment-border { border-top: #d3d3d3 solid 1px; width: 95%; } @media screen and (max-width: 767px) { .community-forum .comment-border { margin-left: 10px; } .community-forum .comment-border .inner-comment .core-button { min-width: unset; } } .community-forum .ds-avatar-button { min-width: fit-content; } .community-forum .border-bottom { border-bottom: #d3d3d3 solid 1px; } .community-forum .forum-body img { width: 100%; max-width: 100% !important; height: auto; cursor: pointer !important; } .community-forum .forum-comments { display: flex; flex-direction: column-reverse; overflow: hidden; } @media screen and (max-width: 320px) and (min-width: 480px) { .community-forum .forum-comments { right: 4px; } } @media screen and (max-width: 768px) { .community-forum .forum-comments { right: 0px; } } .community-forum .forum-wrapper { max-height: calc(100vh - 140px); overflow-y: auto; } .community-forum .forum-wrapper::-webkit-scrollbar { width: 5px; background-color: #fefefe; } .community-forum .forum-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .community-forum .forum-wrapper::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #969faa; outline: 1px solid slategrey; } .community-forum .quill { margin-left: 10px; } .community-forum .quill .ql-container { padding-right: 0 !important; } .community-forum .quill .ql-editor { min-height: 100px; } .community-forum .input-comment { display: flex; align-items: flex-start; position: relative; margin-top: 12px; } .community-forum .input-comment .attach-emoji { display: flex; background-color: #f8f8f9; padding: 5px; position: absolute; right: 115px; align-items: center; top: 9px; z-index: 0; justify-content: center; } @media screen and (max-width: 567px) { .community-forum .input-comment .attach-emoji { right: 15px; top: 0; } } .community-forum .input-comment .attach-emoji .emoji-mart-emoji { margin-bottom: 0; } .community-forum .input-comment .attach-emoji .upload-file .core-button.size-small, .community-forum .input-comment .attach-emoji .ds-upload .core-button.size-small { padding: 0; min-width: auto !important; height: 22px; background: #f6f7f8; border: none; color: transparent; margin-left: 0 !important; margin-top: 0; } .community-forum .input-comment .attach-emoji .upload-file .core-button.size-small > div, .community-forum .input-comment .attach-emoji .ds-upload .core-button.size-small > div { padding: 0; } .community-forum .input-comment .attach-emoji .upload-file .core-button.size-small > div i, .community-forum .input-comment .attach-emoji .ds-upload .core-button.size-small > div i { margin-right: 0 !important; } .community-forum .input-comment .attach-emoji .upload-file .fa-trash-alt, .community-forum .input-comment .attach-emoji .ds-upload .fa-trash-alt { position: absolute; right: 0; top: 8px; } .community-forum .input-comment .attach-emoji .upload-file a, .community-forum .input-comment .attach-emoji .ds-upload a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 115px; margin-top: 20px; } .community-forum .input-comment .core-button.size-small { padding: 0 10px; min-width: auto !important; height: 32px; background: transparent; border: 1px solid #376caf; color: #376caf; font-size: 13px; font-weight: 400; margin-left: 20px !important; margin-top: 10px; } .community-forum .topic-search-result .search-chip { width: fit-content; display: flex; padding: 10px 20px; margin-left: 20px; margin-top: 20px; border-radius: 5px; background-color: #f6f7f8; } @media screen and (max-width: 768px) { .community-forum .core-pagination .core-pagination-button { width: 20px; } } .community-forum broadstreet-zone-container { display: none; } .individual-comments { width: calc(100% - 30px); } .individual-comments .comment-box { width: calc(100% - 112px); } .individual-comments .comment-box .quill .ql-container { padding-right: 125px; } .individual-comments .comment-box .bem { margin: 4px; } @media screen and (max-width: 768px) { .individual-comments .comment-box { width: 100%; } .individual-comments .comment-box .quill .ql-container { padding-right: 60px; } } .community-home .popular-forum-category { padding: 30px 20px 30px 20px; background-color: #ffffff; border-radius: 5px; margin-bottom: 20px; } .community-home .department-title a:hover, .community-home .blogs-title a:hover { text-decoration: none; color: #343f4b; } .community-home .text-custom-wrap { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .community-home .list-item { display: flex; align-items: center; padding: 10px 5px; } .community-home .comment-border { border-top: #d3d3d3 solid 1px; width: 95%; margin-left: 50px; } .community-home .forum-wrapper { height: calc(100vh - 140px); overflow-y: auto; } .community-home .forum-wrapper::-webkit-scrollbar { width: 5px; background-color: #fefefe; } .community-home .forum-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .community-home .forum-wrapper::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #969faa; outline: 1px solid slategrey; } .community-home .input-comment { display: flex; align-items: flex-start; position: relative; margin-top: 12px; } .community-home .input-comment .quill { position: relative; } .community-home .input-comment .quill .ql-toolbar { padding: unset; border: none; box-sizing: unset; text-align: end; position: absolute; right: 30px; top: 10px; z-index: 9; background: transparent; } .community-home .input-comment .quill .ql-toolbar .ql-formats { position: relative; align-items: center; } .community-home .input-comment .quill .ql-container { border: none; } .community-home .input-comment .quill .ql-container .ql-editor { line-height: 3.5; background: #f6f7f8; border-radius: 4px; margin-left: 10px; padding: 4px 10px; min-height: 70px; } .community-home .input-comment .quill .ql-container .ql-editor:before { top: 0; font-style: unset !important; font-size: 15px; color: #ccd0d6; } .community-home .input-comment .attach-emoji { display: flex; background-color: #f8f8f9; padding: 5px; position: absolute; right: 115px; align-items: center; top: 9px; z-index: 99; } .community-home .input-comment .attach-emoji .emoji-mart-emoji { margin-bottom: 0px; } .community-home .input-comment .attach-emoji .upload-file .core-button.size-small { padding: 0 0 0 5px; min-width: auto !important; height: 22px; background: #f6f7f8; border: none; color: transparent; margin-left: 0 !important; margin-top: 0; } .community-home .input-comment .core-button.size-small { padding: 0 10px; min-width: auto !important; height: 32px; background: transparent; border: 1px solid #376caf; color: #376caf; font-size: 13px; font-weight: 400; margin-left: 20px !important; margin-top: 10px; } .community-home .dept-hover :hover { background-color: #e7eff8; } .community-home .department-forum-card { padding: 30px 0; } .community-home .department-forum-card .department-title { padding-left: 20px; padding-right: 20px; } .community-home .department-forum-card .list-item { padding-left: 25px; padding-right: 25px; } .community-home .recent-department-card { padding: 30px 0 !important; } .community-home .recent-department-card .title { margin-left: 20px; } .community-home .recent-department-card .list-item { padding: 10px 20px; } .community-home .recent-department-card .list-item:hover { background-color: #e7eff8; } .community-home .recent-department-card .recent-department-count { color: #376caf; } .community-home broadstreet-zone-container { display: none; } @media (min-width: 576px) { .community-home .home-carousel .slick-slider .slick-list .slick-track { height: unset !important; width: 100% !important; transform: unset !important; } .community-home .home-carousel .slick-slider .slick-list .slick-track .slick-slide { width: 100% !important; } } .individual-profile-about .card .contact-label, .individual-profile-about .card .about-label { width: 100px; } .individual-profile-about .card .ds-daypicker-label, .individual-profile-about .card .ds-daterangepicker-label { width: 100px; } .individual-profile-about .card .core-input-label { min-width: 100px; } .individual-profile-about .card .core-input-content .form-control { min-width: 100px; margin-left: 0 !important; } .individual-profile-about .card .core-dropdown-title { min-width: 93px; } .individual-profile-about .card .profile-datepicker .dsl-m12.mt-1 { min-width: 100px; } .individual-profile-about .card .profile-datepicker .ds-datepicker-content { width: fit-content; } .individual-profile-about .card .profile-about { white-space: pre-line; } .individual-profile-about .card .profile-login { min-height: 200px; padding: 0px 180px; flex-direction: column; align-items: center; justify-content: center; } .individual-profile-about .card .clear { right: 18px; } @media screen and (max-width: 768px) { .individual-profile-about .card.overflow-visible .ds-avatar { width: 25px; min-width: 25px; height: 25px; min-height: 25px; margin-top: 13px; } } @media screen and (max-width: 576px) { .profile-header .top-section .info-bar .avatar { width: 60px; height: 60px; } } .com-account-admin .default { display: flex; align-items: center; padding: 10px 20% 10px 0; } .com-account-admin .default-header { width: 70px; } .com-account-admin .default-content { display: flex; align-items: center; flex: 1; justify-content: space-between; } .com-account-admin .default-email { width: 600px; } @media screen and (max-width: 576px) { .com-account-admin .default-email { max-width: 300px; } } @media screen and (max-width: 576px) { .com-account-admin .default { padding: 0; } } .com-account-admin .default .email { width: 400px; } .com-account-admin .default .email .core-input-content input { margin-left: 0; } .com-account-admin .fixed-label { width: 200px; } .com-account-admin .list-item { display: flex; align-items: center; padding: 10px 5px; } .com-account-admin .password { max-width: 500px; } @media screen and (max-width: 576px) { .com-account-admin .password { max-width: 576px; } } @media screen and (max-width: 576px) { .com-account-admin .password .core-input.horizontal { flex-direction: column; align-items: flex-start; } .com-account-admin .password .core-input.horizontal .core-input-content { width: 100%; } .com-account-admin .password .core-input.horizontal input { margin-left: 0; width: 100%; } } .com-account-admin .password .core-input { margin-bottom: 10px; } .com-account-admin .password .core-input .core-input-label { width: 110px; } .com-account-admin .password .password-text { margin-left: 130px; } @media screen and (max-width: 576px) { .com-account-admin .password .password-text { margin-left: 0; } } .com-account-admin .password .password-text .core-button { display: initial; padding: 0px; } .com-account-admin .password .password-text .core-button.size-small { text-decoration: underline; font-size: 12px; font-weight: 400; } .com-account-admin .profile-optimization .feature { max-width: 300px; } .com-account-admin .profile-optimization .feature-progress { max-width: 300px; } .com-account-admin .companies .search { width: 500px; } .com-account-admin .companies .search-button { width: 85px; margin-left: 10px; } .com-account-admin .companies .search-input { width: 300px; } .com-account-admin .companies .search-input .form-control { width: 100%; background-color: #f6f7f8; } .com-account-admin .ind-account-admin-content .ds-tabs.white { padding-left: 20px; } .timezone .menu-content { max-height: 12.5vh !important; } .individual-profile-blog { display: flex; } @media screen and (max-width: 768px) { .individual-profile-blog .card .core-input .core-input-content textarea { padding-right: 20px; } } .individual-profile-blog .card .core-input .core-input-content .clear { display: none !important; position: absolute; right: 16px !important; } @media screen and (max-width: 768px) { .individual-profile-blog .card .core-input .core-input-content .clear { right: 7px !important; } } .individual-profile-blog .card .posts-list { padding: 10px 0; } .individual-profile-blog .card .posts-list:hover { background-color: #e7eff8; margin-left: -20px; margin-right: -20px; padding: 10px 20px; width: calc(100% + 40px) !important; } .individual-profile-blog .card-header { padding-top: 1.5rem; padding-bottom: 0.5rem; border-top-left-radius: 5px; border-top-right-radius: 5px; } .individual-profile-blog .card-content { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-bottom: 1rem; } .individual-profile-blog .card-content .ds-tabs { text-underline-offset: 0.25rem; } .individual-profile-blog .blog-category-section, .individual-profile-blog .blog-department-section { padding: 20px; border-radius: 5px; background-color: white; } .individual-profile-blog .blog-category-section .mw-150, .individual-profile-blog .blog-department-section .mw-150 { max-width: 150px !important; } .individual-profile-blog .blog-category-section .category-logo, .individual-profile-blog .blog-category-section .department-logo, .individual-profile-blog .blog-department-section .category-logo, .individual-profile-blog .blog-department-section .department-logo { width: 40px; height: 40px; border-radius: 20px; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; } .individual-profile-blog .blog-detail { word-break: break-word; } .individual-profile-blog .blog-detail img { width: 100%; } .individual-profile-blog .blog-detail p { margin-top: 10px; color: #343f4b; font-size: 16px; font-weight: 300; line-height: 18px; } @media screen and (max-width: 576px) { .individual-profile-blog .blog-detail p { font-size: 14px; } } .individual-profile-blog .blog-detail h1, .individual-profile-blog .blog-detail .h1 { font-size: 20px; } .individual-profile-blog .blog-detail h2, .individual-profile-blog .blog-detail .h2 { font-size: 16px; } .individual-profile-blog .blog-detail .ql-video { display: none; } .individual-profile-blog .blog-item iframe { position: unset !important; } .individual-profile-blog .blog-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .individual-profile-blog .blog-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .individual-profile-blog .blog-thumbnail img { max-width: 100%; height: 300px; } .individual-profile-blog .core-dropdown .core-dropdown-toggle .core-dropdown-label { background-color: #fff; margin-left: 10px; } @media screen and (max-width: 768px) { .individual-profile-blog > .d-flex-3 { max-width: 100%; } } .individual-blog-admin .blog-admin-header { padding: 20px 20px 0; background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } .individual-blog-admin .blog-admin-content { padding: 20px; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .individual-blog-admin .blog-admin-drafts, .individual-blog-admin .blog-admin-published { min-height: 300px; padding: 20px; padding-top: 0; background-color: white; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: unset; } .individual-blog-admin .blog-admin-drafts .search-chip, .individual-blog-admin .blog-admin-published .search-chip { width: fit-content; display: flex; padding: 10px 20px; margin-right: 20px; border-radius: 5px; background-color: #f6f7f8; } .individual-blog-admin .blog-admin-category-mgt { padding: 20px; margin-top: 10px; background-color: white; border-radius: 5px; overflow: hidden; } .individual-blog-admin .responsive-thumbnail { min-width: 0; max-height: 50px; border-radius: 5px; overflow: hidden; } .individual-blog-admin .responsive-thumbnail img { width: 100%; } @media (max-width: 575.98px) { .individual-blog-admin .responsive-thumbnail { max-height: none; } } .individual-blog-admin .core-pagination { padding-left: 0; padding-right: 0; } .individual-blog-admin .category-logo { width: 40px; height: 40px; border-radius: 20px; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; } .individual-blog-admin .title-w { width: 100px; font-size: 12px; font-weight: 300; } @media screen and (max-width: 320px) { .individual-blog-admin .w-sm-content { width: 170px; } } @media screen and (max-width: 320px) { .individual-blog-admin .dsl-b14, .individual-blog-admin .dsl-b13 { font-size: 14px !important; } } @media screen and (max-width: 767px) { .individual-blog-admin .mgt-sm-align { align-items: flex-start; justify-content: flex-start; } } .individual-profile-connections .connections-wrapper { border-radius: 5px; background-color: white; } .individual-profile-connections .connections-wrapper .login-content { min-height: 200px; padding: 0px 180px; flex-direction: column; align-items: center; justify-content: center; } .individual-profile-connections .connections-header { padding: 20px; display: flex; align-items: center; justify-content: space-between; } .individual-profile-connections .connections-content { padding: 0 20px 20px; } .individual-profile-connections .connections-people:last-child { padding-bottom: 25px; } .departments-home .popular-forum-category { padding: 30px 20px 30px 20px; background-color: #ffffff; border-radius: 5px; margin-bottom: 20px; } .departments-home .department-title a:hover, .departments-home .blogs-title a:hover { text-decoration: none; color: #343f4b; } .departments-home .text-custom-wrap { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .departments-home .list-item { display: flex; align-items: center; padding: 10px 5px; } .departments-home .comment-border { border-top: #d3d3d3 solid 1px; width: 95%; margin-left: 50px; } .departments-home .forum-wrapper { height: calc(100vh - 140px); overflow-y: auto; } .departments-home .forum-wrapper::-webkit-scrollbar { width: 5px; background-color: #fefefe; } .departments-home .forum-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .departments-home .forum-wrapper::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #969faa; outline: 1px solid slategrey; } .departments-home .input-comment { display: flex; align-items: flex-start; position: relative; margin-top: 12px; } .departments-home .input-comment .quill { position: relative; } .departments-home .input-comment .quill .ql-toolbar { padding: unset; border: none; box-sizing: unset; text-align: end; position: absolute; right: 30px; top: 10px; z-index: 9; background: transparent; } .departments-home .input-comment .quill .ql-toolbar .ql-formats { position: relative; align-items: center; } .departments-home .input-comment .quill .ql-container { border: none; } .departments-home .input-comment .quill .ql-container .ql-editor { line-height: 3.5; background: #f6f7f8; border-radius: 4px; margin-left: 10px; padding: 4px 10px; min-height: 70px; } .departments-home .input-comment .quill .ql-container .ql-editor:before { top: 0; font-style: unset !important; font-size: 15px; color: #ccd0d6; } .departments-home .input-comment .attach-emoji { display: flex; background-color: #f8f8f9; padding: 5px; position: absolute; right: 115px; align-items: center; top: 9px; z-index: 99; } .departments-home .input-comment .attach-emoji .emoji-mart-emoji { margin-bottom: 0px; } .departments-home .input-comment .attach-emoji .upload-file .core-button.size-small { padding: 0 0 0 5px; min-width: auto !important; height: 22px; background: #f6f7f8; border: none; color: transparent; margin-left: 0 !important; margin-top: 0; } .departments-home .input-comment .core-button.size-small { padding: 0 10px; min-width: auto !important; height: 32px; background: transparent; border: 1px solid #376caf; color: #376caf; font-size: 13px; font-weight: 400; margin-left: 20px !important; margin-top: 10px; } .departments-home .dept-hover :hover { background-color: #e7eff8; } .departments-home .department-forum-card { padding: 30px 0; } .departments-home .department-forum-card .department-title { padding-left: 20px; padding-right: 20px; } .departments-home .department-forum-card .list-item { padding-left: 25px; padding-right: 25px; } .departments-home .recent-department-card { padding: 30px 0 !important; } .departments-home .recent-department-card .title { margin-left: 20px; } .departments-home .recent-department-card .list-item { padding: 3px 20px; } .departments-home .recent-department-card .list-item:hover { background-color: #e7eff8; } .events-landing { margin-top: -62px; background-color: white; font-family: "Roboto", sans-serif; } .events-landing .section { width: 100%; overflow: hidden; } .events-landing .section .container, .events-landing .section .container-fluid, .events-landing .section .container-sm, .events-landing .section .container-md, .events-landing .section .container-lg, .events-landing .section .container-xl, .events-landing .section .container-xxl { display: flex; flex-direction: column; align-items: center; z-index: 1; } .events-landing .section .container .section-title, .events-landing .section .container-fluid .section-title, .events-landing .section .container-sm .section-title, .events-landing .section .container-md .section-title, .events-landing .section .container-lg .section-title, .events-landing .section .container-xl .section-title, .events-landing .section .container-xxl .section-title { font-size: 2em; font-weight: 200; line-height: 43px; text-align: center; } .events-landing .section .container .section-detail, .events-landing .section .container-fluid .section-detail, .events-landing .section .container-sm .section-detail, .events-landing .section .container-md .section-detail, .events-landing .section .container-lg .section-detail, .events-landing .section .container-xl .section-detail, .events-landing .section .container-xxl .section-detail { font-size: 1.5em; line-height: 32px; font-weight: 200; text-align: center; } .events-landing .section .container .demo-btn, .events-landing .section .container-fluid .demo-btn, .events-landing .section .container-sm .demo-btn, .events-landing .section .container-md .demo-btn, .events-landing .section .container-lg .demo-btn, .events-landing .section .container-xl .demo-btn, .events-landing .section .container-xxl .demo-btn { width: 229px; height: 58px; color: white; font-size: 1.375em; font-weight: 300; line-height: 29px; margin-top: 35px; text-transform: uppercase; border: 1px solid #ffffff; border-radius: 50px; background-color: transparent; } .events-landing .section.top { min-height: 649px; background-image: url("/images/landing/events_banner1.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; display: flex; align-items: center; justify-content: center; } .events-landing .section.top .section-title { color: white; font-size: 2.625em; font-weight: 400; line-height: 55px; } .events-landing .section.top .section-detail { color: white; width: 100%; } .events-landing .section.advanced { min-height: 827px; display: flex; align-items: center; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .section.advanced { margin-top: 15px; } } .events-landing .section.advanced .section-title { color: #343f4b; } .events-landing .section.advanced .section-detail { max-width: 800px; color: #343f4b; } .events-landing .section.advanced .training-detail { line-height: 22px; text-align: left; } .events-landing .section.advanced .team-label { min-width: 50px; margin-right: 10px; } .events-landing .section.advanced .demo-btn { color: #376caf; border-color: #376caf; } .events-landing .section.fueling { padding-top: 120px; padding-bottom: 120px; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .section.fueling { padding-top: 50px; padding-bottom: 50px; } } .events-landing .section.fueling .section-title { color: #343f4b; } .events-landing .section.fueling .section-detail { color: #343f4b; max-width: 590px; } .events-landing .section.fueling .learn-more-btn { width: 125px; height: 36px; } .events-landing .section.slider { min-height: 725px; background-image: url("/images/landing/events_banner2.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; display: flex; align-items: center; justify-content: center; } .events-landing .section.slider .container-fluid, .events-landing .section.slider .container-sm, .events-landing .section.slider .container-md, .events-landing .section.slider .container-lg, .events-landing .section.slider .container-xl, .events-landing .section.slider .container-xxl { width: calc(100vw - 180px); } .events-landing .section.slider .section-title, .events-landing .section.slider .section-detail { color: white; } .events-landing .section.slider .comment-slider { width: 100%; padding: 10px 20px; } .events-landing .section.slider .comment-slider .brand-image-view { max-height: 85px; min-height: 65px; padding: 0 15px; } .events-landing .section.slider .comment-slider .brand-image-view .brand-image { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .events-landing .section.slider .comment-slider .brand-image-view .slider-img-wrap { max-height: 85px; min-height: 65px; } .events-landing .section.slider .comment-slider .landing-comment .comment-detail h3, .events-landing .section.slider .comment-slider .landing-comment .comment-detail .h3 { color: white; } .events-landing .section.slider .comment-slider .landing-comment img { border: 1px solid white; } .events-landing .section.slider .comment-slider .landing-comment .commentor-detail p { color: white; } .events-landing .section.slider .comment-slider .slick-dots li { width: 12px; height: 12px; } .events-landing .section.slider .comment-slider .slick-dots .custom-dot { width: 12px; height: 12px; background: white; border-radius: 50%; opacity: 0.5; } .events-landing .section.slider .comment-slider .slick-dots .slick-active .custom-dot { opacity: 1; } .events-landing .section.slider .comment-slider .slick-arrow::before { display: none; } .events-landing .section.glimpse { min-height: 702px; background-color: #354d73; display: flex; align-items: center; justify-content: center; } .events-landing .section.glimpse .section-title, .events-landing .section.glimpse .section-detail { color: white; } .events-landing .section.glimpse .play-title { color: white; font-size: 1.375em; line-height: 29px; margin-top: 60px; margin-bottom: 0; opacity: 0.5; } .events-landing .section.attend { padding: 120px 0; min-height: 943px; background-color: white; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .section.attend { padding: 20px 0; min-height: 200px; } } .events-landing .section.attend .section-title, .events-landing .section.attend .section-detail { color: #343f4b; } .events-landing .section.attend .section-graph { margin-top: 70px; width: 100%; } .events-landing .section.attend .section-graph .attend-image { width: 100%; height: auto; } .events-landing .section.links { min-height: 200px; background-color: #354d73; display: flex; justify-content: center; align-items: center; } .events-landing .section.links .container { justify-content: center; } .events-landing .section.links .container .link-button { width: 100px; height: 100px; opacity: 0.5; margin: 0px 20px; } .events-landing .section.links .container .link-button:hover { opacity: 1; } .events-landing .section.links .container .link-button .link-button-image { width: 100% !important; height: auto; } .events-landing .team { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: top right; } .events-landing .team .team-logo { width: auto; height: 50%; } .events-landing .team.large { max-width: 1142px; height: 622px; } .events-landing .team.large .team-title { font-size: 1.875em; line-height: 35px; margin-top: 20px; margin-bottom: 0; } .events-landing .team.medium { max-width: 590px; height: 311px; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .team.medium { max-width: 425px; min-width: 320px; } } .events-landing .team.medium .team-title { font-size: 1.25em; line-height: 26px; margin-top: 15px; margin-bottom: 0; } .events-landing .team.small { height: 174px; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .team.small { max-width: 400px; min-width: 290px; } } .events-landing .team.small .team-title { margin-top: 10px; margin-bottom: 0; } .events-landing .video { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 320px) and (max-width: 425px) { .events-landing .video { padding-top: 20px; } } .events-landing .video .video-type-view { display: flex; flex-direction: column; align-items: center; opacity: 0.5; } .events-landing .video .video-type-view .video-logo { width: auto; height: 75px; margin-bottom: 15px; } .events-landing .video .video-split { width: 100px; height: 2px; margin: 31px 0; background-color: white; } .events-landing .video .video-play-view { width: 278px; height: 160px; border-radius: 15px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center; } .events-landing .video .video-play-view .video-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); } .events-landing .video .video-play-view .play { width: 60px; height: 60px; border-radius: 30px; border-color: white; border-width: 2px; background-color: transparent; display: flex; justify-content: center; align-items: center; z-index: 9; cursor: pointer; opacity: 0.9; } .events-landing .video .video-play-view .play i { margin-left: 5px; } .events-landing .video .video-play-view .play:hover { opacity: 1; } @media screen and (max-width: 768px) { .events-landing .section.top { min-height: 450px; } .events-landing .section.advanced .dsl-b16 { font-size: 0.875em; } .events-landing .section.slider { min-height: 600px; margin-top: 50px; } .events-landing .section.slider .container-fluid, .events-landing .section.slider .container-sm, .events-landing .section.slider .container-md, .events-landing .section.slider .container-lg, .events-landing .section.slider .container-xl, .events-landing .section.slider .container-xxl { width: calc(100vw - 50px); } .events-landing .section.slider .container-fluid .slick-track, .events-landing .section.slider .container-sm .slick-track, .events-landing .section.slider .container-md .slick-track, .events-landing .section.slider .container-lg .slick-track, .events-landing .section.slider .container-xl .slick-track, .events-landing .section.slider .container-xxl .slick-track { display: flex; align-items: center; justify-content: center; } .events-landing .section.slider .comment-slider { padding: 0; } .events-landing .section.fueling { padding-bottom: 50px; padding-top: 50px; } .events-landing .section.glimpse .section-title { margin-top: 50px; } .events-landing .section.attend { min-height: 700px; } .events-landing .section .container .section-title { font-size: 1.75em; line-height: 40px; } .events-landing .section .container .section-detail { font-size: 1.375em; line-height: 30px; } .events-landing .section.links .img-wrap { width: 100%; justify-content: space-between; } .events-landing .section.links .img-wrap .link-button { padding: 0px; } .events-landing .section.links .img-wrap .link-button .link-button-image { opacity: 0.5; } } @media screen and (max-width: 576px) { .events-landing .section.top { min-height: 400px; } .events-landing .section.advanced { margin-top: 45px; } .events-landing .section.advanced .section-title { font-size: 1.562em; font-weight: 300; } .events-landing .section.advanced .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .events-landing .section.slider .section-title { font-size: 1.562em; font-weight: 300; line-height: 1.3; } .events-landing .section.slider .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .events-landing .section.fueling .section-title { font-size: 1.4375em; line-height: 1.3; } .events-landing .section.fueling .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } .events-landing .section.attend { min-height: 400px; } .events-landing .section.attend .section-graph { margin-top: unset; margin-bottom: 30px; } .events-landing .section.links { min-height: 150px; margin-bottom: 60px; padding: 0 30px; } .events-landing .section.links .container .img-wrap { justify-content: center; } .events-landing .section.links .container .img-wrap .link-button { width: 50px; min-width: 70px !important; height: unset; margin: 0px !important; } .events-landing .section.links .container .img-wrap .link-button .link-button-image { width: 85% !important; } .events-landing .section.links .container-fluid .section-title, .events-landing .section.links .container-sm .section-title, .events-landing .section.links .container-md .section-title, .events-landing .section.links .container-lg .section-title, .events-landing .section.links .container-xl .section-title, .events-landing .section.links .container-xxl .section-title, .events-landing .section.links .container .section-title { margin-top: 32px; font-size: 1.5em; line-height: 40px; } .events-landing .section.links .container-fluid .section-detail, .events-landing .section.links .container-sm .section-detail, .events-landing .section.links .container-md .section-detail, .events-landing .section.links .container-lg .section-detail, .events-landing .section.links .container-xl .section-detail, .events-landing .section.links .container-xxl .section-detail, .events-landing .section.links .container .section-detail { font-size: 1.125em; line-height: 30px; } .events-landing .section.links .link-button-image { width: 100% !important; } .events-landing .section .container .section-title { font-size: 1.562em; line-height: 1.3; } .events-landing .section .container .section-detail { font-size: 1.125em; line-height: 1.3; font-weight: 300; } } @media (max-width: 767.98px) { .buyer-guide .buyer-guide-sm { padding: 7px 15px 0px; } } .buyer-guide .btn-vendor-ratings { padding: 0; padding-right: 5px; color: #000; } .buyer-guide .white-btn { color: #fff !important; border-color: #fff !important; } .buyer-guide .buyer-guide-dealership { background-color: #ffffff; border-radius: 5px; border: none; margin-bottom: 10px; } .buyer-guide .buyer-guide-dealership .buyer-guide-vendor { background-repeat: no-repeat; background-image: url("/images/bg-buyer-guide.jpg"); background-position: center; position: relative; width: 100%; height: 340px; background-size: cover; border-top-left-radius: 5px; border-top-right-radius: 5px; } .buyer-guide .buyer-guide-dealership .buyer-guide-vendor .inner-content { display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; width: 100%; height: 100%; } .buyer-guide .buyer-guide-dealership .buyer-guide-vendor .inner-content button { border-radius: 5px; } .buyer-guide .buyer-guide-dealership .buyer-guide-vendor .inner-content .core-button { border-color: #ffffff; color: #ffffff; margin: 0 10px; min-width: 112px; } .buyer-guide .buyer-guide-dealership .buyer-guide-subscribe { display: flex; flex-direction: column; background-color: #ffffff; display: flex; padding: 45px 30px 10px 30px; width: 100%; height: 100%; } .buyer-guide .buyer-guide-insight { display: flex; flex-direction: column; margin-top: 45px; margin-bottom: 30px; } .buyer-guide .buyer-guide-insight button { border-radius: 5px; } .buyer-guide .buyer-guide-insight .inner-content { width: 100%; max-width: 750px; } .buyer-guide .buyer-guide-insight .inner-content .title { min-height: 35px; } .buyer-guide .buyer-guide-insight .inner-content img { width: 100%; } .buyer-guide .rate-vendor { background-image: url("/images/bgBottomVendor.png"); border-radius: 5px; padding: 60px 0; position: relative; width: 100%; } .buyer-guide .rate-vendor .rate-vendor-card { width: 555px; margin: 0 auto; background-color: #ffffff; border-radius: 5px; padding: 30px; } @media screen and (max-width: 768px) { .buyer-guide .rate-vendor .rate-vendor-card { width: 90%; max-width: 555px; } } .buyer-guide .rate-vendor .rate-vendor-bottom .rate-btn button { height: auto; text-decoration: underline; } .buyer-guide .rate-vendor .rate-vendor-bottom .rate-btn button:active:focus { box-shadow: none; } .buyer-guide .rate-vendor-dropdown .core-dropdown-title { width: 80px; } .buyer-guide .rate-vendor-rating > span { width: 80px !important; } .buyer-guide .rate-vendor-status { width: 125px; height: 40px; margin-left: 20px; display: flex; align-items: center; justify-content: center; background-color: #f6f7f8; border-radius: 5px; } .buyer-guide .rate-vendor-recommend-rate { width: 30px; height: 30px; margin: 2px; display: flex; justify-content: center; align-items: center; color: #676767; font-size: 12px; border-radius: 15px; border: 1px solid #969faa; } .buyer-guide .rate-vendor-recommend-rate.active { color: #ffffff; background-color: #376caf; } @media screen and (max-width: 576px) { .buyer-guide .rate-vendor .rate-vendor-card .ds-stars { display: block; } .buyer-guide .rate-vendor .rate-vendor-card .ds-stars.rate-vendor-modal-rating .star-list > span { display: flex !important; align-items: center; justify-content: space-between; width: 100%; } .buyer-guide .rate-vendor .rate-vendor-card .ds-stars .rate-vendor-recommend-rate { width: 20px; height: 20px; font-size: 10px; } } @media (max-width: 767.98px) { .vendor-rating-category .vendor-sm { padding: 7px 15px 0px; } } .vendor-rating-category .btn-vendor-ratings { padding: 0; padding-right: 5px; color: #000; } .vendor-rating-category .popular-category { padding: 30px 20px; background-color: #ffffff; border-radius: 5px; } .vendor-rating-category .popular-category .popular-category-item { display: flex; align-items: center; cursor: pointer; } .vendor-rating-category .popular-category .popular-category-item:hover { opacity: 0.7; } @media screen and (max-width: 991px) { .vendor-rating-category .popular-category .popular-category-item:nth-child(3n+2) { justify-content: flex-start; text-align: left; } } @media screen and (max-width: 991px) { .vendor-rating-category .popular-category .popular-category-item:nth-child(3n+3) { justify-content: flex-start; text-align: left; } } .vendor-rating-category .preview-category { position: sticky; top: 0; padding: 30px 20px; background-color: #ffffff; border-radius: 5px; } .vendor-rating-category .preview-category p { font-family: robotO; font-size: 16px; line-height: 22px; } .vendor-rating-category .preview-category .preview-info { min-height: 30vh; } .vendor-rating-category .preview-category .preview-info img { width: 100%; height: 100%; resize: auto; } .vendor-rating-category .all-category { padding: 30px 0; background-color: #ffffff; border-radius: 5px; } .vendor-rating-category .all-category-list { overflow: auto; } .vendor-rating-category .all-category .category-item { display: flex; justify-content: flex-end; align-items: center; cursor: pointer; } .vendor-rating-category .all-category .category-item.hovered { background-color: #e7eff9; } .vendor-rating-category-detail .btn-vendor-ratings { color: #969faa; padding: 0; margin-right: 4px; } @media screen and (max-width: 576px) { .vendor-rating-category-detail .by-cate-sm { flex-direction: column; } } @media screen and (max-width: 576px) { .vendor-rating-category-detail .d-h-between { flex-direction: column; } } .vendor-rating-category-detail .category-detail { padding: 0 8px 0 0; } .vendor-rating-category-detail .category-detail .dsl-b16 { line-height: 22px; } .vendor-rating-category-detail .category-detail-contents, .vendor-rating-category-detail .category-logo { height: 150px; padding: 20px; background-color: white; border-radius: 5px; } .vendor-rating-category-detail .featured-list { border-radius: 5px; background-color: white; } .vendor-rating-category-detail .featured-list .featured-list-title { padding: 20px 20px 0; } .vendor-rating-category-detail .featured-list .datepicker { padding: 20px 20px 0; } .vendor-rating-category-detail .featured-list .featured-list-product { padding: 0 20px; cursor: pointer; } .vendor-rating-category-detail .featured-list .featured-list-product:hover { background-color: #e7eff8; } .vendor-rating-category-detail .featured-list .featured-list-product .product-details { width: calc(100% - 150px); } .vendor-rating-category-detail .featured-list .featured-list-product img { width: 100%; height: auto; resize: auto; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media { width: 100%; display: flex; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media-item { width: 90px; padding-right: 10px; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media-item .ds-thumbnail { width: 100%; min-width: 100%; max-width: 100%; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media-item .video-media { width: 100%; height: 0; padding-top: 56.2%; border-radius: 5px; border: 1px solid #dee2e6; overflow: hidden; position: relative; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media-item .video-media > div { position: absolute; top: 0; left: 0; } .vendor-rating-category-detail .featured-list .featured-list-product .plus-media-item .video-media video { height: auto !important; } @media screen and (max-width: 576px) { .vendor-rating-category-detail .featured-list .featured-list-product .user-img { width: 60px; height: 60px; border: 1px solid #dcdcdc; border-radius: 50%; overflow: hidden; flex: 1 60px; max-width: 60px; } } @media screen and (max-width: 410px) { .vendor-rating-category-detail .featured-list .featured-list-product .user-img { width: 40px; height: 40px; flex: 1 40px; max-width: 40px; } } @media screen and (max-width: 576px) { .vendor-rating-category-detail .featured-list .featured-list-product .d-h-start { flex-wrap: wrap; align-items: flex-start; } } @media screen and (max-width: 576px) { .vendor-rating-category-detail .featured-list .featured-list-product .d-h-start .ds-stars { margin-bottom: 8px; } } .vendor-rating-category-detail .featured-list .featured-list-product .company-contacts { width: 150px; min-width: 150px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } @media screen and (max-width: 576px) { .vendor-rating-category-detail .featured-list .featured-list-product .company-contacts { width: 100%; margin-top: 15px; align-items: center; } } .vendor-rating-category-detail .featured-list .featured-list-product .company-contacts .btn-company-contact { font-size: 12px; line-height: 15px; } @media (max-width: 767.98px) { .vendor-rating-company .vendor-by-company { padding: 7px 15px 0px; } } .vendor-rating-company .btn-vendor-ratings { padding: 0; padding-right: 5px; color: #000; } .vendor-rating-company .vendor-company-search { padding: 20px; } .vendor-rating-company .vendor-company-search input.form-control:focus { border: 2px solid #007bff !important; } .vendor-rating-company .vendor-company-list { padding: 20px 0; } .vendor-rating-company .vendor-company-search, .vendor-rating-company .vendor-company-list { background-color: white; border-radius: 5px; } .vendor-rating-company .vendor-company-search .vendor-company-item-wrapper, .vendor-rating-company .vendor-company-list .vendor-company-item-wrapper { width: 100%; } .vendor-rating-company .vendor-company-search .vendor-company-item-wrapper:hover, .vendor-rating-company .vendor-company-list .vendor-company-item-wrapper:hover { background-color: #e7eff8; } .vendor-rating-company .vendor-company-search .contact-detail, .vendor-rating-company .vendor-company-list .contact-detail { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: 0; } .vendor-rating-company .vendor-company-search .contact-detail p.dsl-p16, .vendor-rating-company .vendor-company-list .contact-detail p.dsl-p16 { min-height: 18px; } @media screen and (max-width: 767px) { .vendor-rating-company .vendor-company-search .contact-detail, .vendor-rating-company .vendor-company-list .contact-detail { max-width: calc(100% - 120px); margin-left: auto; align-items: center; } } .vendor-rating-company .vendor-company-search .core-pagination-button.ctl.right, .vendor-rating-company .vendor-company-list .core-pagination-button.ctl.right { margin-right: 40px; } .vendor-rating-company .vendor-company-search .search-small-width, .vendor-rating-company .vendor-company-list .search-small-width { width: 50%; } @media screen and (max-width: 767px) { .vendor-rating-company .vendor-company-search .search-small-width, .vendor-rating-company .vendor-company-list .search-small-width { width: 100%; } } .vendor-rating-company .vendor-company-alpha-list { background-color: white; border-radius: 5px; } .vendor-rating-company .box-detail { min-height: 10rem; overflow-y: scroll; overflow-x: hidden; padding: 38px 10px 0; } @media screen and (max-width: 768px) { .vendor-rating-company .box-detail { max-height: 300px; } } .vendor-rating-company .btn-search { border: 1px solid #376caf; padding: 8px 15px; border-radius: 3px; } .vendor-rating-company .right-content { width: calc(100% - 90px); } .vendor-rating-company .vendor-company-filter { display: flex; flex-wrap: wrap; max-height: 580px; } .vendor-rating-company .vendor-company-filter .filter-title { flex: 1 100%; width: 100%; margin-bottom: 12px; } .vendor-rating-company .vendor-company-filter .d-h-start { width: 100%; } @media screen and (max-width: 767px) { .vendor-rating-company .vendor-company-filter .d-h-start { padding-left: 10px; padding-right: 10px; width: 16%; } } @media screen and (max-width: 480px) { .vendor-rating-company .vendor-company-filter .d-h-start { width: 25%; } } .vendor-rating-company .vendor-company-filter .selected { background-color: #e7eff8; } .vendor-rating-company .vendor-company-filter .filter-option { border-radius: 5px; } .vendor-rating-company .vendor-company-filter .filter-option:hover { background-color: #e7eff8; } .super-admin-companymgt .core-input-content .form-control { width: 300px; margin-left: 0 !important; } .super-admin-companymgt .w30 { width: 30px; } .super-admin-companymgt .no-content { padding: 20px 0; background-color: white; } .super-admin-companymgt .content-item { cursor: pointer; } .super-admin-companymgt .content-item:hover { background-color: #e7eff8; } .super-admin-contentmgt .tab-content .tab-pane .card-content .core-input-content { width: 300px; } .super-admin-contentmgt .tab-content .tab-pane .card-content .core-input-content .form-control { margin-left: 0px; } .super-admin-contentmgt .tab-content .tab-pane .core-pagination { padding-bottom: 30px; } .super-admin-contentmgt .content-mgt-vendor .ds-tabs.white { padding-left: 22px; } .super-admin-contentmgt .content-item { cursor: pointer; } .super-admin-contentmgt .content-item:hover { background-color: #e7eff8; } .super-admin-contentmgt .card, .super-admin-contentmgt .card-header, .super-admin-contentmgt .card-content, .super-admin-contentmgt .card-bottom { flex-direction: row; } .super-admin-contentmgt .card p, .super-admin-contentmgt .card-header p, .super-admin-contentmgt .card-content p, .super-admin-contentmgt .card-bottom p { margin-bottom: 7px; } .super-admin-contentmgt .card .w30, .super-admin-contentmgt .card-header .w30, .super-admin-contentmgt .card-content .w30, .super-admin-contentmgt .card-bottom .w30 { width: 30px; } .super-admin-contentmgt .card .ml30, .super-admin-contentmgt .card-header .ml30, .super-admin-contentmgt .card-content .ml30, .super-admin-contentmgt .card-bottom .ml30 { margin-left: 30px; } .super-admin-contentmgt .card .core-input-content input, .super-admin-contentmgt .card-header .core-input-content input, .super-admin-contentmgt .card-content .core-input-content input, .super-admin-contentmgt .card-bottom .core-input-content input { margin-left: 0; } .super-admin-contentmgt .card .content-drop .core-dropdown-label, .super-admin-contentmgt .card-header .content-drop .core-dropdown-label, .super-admin-contentmgt .card-content .content-drop .core-dropdown-label, .super-admin-contentmgt .card-bottom .content-drop .core-dropdown-label { padding-left: 7px; } .super-admin-contentmgt .ds-checkbox.content-checkbox .checktitle { font-size: 14px; line-height: 16px; } .super-admin-contentmgt .ds-checkbox.content-checkbox.approved .checkmark .check-box { border-color: #16ac10 !important; } .super-admin-contentmgt .ds-checkbox.content-checkbox.approved .checkmark .check-box::before, .super-admin-contentmgt .ds-checkbox.content-checkbox.approved .checkmark .check-box::after { background-color: #16ac10; } .super-admin-contentmgt .ds-checkbox.content-checkbox.blocked .checkmark .check-box { border-color: #ff0000 !important; } .super-admin-contentmgt .ds-checkbox.content-checkbox.blocked .checkmark .check-box::before, .super-admin-contentmgt .ds-checkbox.content-checkbox.blocked .checkmark .check-box::after { background-color: #ff0000; } @media (max-width: 767.98px) { .dealer-satisfaction-award .dealer-satisfaction-award-sm { padding: 7px 15px 0px; } } .dealer-satisfaction-award .btn-vendor-ratings { padding: 0; padding-right: 5px; color: #000; } .dealer-satisfaction-award .btn-see-winners { color: white !important; border-color: white !important; } .dealer-satisfaction-award .dealer-satisfaction-award-hero { background-repeat: no-repeat; background-image: url("/images/bg-dealer-satisfaction-award.jpg"); border-radius: 5px; padding-top: 40%; position: relative; width: 100%; height: 0; } @media screen and (max-width: 767px) { .dealer-satisfaction-award .dealer-satisfaction-award-hero { padding-top: 0; height: auto; } } .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 20px; display: flex; } @media screen and (max-width: 767px) { .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section { flex-direction: column; position: relative; } .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section img { height: 180px !important; object-fit: contain; } } .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section .award-hero-detail .ds-satisfaction-logo { width: 30%; } @media screen and (max-width: 767px) { .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section .award-hero-detail .ds-satisfaction-logo { height: auto !important; } } @media screen and (max-width: 767px) { .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section .award-hero-detail .dsl-w30 { font-size: 22px; line-height: 26px; } } @media screen and (max-width: 767px) { .dealer-satisfaction-award .dealer-satisfaction-award-hero .award-hero-section .award-hero-detail .dsl-w16 { font-size: 14px; line-height: 20px; } } .dealer-satisfaction-award .dealer-satisfaction-award-photos { margin-top: 3rem; margin-bottom: 3rem; } .dealer-satisfaction-award .dealer-satisfaction-award-winners { padding: 0 20px; background-color: white; border-radius: 5px; } .dealer-satisfaction-award .dealer-satisfaction-award-winners .opinion-count-section { padding: 50px 20px; margin: 0 -20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: linear-gradient(0deg, rgb(26, 83, 155) 0%, rgb(54, 107, 174) 100%); } .vendor-rating-faq .popular-que-category { padding: 30px 20px; background-color: #ffffff; border-radius: 5px; } .vendor-rating-faq .popular-que-category .product .popular-product { min-width: 135px; min-height: 190px; text-align: center; justify-items: center; display: inline-grid; } .vendor-rating-faq .popular-que-category .product .popular-product .title { min-height: 90px; } .vendor-rating-faq .line-height { line-height: 1.4; } .vendor-rating-faq .dsl-b15 { font-size: 16px; font-weight: 600; } .vendor-rating-faq .dsl-b14 { font-size: 16px; } @media screen and (max-width: 576px) { .vendor-rating-faq { padding-top: 20px; } .vendor-rating-faq .flex-col { flex-direction: column; text-align: right; } .vendor-rating-faq p { font-size: 14px; text-align: left; } .vendor-rating-faq .btn-width { width: 50%; } .vendor-rating-faq .btn-justify { display: flex; justify-content: flex-end; } .vendor-rating-faq .pt-none { padding-top: 0px; } } .super-admin-featuredcontent .tab-content .tab-pane .card-bottom .core-input-content .form-control { width: 300px; margin-left: 0px; } .super-admin-featuredcontent .tab-content .tab-pane .core-pagination { padding-bottom: 30px; } .super-admin-featuredcontent .card, .super-admin-featuredcontent .card-header, .super-admin-featuredcontent .card-bottom { flex-direction: column; } .super-admin-featuredcontent .card .w70, .super-admin-featuredcontent .card-header .w70, .super-admin-featuredcontent .card-bottom .w70 { width: 70px; } .super-admin-featuredcontent .card .m-search .core-input-content input, .super-admin-featuredcontent .card-header .m-search .core-input-content input, .super-admin-featuredcontent .card-bottom .m-search .core-input-content input { margin: 0; } .super-admin-featuredcontent .card .m-search-btn, .super-admin-featuredcontent .card-header .m-search-btn, .super-admin-featuredcontent .card-bottom .m-search-btn { min-width: 85px; } .super-admin-featuredcontent .card-content { background-color: white; } .super-admin-featuredcontent .no-content { padding: 0 20px 30px; background-color: white; } .super-admin-featuredcontent .feature-content .ds-tabs.white { padding-left: 20px; } .vendor-home { background-color: white; } @media (max-width: 575.98px) { .vendor-home .card .product-row { display: block; } } .vendor-home .btn-cate { background-color: white; color: #376caf; border-radius: 5px; border: 1px solid #376caf; } .vendor-home core-button.high:hover { background-color: white; } .vendor-home .title-color { color: rgb(85, 95, 104); } .vendor-home .basic { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .vendor-home .video-section { min-height: 150px; } .vendor-home .contact .head { width: 40px; } .vendor-home .manager { display: flex; align-items: center; justify-content: center; border-radius: 18px; border: 1px solid #969faa; margin-right: 15px; width: 36px; height: 36px; } .vendor-home .pros-cons { display: flex; } .vendor-home .pros-cons .head { width: 40px; } .vendor-home .categories { background-repeat: no-repeat; background-image: url("/images/vendor_ratings.png"); background-position: center; position: relative; width: 100%; height: 340px; background-size: cover; } .vendor-home .categories .inner-content { display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; width: 100%; height: 100%; } .vendor-home .categories .inner-content button { border-radius: 5px; } .vendor-home .categories .inner-content .core-button { border-color: white; color: white; margin: 0 10px; min-width: 112px; } @media screen and (max-width: 480px) { .vendor-home .categories .inner-content .core-button { margin: 12px; } } .vendor-home .categories .inner-content .core-button:hover { color: #4375b4; } .vendor-home .categories .inner-content .MuiButtonBase-root .MuiButton-label { position: absolute; height: 100%; width: 100%; } .vendor-home .categories .inner-content .MuiButtonBase-root .MuiButton-label .search { height: 100%; width: 100%; line-height: 33px; } @media screen and (max-width: 480px) { .vendor-home .categories .inner-content .dsl-w28 { font-size: 24px; margin-left: 16px; margin-right: 16px; } } @media screen and (max-width: 480px) { .vendor-home .categories .inner-content .category-btn-wrap { flex-direction: column; } } .vendor-home .popular-category { padding: 20px 10px 10px 10px; text-align: center; width: 175px !important; height: 112px; } .vendor-home .popular-categories .items .contents { border-radius: 5px; } .vendor-home .popular-categories .items .contents:hover { background-color: #e7eff8; } .vendor-home .popular-categories .items .contents:hover i { color: #0a1520 !important; } .vendor-home .popular-categories .items .contents:hover .popular-category-title { color: #0a1520; } .vendor-home .popular-categories .items .contents i { margin-bottom: 16px; } .vendor-home .popular-categories .btn-cate:hover { color: #ffffff; } .vendor-home .how-vendor { background-repeat: no-repeat; background-image: url("/images/vendor_ratings_vendor.png"); background-position: center; background-size: cover; position: relative; width: 100%; } .vendor-home .how-vendor .inner-content { display: flex; flex-direction: column; align-items: center; top: 0; width: 100%; height: 100%; } .vendor-home .how-vendor .inner-content .item { display: flex; flex-direction: column; align-items: center; min-height: 150px; } .vendor-home .how-vendor .inner-content .item .circle { width: 62px; height: 62px; border-radius: 50px; border: 1px solid white; background-color: transparent; } .vendor-home .how-vendor .inner-content .core-button { border-color: white; color: white; margin: 0 10px; min-width: 160px; } @media screen and (max-width: 480px) { .vendor-home .how-vendor .inner-content .core-button { min-width: 130px; } } .vendor-home .how-vendor .inner-content .add-vendor { color: #676767; background-color: white; } .vendor-home .how-vendor .inner-content button { border-radius: 5px; } .vendor-home .dealer-satisfaction { background-repeat: no-repeat; background-image: url("/images/vendor_ratings_DSA.png"); background-position: center; background-size: cover; position: relative; width: 100%; } .vendor-home .dealer-satisfaction .inner-content { display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; width: 100%; height: 100%; } .vendor-home .dealer-satisfaction .inner-content .desc { padding-left: 30%; padding-right: 30%; text-align: center; } .vendor-home .dealer-satisfaction .inner-content .read-more { border-color: white; color: white; } .vendor-home .dealer-satisfaction .inner-content .read-more:hover { color: #4375b4; } .vendor-home .popular-product { min-width: 135px; min-height: 190px; text-align: center; justify-items: center; display: inline-grid; } .vendor-home .popular-product .head { border: 1px solid #c3c7cc; border-radius: 55px; display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; } .vendor-home .cate-btn button :active { color: #2b5488; background-color: unset; border-color: unset; } .vendor-home .core-button.size-small { border-radius: 5px; } .vendor-home .rate-vendor { background-image: url("/images/bgBottomVendor.png"); border-radius: 5px; padding: 60px 0; position: relative; width: 100%; } .vendor-home .rate-vendor .rate-vendor-card { width: 555px; margin: 0 auto; background-color: #ffffff; border-radius: 5px; padding: 30px; } @media (max-width: 575.98px) { .vendor-home .rate-vendor .rate-vendor-card .rate-vendor-modal-rating { display: block !important; } } @media screen and (max-width: 768px) { .vendor-home .rate-vendor .rate-vendor-card { width: 90%; max-width: 555px; } } @media screen and (max-width: 480px) { .vendor-home .rate-vendor .rate-vendor-card .d-h-start { flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 480px) { .vendor-home .rate-vendor .rate-vendor-card .d-h-start .rate-vendor-rating .star-list.large .fa-star { font-size: 18px; } } .vendor-home .rate-vendor .rate-vendor-card .ds-stars .star-list.large > span { display: flex !important; align-items: center; justify-content: space-between; width: 100%; } .vendor-home .rate-vendor .rate-vendor-bottom .rate-btn button { height: auto; text-decoration: underline; } .vendor-home .rate-vendor .rate-vendor-bottom .rate-btn button:active:focus { box-shadow: none; } .vendor-home .rate-vendor-dropdown .core-dropdown-title { width: 80px; } .vendor-home .rate-vendor-rating > span { width: 80px !important; } .vendor-home .rate-vendor-status { width: 125px; height: 40px; margin-left: 20px; display: flex; align-items: center; justify-content: center; background-color: #f6f7f8; border-radius: 5px; } .vendor-home .rate-vendor-recommend-rate { width: 30px; height: 30px; margin: 2px; display: flex; justify-content: center; align-items: center; color: #676767; font-size: 12px; border-radius: 15px; border: 1px solid #969faa; } @media (max-width: 575.98px) { .vendor-home .rate-vendor-recommend-rate { width: 20px; height: 20px; font-size: 10px; } } .vendor-home .rate-vendor-recommend-rate.active { color: #ffffff; background-color: #376caf; } .vendor-home .btn-vendor { color: #ffffff !important; border-color: #ffffff !important; } @media screen and (max-width: 600px) { .rate-vendor-dropdown .core-dropdown-label span { text-overflow: ellipsis; overflow: hidden; max-width: 120px; } .rate-vendor-dropdown .core-dropdown-menu { width: 250px; } } @media (max-width: 767.98px) { .super-admin-usermgt .user-mgt-list:last-child .core-dropdown-menu, .super-admin-usermgt .user-mgt-list:nth-last-child(2) .core-dropdown-menu { right: 25px; top: -30px; } } .super-admin-usermgt .user-mgt-list:last-child .core-dropdown-menu .menu-content, .super-admin-usermgt .user-mgt-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 10vh !important; } @media (max-width: 767.98px) { .super-admin-usermgt .user-mgt-list:last-child .core-dropdown-menu .menu-content, .super-admin-usermgt .user-mgt-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 8vh !important; } } @media (max-width: 575.98px) { .super-admin-usermgt .user-mgt-list:last-child .core-dropdown-menu .menu-content, .super-admin-usermgt .user-mgt-list:nth-last-child(2) .core-dropdown-menu .menu-content { max-height: 13vh !important; } } .super-admin-usermgt .core-input-content .form-control { width: 300px; margin-left: 0 !important; } .super-admin-usermgt .w50 { width: 50px; } @media screen and (max-width: 576px) { .super-admin-usermgt .w-sm-50 { width: 50%; } } .vendor-rating-search .vendor-rating-search-input, .vendor-rating-search .vendor-rating-search-results, .vendor-rating-search .vendor-rating-search-companies { padding: 30px 20px; background-color: white; border-radius: 5px; } .vendor-rating-search .vendor-rating-search-input .search-input, .vendor-rating-search .vendor-rating-search-results .search-input, .vendor-rating-search .vendor-rating-search-companies .search-input { width: 50%; } .vendor-rating-search .vendor-rating-search-input .search-input input, .vendor-rating-search .vendor-rating-search-results .search-input input, .vendor-rating-search .vendor-rating-search-companies .search-input input { width: 100%; min-width: 200px; } .vendor-rating-search .vendor-rating-search-input .search-input .far.fa-search, .vendor-rating-search .vendor-rating-search-results .search-input .far.fa-search, .vendor-rating-search .vendor-rating-search-companies .search-input .far.fa-search { display: none; } .vendor-rating-search .vendor-rating-search-input .search-tabs, .vendor-rating-search .vendor-rating-search-results .search-tabs, .vendor-rating-search .vendor-rating-search-companies .search-tabs { background-color: transparent; } @media (max-width: 575.98px) { .vendor-rating-search .vendor-rating-search-input .search-tabs .nav-item, .vendor-rating-search .vendor-rating-search-results .search-tabs .nav-item, .vendor-rating-search .vendor-rating-search-companies .search-tabs .nav-item { font-size: 13px; padding: 0 2px !important; } } .vendor-rating-search .vendor-rating-search-input .search-tabs .ds-tabs-tab, .vendor-rating-search .vendor-rating-search-results .search-tabs .ds-tabs-tab, .vendor-rating-search .vendor-rating-search-companies .search-tabs .ds-tabs-tab { background-color: transparent; } .vendor-rating-search .vendor-rating-search-input .search-tabs .ds-tabs-tab > div > p, .vendor-rating-search .vendor-rating-search-results .search-tabs .ds-tabs-tab > div > p, .vendor-rating-search .vendor-rating-search-companies .search-tabs .ds-tabs-tab > div > p { color: #376caf; } .vendor-rating-search .vendor-rating-search-input .search-tabs .ds-tabs-tab.active > div > p, .vendor-rating-search .vendor-rating-search-results .search-tabs .ds-tabs-tab.active > div > p, .vendor-rating-search .vendor-rating-search-companies .search-tabs .ds-tabs-tab.active > div > p { border-bottom: 1px solid #376caf; font-weight: 700; } .super-admin-vrcategorymgt .core-input-content .form-control { margin-left: 0 !important; } .super-admin-vrcategorymgt .w80 { width: 80px; } .super-admin-vrcategorymgt .h200 { height: 200px; } .super-admin-vrratingmgt .tab-content .tab-pane { background-color: #fff; } .super-admin-vrratingmgt .tab-content .tab-pane .card-content .core-input-content .form-control { width: 300px; margin-left: 0; } .super-admin-vrratingmgt .tab-content .core-pagination { padding-bottom: 30px; } .super-admin-vrratingmgt .card .w80, .super-admin-vrratingmgt .card-header .w80, .super-admin-vrratingmgt .card-bottom .w80 { width: 80px; } .super-admin-vrratingmgt .card .core-input-content .form-control, .super-admin-vrratingmgt .card-header .core-input-content .form-control, .super-admin-vrratingmgt .card-bottom .core-input-content .form-control { margin-left: 0; } .super-admin-vrratingmgt .card-content.nav.nav-tabs { background-color: #fff; } .other-products .card { padding: 30px 0; } .other-products .card > p, .other-products .card > div { padding: 0 20px; } .other-products .card > div { cursor: pointer; } .other-products .card > div:hover { background-color: #e7eff8; } .premium-all textarea { resize: none; } .cprofile-header { width: 100%; height: 280px; } .cprofile-header .top { background-color: grey; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; height: calc(100% - 50px); } .cprofile-header .top .edit { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 20px; width: 44px; height: 44px; z-index: 2; } .cprofile-header .top .background { background-size: cover; border-top-left-radius: 5px; border-top-right-radius: 5px; background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; } @media screen and (max-width: 576px) { .cprofile-header .top .background { height: 285.6px; background-position: center center; } } .cprofile-header .top .background .empty { padding-top: 20%; width: 100%; } .cprofile-header .top .info { display: flex; justify-content: space-between; align-items: flex-end; bottom: -15px; color: #ffffff; position: absolute; padding: 0 32px; width: 100%; z-index: 9; } .cprofile-header .top .info-title { display: flex; flex-direction: column; justify-content: flex-end; margin-left: 40px; } @media screen and (max-width: 576px) { .cprofile-header .top .info-title { margin-left: 0; } } .cprofile-header .top .info-title h3, .cprofile-header .top .info-title .h3 { color: #ffffff; font-weight: bold; } .cprofile-header .top .info-title h6, .cprofile-header .top .info-title .h6 { color: #ffffff; } .cprofile-header .top .info-social { height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .cprofile-header .top .info-social-buttons { display: flex; align-items: center; } .cprofile-header .top .info-social-buttons .social-link-button { width: 38px; min-width: 38px; display: flex; align-items: center; justify-content: center; } .cprofile-header .top .info-social-buttons .social-link-button > i.fab { margin: 0 !important; } .cprofile-header .top .info-social .connect-button { color: white; border-radius: 3px; border-color: white; padding: 0 20px; margin-bottom: 15px; } .cprofile-header .top .info .logo { display: flex; } .cprofile-header .top .info .logo .ds-avatar { width: 120px; height: 120px; max-width: 120px; max-height: 120px; } .cprofile-header .top .info .logo .edit-logo .ds-avatar-logo img { opacity: 0.5; } @media screen and (max-width: 576px) { .cprofile-header .top .info { flex-direction: column; align-items: center; } .cprofile-header .top .info .logo { flex-direction: column; align-items: center; } .cprofile-header .top .info-title { padding-top: 0px; } } .cprofile-header .bottom { display: flex; background: #376caf; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-left: 20%; padding-right: 30px; width: 100%; height: 40px; z-index: 7; } .cprofile-header .bottom .section { display: flex; align-items: center; color: #ffffff; height: 40px; padding: 0 20px; } .cprofile-header .bottom .section.active { background-color: #6899d7; } .cprofile-header .bottom .section:hover { background-color: #6899d7; cursor: pointer; } @media screen and (min-width: 1025px) and (max-width: 1199px) { .cprofile-header .bottom .section { padding: 0 13px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .cprofile-header .bottom .section { padding: 0 13px; } } .cprofile-header .bottom .popup { display: flex; background-color: white; flex-direction: column; border-radius: 5px; padding: 15px 10px; position: absolute; right: 0; top: 30px; width: 200px; z-index: 999; } .cprofile-header .bottom .popup a { height: 34px; padding: 0 10px; display: flex; align-items: center; color: #343f4b; text-decoration: none; border-radius: 5px; } .cprofile-header .bottom .popup a:hover { background-color: #e7eff8; } @media screen and (max-width: 576px) { .cprofile-header .bottom { display: none; } } .cprofile-header .edit-header { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.7); } .cprofile-header .edit-header .edit-featured-image, .cprofile-header .edit-header .edit-company-avatar, .cprofile-header .edit-header .edit-social-links { min-width: 50px; height: 50px; padding: 10px; } .cprofile-header .edit-header .edit-company-avatar { position: absolute; left: calc(50% - 25px); bottom: 0; } @media screen and (max-width: 576px) { .cprofile-header { margin-bottom: 0; border-radius: 0; padding-bottom: 55%; } } .cprofile .account-admin .progress-wrapper { width: 250px; } .cprofile .account-admin .progress-wrapper .progress-title { margin-bottom: 15px !important; } .cprofile .account-admin .ds-checkbox .checktitle { font-size: 14px; } .cprofile .reports-content { padding: 100px 140px; } .cprofile .reports .report-card { padding: 20px; } .cprofile .reports .report-card.green { background-color: #f1fff1; } .cprofile .reports .report-card .ds-progress .progress-title { width: 110px; } .cprofile .reports .report-card .mt-11 { margin-top: 11px; } .cprofile .products .ds-tabs { padding-left: 20px; } .cprofile .products .manager { display: flex; align-items: center; justify-content: center; border-radius: 18px; border: 1px solid #969faa; margin-right: 15px; width: 36px; height: 36px; } .cprofile .products .product-card { display: flex; width: 333px; margin-top: 30px; border-bottom: 1px solid #c3c7cc; padding-bottom: 15px; padding-right: 10px; } .cprofile .products .product-card .logo { border-radius: 40px; border: 1px solid #969faa; margin-right: 15px; overflow: hidden; width: 80px; height: 80px; } .cprofile .products .video-section .video-card { width: 300px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; border-radius: 15px; border: 1.5px solid #dee2e6; cursor: pointer; } .cprofile .products .video-section .video-card.small { border-radius: 5px; width: 150px; height: 77px; } .cprofile .products .video-section .video-card .ds-thumbnail { width: 100%; height: 100%; } .cprofile .products .video-section .video-card .controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); display: none; } .cprofile .products .video-section .video-card:hover .controls, .cprofile .products .video-section .video-card.video .controls { display: flex; background-color: rgba(255, 255, 255, 0.5); } .cprofile .products .input-comment { display: flex; align-items: flex-start; position: relative; } .cprofile .products .input-comment .quill { position: relative; } .cprofile .products .input-comment .quill .ql-toolbar { display: none; padding: unset; border: none; box-sizing: unset; text-align: end; position: absolute; right: 50px; top: 12px; z-index: 9; background: transparent; } .cprofile .products .input-comment .quill .ql-toolbar .ql-formats { position: relative; align-items: center; } .cprofile .products .input-comment .quill .ql-container { border: none; } .cprofile .products .input-comment .quill .ql-container .ql-editor { line-height: 3.5; background: #f6f7f8; border-radius: 4px; margin-left: 10px; padding: 4px 10px; min-height: 70px; } .cprofile .products .input-comment .quill .ql-container .ql-editor:before { top: 0; font-style: unset !important; font-size: 15px; color: #ccd0d6; } .cprofile .products .input-comment .attach-emoji { display: flex; background-color: #f8f8f9; padding: 5px; position: absolute; right: 115px; align-items: center; top: 9px; z-index: 99; } .cprofile .products .input-comment .attach-emoji .emoji-mart-emoji { margin-bottom: 0px; } .cprofile .products .input-comment .attach-emoji .upload-file .core-button.size-small, .cprofile .products .input-comment .attach-emoji .ds-upload .core-button.size-small { padding: 0 0 0 5px; min-width: auto !important; height: 22px; background: #f6f7f8; border: none; color: transparent; margin-left: 0 !important; margin-top: 0; } .cprofile .products .input-comment .core-button.size-small { padding: 0 10px; min-width: auto !important; height: 32px; background: transparent; border: 1px solid #376caf; color: #376caf; font-size: 13px; font-weight: 400; margin-left: 20px !important; margin-top: 10px; } .cprofile .products .contact { display: flex; align-items: center; } .cprofile .products .contact .head { width: 40px; } .cprofile .products .contact .info { overflow-wrap: break-word; word-break: break-word; } .cprofile .products .about-section p { color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 25; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .cprofile .products .about-section-wrapper { min-height: 160px; } .cprofile .products .top-rated { background-color: #f6f7f8; padding: 15px; } .cprofile .products .top-rated .product { cursor: pointer; } .cprofile .products .top-rated .product .logo { border: 1px solid #969faa; border-radius: 30px; width: 60px; height: 60px; } .cprofile .products .top-rated .product :hover { background-color: #e7eff8; } .cprofile .products .rating-by .ds-progress .progress-title { width: 110px; } .cprofile .products .edit-all { position: absolute; right: 20px; top: 20px; } .cprofile .products .add-product { width: calc(100% - 120px); } .cprofile .products .add-product .core-input .core-input-label { width: 100px; } .cprofile .products .add-product .core-dropdown .core-dropdown-title { width: 110px; } .cprofile .products .edit-plus-title { min-width: 60%; } .cprofile .products .edit-plus-title input { margin-left: 0; } .cprofile .products .edit-description textarea { margin-left: 0; } .cprofile .products .optimized { width: 230px; } @media screen and (max-width: 767px) { .cprofile .products .optimized { width: 300px; } } .cprofile .products .optimized-heading { width: 120px; } @media screen and (max-width: 767px) { .cprofile .products .optimized-heading { padding-left: 19px; } } .cprofile .products .upload { border: 1px solid #376caf; border-radius: 20px; margin: 15px auto; width: 100px; } .cprofile .products .product-tab-sm .nav-item { width: 25%; line-height: 20px; } @media screen and (min-width: 768px) and (max-width: 980px) { .cprofile .products .product-tab-sm .nav-item { width: 33.33%; } .cprofile .products .product-tab-sm .nav-item:nth-child(3n+3) { border-right: 0; } } @media screen and (max-width: 767px) { .cprofile .products .product-tab-sm .nav-item { width: 50%; } .cprofile .products .product-tab-sm .nav-item:nth-child(2n+2) { border-right: 0; } } .cprofile .products .product-tab-sm .nav-item:first-child { padding-left: 15px; } .cprofile .products .product-tab-sm .nav-item:nth-child(4n+4) { border-right: 0; } @media screen and (min-width: 768px) and (max-width: 980px) { .cprofile .products .product-tab-sm .nav-item:nth-child(4n+4) { border-right: 1px; } } @media screen and (max-width: 768px) { .cprofile .products .product-tab-sm .nav-item:nth-child(4n+4) { border-right: 0; } } .cprofile .products .premium-all .product-all-img > div { background-position: center; background-color: transparent; border: 1px solid #dee2e6; border-radius: 15px; padding-top: 80% !important; } @media screen and (max-width: 768px) { .cprofile .products .premium-all .product-wrap { display: block !important; } } @media screen and (max-width: 768px) { .cprofile .products .premium-all .product-wrap > div { margin-left: 0 !important; } } .cprofile .products .premium-all .product-wrap .product-edit-dropdown { position: absolute; top: 7px; right: 0; } @media screen and (max-width: 768px) { .cprofile .products .premium-all .product-wrapper { display: block !important; } } .cprofile .card .items div:hover { background-color: #e7eff8; } .cprofile .card .items i:hover { color: #376baf !important; } @media screen and (max-width: 576px) { .cprofile .info { top: 10px; z-index: 1; } } @media (max-width: 767px) { .cprofile .cprofile-header { margin-bottom: 0; border-radius: 0; padding-bottom: 0 !important; } .cprofile .cprofile-header .header-nav { display: none; } .cprofile .cprofile-header .info { padding-top: 40px; } } .product-rating_sub-heading { color: #343fab; } .date-filters ul.date_range_prepop { position: absolute; left: 10px; background: white; padding: 8px; top: 30px; } .date-filters input { border: none; background: transparent; color: #1a539b; cursor: pointer; width: 92px; font-size: 12px; font-weight: bold; outline: none; } .date-filters input:hover { text-decoration: underline; } .date-filters input.date_start { text-align: right; } .date-filters .date-range-datepicker-load { font-size: 18px; cursor: pointer; } .date-filters .date-range-datepicker-load:hover { color: #0c9550; } .profile-header .info-social { height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .profile-header .info-social-buttons { display: flex; align-items: center; } .profile-header .info-social-buttons .social-link-button { width: 38px; min-width: 38px; display: flex; align-items: center; justify-content: center; } .profile-header .info-social-buttons .social-link-button > i.fab { margin: 0 !important; } .profile-header .info-social .connect-button { color: #fff; border-radius: 3px; border-color: #fff; padding: 0 20px; margin-bottom: 15px; } .contact i.head { width: 40px; } .company-profile-about .body-5 { color: #343f4b; font-size: 14px; font-weight: 400; line-height: 18px; } .company-profile-about .body-1 { color: #343f4b; font-size: 16px; font-weight: 300; line-height: 22px; } .company-profile-about .card .contact-label, .company-profile-about .card .about-label { min-width: 80px; } .company-profile-about .card .core-input-label { min-width: 70px; } .company-profile-about .card .core-dropdown-title { min-width: 75px; } .company-profile-about .card .ds-stars { justify-content: center; } .company-profile-about .title-sm { min-height: 32px; } .company-profile-about .list .truncate { white-space: nowrap; width: 200px; overflow: hidden; text-overflow: ellipsis; text-align: center; } .company-profile-about .list:hover .truncate { overflow: visible; width: auto; } .company-profile-about .company-about { display: flex; white-space: pre-line; } @media screen and (max-width: 576px) { .company-profile-about .company-about { flex-direction: column; } } .company-profile-about .info .clear { top: 0; right: 20px !important; } @media (max-width: 767.98px) { .company-profile-about .info .clear { right: 5px !important; } } .company-profile-about .product-avatar { border: unset !important; } @media only screen and (max-width: 576px) { .dashboard .content.logged .main { width: 100%; max-width: unset; height: calc(100vh - 170px) !important; overflow: auto; padding: 0 !important; } } .account-admin { max-width: 100%; overflow-x: hidden; } .account-admin .w200 { width: 200px; } .account-admin .ds-checkbox span { white-space: normal; } .account-admin .ds-toggle-label { width: 150px; font-size: 16px; color: #343f4b; font-weight: 400; } .account-admin .card .list { cursor: pointer; } .account-admin .card .list:hover { background-color: #e7eff8; } .account-admin .card .list .list-wrap { display: flex; width: 100%; } .account-admin .mobile-screen { display: none; } .account-admin .desktop-screen { display: block; } @media screen and (max-width: 576px) { .account-admin .mobile-screen { display: block !important; } .account-admin .desktop-screen { display: none !important; } .account-admin .card .list { display: block !important; } .account-admin .card .list .mobile-edit { position: absolute; right: 0; top: 12px; } .account-admin .card .list .list-wrap { display: block !important; width: 70% !important; } .account-admin .d-ssm-block { display: block !important; } } .company-profile-blog { display: flex; } .company-profile-blog .blogs { min-width: 0; } .company-profile-blog .card .core-input-content textarea { padding: 0 28px 0 10px !important; } .company-profile-blog .card .core-input-content .clear { right: 15px; } .company-profile-blog .card .mb-30 { margin-bottom: 30px; } .company-profile-blog .card .posts-list { padding: 10px 0; } .company-profile-blog .card .posts-list:hover { background-color: #e7eff8; margin-left: -20px; margin-right: -20px; padding: 10px 20px; width: calc(100% + 40px) !important; } .company-profile-blog .blog-category-section, .company-profile-blog .blog-department-section { padding: 20px; border-radius: 5px; background-color: white; } .company-profile-blog .blog-category-section .mw-150, .company-profile-blog .blog-department-section .mw-150 { max-width: 150px !important; } .company-profile-blog .blog-category-section .category-logo, .company-profile-blog .blog-category-section .department-logo, .company-profile-blog .blog-department-section .category-logo, .company-profile-blog .blog-department-section .department-logo { width: 40px; height: 40px; border-radius: 20px; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; } .company-profile-blog .d-flex-3 { max-width: 70%; } .company-profile-blog .blog-image { height: 100px; } .company-profile-blog .blog-image img { width: 100% !important; height: 100% !important; } .company-profile-blog .blog-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .company-profile-blog .blog-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .company-profile-blog .blog-post-thumbnail { width: 160px; min-width: 160px; } .company-profile-blog .mobile-screen .core-dropdown-toggle .core-dropdown-label { padding: 7px 0px !important; } .company-profile-blog .mobile-screen .core-dropdown-toggle .core-dropdown-label span { margin-right: 25px !important; } .company-profile-blog .blog-detail img { width: 100%; } .company-profile-blog .blog-detail p { margin-top: 10px; } .company-profile-blog .blog-detail .ql-video { width: 100%; min-height: 500px; } @media screen and (max-width: 440px) { .company-profile-blog .blog-detail .ql-video { min-height: 210px; } } .company-profile-blog .blog-thumbnail img { max-width: 100%; height: 300px; } @media screen and (max-width: 320px) { .company-profile-blog .blog-image img { width: 282px; } } .post-body { display: inline-block; } .post-body img { width: 100% !important; height: auto !important; } .company-profile-blog-admin .blog-admin-drafts, .company-profile-blog-admin .blog-admin-published { padding-top: 0; padding-bottom: 70px; min-height: 450px; background-color: white; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } .company-profile-blog-admin .blog-admin-drafts .search-chip, .company-profile-blog-admin .blog-admin-published .search-chip { width: fit-content; display: flex; padding: 10px 20px; margin-right: 20px; border-radius: 5px; background-color: #f6f7f8; } .company-profile-blog-admin .blog-admin-drafts .text-over, .company-profile-blog-admin .blog-admin-published .text-over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70px; } .company-profile-blog-admin .blog-admin-content { padding: 20px; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; } .company-profile-blog-admin .blog-admin-category-mgt { margin-top: 10px; background-color: white; border-radius: 5px; } .company-profile-blog-admin .responsive-thumbnail { min-width: 0; max-height: 100%; border-radius: 5px; overflow: hidden; } .company-profile-blog-admin .core-pagination { padding-left: 0; padding-right: 0; } .company-profile-blog-admin .category-logo { width: 40px; min-width: 40px; height: 40px; border-radius: 20px; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; } .company-profile-connections .connections-header { display: flex; align-items: center; justify-content: space-between; } .company-profile-connections .connections-content { padding: 0 20px 20px; } .company-profile-connections .connections-received-request:last-child { padding-bottom: 20px; } .company-connections-admin { border-radius: 5px; background-color: white; } .company-connections-admin .connections-header { display: flex; align-items: center; justify-content: space-between; } .company-connections-admin .connections-content { padding: 0 20px 20px; } .company-connections-admin .connections-people .search-label, .company-connections-admin .connections-companies .search-label { padding: 0 20px; margin: 10px 0; } .company-connections-admin .connections-people .search-input, .company-connections-admin .connections-companies .search-input { max-width: 300px; } .company-connections-admin .core-dropdown-label { text-transform: capitalize; } @media screen and (max-width: 320px) { .company-connections-admin .search-input .form-control { margin-left: 7px !important; } } .company-connections-admin .connections-received-request { margin-bottom: 20px; } @media screen and (max-width: 320px) { .company-connections-admin .connections-received-request:last-child { padding-bottom: 20px; } } .human-capital .responsive_title { display: none; } .human-capital .responsive_list { flex: 11; } .human-capital .library-author-panel label { width: 80px; } @media screen and (max-width: 767px) { .human-capital .library-author-panel .library-author { width: calc(100% - 88px); } } @media screen and (max-width: 767px) { .human-capital .library-author-panel .library-author-name { color: #343f4b; font-size: 16px; line-height: 20px; font-weight: 400; } } .human-capital .w50 { width: 50px; } .human-capital .w-sm-12 { width: 12% !important; } .human-capital .add-row .core-input-label { width: 100px; } .human-capital .add-row .core-dropdown-title { width: 150px; } .human-capital .edit-row .core-input-content { max-width: 500px; } @media screen and (max-width: 991px) { .human-capital .human-capital-flex { flex: 1 100%; width: 100%; } } .human-capital .card { padding: 30px 20px; } .human-capital .card .width-100 { width: 100px; min-width: 100px; } .human-capital .card .mn-sm-2 { margin-right: -10px; } @media screen and (min-width: 991px) { .human-capital .card .maxw-170 { max-width: 170px; } } @media screen and (max-width: 767px) { .human-capital .card { padding: 30px 10px; } } @media screen and (max-width: 767px) { .human-capital .human-capital-mobile-flex { flex: 1 100%; width: 100%; } } .human-capital .detail-body label { width: 80px; } .company-profile-humancapital .card { padding-top: 30px !important; } @media screen and (max-width: 767px) { .company-profile-humancapital .card { padding: 30px 10px; } } @media screen and (max-width: 768px) { .company-profile-humancapital .card .label-w { width: 100px; } } .company-profile-humancapital:last-child { padding: unset; } .company-profile-humancapital .core-dropdown.mobile-screen .core-dropdown-toggle .core-dropdown-label { padding: 10px 10px 10px 0px !important; } .products-admin .ds-progress .progress-label { font-size: 12px; } .products-admin .reports-card { padding: 50px 100px; margin-left: 0; margin-right: 0; background-color: white; } .products-admin .reports-card > div:hover { background-color: #e7eff8; } .products-admin .ds-tabs.white { padding-left: 20px; } .product-ratings-reports .visibility-item { display: flex; } .product-ratings-reports .visibility-item .label { min-width: 170px; } .product-ratings-reports .visibility-item .label .mark { width: 20px; height: 20px; border-radius: 10px; margin: 7px; } .product-ratings-reports .product-select-list { width: 80%; } .product-ratings-reports .product-select-list .react-select__control { border-color: #fff; } .product-ratings-reports .product-select-list .react-select__control .react-select__indicators .react-select__indicator-separator { display: none; } .product-ratings-reports .product-select-list .react-select__control .react-select__indicators .react-select__dropdown-indicator { padding: 2px; } .product-ratings-reports .report-card .rating-by .progress-title { width: 100px; } .hcm-admin .card .employee-label { width: 150px; } .hcm-admin .card .licenses .board { flex: 1; padding: 20px; border-radius: 5px; } .hcm-admin .card .licenses .board.active { background-color: #e5eef8; } .hcm-admin .card .licenses .ds-checkbox .checktitle { font-size: 14px; } .hcm-admin .card .licenses .ds-checkbox.active .checktitle { font-weight: 500; } .department-forum-card .space { height: 518px; display: flex; background-color: #f8f8f9; align-items: center; justify-content: center; margin-right: 10px; margin-left: 10px; } .btn:focus, .btn:focus:active { outline: none; } .btn-light { background-color: transparent !important; border: none !important; } .btn-light:hover { background-color: transparent !important; border: none !important; } .btn-light:active, .btn-light:focus { background-color: transparent !important; border: none !important; box-shadow: none; } .tooltip.in { opacity: unset !important; } .tooltip-inner { background-color: #fff !important; color: black; box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.65); } .tooltip.bottom .tooltip-arrow { border-bottom-color: #fff !important; } .modal-content { border: none; border-radius: 6px !important; max-height: 90vh !important; overflow-y: auto !important; } .modal-content .modal-header { display: flex; background-color: #376caf; align-items: center; justify-content: center; } .modal-content .modal-footer { border-top: none; } .nav-tabs { background-color: transparent; border-bottom: none; padding-top: 10px; padding-bottom: 10px; } .nav-tabs .nav-item { background-color: transparent !important; border-color: #969faa !important; border: none; font-size: 14px; font-weight: 300; padding: 0 15px; border-right: 1px solid #969faa; border-radius: 0; } .nav-tabs .nav-item.active { color: #376caf; font-weight: 700; text-decoration: underline; } .nav-tabs .nav-item:focus { outline: unset; } .nav-tabs .nav-item:first-child { padding-left: 0; } .nav-tabs .nav-item:last-child { border-right: 0 !important; } .nav-tabs .nav-item a { color: #212529; text-decoration: none; } .nav-tabs .nav-item a:hover, .nav-tabs .nav-item a:active, .nav-tabs .nav-item a:focus { color: #212529; text-decoration: none; } .nav-tabs:focus { outline: none; } body { font-family: "Roboto", sans-serif; overflow-y: auto; } .DateRangePicker__CalendarSelection { background-color: #eaf2ff !important; border-color: #eaf2ff !important; } .DateRangePicker__Date--is-selected { color: unset !important; } .DateRangePicker__CalendarSelection--single, .DateRangePicker__CalendarHighlight--single, .DateRangePicker__CalendarSelection--start, .DateRangePicker__CalendarSelection--end { border-radius: 50%; left: 3px; top: 0; width: 32px; height: 32px; } .DateRangePicker__CalendarHighlight--single { border-color: #d7e6ff !important; } #titlediv { display: none; } .css-10nd86i { font-size: 14px; min-width: 80px; } .css-10nd86i .css-vj8t7z { border: none; } .css-10nd86i .css-vj8t7z .css-1hwfws3 { padding: 0; } .css-10nd86i .css-vj8t7z .css-1hwfws3 .css-1492t68 { color: #343f4b; } .css-10nd86i .css-d8oujb { display: none; } .css-10nd86i .css-1ep9fjw svg, .css-10nd86i .css-1wy0on6 svg { color: #343f4b; width: 14px; height: 14px; } .zsiq_theme1 .zsiq_flt_rel { background-color: #376caf !important; } .zsiq_theme1 .zsiq_user.siqico-chat { background-color: #376caf !important; } @media screen and (max-width: 576px) { .siq_bR { bottom: 70px !important; } } .quill .ql-toolbar { background-color: white; } .quill .ql-editor { background-color: #f6f7f8; } .popup-content { background-color: white; box-shadow: 0 1px 3px 0 #f5f5f5, 0 0 0 1px #f5f5f5; border: unset; } .modal.show { display: block !important; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } #app-modal { border-radius: 6px !important; } #app-modal .modal-dialog { border-radius: 6px !important; } #app-modal .modal-content { border-radius: 6px !important; max-height: 90vh !important; overflow-y: auto !important; } #app-modal .modal-body { border-radius: 6px !important; } .modal-dialog { margin: 1.75rem auto; max-height: calc(100vh - 3.5rem); border-radius: 6px !important; } .modal-dialog.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100vh - 1rem); } @media (min-width: 576px) { .modal-dialog.modal-dialog-centered { min-height: calc(100vh - 3.5rem); } } .modal-dialog .modal-content { max-height: 90vh !important; overflow-y: auto !important; border-radius: 6px !important; } body.modal-open { overflow: hidden !important; padding-right: 0 !important; } .cta-modal-wrapper .modal-dialog { max-width: 800px; border-radius: 6px !important; } .cta-modal-wrapper .modal-content { border-radius: 6px !important; overflow: hidden; } .cta-modal-wrapper .modal-body { padding: 0; min-height: 400px; } .modal-open .Paperform__popupoverlay, .modal-open .Paperform__popupwrapper { display: none !important; visibility: hidden !important; z-index: -1 !important; } @media (max-width: 767px) { body { padding-bottom: 60px; } .app-main, main, .main-content, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container { margin-bottom: 60px; } } @media (max-width: 991px) { .ds-navbar .navbar-brand img { display: none; } } .modal { z-index: 995 !important; } .modal .modal-dialog { overflow: visible; } .modal .modal-dialog .modal-content { overflow: visible; } .modal-backdrop { z-index: 990 !important; } html, body { overflow-y: auto !important; } body.modal-open { padding-right: 0 !important; } .modal.show ~ body, .modal.fade ~ body { overflow: auto !important; } .modal.fade:not(.show) { display: none !important; } /*# sourceMappingURL=app.scss.map *//* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8='); src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .annotationLayer .linkAnnotation:hover { backdrop-filter: invert(100%); } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3; } .annotationLayer[data-main-rotation='90'] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation='180'] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation='270'] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer canvas { position: absolute; width: 100%; height: 100%; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0; transform-origin: 0 0; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: 0.2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; } .annotationLayer .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { position: absolute; font-size: calc(9px * var(--total-scale-factor)); width: 100%; min-width: calc(180px * var(--total-scale-factor)); pointer-events: none; } .annotationLayer .popup { position: absolute; max-width: calc(180px * var(--total-scale-factor)); background-color: rgba(255, 255, 153, 1); box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgba(136, 136, 136, 1); border-radius: calc(2px * var(--total-scale-factor)); padding: calc(6px * var(--total-scale-factor)); margin-left: calc(5px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popup > * { font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { display: inline-block; margin-left: calc(5px * var(--total-scale-factor)); } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --react-pdf-text-layer: 1; --highlight-bg-color: rgba(180, 0, 170, 1); --highlight-selected-bg-color: rgba(0, 100, 0, 1); } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; } } [data-main-rotation='90'] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation='180'] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation='270'] { transform: rotate(270deg) translateX(-100%); } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; line-height: 1; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; margin: 0; transform-origin: 0 0; } /* Only necessary in Google Chrome, see issue 14205, and most unfortunately * the problem doesn't show up in "text" reference tests. */ .textLayer span.markedContent { top: 0; height: 0; } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */ .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; user-select: none; } .textLayer.selecting .endOfContent { top: 0; } .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } .landing-container { display: flex; align-items: center; justify-content: center; min-height: 100vh; width: 100%; } .landing-background { background-image: url("/images/tula/wavy-gradient-desktop.png"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .landing-form-container { width: 100%; max-width: 320px; display: flex; flex-direction: column; align-items: center; border-radius: 12px; padding: 2rem; } .landing-logo { width: 100%; height: auto; object-fit: contain; margin-bottom: 2rem; max-width: 280px; } .landing-motto { width: "100%;"; font-size: 16px; font-weight: 200; color: white; margin-top: -1rem; margin-bottom: 1rem; text-align: center; letter-spacing: 3px; } .landing-input-container { width: 100%; display: flex; flex-direction: column; gap: 1rem; text-align: center; } .landing-input-container input { background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 8px; padding: 12px 16px; font-size: 16px; color: rgb(31, 41, 55); margin-bottom: 8px; width: 100%; } .landing-input-container input::placeholder { color: #666; } .landing-input-container input:focus { outline: none; border-color: #376caf; box-shadow: 0 0 0 2px rgba(55, 108, 175, 0.2); } .landing-input-container button { background-color: rgb(241, 121, 34); color: white; font-size: 16px; border-radius: 8px; padding: 12px 20px; border: none; } .landing-input-container .landing-forgot-password { text-align: center; font-size: 16px; font-weight: 500; color: white; text-decoration: none; margin-top: -8px; margin-bottom: 8px; cursor: pointer; } .landing-input-container .landing-forgot-password:hover { text-decoration: underline; } .checkout-graph { background-color: #fff; padding: 30px 20px; } .checkout-graph .indicater { width: 5px; height: 20px; border-top: 3px solid #969faa; } .checkout-graph .bar-container { min-width: 16px; cursor: pointer; } .checkout-graph .bar-container .score-bar { min-height: 124px; } .checkout-graph .bar-container .score-bar .grey-bar { width: 100%; background-color: #f6f7f8; height: 100px; } .checkout-graph .bar-container .no-scorecard { opacity: 40%; }.image-attachments { object-fit: contain; width: 75px; height: 75px; }