@import url(//cdn.syncfusion.com/ej2/ej2-base/styles/material.css);@import url(//cdn.syncfusion.com/ej2/ej2-react-inputs/styles/material.css);@import url(//cdn.syncfusion.com/ej2/ej2-react-dropdowns/styles/material.css);@import url(//cdn.syncfusion.com/ej2/ej2-react-buttons/styles/material.css);@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);/* lato-100normal - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 100; src: local('Lato Thin '), local('Lato-Thin'), url(/dist/f8028e61362a54aa64dcb26e8063d0d7.woff2) format('woff2'), url(/dist/752c20224144760a496fb9e19a62f616.woff) format('woff'); /* Modern Browsers */ } /* lato-100italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-display: swap; font-weight: 100; src: local('Lato Thin italic'), local('Lato-Thinitalic'), url(/dist/ef884f11c6adb5df51c446911612e7af.woff2) format('woff2'), url(/dist/6ea8380326f67e10380953b188d96a2b.woff) format('woff'); /* Modern Browsers */ } /* lato-300normal - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 300; src: local('Lato Light '), local('Lato-Light'), url(/dist/bbbd26aeee9c5b967e35933bce02d358.woff2) format('woff2'), url(/dist/ba2452bdc790a4fee05202eac3c092b3.woff) format('woff'); /* Modern Browsers */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-display: swap; font-weight: 300; src: local('Lato Light italic'), local('Lato-Lightitalic'), url(/dist/7d718d7299ab7f9fab17d7d4f13ded57.woff2) format('woff2'), url(/dist/06eb177ee6c1960bcd79f1cf8c812000.woff) format('woff'); /* Modern Browsers */ } /* lato-400normal - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 400; src: local('Lato Regular '), local('Lato-Regular'), url(/dist/f1a4a058fbba1e35a406188ae7eddaf8.woff2) format('woff2'), url(/dist/62fb51e9e645f63599238881b9de15dd.woff) format('woff'); /* Modern Browsers */ } /* lato-400italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-display: swap; font-weight: 400; src: local('Lato Regular italic'), local('Lato-Regularitalic'), url(/dist/b45e52f342dc29c8553f51a99f924871.woff2) format('woff2'), url(/dist/c4082958a18f04bd32a3d3e1f5e390a5.woff) format('woff'); /* Modern Browsers */ } /* lato-700normal - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 700; src: local('Lato Bold '), local('Lato-Bold'), url(/dist/7fbbfd1610770d594aef639cfefdd0b0.woff2) format('woff2'), url(/dist/96759e32fdc800c78b527a3e53fe2be6.woff) format('woff'); /* Modern Browsers */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-display: swap; font-weight: 700; src: local('Lato Bold italic'), local('Lato-Bolditalic'), url(/dist/c66215e09d2420885ad1a1f3eb2bac37.woff2) format('woff2'), url(/dist/0a06ba1bdf385495f2679324cfbedd13.woff) format('woff'); /* Modern Browsers */ } /* lato-900normal - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 900; src: local('Lato Black '), local('Lato-Black'), url(/dist/f2de2c6ec69b0c11f1bc44c5348c2f35.woff2) format('woff2'), url(/dist/d79dd0661ba130ec7a7e7c060fcb7e09.woff) format('woff'); /* Modern Browsers */ } /* lato-900italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-display: swap; font-weight: 900; src: local('Lato Black italic'), local('Lato-Blackitalic'), url(/dist/fd67cf72cde7716bdadf8a3992b37fa2.woff2) format('woff2'), url(/dist/e792d6c62329e025ca1cbea793ba8de5.woff) format('woff'); /* Modern Browsers */ }/* Collection default theme */ /* Grid default theme */ /* Table default theme */ .ReactVirtualized__Table__headerRow { font-weight: 700; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ReactVirtualized__Table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ReactVirtualized__Table__headerTruncatedText { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn { margin-right: 10px; min-width: 0px; } .ReactVirtualized__Table__rowColumn { text-overflow: ellipsis; white-space: nowrap; } .ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type { margin-left: 10px; } .ReactVirtualized__Table__sortableHeaderColumn { cursor: pointer; } .ReactVirtualized__Table__sortableHeaderIconContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ReactVirtualized__Table__sortableHeaderIcon { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 1em; width: 1em; fill: currentColor; } /* List default theme */ .rst__rowWrapper { padding: 10px 10px 10px 0; height: 100%; box-sizing: border-box; } .rst__rtl.rst__rowWrapper { padding: 10px 0 10px 10px; } .rst__row { height: 100%; white-space: nowrap; display: flex; } .rst__row > * { box-sizing: border-box; } /** * The outline of where the element will go if dropped, displayed while dragging */ .rst__rowLandingPad, .rst__rowCancelPad { border: none !important; box-shadow: none !important; outline: none !important; } .rst__rowLandingPad > *, .rst__rowCancelPad > * { opacity: 0 !important; } .rst__rowLandingPad::before, .rst__rowCancelPad::before { background-color: lightblue; border: 3px dashed white; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } /** * Alternate appearance of the landing pad when the dragged location is invalid */ .rst__rowCancelPad::before { background-color: #e6a8ad; } /** * Nodes matching the search conditions are highlighted */ .rst__rowSearchMatch { outline: solid 3px #0080ff; } /** * The node that matches the search conditions and is currently focused */ .rst__rowSearchFocus { outline: solid 3px #fc6421; } .rst__rowContents, .rst__rowLabel, .rst__rowToolbar, .rst__moveHandle, .rst__toolbarButton { display: inline-block; vertical-align: middle; } .rst__rowContents { position: relative; height: 100%; border: solid #bbb 1px; border-left: none; box-shadow: 0 2px 2px -2px; padding: 0 5px 0 10px; border-radius: 2px; min-width: 230px; flex: 1 0 auto; display: flex; align-items: center; justify-content: space-between; background-color: white; } .rst__rtl.rst__rowContents { border-right: none; border-left: solid #bbb 1px; padding: 0 10px 0 5px; } .rst__rowContentsDragDisabled { border-left: solid #bbb 1px; } .rst__rtl.rst__rowContentsDragDisabled { border-right: solid #bbb 1px; border-left: solid #bbb 1px; } .rst__rowLabel { flex: 0 1 auto; padding-right: 20px; } .rst__rtl.rst__rowLabel { padding-left: 20px; padding-right: inherit; } .rst__rowToolbar { flex: 0 1 auto; display: flex; } .rst__moveHandle, .rst__loadingHandle { height: 100%; width: 44px; background: #d9d9d9 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+') no-repeat center; border: solid #aaa 1px; box-shadow: 0 2px 2px -2px; cursor: move; border-radius: 1px; z-index: 1; } .rst__loadingHandle { cursor: default; background: #d9d9d9; } @keyframes pointFade { 0%, 19.999%, 100% { opacity: 0; } 20% { opacity: 1; } } .rst__loadingCircle { width: 80%; height: 80%; margin: 10%; position: relative; } .rst__loadingCirclePoint { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .rst__rtl.rst__loadingCirclePoint { right: 0; left: initial; } .rst__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; } .rst__loadingCirclePoint:nth-of-type(1) { transform: rotate(0deg); } .rst__loadingCirclePoint:nth-of-type(7) { transform: rotate(180deg); } .rst__loadingCirclePoint:nth-of-type(1)::before, .rst__loadingCirclePoint:nth-of-type(7)::before { animation-delay: -800ms; } .rst__loadingCirclePoint:nth-of-type(2) { transform: rotate(30deg); } .rst__loadingCirclePoint:nth-of-type(8) { transform: rotate(210deg); } .rst__loadingCirclePoint:nth-of-type(2)::before, .rst__loadingCirclePoint:nth-of-type(8)::before { animation-delay: -666ms; } .rst__loadingCirclePoint:nth-of-type(3) { transform: rotate(60deg); } .rst__loadingCirclePoint:nth-of-type(9) { transform: rotate(240deg); } .rst__loadingCirclePoint:nth-of-type(3)::before, .rst__loadingCirclePoint:nth-of-type(9)::before { animation-delay: -533ms; } .rst__loadingCirclePoint:nth-of-type(4) { transform: rotate(90deg); } .rst__loadingCirclePoint:nth-of-type(10) { transform: rotate(270deg); } .rst__loadingCirclePoint:nth-of-type(4)::before, .rst__loadingCirclePoint:nth-of-type(10)::before { animation-delay: -400ms; } .rst__loadingCirclePoint:nth-of-type(5) { transform: rotate(120deg); } .rst__loadingCirclePoint:nth-of-type(11) { transform: rotate(300deg); } .rst__loadingCirclePoint:nth-of-type(5)::before, .rst__loadingCirclePoint:nth-of-type(11)::before { animation-delay: -266ms; } .rst__loadingCirclePoint:nth-of-type(6) { transform: rotate(150deg); } .rst__loadingCirclePoint:nth-of-type(12) { transform: rotate(330deg); } .rst__loadingCirclePoint:nth-of-type(6)::before, .rst__loadingCirclePoint:nth-of-type(12)::before { animation-delay: -133ms; } .rst__loadingCirclePoint:nth-of-type(7) { transform: rotate(180deg); } .rst__loadingCirclePoint:nth-of-type(13) { transform: rotate(360deg); } .rst__loadingCirclePoint:nth-of-type(7)::before, .rst__loadingCirclePoint:nth-of-type(13)::before { animation-delay: 0ms; } .rst__rowTitle { font-weight: bold; } .rst__rowTitleWithSubtitle { font-size: 85%; display: block; height: 0.8rem; } .rst__rowSubtitle { font-size: 70%; line-height: 1; } .rst__collapseButton, .rst__expandButton { appearance: none; border: none; position: absolute; border-radius: 100%; box-shadow: 0 0 0 1px #000; width: 16px; height: 16px; padding: 0; top: 50%; transform: translate(-50%, -50%); cursor: pointer; } .rst__rtl.rst__collapseButton, .rst__rtl.rst__expandButton { transform: translate(50%, -50%); } .rst__collapseButton:focus, .rst__expandButton:focus { outline: none; box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9; } .rst__collapseButton:hover:not(:active), .rst__expandButton:hover:not(:active) { background-size: 24px; height: 20px; width: 20px; } .rst__collapseButton { background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==') no-repeat center; } .rst__expandButton { background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+') no-repeat center; } /** * Line for under a node with children */ .rst__lineChildren { height: 100%; display: inline-block; position: absolute; } .rst__lineChildren::after { content: ''; position: absolute; background-color: black; width: 1px; left: 50%; bottom: 0; height: 10px; } .rst__rtl.rst__lineChildren::after { right: 50%; left: initial; } .rst__placeholder { position: relative; height: 68px; max-width: 300px; padding: 10px; } .rst__placeholder, .rst__placeholder > * { box-sizing: border-box; } .rst__placeholder::before { border: 3px dashed #d9d9d9; content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: -1; } /** * The outline of where the element will go if dropped, displayed while dragging */ .rst__placeholderLandingPad, .rst__placeholderCancelPad { border: none !important; box-shadow: none !important; outline: none !important; } .rst__placeholderLandingPad *, .rst__placeholderCancelPad * { opacity: 0 !important; } .rst__placeholderLandingPad::before, .rst__placeholderCancelPad::before { background-color: lightblue; border-color: white; } /** * Alternate appearance of the landing pad when the dragged location is invalid */ .rst__placeholderCancelPad::before { background-color: #e6a8ad; } /** * Extra class applied to VirtualScroll through className prop */ .rst__virtualScrollOverride { overflow: auto !important; } .rst__virtualScrollOverride * { box-sizing: border-box; } .ReactVirtualized__Grid__innerScrollContainer { overflow: visible !important; } .rst__rtl .ReactVirtualized__Grid__innerScrollContainer { direction: rtl; } .ReactVirtualized__Grid { outline: none; } .rst__node { min-width: 100%; white-space: nowrap; position: relative; text-align: left; } .rst__node.rst__rtl { text-align: right; } .rst__nodeContent { position: absolute; top: 0; bottom: 0; } /* ========================================================================== Scaffold Line-overlaid blocks used for showing the tree structure ========================================================================== */ .rst__lineBlock, .rst__absoluteLineBlock { height: 100%; position: relative; display: inline-block; } .rst__absoluteLineBlock { position: absolute; top: 0; } .rst__lineHalfHorizontalRight::before, .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after { position: absolute; content: ''; background-color: black; } /** * +-----+ * | | * | +--+ * | | * +-----+ */ .rst__lineHalfHorizontalRight::before { height: 1px; top: 50%; right: 0; width: 50%; } .rst__rtl.rst__lineHalfHorizontalRight::before { left: 0; right: initial; } /** * +--+--+ * | | | * | | | * | | | * +--+--+ */ .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after { width: 1px; left: 50%; top: 0; height: 100%; } /** * +--+--+ * | | | * | | | * | | | * +--+--+ */ .rst__rtl.rst__lineFullVertical::after, .rst__rtl.rst__lineHalfVerticalTop::after, .rst__rtl.rst__lineHalfVerticalBottom::after { right: 50%; left: initial; } /** * +-----+ * | | | * | + | * | | * +-----+ */ .rst__lineHalfVerticalTop::after { height: 50%; } /** * +-----+ * | | * | + | * | | | * +-----+ */ .rst__lineHalfVerticalBottom::after { top: auto; bottom: 0; height: 50%; } /* Highlight line for pointing to dragged row destination ========================================================================== */ /** * +--+--+ * | | | * | | | * | | | * +--+--+ */ .rst__highlightLineVertical { z-index: 3; } .rst__highlightLineVertical::before { position: absolute; content: ''; background-color: #36c2f6; width: 8px; margin-left: -4px; left: 50%; top: 0; height: 100%; } .rst__rtl.rst__highlightLineVertical::before { margin-left: initial; margin-right: -4px; left: initial; right: 50%; } @keyframes arrow-pulse { 0% { transform: translate(0, 0); opacity: 0; } 30% { transform: translate(0, 300%); opacity: 1; } 70% { transform: translate(0, 700%); opacity: 1; } 100% { transform: translate(0, 1000%); opacity: 0; } } .rst__highlightLineVertical::after { content: ''; position: absolute; height: 0; margin-left: -4px; left: 50%; top: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid white; animation: arrow-pulse 1s infinite linear both; } .rst__rtl.rst__highlightLineVertical::after { margin-left: initial; margin-right: -4px; right: 50%; left: initial; } /** * +-----+ * | | * | +--+ * | | | * +--+--+ */ .rst__highlightTopLeftCorner::before { z-index: 3; content: ''; position: absolute; border-top: solid 8px #36c2f6; border-left: solid 8px #36c2f6; box-sizing: border-box; height: calc(50% + 4px); top: 50%; margin-top: -4px; right: 0; width: calc(50% + 4px); } .rst__rtl.rst__highlightTopLeftCorner::before { border-right: solid 8px #36c2f6; border-left: none; left: 0; right: initial; } /** * +--+--+ * | | | * | | | * | +->| * +-----+ */ .rst__highlightBottomLeftCorner { z-index: 3; } .rst__highlightBottomLeftCorner::before { content: ''; position: absolute; border-bottom: solid 8px #36c2f6; border-left: solid 8px #36c2f6; box-sizing: border-box; height: calc(100% + 4px); top: 0; right: 12px; width: calc(50% - 8px); } .rst__rtl.rst__highlightBottomLeftCorner::before { border-right: solid 8px #36c2f6; border-left: none; left: 12px; right: initial; } .rst__highlightBottomLeftCorner::after { content: ''; position: absolute; height: 0; right: 0; top: 100%; margin-top: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #36c2f6; } .rst__rtl.rst__highlightBottomLeftCorner::after { left: 0; right: initial; border-right: 12px solid #36c2f6; border-left: none; }/* 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; }@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(/dist/ced611daf7709cc778da928fec876475.eot); src: url(/dist/ced611daf7709cc778da928fec876475.eot?#iefix) format('embedded-opentype'), url(data:application/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:application/octet-stream;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#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: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2192'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\2192'; } [dir='rtl'] .slick-next:before { content: '\2190'; } /* 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: '\2022'; 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; }.react-autocomplete-input { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0,0,0,0.15); bottom: auto; box-shadow: 0 6px 12px rgba(0,0,0,0.175); display: block; font-size: 14px; list-style: none; padding: 1px; position: fixed; text-align: left; z-index: 20000; overflow-y: scroll; margin-top: 1em; } .react-autocomplete-input > li { cursor: pointer; padding: 10px; min-width: 100px; } .react-autocomplete-input > li.active { background-color: #337ab7; color: #fff; }/* Common, default styles for the notification box */ .s-alert-box, .s-alert-box * { box-sizing: border-box; } .s-alert-box { position: fixed; background: rgba(42,45,50,0.85); padding: 22px; line-height: 1.4; z-index: 1000; pointer-events: none; color: rgba(250,251,255,0.95); font-size: 100%; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; max-width: 300px; -webkit-transition: top .4s, bottom .4s; transition: top .4s, bottom .4s; } .s-alert-box.s-alert-show { pointer-events: auto; } .s-alert-box a { color: inherit; opacity: 0.7; font-weight: 700; } .s-alert-box a:hover, .s-alert-box a:focus { opacity: 1; } .s-alert-box p { margin: 0; } .s-alert-box.s-alert-show, .s-alert-box.s-alert-visible { pointer-events: auto; } .s-alert-close { width: 20px; height: 20px; position: absolute; right: 4px; top: 4px; overflow: hidden; text-indent: 100%; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .s-alert-close:hover, .s-alert-close:focus { outline: none; } .s-alert-close::before, .s-alert-close::after { content: ''; position: absolute; width: 3px; height: 60%; top: 50%; left: 50%; background: #fff; } .s-alert-close:hover::before, .s-alert-close:hover::after { background: #fff; } .s-alert-close::before { -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .s-alert-close::after { -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } /* positions */ .s-alert-bottom-left { top: auto; right: auto; bottom: 30px; left: 30px; } .s-alert-top-left { top: 30px; right: auto; bottom: auto; left: 30px; } .s-alert-top-right { top: 30px; right: 30px; bottom: auto; left: auto; } .s-alert-bottom-right { /*default*/ top: auto; right: 30px; bottom: 30px; left: auto; } .s-alert-bottom { width: 100%; max-width: 100%; bottom: 0; left: 0; right: 0; top: auto; } .s-alert-top { width: 100%; max-width: 100%; top: 0; left: 0; right: 0; bottom: auto; } /* conditions */ .s-alert-info { background: #00A2D3; color: #fff; } .s-alert-success { background: #27AE60; color: #fff; } .s-alert-warning { background: #F1C40F; color: #fff; } .s-alert-error { background: #E74C3C; color: #fff; } [class^="s-alert-effect-"].s-alert-hide, [class*=" s-alert-effect-"].s-alert-hide { -webkit-animation-direction: reverse; animation-direction: reverse; } /* height measurement helper */ .s-alert-box-height { visibility: hidden; position: fixed; }/* Scale */ .s-alert-effect-scale a { color: #fff; } .s-alert-effect-scale a:hover, .s-alert-effect-scale a:focus { color: #fff; } .s-alert-effect-scale .s-alert-close::before, .s-alert-effect-scale .s-alert-close::after { background: #fff; } .s-alert-effect-scale .s-alert-close:hover::before, .s-alert-effect-scale .s-alert-close:hover::after { background: #fff; } .s-alert-effect-scale.s-alert-show, .s-alert-effect-scale.s-alert-hide { -webkit-animation-name: animScale; animation-name: animScale; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } @-webkit-keyframes animScale { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); } } @keyframes animScale { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); } }.rdw-option-wrapper { border: 1px solid #F1F1F1; padding: 5px; min-width: 25px; height: 20px; border-radius: 2px; margin: 0 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: white; text-transform: capitalize; } .rdw-option-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-option-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-disabled { opacity: 0.3; cursor: default; } .rdw-dropdown-wrapper { height: 30px; background: white; cursor: pointer; border: 1px solid #F1F1F1; border-radius: 2px; margin: 0 3px; text-transform: capitalize; background: white; } .rdw-dropdown-wrapper:focus { outline: none; } .rdw-dropdown-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdown-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-dropdown-carettoopen { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-carettoclose { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-bottom: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-selectedtext { display: flex; position: relative; height: 100%; align-items: center; padding: 0 5px; } .rdw-dropdown-optionwrapper { z-index: 100; position: relative; border: 1px solid #F1F1F1; width: 98%; background: white; border-radius: 2px; margin: 0; padding: 0; max-height: 250px; overflow-y: scroll; } .rdw-dropdown-optionwrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdownoption-default { min-height: 25px; display: flex; align-items: center; padding: 0 5px; } .rdw-dropdownoption-highlighted { background: #F1F1F1; } .rdw-dropdownoption-active { background: #f5f5f5; } .rdw-dropdownoption-disabled { opacity: 0.3; cursor: default; } .rdw-inline-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-inline-dropdown { width: 50px; } .rdw-inline-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-block-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-block-dropdown { width: 110px; } .rdw-fontsize-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontsize-dropdown { min-width: 40px; } .rdw-fontsize-option { display: flex; justify-content: center; } .rdw-fontfamily-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontfamily-dropdown { width: 115px; } .rdw-fontfamily-placeholder { white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; } .rdw-fontfamily-optionwrapper { width: 140px; } .rdw-list-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-list-dropdown { width: 50px; z-index: 90; } .rdw-list-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-text-align-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-text-align-dropdown { width: 50px; z-index: 90; } .rdw-text-align-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-right-aligned-block { text-align: right; } .rdw-left-aligned-block { text-align: left !important; } .rdw-center-aligned-block { text-align: center !important; } .rdw-justify-aligned-block { text-align: justify !important; } .rdw-right-aligned-block > div { display: inline-block; } .rdw-left-aligned-block > div { display: inline-block; } .rdw-center-aligned-block > div { display: inline-block; } .rdw-justify-aligned-block > div { display: inline-block; } .rdw-colorpicker-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-colorpicker-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 175px; height: 175px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-colorpicker-modal-header { display: flex; padding-bottom: 5px; } .rdw-colorpicker-modal-style-label { font-size: 15px; width: 50%; text-align: center; cursor: pointer; padding: 0 10px 5px; } .rdw-colorpicker-modal-style-label-active { border-bottom: 2px solid #0a66b7; } .rdw-colorpicker-modal-options { margin: 5px auto; display: flex; width: 100%; height: 100%; flex-wrap: wrap; overflow: scroll; } .rdw-colorpicker-cube { width: 22px; height: 22px; border: 1px solid #F1F1F1; } .rdw-colorpicker-option { margin: 3px; padding: 0; min-height: 20px; border: none; width: 22px; height: 22px; min-width: 22px; box-shadow: 1px 2px 1px #BFBDBD inset; } .rdw-colorpicker-option:hover { box-shadow: 1px 2px 1px #BFBDBD; } .rdw-colorpicker-option:active { box-shadow: -1px -2px 1px #BFBDBD; } .rdw-colorpicker-option-active { box-shadow: 0px 0px 2px 2px #BFBDBD; } .rdw-link-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-link-dropdown { width: 50px; } .rdw-link-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-link-dropdownPlaceholder { margin-left: 8px; } .rdw-link-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 205px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-link-modal-label { font-size: 15px; } .rdw-link-modal-input { margin-top: 5px; border-radius: 2px; border: 1px solid #F1F1F1; height: 25px; margin-bottom: 15px; padding: 0 5px; } .rdw-link-modal-input:focus { outline: none; } .rdw-link-modal-buttonsection { margin: 0 auto; } .rdw-link-modal-target-option { margin-bottom: 20px; } .rdw-link-modal-target-option > span { margin-left: 5px; } .rdw-link-modal-btn { margin-left: 10px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-link-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-link-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-link-modal-btn:focus { outline: none !important; } .rdw-link-modal-btn:disabled { background: #ece9e9; } .rdw-link-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-embedded-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-embedded-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; justify-content: space-between; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-embedded-modal-header { font-size: 15px; display: flex; } .rdw-embedded-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-embedded-modal-header-label { width: 95px; border: 1px solid #f1f1f1; margin-top: 5px; background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-embedded-modal-link-section { display: flex; flex-direction: column; } .rdw-embedded-modal-link-input { width: 88%; height: 35px; margin: 10px 0; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-embedded-modal-link-input-wrapper { display: flex; align-items: center; } .rdw-embedded-modal-link-input:focus { outline: none; } .rdw-embedded-modal-btn-section { display: flex; justify-content: center; } .rdw-embedded-modal-btn { margin: 0 3px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-embedded-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-embedded-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-embedded-modal-btn:focus { outline: none !important; } .rdw-embedded-modal-btn:disabled { background: #ece9e9; } .rdw-embedded-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-embedded-modal-size-input { width: 80%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-embedded-modal-size-input:focus { outline: none; } .rdw-emoji-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-emoji-modal { overflow: auto; position: absolute; top: 35px; left: 5px; display: flex; flex-wrap: wrap; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-emoji-icon { margin: 2.5px; height: 24px; width: 24px; cursor: pointer; font-size: 22px; display: flex; justify-content: center; align-items: center; } .rdw-spinner { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .rdw-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .rdw-spinner .rdw-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .rdw-spinner .rdw-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1.0); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .rdw-image-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-image-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-image-modal-header { font-size: 15px; margin: 10px 0; display: flex; } .rdw-image-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-image-modal-header-label { width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; margin-top: 5px; } .rdw-image-modal-header-label-highlighted { background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-image-modal-upload-option { width: 100%; color: gray; cursor: pointer; display: flex; border: none; font-size: 15px; align-items: center; justify-content: center; background-color: #f1f1f1; outline: 2px dashed gray; outline-offset: -10px; margin: 10px 0; padding: 9px 0; } .rdw-image-modal-upload-option-highlighted { outline: 2px dashed #0a66b7; } .rdw-image-modal-upload-option-label { cursor: pointer; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .rdw-image-modal-upload-option-label span { padding: 0 20px; } .rdw-image-modal-upload-option-image-preview { max-width: 100%; max-height: 200px; } .rdw-image-modal-upload-option-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .rdw-image-modal-url-section { display: flex; align-items: center; } .rdw-image-modal-url-input { width: 90%; height: 35px; margin: 15px 0 12px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-image-modal-btn-section { margin: 10px auto 0; } .rdw-image-modal-url-input:focus { outline: none; } .rdw-image-modal-btn { margin: 0 5px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-image-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-image-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-image-modal-btn:focus { outline: none !important; } .rdw-image-modal-btn:disabled { background: #ece9e9; } .rdw-image-modal-spinner { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; opacity: 0.5; } .rdw-image-modal-alt-input { width: 70%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; margin-left: 5px; } .rdw-image-modal-alt-input:focus { outline: none; } .rdw-image-modal-alt-lbl { font-size: 12px; } .rdw-image-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-image-modal-size-input { width: 40%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-image-modal-size-input:focus { outline: none; } .rdw-image-mandatory-sign { color: red; margin-left: 3px; margin-right: 3px; } .rdw-remove-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-history-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-history-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-link-decorator-wrapper { position: relative; } .rdw-link-decorator-icon { position: absolute; left: 40%; top: 0; cursor: pointer; background-color: white; } .rdw-mention-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-suggestion-wrapper { position: relative; } .rdw-suggestion-dropdown { position: absolute; display: flex; flex-direction: column; border: 1px solid #F1F1F1; min-width: 100px; max-height: 150px; overflow: auto; background: white; z-index: 100; } .rdw-suggestion-option { padding: 7px 5px; border-bottom: 1px solid #f1f1f1; } .rdw-suggestion-option-active { background-color: #F1F1F1; } .rdw-hashtag-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-image-alignment-options-popup { position: absolute; background: white; display: flex; padding: 5px 2px; border-radius: 2px; border: 1px solid #F1F1F1; width: 105px; cursor: pointer; z-index: 100; } .rdw-alignment-option-left { justify-content: flex-start; } .rdw-image-alignment-option { height: 15px; width: 15px; min-width: 15px; } .rdw-image-alignment { position: relative; } .rdw-image-imagewrapper { position: relative; } .rdw-image-center { display: flex; justify-content: center; } .rdw-image-left { display: flex; } .rdw-image-right { display: flex; justify-content: flex-end; } .rdw-image-alignment-options-popup-right { right: 0; } .rdw-editor-main { height: 100%; overflow: auto; box-sizing: border-box; } .rdw-editor-toolbar { padding: 6px 5px 0; border-radius: 2px; border: 1px solid #F1F1F1; display: flex; justify-content: flex-start; background: white; flex-wrap: wrap; font-size: 15px; margin-bottom: 5px; user-select: none; } .public-DraftStyleDefault-block { margin: 1em 0; } .rdw-editor-wrapper:focus { outline: none; } .rdw-editor-wrapper { box-sizing: content-box; } .rdw-editor-main blockquote { border-left: 5px solid #f1f1f1; padding-left: 5px; } .rdw-editor-main pre { background: #f1f1f1; border-radius: 3px; padding: 1px 10px; } /** * Draft v0.9.1 * * Copyright (c) 2013-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ .DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content { height: inherit; text-align: initial; } .public-DraftEditor-content[contenteditable=true] { -webkit-user-modify: read-write-plaintext-only; } .DraftEditor-root { position: relative; } .DraftEditor-editorContainer { background-color: rgba(255,255,255,0); border-left: .1px solid transparent; position: relative; z-index: 1; } .public-DraftEditor-block { position: relative; } .DraftEditor-alignLeft .public-DraftStyleDefault-block { text-align: left; } .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root { left: 0; text-align: left; } .DraftEditor-alignCenter .public-DraftStyleDefault-block { text-align: center; } .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root { margin: 0 auto; text-align: center; width: 100%; } .DraftEditor-alignRight .public-DraftStyleDefault-block { text-align: right; } .DraftEditor-alignRight .public-DraftEditorPlaceholder-root { right: 0; text-align: right; } .public-DraftEditorPlaceholder-root { color: #9197a3; position: absolute; z-index: 0; } .public-DraftEditorPlaceholder-hasFocus { color: #bdc1c9; } .DraftEditorPlaceholder-hidden { display: none; } .public-DraftStyleDefault-block { position: relative; white-space: pre-wrap; } .public-DraftStyleDefault-ltr { direction: ltr; text-align: left; } .public-DraftStyleDefault-rtl { direction: rtl; text-align: right; } .public-DraftStyleDefault-listLTR { direction: ltr; } .public-DraftStyleDefault-listRTL { direction: rtl; } .public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul { margin: 16px 0; padding: 0; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR { margin-left: 1.5em; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL { margin-right: 1.5em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR { margin-left: 3em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL { margin-right: 3em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR { margin-left: 4.5em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL { margin-right: 4.5em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR { margin-left: 6em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL { margin-right: 6em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR { margin-left: 7.5em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL { margin-right: 7.5em; } .public-DraftStyleDefault-unorderedListItem { list-style-type: square; position: relative; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 { list-style-type: disc; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { list-style-type: circle; } .public-DraftStyleDefault-orderedListItem { list-style-type: none; position: relative; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before { left: -36px; position: absolute; text-align: right; width: 30px; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before { position: absolute; right: -36px; text-align: left; width: 30px; } .public-DraftStyleDefault-orderedListItem:before { content: counter(ol0) ". "; counter-increment: ol0; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before { content: counter(ol1) ". "; counter-increment: ol1; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before { content: counter(ol2) ". "; counter-increment: ol2; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before { content: counter(ol3) ". "; counter-increment: ol3; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before { content: counter(ol4) ". "; counter-increment: ol4; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { counter-reset: ol0; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { counter-reset: ol1; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { counter-reset: ol2; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { counter-reset: ol3; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { counter-reset: ol4; } .rbc-btn { color: inherit; font: inherit; margin: 0; } button.rbc-btn { overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; } button[disabled].rbc-btn { cursor: not-allowed; } button.rbc-input::-moz-focus-inner { border: 0; padding: 0; } .rbc-calendar { box-sizing: border-box; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .rbc-calendar *, .rbc-calendar *:before, .rbc-calendar *:after { box-sizing: inherit; } .rbc-abs-full, .rbc-row-bg { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rbc-ellipsis, .rbc-event-label, .rbc-row-segment .rbc-event-content, .rbc-show-more { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rbc-rtl { direction: rtl; } .rbc-off-range { color: #999999; } .rbc-off-range-bg { background: #e5e5e5; } .rbc-header { overflow: hidden; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; text-overflow: ellipsis; white-space: nowrap; padding: 0 3px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 90%; min-height: 0; border-bottom: 1px solid #DDD; } .rbc-header + .rbc-header { border-left: 1px solid #DDD; } .rbc-rtl .rbc-header + .rbc-header { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited { color: inherit; text-decoration: none; } .rbc-row-content { position: relative; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; z-index: 4; } .rbc-today { background-color: #eaf6ff; } .rbc-toolbar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; font-size: 16px; } .rbc-toolbar .rbc-toolbar-label { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; text-align: center; } .rbc-toolbar button { color: #373a3c; display: inline-block; margin: 0; text-align: center; vertical-align: middle; background: none; background-image: none; border: 1px solid #ccc; padding: .375rem 1rem; border-radius: 4px; line-height: normal; white-space: nowrap; } .rbc-toolbar button:active, .rbc-toolbar button.rbc-active { background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); background-color: #e6e6e6; border-color: #adadad; } .rbc-toolbar button:active:hover, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .rbc-toolbar button:focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .rbc-toolbar button:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .rbc-btn-group { display: inline-block; white-space: nowrap; } .rbc-btn-group > button:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-btn-group > button:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-btn-group > button:not(:first-child):not(:last-child) { border-radius: 0; } .rbc-btn-group button + button { margin-left: -1px; } .rbc-rtl .rbc-btn-group button + button { margin-left: 0; margin-right: -1px; } .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button { margin-left: 10px; } .rbc-event { padding: 2px 5px; background-color: #3174ad; border-radius: 5px; color: #fff; cursor: pointer; } .rbc-slot-selecting .rbc-event { cursor: inherit; pointer-events: none; } .rbc-event.rbc-selected { background-color: #265985; } .rbc-event:focus { outline: 5px auto #3b99fc; } .rbc-event-label { font-size: 80%; } .rbc-event-overlaps { box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); } .rbc-event-continues-prior { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rbc-event-continues-after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rbc-event-continues-earlier { border-top-left-radius: 0; border-top-right-radius: 0; } .rbc-event-continues-later { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rbc-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .rbc-row-segment { padding: 0 1px 1px 1px; } .rbc-selected-cell { background-color: rgba(0, 0, 0, 0.1); } .rbc-show-more { background-color: rgba(255, 255, 255, 0.3); z-index: 4; font-weight: bold; font-size: 85%; height: auto; line-height: normal; white-space: nowrap; } .rbc-month-view { position: relative; border: 1px solid #DDD; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; width: 100%; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; height: 100%; } .rbc-month-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .rbc-month-row { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-flex-basis: 0px; -ms-flex-preferred-size: 0px; flex-basis: 0px; overflow: hidden; height: 100%; } .rbc-month-row + .rbc-month-row { border-top: 1px solid #DDD; } .rbc-date-cell { -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; padding-right: 5px; text-align: right; } .rbc-date-cell.rbc-now { font-weight: bold; } .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited { color: inherit; text-decoration: none; } .rbc-row-bg { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; overflow: hidden; } .rbc-day-bg { -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .rbc-day-bg + .rbc-day-bg { border-left: 1px solid #DDD; } .rbc-rtl .rbc-day-bg + .rbc-day-bg { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-overlay { position: absolute; z-index: 5; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); padding: 10px; } .rbc-overlay > * + * { margin-top: 1px; } .rbc-overlay-header { border-bottom: 1px solid #e5e5e5; margin: -10px -10px 5px -10px; padding: 2px 10px; } .rbc-agenda-view { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; overflow: auto; } .rbc-agenda-view table.rbc-agenda-table { width: 100%; border: 1px solid #DDD; border-spacing: 0; border-collapse: collapse; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td { padding: 5px 10px; vertical-align: top; } .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell { padding-left: 15px; padding-right: 15px; text-transform: lowercase; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left: 1px solid #DDD; } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr { border-top: 1px solid #DDD; } .rbc-agenda-view table.rbc-agenda-table thead > tr > th { padding: 3px 5px; text-align: left; border-bottom: 1px solid #DDD; } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th { text-align: right; } .rbc-agenda-time-cell { text-transform: lowercase; } .rbc-agenda-time-cell .rbc-continues-after:after { content: ' \BB'; } .rbc-agenda-time-cell .rbc-continues-prior:before { content: '\AB '; } .rbc-agenda-date-cell, .rbc-agenda-time-cell { white-space: nowrap; } .rbc-agenda-event-cell { width: 100%; } .rbc-time-column { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } .rbc-time-column .rbc-timeslot-group { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .rbc-timeslot-group { border-bottom: 1px solid #DDD; min-height: 40px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .rbc-time-gutter, .rbc-header-gutter { -webkit-flex: none; -ms-flex: none; flex: none; } .rbc-label { padding: 0 5px; } .rbc-day-slot { position: relative; } .rbc-day-slot .rbc-events-container { bottom: 0; left: 0; position: absolute; right: 0; margin-right: 10px; top: 0; } .rbc-day-slot .rbc-events-container.rbc-is-rtl { left: 10px; right: 0; } .rbc-day-slot .rbc-event { border: 1px solid #265985; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: 100%; min-height: 20px; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; position: absolute; } .rbc-day-slot .rbc-event-label { -webkit-flex: none; -ms-flex: none; flex: none; padding-right: 5px; width: auto; } .rbc-day-slot .rbc-event-content { width: 100%; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; word-wrap: break-word; line-height: 1; height: 100%; min-height: 1em; } .rbc-day-slot .rbc-time-slot { border-top: 1px solid #f7f7f7; } .rbc-time-view-resources .rbc-time-gutter, .rbc-time-view-resources .rbc-time-header-gutter { position: -webkit-sticky; position: sticky; left: 0; background-color: white; border-right: 1px solid #DDD; z-index: 10; margin-right: -1px; } .rbc-time-view-resources .rbc-time-header { overflow: hidden; } .rbc-time-view-resources .rbc-time-header-content { min-width: auto; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-flex-basis: 0px; -ms-flex-preferred-size: 0px; flex-basis: 0px; } .rbc-time-view-resources .rbc-time-header-cell-single-day { display: none; } .rbc-time-view-resources .rbc-day-slot { min-width: 140px; } .rbc-time-view-resources .rbc-header, .rbc-time-view-resources .rbc-day-bg { width: 140px; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-flex-basis: 0 px; -ms-flex-preferred-size: 0 px; flex-basis: 0 px; } .rbc-time-header-content + .rbc-time-header-content { margin-left: -1px; } .rbc-time-slot { -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .rbc-time-slot.rbc-now { font-weight: bold; } .rbc-day-header { text-align: center; } .rbc-slot-selection { z-index: 10; position: absolute; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 75%; width: 100%; padding: 3px; } .rbc-slot-selecting { cursor: move; } .rbc-time-view { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; border: 1px solid #DDD; min-height: 0; } .rbc-time-view .rbc-time-gutter { white-space: nowrap; } .rbc-time-view .rbc-allday-cell { box-sizing: content-box; width: 100%; height: 100%; position: relative; } .rbc-time-view .rbc-allday-cell + .rbc-allday-cell { border-left: 1px solid #DDD; } .rbc-time-view .rbc-allday-events { position: relative; z-index: 4; } .rbc-time-view .rbc-row { box-sizing: border-box; min-height: 20px; } .rbc-time-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .rbc-time-header.rbc-overflowing { border-right: 1px solid #DDD; } .rbc-rtl .rbc-time-header.rbc-overflowing { border-right-width: 0; border-left: 1px solid #DDD; } .rbc-time-header > .rbc-row:first-child { border-bottom: 1px solid #DDD; } .rbc-time-header > .rbc-row.rbc-row-resource { border-bottom: 1px solid #DDD; } .rbc-time-header-cell-single-day { display: none; } .rbc-time-header-content { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 0; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-left: 1px solid #DDD; } .rbc-rtl .rbc-time-header-content { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-time-header-content > .rbc-row.rbc-row-resource { border-bottom: 1px solid #DDD; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .rbc-time-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; border-top: 2px solid #DDD; overflow-y: auto; position: relative; } .rbc-time-content > .rbc-time-gutter { -webkit-flex: none; -ms-flex: none; flex: none; } .rbc-time-content > * + * > * { border-left: 1px solid #DDD; } .rbc-rtl .rbc-time-content > * + * > * { border-left-width: 0; border-right: 1px solid #DDD; } .rbc-time-content > .rbc-day-slot { width: 100%; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .rbc-current-time-indicator { position: absolute; z-index: 3; left: 0; right: 0; height: 1px; background-color: #74ad31; pointer-events: none; }.Select { position: relative; } .Select input::-webkit-contacts-auto-fill-button, .Select input::-webkit-credentials-auto-fill-button { display: none!important; } .Select input::-ms-clear { display: none!important; } .Select input::-ms-reveal { display: none!important; } .Select, .Select div, .Select input, .Select span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; opacity: .35; } .Select.is-disabled>.Select-control { background-color: #f9f9f9; } .Select.is-disabled>.Select-control:hover { box-shadow: none; } .Select.is-open>.Select-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: #fff; border-color: #b3b3b3 #ccc #d9d9d9; } .Select.is-open>.Select-control .Select-arrow { top: -2px; border-color: transparent transparent #999; border-width: 0 5px 5px; } .Select.is-searchable.is-open>.Select-control { cursor: text; } .Select.is-searchable.is-focused:not(.is-open)>.Select-control { cursor: text; } .Select.is-focused>.Select-control { background: #fff; } .Select.is-focused:not(.is-open)>.Select-control { border-color: #007eff; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1); background: #fff; } .Select.has-value.is-clearable.Select--single>.Select-control .Select-value { padding-right: 42px; } .Select.has-value.Select--single>.Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label { color: #333; } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus, .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover { color: #007eff; outline: 0; text-decoration: underline; } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus { background: #fff; } .Select.has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select .Select-arrow-zone:hover>.Select-arrow, .Select.is-open .Select-arrow { border-top-color: #666; } .Select.Select--rtl { direction: rtl; text-align: right; } .Select-control { background-color: #fff; border-color: #d9d9d9 #ccc #b3b3b3; border-radius: 4px; border: 1px solid #ccc; color: #333; cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 36px; outline: 0; overflow: hidden; position: relative; width: 100%; } .Select-control:hover { box-shadow: 0 1px 0 rgba(0,0,0,.06); } .Select-control .Select-input:focus { outline: 0; background: #fff; } .Select--single>.Select-control .Select-value, .Select-placeholder { bottom: 0; color: #aaa; left: 0; line-height: 34px; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; top: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Select-input { height: 34px; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .Select-input>input { width: 100%; background: none transparent; border: 0 none; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; font-size: inherit; margin: 0; outline: 0; line-height: 17px; padding: 8px 0 12px; -webkit-appearance: none; } .is-focused .Select-input>input { cursor: text; } .has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select-control:not(.is-searchable)>.Select-input { outline: 0; } .Select-loading-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 16px; } .Select-loading { -webkit-animation: Select-animation-spin .4s infinite linear; -o-animation: Select-animation-spin .4s infinite linear; animation: Select-animation-spin .4s infinite linear; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid #ccc; border-right-color: #333; display: inline-block; position: relative; vertical-align: middle; } .Select-clear-zone { -webkit-animation: Select-animation-fadeIn .2s; -o-animation: Select-animation-fadeIn .2s; animation: Select-animation-fadeIn .2s; color: #999; cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 17px; } .Select-clear-zone:hover { color: #D0021B; } .Select-clear { display: inline-block; font-size: 18px; line-height: 1; } .Select--multi .Select-clear-zone { width: 17px; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 5px; } .Select--rtl .Select-arrow-zone { padding-right: 0; padding-left: 5px; } .Select-arrow { border-color: #999 transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; display: inline-block; height: 0; width: 0; position: relative; } .Select-control>:last-child { padding-right: 5px; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { position: absolute; display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; float: left; } @-webkit-keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } .Select-menu-outer { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; border: 1px solid #ccc; border-top-color: #e6e6e6; box-shadow: 0 1px 0 rgba(0,0,0,.06); box-sizing: border-box; margin-top: -1px; max-height: 200px; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1; -webkit-overflow-scrolling: touch; } .Select-menu { max-height: 198px; overflow-y: auto; } .Select-option { box-sizing: border-box; background-color: #fff; color: #666; cursor: pointer; display: block; padding: 8px 10px; } .Select-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .Select-option.is-selected { background-color: #f5faff; background-color: rgba(0,126,255,.04); color: #333; } .Select-option.is-focused { background-color: #ebf5ff; background-color: rgba(0,126,255,.08); color: #333; } .Select-option.is-disabled { color: #ccc; cursor: default; } .Select-noresults { box-sizing: border-box; color: #999; cursor: default; display: block; padding: 8px 10px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 10px; padding: 0; } .Select--multi.Select--rtl .Select-input { margin-left: 0; margin-right: 10px; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { background-color: #ebf5ff; background-color: rgba(0,126,255,.08); border-radius: 2px; border: 1px solid #c2e0ff; border: 1px solid rgba(0,126,255,.24); color: #007eff; display: inline-block; font-size: .9em; line-height: 1.4; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: #007eff; cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid #c2e0ff; border-right: 1px solid rgba(0,126,255,.24); padding: 1px 5px 3px; } .Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover { background-color: #d8eafd; background-color: rgba(0,113,230,.08); color: #0071e6; } .Select--multi .Select-value-icon:active { background-color: #c2e0ff; background-color: rgba(0,126,255,.24); } .Select--multi.Select--rtl .Select-value { margin-left: 0; margin-right: 5px; } .Select--multi.Select--rtl .Select-value-icon { border-right: none; border-left: 1px solid #c2e0ff; border-left: 1px solid rgba(0,126,255,.24); } .Select--multi.is-disabled .Select-value { background-color: #fcfcfc; border: 1px solid #e3e3e3; color: #333; } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid #e3e3e3; } .Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover { background-color: #fcfcfc; } @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } }.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; 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, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; } .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, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::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: .8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: .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 { border-radius: 0.3rem; } .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-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"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-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: .3rem; border-top-right-radius: .3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .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 2px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: .944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: .45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; } .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; } .react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; } .react-datepicker__month-container { float: left; } .react-datepicker__year-container { margin: .4rem; text-align: center; display: flex; flex-wrap: wrap; } .react-datepicker__year-container-text { display: inline-block; cursor: pointer; flex: 1 0 30%; width: 12px; padding: 2px; } .react-datepicker__month { margin: .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: 85px; } .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: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; } .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: 0px; padding-left: 0px; 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: .166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: .3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .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: .166rem; } .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: .3rem; background-color: #216ba5; color: #fff; } .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: #1d5d90; } .react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: #ccc; pointer-events: none; } .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { border-radius: .3rem; background-color: #f0f0f0; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted { border-radius: .3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-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 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2 { color: green; } .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 { border-radius: .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 { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected { border-radius: .3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range { background-color: rgba(33,107,165,0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover { background-color: transparent; } .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: #216ba5; } .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: #f0f0f0; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: .3rem; } .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 { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: .45rem; } .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: .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: .3rem; border-top-right-radius: .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: .3rem; border-bottom-right-radius: .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: 0px 6px 0px 0px; 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: "\D7"; } .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__portal .react-datepicker__navigation { border: .81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; }.rc-time-picker { display: inline-block; position: relative; box-sizing: border-box; } .rc-time-picker * { box-sizing: border-box; } .rc-time-picker-clear { position: absolute; right: 6px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 3px; margin: 0; } .rc-time-picker-clear-icon:after { content: "x"; font-size: 12px; font-style: normal; color: #aaa; display: inline-block; line-height: 1; height: 20px; width: 20px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .rc-time-picker-clear-icon:hover:after { color: #666; } .rc-time-picker-input { width: 100%; position: relative; display: inline-block; padding: 4px 7px; height: 28px; cursor: text; font-size: 12px; line-height: 1.5; color: #666; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .rc-time-picker-input[disabled] { color: #ccc; background: #f7f7f7; cursor: not-allowed; } .rc-time-picker-panel { z-index: 1070; width: 170px; position: absolute; box-sizing: border-box; } .rc-time-picker-panel * { box-sizing: border-box; } .rc-time-picker-panel-inner { display: inline-block; position: relative; outline: none; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 5px #ccc; background-clip: padding-box; border: 1px solid #ccc; line-height: 1.5; } .rc-time-picker-panel-narrow { max-width: 113px; } .rc-time-picker-panel-input { margin: 0; padding: 0; width: 100%; cursor: auto; line-height: 1.5; outline: 0; border: 1px solid transparent; } .rc-time-picker-panel-input-wrap { box-sizing: border-box; position: relative; padding: 6px; border-bottom: 1px solid #e9e9e9; } .rc-time-picker-panel-input-invalid { border-color: red; } .rc-time-picker-panel-select { float: left; font-size: 12px; border: 1px solid #e9e9e9; border-width: 0 1px; margin-left: -1px; box-sizing: border-box; width: 56px; max-height: 144px; overflow-y: auto; position: relative; } .rc-time-picker-panel-select-active { overflow-y: auto; } .rc-time-picker-panel-select:first-child { border-left: 0; margin-left: 0; } .rc-time-picker-panel-select:last-child { border-right: 0; } .rc-time-picker-panel-select ul { list-style: none; box-sizing: border-box; margin: 0; padding: 0; width: 100%; } .rc-time-picker-panel-select li { list-style: none; margin: 0; padding: 0 0 0 16px; width: 100%; height: 24px; line-height: 24px; text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rc-time-picker-panel-select li:hover { background: #edfaff; } li.rc-time-picker-panel-select-option-selected { background: #f7f7f7; font-weight: bold; } li.rc-time-picker-panel-select-option-disabled { color: #ccc; } li.rc-time-picker-panel-select-option-disabled:hover { background: transparent; cursor: not-allowed; }@charset "UTF-8"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url(/dist/f4769f9bdb7466be65088239c12046d1.eot); src: url(/dist/f4769f9bdb7466be65088239c12046d1.eot) format("embedded-opentype"), url(/dist/448c34a56d699c29117adc64c43affeb.woff2) format("woff2"), url(/dist/fa2772327f55d8198301fdb8bcfc8158.woff) format("woff"), url(/dist/e18bbf611f2a2e43afc071aa2f4e1512.ttf) format("truetype"), url(/dist/89889688147bd7575d6327160d64e760.svg) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20AC"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270F"; } .glyphicon-glass:before { content: "\E001"; } .glyphicon-music:before { content: "\E002"; } .glyphicon-search:before { content: "\E003"; } .glyphicon-heart:before { content: "\E005"; } .glyphicon-star:before { content: "\E006"; } .glyphicon-star-empty:before { content: "\E007"; } .glyphicon-user:before { content: "\E008"; } .glyphicon-film:before { content: "\E009"; } .glyphicon-th-large:before { content: "\E010"; } .glyphicon-th:before { content: "\E011"; } .glyphicon-th-list:before { content: "\E012"; } .glyphicon-ok:before { content: "\E013"; } .glyphicon-remove:before { content: "\E014"; } .glyphicon-zoom-in:before { content: "\E015"; } .glyphicon-zoom-out:before { content: "\E016"; } .glyphicon-off:before { content: "\E017"; } .glyphicon-signal:before { content: "\E018"; } .glyphicon-cog:before { content: "\E019"; } .glyphicon-trash:before { content: "\E020"; } .glyphicon-home:before { content: "\E021"; } .glyphicon-file:before { content: "\E022"; } .glyphicon-time:before { content: "\E023"; } .glyphicon-road:before { content: "\E024"; } .glyphicon-download-alt:before { content: "\E025"; } .glyphicon-download:before { content: "\E026"; } .glyphicon-upload:before { content: "\E027"; } .glyphicon-inbox:before { content: "\E028"; } .glyphicon-play-circle:before { content: "\E029"; } .glyphicon-repeat:before { content: "\E030"; } .glyphicon-refresh:before { content: "\E031"; } .glyphicon-list-alt:before { content: "\E032"; } .glyphicon-lock:before { content: "\E033"; } .glyphicon-flag:before { content: "\E034"; } .glyphicon-headphones:before { content: "\E035"; } .glyphicon-volume-off:before { content: "\E036"; } .glyphicon-volume-down:before { content: "\E037"; } .glyphicon-volume-up:before { content: "\E038"; } .glyphicon-qrcode:before { content: "\E039"; } .glyphicon-barcode:before { content: "\E040"; } .glyphicon-tag:before { content: "\E041"; } .glyphicon-tags:before { content: "\E042"; } .glyphicon-book:before { content: "\E043"; } .glyphicon-bookmark:before { content: "\E044"; } .glyphicon-print:before { content: "\E045"; } .glyphicon-camera:before { content: "\E046"; } .glyphicon-font:before { content: "\E047"; } .glyphicon-bold:before { content: "\E048"; } .glyphicon-italic:before { content: "\E049"; } .glyphicon-text-height:before { content: "\E050"; } .glyphicon-text-width:before { content: "\E051"; } .glyphicon-align-left:before { content: "\E052"; } .glyphicon-align-center:before { content: "\E053"; } .glyphicon-align-right:before { content: "\E054"; } .glyphicon-align-justify:before { content: "\E055"; } .glyphicon-list:before { content: "\E056"; } .glyphicon-indent-left:before { content: "\E057"; } .glyphicon-indent-right:before { content: "\E058"; } .glyphicon-facetime-video:before { content: "\E059"; } .glyphicon-picture:before { content: "\E060"; } .glyphicon-map-marker:before { content: "\E062"; } .glyphicon-adjust:before { content: "\E063"; } .glyphicon-tint:before { content: "\E064"; } .glyphicon-edit:before { content: "\E065"; } .glyphicon-share:before { content: "\E066"; } .glyphicon-check:before { content: "\E067"; } .glyphicon-move:before { content: "\E068"; } .glyphicon-step-backward:before { content: "\E069"; } .glyphicon-fast-backward:before { content: "\E070"; } .glyphicon-backward:before { content: "\E071"; } .glyphicon-play:before { content: "\E072"; } .glyphicon-pause:before { content: "\E073"; } .glyphicon-stop:before { content: "\E074"; } .glyphicon-forward:before { content: "\E075"; } .glyphicon-fast-forward:before { content: "\E076"; } .glyphicon-step-forward:before { content: "\E077"; } .glyphicon-eject:before { content: "\E078"; } .glyphicon-chevron-left:before { content: "\E079"; } .glyphicon-chevron-right:before { content: "\E080"; } .glyphicon-plus-sign:before { content: "\E081"; } .glyphicon-minus-sign:before { content: "\E082"; } .glyphicon-remove-sign:before { content: "\E083"; } .glyphicon-ok-sign:before { content: "\E084"; } .glyphicon-question-sign:before { content: "\E085"; } .glyphicon-info-sign:before { content: "\E086"; } .glyphicon-screenshot:before { content: "\E087"; } .glyphicon-remove-circle:before { content: "\E088"; } .glyphicon-ok-circle:before { content: "\E089"; } .glyphicon-ban-circle:before { content: "\E090"; } .glyphicon-arrow-left:before { content: "\E091"; } .glyphicon-arrow-right:before { content: "\E092"; } .glyphicon-arrow-up:before { content: "\E093"; } .glyphicon-arrow-down:before { content: "\E094"; } .glyphicon-share-alt:before { content: "\E095"; } .glyphicon-resize-full:before { content: "\E096"; } .glyphicon-resize-small:before { content: "\E097"; } .glyphicon-exclamation-sign:before { content: "\E101"; } .glyphicon-gift:before { content: "\E102"; } .glyphicon-leaf:before { content: "\E103"; } .glyphicon-fire:before { content: "\E104"; } .glyphicon-eye-open:before { content: "\E105"; } .glyphicon-eye-close:before { content: "\E106"; } .glyphicon-warning-sign:before { content: "\E107"; } .glyphicon-plane:before { content: "\E108"; } .glyphicon-calendar:before { content: "\E109"; } .glyphicon-random:before { content: "\E110"; } .glyphicon-comment:before { content: "\E111"; } .glyphicon-magnet:before { content: "\E112"; } .glyphicon-chevron-up:before { content: "\E113"; } .glyphicon-chevron-down:before { content: "\E114"; } .glyphicon-retweet:before { content: "\E115"; } .glyphicon-shopping-cart:before { content: "\E116"; } .glyphicon-folder-close:before { content: "\E117"; } .glyphicon-folder-open:before { content: "\E118"; } .glyphicon-resize-vertical:before { content: "\E119"; } .glyphicon-resize-horizontal:before { content: "\E120"; } .glyphicon-hdd:before { content: "\E121"; } .glyphicon-bullhorn:before { content: "\E122"; } .glyphicon-bell:before { content: "\E123"; } .glyphicon-certificate:before { content: "\E124"; } .glyphicon-thumbs-up:before { content: "\E125"; } .glyphicon-thumbs-down:before { content: "\E126"; } .glyphicon-hand-right:before { content: "\E127"; } .glyphicon-hand-left:before { content: "\E128"; } .glyphicon-hand-up:before { content: "\E129"; } .glyphicon-hand-down:before { content: "\E130"; } .glyphicon-circle-arrow-right:before { content: "\E131"; } .glyphicon-circle-arrow-left:before { content: "\E132"; } .glyphicon-circle-arrow-up:before { content: "\E133"; } .glyphicon-circle-arrow-down:before { content: "\E134"; } .glyphicon-globe:before { content: "\E135"; } .glyphicon-wrench:before { content: "\E136"; } .glyphicon-tasks:before { content: "\E137"; } .glyphicon-filter:before { content: "\E138"; } .glyphicon-briefcase:before { content: "\E139"; } .glyphicon-fullscreen:before { content: "\E140"; } .glyphicon-dashboard:before { content: "\E141"; } .glyphicon-paperclip:before { content: "\E142"; } .glyphicon-heart-empty:before { content: "\E143"; } .glyphicon-link:before { content: "\E144"; } .glyphicon-phone:before { content: "\E145"; } .glyphicon-pushpin:before { content: "\E146"; } .glyphicon-usd:before { content: "\E148"; } .glyphicon-gbp:before { content: "\E149"; } .glyphicon-sort:before { content: "\E150"; } .glyphicon-sort-by-alphabet:before { content: "\E151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\E152"; } .glyphicon-sort-by-order:before { content: "\E153"; } .glyphicon-sort-by-order-alt:before { content: "\E154"; } .glyphicon-sort-by-attributes:before { content: "\E155"; } .glyphicon-sort-by-attributes-alt:before { content: "\E156"; } .glyphicon-unchecked:before { content: "\E157"; } .glyphicon-expand:before { content: "\E158"; } .glyphicon-collapse-down:before { content: "\E159"; } .glyphicon-collapse-up:before { content: "\E160"; } .glyphicon-log-in:before { content: "\E161"; } .glyphicon-flash:before { content: "\E162"; } .glyphicon-log-out:before { content: "\E163"; } .glyphicon-new-window:before { content: "\E164"; } .glyphicon-record:before { content: "\E165"; } .glyphicon-save:before { content: "\E166"; } .glyphicon-open:before { content: "\E167"; } .glyphicon-saved:before { content: "\E168"; } .glyphicon-import:before { content: "\E169"; } .glyphicon-export:before { content: "\E170"; } .glyphicon-send:before { content: "\E171"; } .glyphicon-floppy-disk:before { content: "\E172"; } .glyphicon-floppy-saved:before { content: "\E173"; } .glyphicon-floppy-remove:before { content: "\E174"; } .glyphicon-floppy-save:before { content: "\E175"; } .glyphicon-floppy-open:before { content: "\E176"; } .glyphicon-credit-card:before { content: "\E177"; } .glyphicon-transfer:before { content: "\E178"; } .glyphicon-cutlery:before { content: "\E179"; } .glyphicon-header:before { content: "\E180"; } .glyphicon-compressed:before { content: "\E181"; } .glyphicon-earphone:before { content: "\E182"; } .glyphicon-phone-alt:before { content: "\E183"; } .glyphicon-tower:before { content: "\E184"; } .glyphicon-stats:before { content: "\E185"; } .glyphicon-sd-video:before { content: "\E186"; } .glyphicon-hd-video:before { content: "\E187"; } .glyphicon-subtitles:before { content: "\E188"; } .glyphicon-sound-stereo:before { content: "\E189"; } .glyphicon-sound-dolby:before { content: "\E190"; } .glyphicon-sound-5-1:before { content: "\E191"; } .glyphicon-sound-6-1:before { content: "\E192"; } .glyphicon-sound-7-1:before { content: "\E193"; } .glyphicon-copyright-mark:before { content: "\E194"; } .glyphicon-registration-mark:before { content: "\E195"; } .glyphicon-cloud-download:before { content: "\E197"; } .glyphicon-cloud-upload:before { content: "\E198"; } .glyphicon-tree-conifer:before { content: "\E199"; } .glyphicon-tree-deciduous:before { content: "\E200"; } .glyphicon-cd:before { content: "\E201"; } .glyphicon-save-file:before { content: "\E202"; } .glyphicon-open-file:before { content: "\E203"; } .glyphicon-level-up:before { content: "\E204"; } .glyphicon-copy:before { content: "\E205"; } .glyphicon-paste:before { content: "\E206"; } .glyphicon-alert:before { content: "\E209"; } .glyphicon-equalizer:before { content: "\E210"; } .glyphicon-king:before { content: "\E211"; } .glyphicon-queen:before { content: "\E212"; } .glyphicon-pawn:before { content: "\E213"; } .glyphicon-bishop:before { content: "\E214"; } .glyphicon-knight:before { content: "\E215"; } .glyphicon-baby-formula:before { content: "\E216"; } .glyphicon-tent:before { content: "\26FA"; } .glyphicon-blackboard:before { content: "\E218"; } .glyphicon-bed:before { content: "\E219"; } .glyphicon-apple:before { content: "\F8FF"; } .glyphicon-erase:before { content: "\E221"; } .glyphicon-hourglass:before { content: "\231B"; } .glyphicon-lamp:before { content: "\E223"; } .glyphicon-duplicate:before { content: "\E224"; } .glyphicon-piggy-bank:before { content: "\E225"; } .glyphicon-scissors:before { content: "\E226"; } .glyphicon-bitcoin:before { content: "\E227"; } .glyphicon-btc:before { content: "\E227"; } .glyphicon-xbt:before { content: "\E227"; } .glyphicon-yen:before { content: "\A5"; } .glyphicon-jpy:before { content: "\A5"; } .glyphicon-ruble:before { content: "\20BD"; } .glyphicon-rub:before { content: "\20BD"; } .glyphicon-scale:before { content: "\E230"; } .glyphicon-ice-lolly:before { content: "\E231"; } .glyphicon-ice-lolly-tasted:before { content: "\E232"; } .glyphicon-education:before { content: "\E233"; } .glyphicon-option-horizontal:before { content: "\E234"; } .glyphicon-option-vertical:before { content: "\E235"; } .glyphicon-menu-hamburger:before { content: "\E236"; } .glyphicon-modal-window:before { content: "\E237"; } .glyphicon-oil:before { content: "\E238"; } .glyphicon-grain:before { content: "\E239"; } .glyphicon-sunglasses:before { content: "\E240"; } .glyphicon-text-size:before { content: "\E241"; } .glyphicon-text-color:before { content: "\E242"; } .glyphicon-text-background:before { content: "\E243"; } .glyphicon-object-align-top:before { content: "\E244"; } .glyphicon-object-align-bottom:before { content: "\E245"; } .glyphicon-object-align-horizontal:before { content: "\E246"; } .glyphicon-object-align-left:before { content: "\E247"; } .glyphicon-object-align-vertical:before { content: "\E248"; } .glyphicon-object-align-right:before { content: "\E249"; } .glyphicon-triangle-right:before { content: "\E250"; } .glyphicon-triangle-left:before { content: "\E251"; } .glyphicon-triangle-bottom:before { content: "\E252"; } .glyphicon-triangle-top:before { content: "\E253"; } .glyphicon-console:before { content: "\E254"; } .glyphicon-superscript:before { content: "\E255"; } .glyphicon-subscript:before { content: "\E256"; } .glyphicon-menu-left:before { content: "\E257"; } .glyphicon-menu-right:before { content: "\E258"; } .glyphicon-menu-down:before { content: "\E259"; } .glyphicon-menu-up:before { content: "\E260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: 400; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: 700; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "\2014 \A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: "\A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid:before, .container-fluid:after { display: table; content: " "; } .container-fluid:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input.form-control[type="month"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input.form-control[type="month"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select.form-control[multiple], .input-group-lg > select.input-group-addon[multiple], .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; 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); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #090909; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\A0"; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-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-image: -o-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-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: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 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-image: -o-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-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); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-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-image: -o-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-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); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-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-image: -o-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-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); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-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-image: -o-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-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); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { display: table; content: " "; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover > .arrow { border-width: 11px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203A"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .rv-xy-plot { color: #c3c3c3; position: relative; } .rv-xy-plot canvas { pointer-events: none; } .rv-xy-plot .rv-xy-canvas { pointer-events: none; position: absolute; } .rv-xy-plot__inner { display: block; } .rv-xy-plot__axis__line { fill: none; stroke-width: 2px; stroke: #e6e6e9; } .rv-xy-plot__axis__tick__line { stroke: #e6e6e9; } .rv-xy-plot__axis__tick__text { fill: #6b6b76; font-size: 11px; } .rv-xy-plot__axis__title text { fill: #6b6b76; font-size: 11px; } .rv-xy-plot__grid-lines__line { stroke: #e6e6e9; } .rv-xy-plot__circular-grid-lines__line { fill-opacity: 0; stroke: #e6e6e9; } .rv-xy-plot__series, .rv-xy-plot__series path { pointer-events: all; } .rv-xy-plot__series--line { fill: none; stroke: #000; stroke-width: 2px; } .rv-crosshair { position: absolute; font-size: 11px; pointer-events: none; } .rv-crosshair__line { background: #47d3d9; width: 1px; } .rv-crosshair__inner { position: absolute; text-align: left; top: 0; } .rv-crosshair__inner__content { border-radius: 4px; background: #3a3a48; color: #fff; font-size: 12px; padding: 7px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .rv-crosshair__inner--left { right: 4px; } .rv-crosshair__inner--right { left: 4px; } .rv-crosshair__title { font-weight: bold; white-space: nowrap; } .rv-crosshair__item { white-space: nowrap; } .rv-hint { position: absolute; pointer-events: none; } .rv-hint__content { border-radius: 4px; padding: 7px 10px; font-size: 12px; background: #3a3a48; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); color: #fff; text-align: left; white-space: nowrap; } .rv-discrete-color-legend { box-sizing: border-box; overflow-y: auto; font-size: 12px; } .rv-discrete-color-legend.horizontal { white-space: nowrap; } .rv-discrete-color-legend-item { color: #3a3a48; border-radius: 1px; padding: 9px 10px; } .rv-discrete-color-legend-item.horizontal { display: inline-block; } .rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title { margin-left: 0; display: block; } .rv-discrete-color-legend-item__color { display: inline-block; vertical-align: middle; overflow: visible; } .rv-discrete-color-legend-item__color__path { stroke: #dcdcdc; stroke-width: 2px; } .rv-discrete-color-legend-item__title { margin-left: 10px; } .rv-discrete-color-legend-item.disabled { color: #b8b8b8; } .rv-discrete-color-legend-item.clickable { cursor: pointer; } .rv-discrete-color-legend-item.clickable:hover { background: #f9f9f9; } .rv-search-wrapper { display: flex; flex-direction: column; } .rv-search-wrapper__form { flex: 0; } .rv-search-wrapper__form__input { width: 100%; color: #a6a6a5; border: 1px solid #e5e5e4; padding: 7px 10px; font-size: 12px; box-sizing: border-box; border-radius: 2px; margin: 0 0 9px; outline: 0; } .rv-search-wrapper__contents { flex: 1; overflow: auto; } .rv-continuous-color-legend { font-size: 12px; } .rv-continuous-color-legend .rv-gradient { height: 4px; border-radius: 2px; margin-bottom: 5px; } .rv-continuous-size-legend { font-size: 12px; } .rv-continuous-size-legend .rv-bubbles { text-align: justify; overflow: hidden; margin-bottom: 5px; width: 100%; } .rv-continuous-size-legend .rv-bubble { background: #d8d9dc; display: inline-block; vertical-align: bottom; } .rv-continuous-size-legend .rv-spacer { display: inline-block; font-size: 0; line-height: 0; width: 100%; } .rv-legend-titles { height: 16px; position: relative; } .rv-legend-titles__left, .rv-legend-titles__right, .rv-legend-titles__center { position: absolute; white-space: nowrap; overflow: hidden; } .rv-legend-titles__center { display: block; text-align: center; width: 100%; } .rv-legend-titles__right { right: 0; } .rv-radial-chart .rv-xy-plot__series--label { pointer-events: none; } .rv-treemap { font-size: 12px; position: relative; } .rv-treemap__leaf { overflow: hidden; position: absolute; } .rv-treemap__leaf--circle { align-items: center; border-radius: 100%; display: flex; justify-content: center; } .rv-treemap__leaf__content { overflow: hidden; padding: 10px; text-overflow: ellipsis; } .react-vis-magic-css-import-rule { display: inherit; } .rv-treemap { font-size: 12px; position: relative; } .rv-treemap__leaf { overflow: hidden; position: absolute; } .rv-treemap__leaf--circle { align-items: center; border-radius: 100%; display: flex; justify-content: center; } .rv-treemap__leaf__content { overflow: hidden; padding: 10px; text-overflow: ellipsis; } .rv-xy-plot { color: #c3c3c3; position: relative; } .rv-xy-plot canvas { pointer-events: none; } .rv-xy-plot .rv-xy-canvas { pointer-events: none; position: absolute; } .rv-xy-plot__inner { display: block; } .rv-xy-plot__axis__line { fill: none; stroke-width: 2px; stroke: #e6e6e9; } .rv-xy-plot__axis__tick__line { stroke: #e6e6e9; } .rv-xy-plot__axis__tick__text { fill: #6b6b76; font-size: 11px; } .rv-xy-plot__axis__title text { fill: #6b6b76; font-size: 11px; } .rv-xy-plot__grid-lines__line { stroke: #e6e6e9; } .rv-xy-plot__circular-grid-lines__line { fill-opacity: 0; stroke: #e6e6e9; } .rv-xy-plot__series, .rv-xy-plot__series path { pointer-events: all; } .rv-xy-plot__series--line { fill: none; stroke: #000; stroke-width: 2px; } .rv-crosshair { position: absolute; font-size: 11px; pointer-events: none; } .rv-crosshair__line { background: #47d3d9; width: 1px; } .rv-crosshair__inner { position: absolute; text-align: left; top: 0; } .rv-crosshair__inner__content { border-radius: 4px; background: #3a3a48; color: #fff; font-size: 12px; padding: 7px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .rv-crosshair__inner--left { right: 4px; } .rv-crosshair__inner--right { left: 4px; } .rv-crosshair__title { font-weight: bold; white-space: nowrap; } .rv-crosshair__item { white-space: nowrap; } .rv-hint { position: absolute; pointer-events: none; } .rv-hint__content { border-radius: 4px; padding: 7px 10px; font-size: 12px; background: #3a3a48; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); color: #fff; text-align: left; white-space: nowrap; } .rv-discrete-color-legend { box-sizing: border-box; overflow-y: auto; font-size: 12px; } .rv-discrete-color-legend.horizontal { white-space: nowrap; } .rv-discrete-color-legend-item { color: #3a3a48; border-radius: 1px; padding: 9px 10px; } .rv-discrete-color-legend-item.horizontal { display: inline-block; } .rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title { margin-left: 0; display: block; } .rv-discrete-color-legend-item__color { display: inline-block; vertical-align: middle; overflow: visible; } .rv-discrete-color-legend-item__color__path { stroke: #dcdcdc; stroke-width: 2px; } .rv-discrete-color-legend-item__title { margin-left: 10px; } .rv-discrete-color-legend-item.disabled { color: #b8b8b8; } .rv-discrete-color-legend-item.clickable { cursor: pointer; } .rv-discrete-color-legend-item.clickable:hover { background: #f9f9f9; } .rv-search-wrapper { display: flex; flex-direction: column; } .rv-search-wrapper__form { flex: 0; } .rv-search-wrapper__form__input { width: 100%; color: #a6a6a5; border: 1px solid #e5e5e4; padding: 7px 10px; font-size: 12px; box-sizing: border-box; border-radius: 2px; margin: 0 0 9px; outline: 0; } .rv-search-wrapper__contents { flex: 1; overflow: auto; } .rv-continuous-color-legend { font-size: 12px; } .rv-continuous-color-legend .rv-gradient { height: 4px; border-radius: 2px; margin-bottom: 5px; } .rv-continuous-size-legend { font-size: 12px; } .rv-continuous-size-legend .rv-bubbles { text-align: justify; overflow: hidden; margin-bottom: 5px; width: 100%; } .rv-continuous-size-legend .rv-bubble { background: #d8d9dc; display: inline-block; vertical-align: bottom; } .rv-continuous-size-legend .rv-spacer { display: inline-block; font-size: 0; line-height: 0; width: 100%; } .rv-legend-titles { height: 16px; position: relative; } .rv-legend-titles__left, .rv-legend-titles__right, .rv-legend-titles__center { position: absolute; white-space: nowrap; overflow: hidden; } .rv-legend-titles__center { display: block; text-align: center; width: 100%; } .rv-legend-titles__right { right: 0; } .rv-radial-chart .rv-xy-plot__series--label { pointer-events: none; } body { font-family: Sintony, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0; } h1, h2, h3, h4, h5 { font-weight: normal; } h1 { font-size: 36px; margin: 20px 0; } h2 { font-size: 24px; margin: 15px 0; } main { padding: 40px 0; } header { background: #f0f0f0; line-height: 40px; position: fixed; top: 0; width: 100%; z-index: 1000; } .flex { display: flex; } .docs-link { font-weight: 500; font-size: 11px; margin-right: 5px; text-transform: uppercase; border-left: 1px solid #c0c0c0; padding-left: 5px; line-height: 1; } .docs-link:first-child { border-left: 0px; padding-left: 0px; } .docs-comment { display: flex; max-width: 300px; } .header-contents { align-items: center; display: flex; justify-content: space-between; padding: 0 20px; } .header-logo { color: #000; float: left; font-size: 20px; text-decoration: none; } .background-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1; } .dropdown-button { cursor: pointer; z-index: 10; } .dropdown-wrapper { display: flex; position: relative; } .dropdown-wrapper .dropdown-inner-wrapper { background: #fff; border: 2px solid #000; display: flex; flex-direction: column; font-size: 11px; height: auto; list-style: none; padding: 10px; position: absolute; right: -5px; top: 25px; width: 150px; z-index: 10; } .dropdown-wrapper a { display: flex; height: auto; line-height: 15px; text-decoration: none; } .dropdown-wrapper li { display: flex; height: 100%; } .dropdown-wrapper .subsection-label { font-weight: 600; line-height: 15px; } article { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 auto; max-width: 1200px; min-width: 650px; padding: 30px 20px 0; } article h1, article h2 { flex: 1 100%; } article h1 small, article h2 small { color: #6b6b76; font-size: 50%; } article section { flex-basis: 400px; flex-grow: 1; margin: 0 0 40px; } article .section-title { margin-bottom: 5px; } article .section-header { margin-bottom: 1em; } .click-me { border: 0; background: #ef5d28; color: #fff; cursor: pointer; font-family: Sintony, Helvetica, sans-serif; font-size: 14px; outline: none; padding: 11px 20px; text-transform: uppercase; animation: shake 5s 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite; transform: translate3d(0, 0, 0); } .click-me:hover { background: #ff9833; } @keyframes shake { 1%, 9% { transform: translate3d(-1px, 0, 0); } 2%, 8% { transform: translate3d(2px, 0, 0); } 3%, 5%, 7% { transform: translate3d(-4px, 0, 0); } 4%, 6% { transform: translate3d(4px, 0, 0); } } .example-with-click-me { position: relative; text-align: center; width: 100%; } .example-with-click-me:hover .click-me { animation: none; } .example-with-click-me .chart { margin-right: 200px; } .example-with-click-me .chart .rv-xy-plot__axis__tick__line { stroke: #6b6b76; } .example-with-click-me .legend { position: absolute; text-align: left; right: 0; } .custom-hint { background: #f9e7bb; border-radius: 3px; border: 1px solid #edaf00; padding: 10px; color: #333; font-size: 10px; position: relative; margin: 12px 0 0 -10px; } .custom-hint::after { border-radius: 5px; border: 2px solid #edaf00; background: #fff; display: block; content: ' '; height: 6px; width: 6px; top: -17px; left: 5px; position: absolute; } .complex-hint { margin-top: 40px; } .complex-hint .rv-hint { /* must be positioned in a parent with relative positioning */ position: absolute; width: 0; height: 100%; } .complex-hint .rv-hint .hint--text-container { position: absolute; /* * set to 0,0 so that its content (including children) * can overflow out in vertical and horizontal */ width: 0; height: 0; /* * use flex to place its children (centered) and aligned (bottom). * As its height is 0, align-items flex-end paints its items from cross-axis * up. flex-start, its items would paint from cross-axis down. */ display: flex; justify-content: center; } .complex-hint .rv-hint .hint--text-container.rightEdge-top { flex-direction: column-reverse; align-items: flex-start; } .complex-hint .rv-hint .hint--text-container.left-topEdge { flex-direction: row; align-items: flex-end; } .complex-hint .rv-hint .hint--text-container.left-bottomEdge { flex-direction: row; align-items: flex-start; } .complex-hint .rv-hint .hint--text-container.leftEdge-top { flex-direction: column; align-items: flex-end; } .complex-hint .rv-hint .hint--text-container .hint--text { /* text content uses -micro padding */ padding: 4px; border: 2px solid black; color: black; white-space: nowrap; } .complex-hint .rv-hint .hint--pole { position: absolute; } .complex-hint .rv-hint .hint--pole.rightEdge-top { top: -1px; left: -10px; border-top: 2px solid black; width: 10px; height: 0; } .complex-hint .rv-hint .hint--pole.left-topEdge { border-left: 2px solid black; left: -1px; height: 10px; width: 0; top: 0; } .complex-hint .rv-hint .hint--pole.left-bottomEdge { border-left: 2px solid black; left: -1px; height: 25px; width: 0; top: -25px; } .complex-hint .rv-hint .hint--pole.leftEdge-top { top: -1px; border-top: 2px solid black; width: 30px; height: 0; } .complex-hint .rv-hint--horizontalAlign-rightEdge.rv-hint--verticalAlign-top { width: 0; height: 0; } .complex-hint .rv-hint--horizontalAlign-left.rv-hint--verticalAlign-topEdge { width: 0; height: 100%; } .complex-hint .rv-hint--horizontalAlign-left.rv-hint--verticalAlign-bottomEdge { width: 0; height: 0; } .complex-hint .rv-hint--horizontalAlign-leftEdge.rv-hint--verticalAlign-top { width: 100%; height: 0; } .centered-and-flexed { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0 10px; } .centered-and-flexed .centered-and-flexed-controls { align-items: center; display: flex; justify-content: space-between; padding: 10px 0; width: 75%; } .dynamic-treemap-example .rv-treemap__leaf--circle { border: thin solid white; } .clustered-stacked-bar-chart-example .rv-discrete-color-legend { left: 40px; position: absolute; top: 0; } .basic-sunburst-example-path-name { height: 20px; } .showcase-button { background: #fff; border: thin solid #333; border-radius: 5px; cursor: pointer; font-size: 10px; font-weight: 600; padding: 5px 10px; } .donut-chart-example .rv-radial-chart__series--pie__slice:hover { stroke: #000 !important; stroke-width: 2px !important; } .parallel-coordinates-example .rv-xy-plot__series--line { stroke: #12939A !important; } .parallel-coordinates-example .rv-xy-plot__series--line:hover { stroke: #F15C17 !important; } .canvas-example-controls { display: flex; } .canvas-wrapper { align-items: center; display: flex; flex-direction: column; width: 100%; } .highlight-container { cursor: crosshair; } .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot); src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot) format("embedded-opentype"), url(/dist/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(/dist/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(/dist/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(/dist/912ec66d7572ff821749319396470bde.svg) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-feed:before, .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-intersex:before, .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-genderless:before { content: "\F22D"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } .fa-yc:before, .fa-y-combinator:before { content: "\F23B"; } .fa-optin-monster:before { content: "\F23C"; } .fa-opencart:before { content: "\F23D"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .fa-handshake-o:before { content: "\F2B5"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-o:before { content: "\F2B7"; } .fa-linode:before { content: "\F2B8"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-book-o:before { content: "\F2BA"; } .fa-vcard:before, .fa-address-card:before { content: "\F2BB"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\F2BC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-circle-o:before { content: "\F2BE"; } .fa-user-o:before { content: "\F2C0"; } .fa-id-badge:before { content: "\F2C1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\F2C2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\F2C3"; } .fa-quora:before { content: "\F2C4"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-telegram:before { content: "\F2C6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\F2CB"; } .fa-shower:before { content: "\F2CC"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\F2CD"; } .fa-podcast:before { content: "\F2CE"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\F2D3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\F2D4"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-grav:before { content: "\F2D6"; } .fa-etsy:before { content: "\F2D7"; } .fa-imdb:before { content: "\F2D8"; } .fa-ravelry:before { content: "\F2D9"; } .fa-eercast:before { content: "\F2DA"; } .fa-microchip:before { content: "\F2DB"; } .fa-snowflake-o:before { content: "\F2DC"; } .fa-superpowers:before { content: "\F2DD"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-meetup:before { content: "\F2E0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /** * React Select * ============ * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/ * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs * MIT License: https://github.com/JedWatson/react-select */ @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } } .Select { position: relative; } .Select input::-webkit-contacts-auto-fill-button, .Select input::-webkit-credentials-auto-fill-button { display: none !important; } .Select input::-ms-clear { display: none !important; } .Select input::-ms-reveal { display: none !important; } .Select, .Select div, .Select input, .Select span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; } .Select.is-disabled > .Select-control { background-color: #f9f9f9; } .Select.is-disabled > .Select-control:hover { box-shadow: none; } .Select.is-searchable.is-open > .Select-control { cursor: text; } .Select.is-searchable.is-focused:not(.is-open) > .Select-control { cursor: text; } .Select.is-open > .Select-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: #fff; border-color: #b3b3b3 #ccc #d9d9d9; } .Select.is-open > .Select-control .Select-arrow { top: -2px; border-color: transparent transparent #999; border-width: 0 5px 5px; } .Select.is-focused > .Select-control { background: #fff; } .Select.is-focused:not(.is-open) > .Select-control { border-color: #08c #0099e6 #0099e6; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); } .Select.has-value.is-clearable.Select--single > .Select-control .Select-value { padding-right: 42px; } .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #333; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { color: #08c; outline: none; text-decoration: underline; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { background: #fff; } .Select.has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select.is-open .Select-arrow, .Select .Select-arrow-zone:hover > .Select-arrow { border-top-color: #666; } .Select.Select--rtl { direction: rtl; text-align: right; } .Select-control { background-color: #fff; border-color: #d9d9d9 #ccc #b3b3b3; border-radius: 4px; border: 1px solid #ccc; color: #333; cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 36px; outline: none; overflow: hidden; position: relative; width: 100%; } .Select-control:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .Select-control .Select-input:focus { outline: none; background: #fff; } .Select-placeholder, .Select--single > .Select-control .Select-value { bottom: 0; color: #aaa; left: 0; line-height: 34px; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; top: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Select-input { height: 34px; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .Select-input > input { width: 100%; background: none transparent; border: 0 none; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; font-size: inherit; margin: 0; outline: none; line-height: 17px; /* For IE 8 compatibility */ padding: 8px 0 12px; /* For IE 8 compatibility */ -webkit-appearance: none; } .is-focused .Select-input > input { cursor: text; } .Select-control:not(.is-searchable) > .Select-input { outline: none; } .Select-loading-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 16px; } .Select-loading { -webkit-animation: Select-animation-spin 400ms infinite linear; -o-animation: Select-animation-spin 400ms infinite linear; animation: Select-animation-spin 400ms infinite linear; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid #ccc; border-right-color: #333; display: inline-block; position: relative; vertical-align: middle; } .Select-clear-zone { -webkit-animation: Select-animation-fadeIn 200ms; -o-animation: Select-animation-fadeIn 200ms; animation: Select-animation-fadeIn 200ms; color: #999; cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 17px; } .Select-clear-zone:hover { color: #D0021B; } .Select-clear { display: inline-block; font-size: 18px; line-height: 1; } .Select--multi .Select-clear-zone { width: 17px; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { position: absolute; display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; float: left; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 5px; } .Select--rtl .Select-arrow-zone { padding-right: 0; padding-left: 5px; } .Select-arrow { border-color: #999 transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; display: inline-block; height: 0; width: 0; position: relative; } @-webkit-keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } .Select-menu-outer { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; border: 1px solid #ccc; border-top-color: #e6e6e6; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-top: -1px; max-height: 200px; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1000; -webkit-overflow-scrolling: touch; } .Select-menu { max-height: 198px; overflow-y: auto; } .Select-option { box-sizing: border-box; background-color: #fff; color: #666666; cursor: pointer; display: block; padding: 8px 10px; } .Select-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .Select-option.is-selected { background-color: #f5faff; color: #333; } .Select-option.is-focused { background-color: #f2f9fc; color: #333; } .Select-option.is-disabled { color: #cccccc; cursor: default; } .Select-noresults { box-sizing: border-box; color: #999999; cursor: default; display: block; padding: 8px 10px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 10px; padding: 0; } .Select--multi.Select--rtl .Select-input { margin-left: 0; margin-right: 10px; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { background-color: #f2f9fc; border-radius: 2px; border: 1px solid #c9e6f2; color: #08c; display: inline-block; font-size: 0.9em; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: #08c; cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid #c9e6f2; padding: 1px 5px 3px; } .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus { background-color: #ddeff7; color: #0077b3; } .Select--multi .Select-value-icon:active { background-color: #c9e6f2; } .Select--multi.Select--rtl .Select-value { margin-left: 0; margin-right: 5px; } .Select--multi.Select--rtl .Select-value-icon { border-right: none; border-left: 1px solid #c9e6f2; } .Select--multi.is-disabled .Select-value { background-color: #fcfcfc; border: 1px solid #e3e3e3; color: #333; } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid #e3e3e3; } .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active { background-color: #fcfcfc; } @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } } .ReactCrop { position: relative; display: inline-block; cursor: crosshair; overflow: hidden; max-width: 100%; background-color: #000; } .ReactCrop:focus { outline: none; } .ReactCrop--disabled { cursor: inherit; } .ReactCrop__image { /* autoprefixer: off */ display: block; max-width: 100%; max-height: -webkit-fill-available; max-height: -moz-available; max-height: stretch; } .ReactCrop--crop-invisible .ReactCrop__image { opacity: 0.5; } .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); 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__drag-handle { position: absolute; width: 9px; height: 9px; 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-n { top: 0; left: 50%; margin-top: -5px; margin-left: -5px; cursor: n-resize; } .ReactCrop .ord-ne { top: 0; right: 0; margin-top: -5px; margin-right: -5px; cursor: ne-resize; } .ReactCrop .ord-e { top: 50%; right: 0; margin-top: -5px; margin-right: -5px; cursor: e-resize; } .ReactCrop .ord-se { bottom: 0; right: 0; margin-bottom: -5px; margin-right: -5px; cursor: se-resize; } .ReactCrop .ord-s { bottom: 0; left: 50%; margin-bottom: -5px; margin-left: -5px; cursor: s-resize; } .ReactCrop .ord-sw { bottom: 0; left: 0; margin-bottom: -5px; margin-left: -5px; cursor: sw-resize; } .ReactCrop .ord-w { top: 50%; left: 0; margin-top: -5px; margin-left: -5px; cursor: w-resize; } .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 (max-width: 768px), (pointer: coarse) { .ReactCrop__drag-handle { width: 17px; height: 17px; } .ReactCrop .ord-nw { margin-top: -9px; margin-left: -9px; } .ReactCrop .ord-n { margin-top: -9px; margin-left: -9px; } .ReactCrop .ord-ne { margin-top: -9px; margin-right: -9px; } .ReactCrop .ord-e { margin-top: -9px; margin-right: -9px; } .ReactCrop .ord-se { margin-bottom: -9px; margin-right: -9px; } .ReactCrop .ord-s { margin-bottom: -9px; margin-left: -9px; } .ReactCrop .ord-sw { margin-bottom: -9px; margin-left: -9px; } .ReactCrop .ord-w { margin-top: -9px; margin-left: -9px; } .ReactCrop__drag-bar.ord-n { height: 14px; margin-top: -7px; } .ReactCrop__drag-bar.ord-e { width: 14px; margin-right: -7px; } .ReactCrop__drag-bar.ord-s { height: 14px; margin-bottom: -7px; } .ReactCrop__drag-bar.ord-w { width: 14px; margin-left: -7px; } } .theme-light path.recharts-sector { stroke: white; } .theme-dark path.recharts-sector { stroke: #232329; } .theme-light .recharts-legend-item-text { color: #646777; } .theme-dark .recharts-legend-item-text { color: #dddddd; } .recharts-text { fill: #999999; opacity: 0.6; } .recharts-cartesian-axis-line { opacity: 0; } .recharts-cartesian-grid-horizontal line, .recharts-cartesian-grid-vertical line { fill: #999999; opacity: 0.2; } .recharts-brush-slide { fill: #dee3eb; fill-opacity: 1; } .recharts-brush-traveller { transform: translateX(-8px); } .recharts-brush-traveller rect { fill: #ffffff; width: 12px; stroke: #dee3eb; } .recharts-brush-traveller line { stroke: #dee3eb; transform: translateX(4px); } .recharts-brush-traveller:first-of-type { transform: translateX(0); } .recharts-tooltip-cursor { fill-opacity: 0.2; } .card .chartjs-size-monitor + .card__title:not(:first-child) { margin-top: 0; } .rc-notification { position: fixed; z-index: 100000; } .rc-notification-notice { display: block; width: auto; line-height: 1.5; vertical-align: middle; position: relative; } .rc-notification-notice-close { position: absolute; cursor: pointer; outline: none; font-weight: 700; line-height: 1; opacity: .2; text-decoration: none; } .rc-notification-notice-close-x:after { content: '\D7'; } .rc-notification-fade-enter { opacity: 0; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused; } .rc-notification-fade-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused; } .rc-notification-fade-enter.rc-notification-fade-enter-active { animation-name: rcNotificationFadeIn; animation-play-state: running; } .rc-notification-fade-enter.rc-notification-fade-enter-active.right-up { animation-name: rcNotificationRightFadeIn; } .rc-notification-fade-enter.rc-notification-fade-enter-active.left-up { animation-name: rcNotificationLeftFadeIn; } .rc-notification-fade-leave.rc-notification-fade-leave-active { animation-name: rcDialogFadeOut; animation-play-state: running; } @keyframes rcNotificationFadeIn { 0% { transform: translateY(-100%); opacity: 0; } 100% { opacity: 1; transform: translateY(0); } } @keyframes rcNotificationLeftFadeIn { 0% { transform: translateX(-100%); opacity: 0; } 100% { opacity: 1; transform: translateX(0); } } @keyframes rcNotificationRightFadeIn { 0% { transform: translateX(100%); opacity: 0; } 100% { opacity: 1; transform: translateX(0); } } @keyframes rcDialogFadeOut { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-100%); opacity: 0; } } .rc-notification { left: auto !important; top: 60px !important; height: 0; } .rc-notification > span { height: 0; display: block; } .rc-notification-notice-close { right: 45px; top: 15px; font-size: 26px; line-height: 1; font-weight: 300; color: #646777; text-shadow: none; opacity: 0.2; } .rc-notification-notice-close:hover { opacity: 0.5; color: #646777; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: Roboto; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } main { padding: 0; } body { margin: 0 !important; text-align: unset !important; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif !important; font-size: 13px; line-height: 1.6; } * { box-sizing: inherit; } ul, ol { padding-left: 15px; margin-bottom: 0; } a { color: #70bbfd; transition: all 0.3s; } a:hover { text-decoration: none; color: #3ea3fc; } #name-error-text { font-size: 12px; } p, h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 400; margin-bottom: 0; } .theme-light p, .theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4, .theme-light h5, .theme-light h6 { color: #646777; } .theme-dark p, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 { color: #dddddd; } p { margin: 10px 0 0 0; } p:first-child { margin: 0; } h1 { font-size: 36px; line-height: 48px; } h1.subhead { font-size: 30px; color: #999999; line-height: 36px; } h2 { font-size: 30px; line-height: 36px; } h2.subhead { font-size: 24px; color: #999999; line-height: 32px; } h3 { font-size: 24px; line-height: 32px; } h3.subhead { font-size: 18px; color: #999999; line-height: 24px; } h3.subheadInfo { font-size: 16px; color: #999999; line-height: 50px; } li h3.subheadInfo { font-size: 14px; color: #999999; line-height: 50px; } h4 { font-size: 18px; line-height: 24px; } h4.subhead { font-size: 12px; color: #999999; line-height: 16px; } h5 { font-size: 14px; line-height: 18px; } h5.subhead { font-size: 10px; color: #999999; line-height: 12px; } h6 { font-size: 12px; line-height: 16px; } h6.subhead { font-size: 8px; color: #999999; line-height: 10px; } .bold-text { font-weight: 700; } .bold-text audio:focus { outline: none !important; } .bold-text-title { padding: 2px 7px 2px; color: #455672 !important; font: normal normal 450 20px/30px Roboto; } .titleCaps { text-transform: capitalize; margin-top: -15px; } .subheading-title { padding-left: 7px; color: #628690 !important; margin-top: -8px; font-size: 11px; } .typography--inline { display: flex; flex-wrap: wrap; } .typography--inline * { margin-top: auto; margin-right: 15px; } .typography-card h1, .typography-card h2, .typography-card h3, .typography-card h4, .typography-card h5, .typography-card h6 { margin-bottom: 10px; } blockquote { font-size: 13px; font-style: italic; border-left: 3px solid #70bbfd; margin-bottom: 0; padding-left: 10px; } .highlight { background-color: #70bbfd; color: #ffffff; } .red-text { color: #ad4444; } .page-title { font-weight: 500; text-transform: capitalize; font-size: 20px; } .page-title:last-child { margin-bottom: 30px; } .page-title.page-title--not-last { margin-top: 20px; } .page-title1 { font-weight: 500; text-transform: capitalize; font-size: 18px; padding-top: 10px; } .page-title1:last-child { margin-bottom: 30px; } .page-title1.page-title--not-last { margin-top: 20px; } .page-subhead { margin-bottom: 20px; } .page-subhead.subhead { font-size: 16px; opacity: 0.7; } .tab-subhead { line-height: 10px; margin-bottom: 0px; } .tab-subhead.subhead { font-size: 16px; opacity: 0.7; } ::selection { color: #ffffff; background: #70bbfd; } .bold-text-title-onboarding { color: #455672 !important; font: normal normal 450 20px/30px Roboto; } .alert { border-radius: 0; position: relative; margin-bottom: 10px; padding: 0; display: flex; } .alert.fade { opacity: 1; } .alert:last-child { margin-bottom: 0; } .alert p { color: #ffffff; margin-top: 0; } .alert .close { color: white; opacity: 1; font-weight: 100; right: 20px; font-size: 14px; line-height: 14px; position: absolute; top: calc(50% - 7px); text-shadow: none; } .alert .close:focus, .alert .close:active, .alert .close:active:focus { outline: none; } .alert.alert-info { background-color: #70bbfd; border-color: #70bbfd; } .alert.alert-info.alert--bordered .alert__icon { background-color: #70bbfd; } .alert.alert-info.alert--colored .alert__icon { background-color: #87c3f7; } .alert.alert-info.alert--neutral .alert__icon svg { fill: #70bbfd; } .alert.alert-success { background-color: #70bbfd; border-color: #70bbfd; } .alert.alert-success.alert--bordered .alert__icon { background-color: #70bbfd; } .alert.alert-success.alert--colored .alert__icon { background-color: #55e5bb; } .alert.alert-success.alert--neutral .alert__icon svg { fill: #70bbfd; } .alert.alert-warning { background-color: #f6da6e; border-color: #f6da6e; } .alert.alert-warning.alert--bordered .alert__icon { background-color: #f6da6e; } .alert.alert-warning.alert--colored .alert__icon { background-color: #f4dd87; } .alert.alert-warning.alert--neutral .alert__icon svg { fill: #f6da6e; } .alert.alert-danger { background-color: #ff4861; border-color: #ff4861; } .alert.alert-danger.alert--bordered .alert__icon { background-color: #ff4861; } .alert.alert-danger.alert--colored .alert__icon { background-color: #f88e7d; } .alert.alert-danger.alert--neutral .alert__icon svg { fill: #ff4861; } .alert.alert--bordered { background-color: transparent; } .theme-light .alert.alert--bordered p { color: #646777; } .theme-dark .alert.alert--bordered p { color: #dddddd; } .alert.alert--bordered .close { color: #999999; } .alert.transcript--alert { display: flex !important; margin: 10px 0; } .alert.transcript--alert p { color: #435369; } .alert.alert--neutral { background-color: transparent; border-color: #f2f4f7; } .theme-light .alert.alert--neutral p { color: #646777; } .theme-dark .alert.alert--neutral p { color: #dddddd; } .alert.alert--neutral .close { color: #999999; } .theme-light .alert.alert--neutral svg { fill: #646777; } .theme-dark .alert.alert--neutral svg { fill: #dddddd; } .alert.alert--neutral .alert__icon { border-right: 1px solid #f2f4f7; } .alert__icon { padding: 18px; display: flex; } .alert__icon svg { fill: #ffffff; margin: auto 0; } .alert__content { padding: 10px 40px 10px 20px; } .btn { border-radius: 5px; padding: 10px 25px; margin-bottom: 20px; margin-right: 15px; transition: all 0.4s; font-size: 14px; position: relative; overflow: hidden; z-index: 0; } .btn:last-child { margin-right: 0; } .btn:before { position: absolute; height: 0; width: 0; border-radius: 50%; background-color: #70bbfd; transform: translate(-50%, -50%); z-index: -1; content: ""; top: 0; left: 0; } .btn p { display: flex; transition: all 0.3s; font-weight: 500; color: #444444; } .btn svg { height: 14px; width: 14px; margin: 2px 5px 0 0; transition: all 0.3s; fill: #444444; } .btn:hover, .btn:focus, .btn:active, .btn:active:focus { outline: none; box-shadow: none !important; } .btn:hover:before, .btn:focus:before, .btn:active:before, .btn:active:focus:before { height: 500%; width: 225%; } .btn:focus:before, .btn:active:before, .btn:active:focus:before { transition: all 0s; } .btn.square { border-radius: 0; } .btn.rounded { border-radius: 30px !important; } .btn.icon { padding: 10px 15px; } .btn.icon:hover p { color: #646777; } .btn.icon:hover svg { fill: #646777; } .btn.icon.icon--right svg { margin: 2px 0 0 5px; } .btn.btn-sm, .btn-group-sm > .btn { padding: 5px 25px; font-size: 14px; } .btn.btn-transparent { background-color: transparent; border: none; float: right; } .btn.btn-lg, .btn-group-lg > .btn { padding: 12px 25px; font-size: 14px; } .btn.btn-secondary { background-color: #e7e2e2; border-color: #e7e2e2; color: white; } .btn.btn-secondary:before { background-color: #DEF1FF; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:focus { border-color: #d0c6c6; color: #646777; } .btn.btn-secondary:not([disabled]):not(.disabled):active, .btn.btn-secondary:not([disabled]):not(.disabled).active { background-color: #dddddd; border-color: #dddddd; } .btn.btn-outline-secondary { border-color: #e7e2e2; } .theme-light .btn.btn-outline-secondary, .theme-light .btn.btn-outline-secondary p { color: #646777; } .theme-dark .btn.btn-outline-secondary, .theme-dark .btn.btn-outline-secondary p { color: #dddddd; } .theme-light .btn.btn-outline-secondary svg { fill: #646777; } .theme-dark .btn.btn-outline-secondary svg { fill: #dddddd; } .btn.btn-outline-secondary:before { background-color: #e7e2e2; } .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:active:focus { background: transparent; border-color: #e7e2e2; color: #444444; } .btn.btn-outline-secondary:hover p, .btn.btn-outline-secondary:focus p, .btn.btn-outline-secondary:active p, .btn.btn-outline-secondary:active:focus p { color: #444444; } .btn.btn-outline-secondary:hover svg, .btn.btn-outline-secondary:focus svg, .btn.btn-outline-secondary:active svg, .btn.btn-outline-secondary:active:focus svg { fill: #444444; } .btn.btn-primary { background-color: #70bbfd; border-color: #70bbfd; } .btn.btn-primary:before { background-color: #3ea3fc; } .btn.btn-outline-primary { color: #70bbfd; border-color: #70bbfd; } .btn.btn-outline-primary p { color: #70bbfd; } .btn.btn-outline-primary svg { fill: #70bbfd; } .btn.btn-outline-primary:before { background-color: #70bbfd; } .btn.btn-success { background-color: #70bbfd; border-color: #70bbfd; } .btn.btn-success:before { background-color: #3ea3fc; } .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:active:focus { border-color: #3ea3fc; } .btn.btn-outline-success { color: #70bbfd; border-color: #70bbfd; } .btn.btn-outline-success p { color: #70bbfd; } .btn.btn-outline-success svg { fill: #70bbfd; } .btn.btn-outline-success:before { background-color: #70bbfd; } .btn.btn-warning { background-color: #f6da6e; border-color: #f6da6e; color: #ffffff; } .btn.btn-warning:before { background-color: #f3ce3e; } .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:active:focus { border-color: #f3ce3e; } .btn.btn-outline-warning { color: #f6da6e; border-color: #f6da6e; } .btn.btn-outline-warning p { color: #f6da6e; } .btn.btn-outline-warning svg { fill: #f6da6e; } .btn.btn-outline-warning:before { background-color: #f6da6e; } .btn.btn-danger { background-color: #ff4861; border-color: #ff4861; } .btn.btn-danger:before { background-color: #ff1535; } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active:focus { border-color: #ff1535; } .btn.btn-outline-danger { color: #ff4861; border-color: #ff4861; } .btn.btn-outline-danger p { color: #ff4861; } .btn.btn-outline-danger svg { fill: #ff4861; } .btn.btn-outline-danger:before { background-color: #ff4861; } .btn.disabled, .btn.btn-primary.disabled, .btn.btn-danger.disabled, .btn.btn-warning.disabled, .btn.btn-success.disabled, .btn.btn-outline-secondary.disabled, .btn.btn-secondary.disabled, .btn.btn-outline-primary.disabled, .btn.btn-outline-danger.disabled, .btn.btn-outline-warning.disabled, .btn.btn-outline-success.disabled, .btn.icon.disabled, .btn.icon.btn-secondary.disabled { background-color: #f2f4f7; border-color: #f2f4f7; color: #dddddd; pointer-events: none; } .btn.disabled p, .btn.btn-primary.disabled p, .btn.btn-danger.disabled p, .btn.btn-warning.disabled p, .btn.btn-success.disabled p, .btn.btn-outline-secondary.disabled p, .btn.btn-secondary.disabled p, .btn.btn-outline-primary.disabled p, .btn.btn-outline-danger.disabled p, .btn.btn-outline-warning.disabled p, .btn.btn-outline-success.disabled p, .btn.icon.disabled p, .btn.icon.btn-secondary.disabled p { color: #dddddd; } .btn.disabled svg, .btn.btn-primary.disabled svg, .btn.btn-danger.disabled svg, .btn.btn-warning.disabled svg, .btn.btn-success.disabled svg, .btn.btn-outline-secondary.disabled svg, .btn.btn-secondary.disabled svg, .btn.btn-outline-primary.disabled svg, .btn.btn-outline-danger.disabled svg, .btn.btn-outline-warning.disabled svg, .btn.btn-outline-success.disabled svg, .btn.icon.disabled svg, .btn.icon.btn-secondary.disabled svg { fill: #dddddd; } .btn.btn-primary p, .btn.btn-danger p, .btn.btn-warning p, .btn.btn-success p { color: #ffffff; } .btn.btn-primary svg, .btn.btn-danger svg, .btn.btn-warning svg, .btn.btn-success svg { fill: #ffffff; } .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary:active:focus, .btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger:active:focus, .btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning:active:focus, .btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success:active, .btn.btn-outline-success:active:focus { color: #ffffff; background: transparent; } .btn.btn-primary:hover p, .btn.btn-primary:focus p, .btn.btn-primary:active p, .btn.btn-primary:active:focus p, .btn.btn-danger:hover p, .btn.btn-danger:focus p, .btn.btn-danger:active p, .btn.btn-danger:active:focus p, .btn.btn-warning:hover p, .btn.btn-warning:focus p, .btn.btn-warning:active p, .btn.btn-warning:active:focus p, .btn.btn-success:hover p, .btn.btn-success:focus p, .btn.btn-success:active p, .btn.btn-success:active:focus p, .btn.btn-outline-primary:hover p, .btn.btn-outline-primary:focus p, .btn.btn-outline-primary:active p, .btn.btn-outline-primary:active:focus p, .btn.btn-outline-danger:hover p, .btn.btn-outline-danger:focus p, .btn.btn-outline-danger:active p, .btn.btn-outline-danger:active:focus p, .btn.btn-outline-warning:hover p, .btn.btn-outline-warning:focus p, .btn.btn-outline-warning:active p, .btn.btn-outline-warning:active:focus p, .btn.btn-outline-success:hover p, .btn.btn-outline-success:focus p, .btn.btn-outline-success:active p, .btn.btn-outline-success:active:focus p { color: #ffffff; } .btn.btn-primary:hover svg, .btn.btn-primary:focus svg, .btn.btn-primary:active svg, .btn.btn-primary:active:focus svg, .btn.btn-danger:hover svg, .btn.btn-danger:focus svg, .btn.btn-danger:active svg, .btn.btn-danger:active:focus svg, .btn.btn-warning:hover svg, .btn.btn-warning:focus svg, .btn.btn-warning:active svg, .btn.btn-warning:active:focus svg, .btn.btn-success:hover svg, .btn.btn-success:focus svg, .btn.btn-success:active svg, .btn.btn-success:active:focus svg, .btn.btn-outline-primary:hover svg, .btn.btn-outline-primary:focus svg, .btn.btn-outline-primary:active svg, .btn.btn-outline-primary:active:focus svg, .btn.btn-outline-danger:hover svg, .btn.btn-outline-danger:focus svg, .btn.btn-outline-danger:active svg, .btn.btn-outline-danger:active:focus svg, .btn.btn-outline-warning:hover svg, .btn.btn-outline-warning:focus svg, .btn.btn-outline-warning:active svg, .btn.btn-outline-warning:active:focus svg, .btn.btn-outline-success:hover svg, .btn.btn-outline-success:focus svg, .btn.btn-outline-success:active svg, .btn.btn-outline-success:active:focus svg { fill: #ffffff; } .btn.expand svg { width: 0; transition: all 0.3s; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .btn.expand.expand--load svg { width: 14px; animation: rotating 2s linear infinite; } .btn .btn-anchor { border: none; text-decoration: underline; color: blue; background: none; } .btn-anchor { border: none; text-decoration: underline; color: blue; background: none; } .btn-anchor-dashboard { border: none; text-decoration: underline; color: #70bbfd; background: none; } .btn-anchor-disabled { border: none; text-decoration: underline; color: blue; background: none; opacity: 0.5; } .btn-toolbar { margin-top: 62px; margin-bottom: 10px; } .btn-toolbar > * { margin-right: 15px; } .btn-toolbar > *:last-child { margin-right: 0; } .btn-toolbar:first-child { margin-top: 0; } .btn-toolbar:last-child { margin-bottom: -10px; } .btn-toolbar.btn-toolbar--center > * { margin-right: auto; margin-left: auto; } .btn-toolbar-withouttop { margin-top: 20px; } .btn-group { border-radius: 5px; margin-bottom: -10px; } .btn-group .btn { margin-right: 0; padding: 10px 15px; font-weight: 500; } .btn-group.btn-group--justified { display: flex; justify-content: space-between; width: 100%; } .btn-group.btn-group--justified .btn { width: 100%; } .btn-group.btn-group--icons .btn { padding: 7px 8px; line-height: 14px; } .btn-group.open .dropdown-toggle { box-shadow: none; } .btn-panelgroup { width: 75%; margin: 0 auto; padding-top: 48%; } button:focus, button:active { outline: none; } .theme-light .open > .dropdown-toggle.btn-default, .theme-light .btn-default:active:focus, .theme-light .btn-default:active:focus, .theme-light .btn-default.focus, .theme-light .btn-default:focus { background-color: white; } .theme-dark .open > .dropdown-toggle.btn-default, .theme-dark .btn-default:active:focus, .theme-dark .btn-default:active:focus, .theme-dark .btn-default.focus, .theme-dark .btn-default:focus { background-color: #232329; } .calendar { height: 600px; } .calendar .rbc-date-cell { text-align: left; padding-right: 0; } .calendar .rbc-date-cell a { display: block; width: 100%; padding-left: 10px; padding-top: 5px; font-weight: 500; font-size: 13px; } .theme-light .calendar .rbc-date-cell a { color: #646777; } .theme-dark .calendar .rbc-date-cell a { color: #dddddd; } .calendar .rbc-header { height: 40px; display: flex; color: #999999; } .theme-light .calendar .rbc-header { background-color: #f2f4f7; } .theme-dark .calendar .rbc-header { background-color: #2a2a31; } .calendar .rbc-header span { margin: auto; text-transform: uppercase; font-size: 12px; } .calendar .rbc-header a { display: block; margin: auto; } .calendar .rbc-time-slot { display: flex; } .calendar .rbc-time-slot span { margin: auto 0; } .calendar .rbc-off-range-bg { background-color: transparent; } .calendar .rbc-event { height: 20px; font-size: 10px; } .calendar .rbc-toolbar-label { text-transform: uppercase; font-weight: 700; } .theme-light .calendar .rbc-toolbar-label { color: #646777; } .theme-dark .calendar .rbc-toolbar-label { color: #dddddd; } .theme-light .calendar .rbc-label { color: #646777; } .theme-dark .calendar .rbc-label { color: #dddddd; } .calendar .rbc-show-more { background-color: transparent; } .calendar .rbc-toolbar button { height: 30px; border-radius: 3px; border: none; font-size: 11px; color: #999999; transition: all 0.3s; padding: 8px 14px; cursor: pointer; } .theme-light .calendar .rbc-toolbar button { background-color: #fafbfe; } .theme-dark .calendar .rbc-toolbar button { background-color: #38373f; } .calendar .rbc-toolbar button.rbc-active { box-shadow: none; background-color: #ededed; pointer-events: none; } .theme-light .calendar .rbc-toolbar button.rbc-active { background-color: #f2f4f7; } .theme-dark .calendar .rbc-toolbar button.rbc-active { background-color: #33333a; } .theme-light .calendar .rbc-toolbar button:hover { color: #646777; background-color: #f2f4fc; } .theme-dark .calendar .rbc-toolbar button:hover { color: #dddddd; background-color: #33323a; } .calendar .rbc-toolbar button:focus, .calendar .rbc-toolbar button:active { outline: none; box-shadow: none; } .theme-light .calendar .rbc-toolbar button:focus, .theme-light .calendar .rbc-toolbar button:active { color: #646777; } .theme-dark .calendar .rbc-toolbar button:focus, .theme-dark .calendar .rbc-toolbar button:active { color: #dddddd; } .calendar .rbc-toolbar button span { font-size: 8px; font-weight: 700; } .calendar .rbc-btn-group:first-child button { margin-right: 5px; padding: 8px 11px; } .calendar .rbc-btn-group:first-child button:last-child:not(:first-child), .calendar .rbc-btn-group:first-child button:not(:first-child):not(:last-child), .calendar .rbc-btn-group:first-child button:first-child:not(:last-child) { border-radius: 3px; } .calendar .rbc-btn-group { min-width: 156px; } .calendar .rbc-today { background-color: transparent; position: relative; } .calendar .rbc-today:before { content: ""; height: 3px; width: 100%; background-color: #70bbfd; top: 0; position: absolute; } .calendar .rbc-current-time-indicator { background-color: #70bbfd; } .calendar .rbc-current-time-indicator:before { background-color: #70bbfd; } .calendar.calendar--small { height: 400px; } .calendar.calendar--small .rbc-toolbar-label { font-size: 12px; padding: 0 5px; } .calendar.calendar--small .rbc-btn-group { min-width: auto; } .calendar.calendar--small .rbc-btn-group button { padding: 4px 8px; } .calendar .rbc-overlay { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .theme-light .calendar .rbc-overlay { color: #646777; background-color: white; } .theme-dark .calendar .rbc-overlay { color: #dddddd; background-color: #232329; } .calendar-label { height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin-right: 5px; } .calendar-label.calendar-label--red { background-color: #ff4861; } .calendar-label.calendar-label--green { background-color: #70bbfd; } .calendar-label.calendar-label--blue { background-color: #70bbfd; } .card { width: 100%; padding-bottom: 30px; height: 100%; border: none; background-color: transparent; /* PLAT - 4880 Adding gap rule to apply spacing between two flex-items (btns) */ } .card .card__card-group-file label { border-radius: 2px; line-height: 18px; font-size: 12px; padding: 4px 20px; cursor: pointer; transition: all 0.3s; text-align: center; padding-bottom: 10px; border: 1px solid #f2f4f7; color: #646777; } .card .card__card-group-file span { padding-left: 10px; } .card .card__card-group-file input { display: none; } .card .card-withright_border { border-right: 1px solid lightgrey; } .card .ReactCrop { margin-bottom: 20px; } .card .agentz-customize-loader { padding-top: 9px; color: #70bbfd; font-size: 16px; } .card .agentz-customize-loader2 { color: #70bbfd; font-size: 16px; } .card .agentz-customize-field { margin-top: 8px; } .card .agentz-phone-field { width: 100%; margin-left: 10px; } .card .agentz-carousel-style input { font-size: 15px; } .card .agentz-carousel-style textarea { font-size: 15px; line-height: normal; } .card .agentz-customize-desc { font-size: 14px; margin-bottom: 0px; margin-top: 9px; } .card .agentz-area-code-err { padding-left: 142px; padding-top: 6px; } .card .agentz-phnChn-desc { color: #646777; margin-top: 20px; } .card .agentz-phnChn-txtfield { width: 197px; margin-left: 5px; } .card .agentz-no-image { height: 200px; text-align: center; vertical-align: middle; line-height: 15; border: 1px solid #646777; } .card .agentz-titleanddesc-sidebar { min-height: 200px; padding-top: 2%; } .card .agentz-image-helptext { width: 100%; margin-top: 10px; margin-bottom: 20px; } .card .agentz-img-loader { justify-content: center; align-items: center; display: flex; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 200px !important; width: 100%; object-fit: contain; max-height: 300px; min-width: 180px; } .card .agentz-imgcustom-button { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 20px; gap: 10px; } .card .agentz-imgcustom-button .agentz-img-button { margin: 10px; } .card .agentz-img-preview { padding-bottom: 5%; height: 200px !important; object-fit: contain; width: 260px !important; } .card .agentz-video-preview div { max-height: 200px !important; max-width: 260px !important; } .card .div-flex { display: flex; flex-direction: column; } .card .div-line-space { line-height: 2; font-size: medium; } .card .div-word-break { word-break: break-all; font-size: small; } .card .material-form__cropnote-field { width: 100%; margin-bottom: 15px; } .card .material-form__upload-field { width: 100%; margin-bottom: 10px; } .card .material-form__upload-field input { border: none !important; color: #646777 !important; } .theme-light .card .material-form__upload-field input { color: #646777; border: none !important; } .theme-dark .card .material-form__upload-field input { color: #646777; border: none !important; } .card .material-form__field { width: 100%; margin-bottom: 20px; } .card .material-form__field > div:hover:before { border-bottom: 1px solid #70bbfd !important; } .card .material-form__field > div:after { border-color: #70bbfd; } .card .material-form__field p { font-size: 12px; } .card .material-form__field input, .card .material-form__field textarea { border: none !important; color: #646777 !important; } .theme-light .card .material-form__field input, .theme-light .card .material-form__field textarea { color: #646777; border: none !important; } .theme-dark .card .material-form__field input, .theme-dark .card .material-form__field textarea { color: #646777; border: none !important; } .theme-light .card .material-form__field svg { fill: #646777; } .theme-dark .card .material-form__field svg { fill: #dddddd; } .card.card--not-full-height { height: auto; } .theme-light .card.card--horizontal { border: 1px solid #f2f4f7; color: #646777; } .theme-dark .card.card--horizontal { border: 1px solid #33333a; color: #dddddd; } .card.card--horizontal:focus, .card.card--horizontal:active { outline: none; border-color: #70bbfd; } .card.card--horizontal .card__card-group { display: flex; flex-wrap: wrap; padding-bottom: 10px; } .card.card--horizontal .material-form__button-toolbar { position: absolute; right: 0; bottom: -40px; } .card.card--horizontal .material-form__firstfield { margin-bottom: 10px; } .card.card--horizontal .material-form__field { width: 100%; margin-bottom: 20px; } .card.card--horizontal .material-form__field > div:hover:before { border-bottom: 1px solid #70bbfd !important; } .card.card--horizontal .material-form__field > div:after { border-color: #70bbfd; } .card.card--horizontal .material-form__field p { font-size: 12px; } .card.card--horizontal .material-form__field input, .card.card--horizontal .material-form__field textarea { border: none !important; color: #646777 !important; } .theme-light .card.card--horizontal .material-form__field input, .theme-light .card.card--horizontal .material-form__field textarea { color: #646777; border: none !important; } .theme-dark .card.card--horizontal .material-form__field input, .theme-dark .card.card--horizontal .material-form__field textarea { color: #646777; border: none !important; } .theme-light .card.card--horizontal .material-form__field svg { fill: #646777; } .theme-dark .card.card--horizontal .material-form__field svg { fill: #dddddd; } .card.card--horizontal .material-form__label { margin: 0; font-size: 12px; } .theme-light .card.card--horizontal .material-form__label { color: #646777; } .theme-dark .card.card--horizontal .material-form__label { color: #dddddd; } .card.card--horizontal label { font-size: 12px; } .theme-light .card.card--horizontal label { color: #646777; } .theme-dark .card.card--horizontal label { color: #dddddd; } .card.card--horizontal label[data-shrink="true"] { transform: translate(0, 1.5px) scale(0.85); } .card.card--horizontal .card__card-group-field { width: calc(100% - 80px); padding-left: 10px; margin-left: 80px; padding-bottom: 10px; } .card.card--horizontal .card__card-group-label { width: 80px; max-height: 32px; line-height: 18px; margin: auto 0; padding-bottom: 10px; } .card.card--horizontal .card__card-group-label + .card__card-group-field { margin-left: 0; } .card.card--horizontal .card__card-group-description { margin-left: 90px; padding-bottom: 10px; } .card.card--horizontal .card__button-toolbar { margin-left: 0; padding-bottom: 10px; } .card.card--horizontal .card__card-group-input-wrap--error-above { margin-bottom: 15px; padding-bottom: 10px; } .card.card--horizontal .card__card-group-input-wrap--error-above .card__card-group-error { top: -28px; padding-bottom: 10px; } @media screen and (min-width: 480px) { .card.card--horizontal .card__card-group-label { width: 120px; } .card.card--horizontal .card__card-group-field { width: calc(100% - 120px); margin-left: 120px; padding-left: 20px; } .card.card--horizontal .card__card-group-description, .card.card--horizontal .card__button-toolbar { margin-left: 140px; } .card.card--horizontal .card__card-group-input-wrap { width: 100%; } .card.card--horizontal .card__card-group-error { font-size: 10px; line-height: 13px; color: #ad4444; margin-bottom: -5px; display: block; margin-top: 5px; } .card.card--horizontal .card__card-group-input-wrap--error-above .card__card-group-error { position: absolute; margin: 0; right: 0; top: 0; padding: 5px 10px; background: #ffbcbc; border-radius: 3px; } .card.card--horizontal .card__card-group-input-wrap--error-above .card__card-group-error:after { content: ""; position: absolute; right: 10px; bottom: -8px; border: 4px solid transparent; border-top: 4px solid #ffbcbc; } } input, textarea { width: 100%; padding: 5px 10px; font-size: 12px; transition: border 0.3s; background: transparent; /* Firefox 19+ */ /* Firefox 18- */ } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } .theme-light input[disabled], .theme-light textarea[disabled] { background: #f2f4f7; } .theme-dark input[disabled], .theme-dark textarea[disabled] { background: #2a2a31; } .theme-light input[disabled]:focus, .theme-light input[disabled]:active, .theme-light textarea[disabled]:focus, .theme-light textarea[disabled]:active { border-color: #eff1f5; } .theme-dark input[disabled]:focus, .theme-dark input[disabled]:active, .theme-dark textarea[disabled]:focus, .theme-dark textarea[disabled]:active { border-color: #333246; } input:focus, input:active, textarea:focus, textarea:active { outline: none; border-color: #70bbfd; } .card-stepbox { border-radius: 0px !important; padding-bottom: 0px; margin-bottom: 30px; box-shadow: 0 2px 5px 1px #b5b5b566 !important; } .card-stepbox-border { background-color: #fafbfe !important; padding: 12px !important; border-bottom-color: #b5b5b566; border-bottom-style: solid; border-bottom-width: 1px; border-radius: 0px !important; } .card-stepbox-body { padding: 12px !important; padding-left: 10px; border-radius: 0px; padding-bottom: 27px; } .card-stepbox-title { font-size: 14px; font-weight: 600; } .card-deploy { border: 1px solid #dddddd; padding-bottom: 0px; } .card-body { padding: 30px; height: 100%; border-radius: 5px; /* Styling native country ``. */ } .form__form-group-phone-field .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; position: relative; width: 100%; } .form__form-group-phone-field .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .form__form-group-phone-field .PhoneInputCountryIcon { width: calc(1em * 1.5); height: 1em; } .form__form-group-phone-field .PhoneInputCountryIcon--square { width: 1em; } .form__form-group-phone-field .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: rgba(0, 0, 0, 0.1); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.5); } .form__form-group-phone-field .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .form__form-group-phone-field .PhoneInputInternationalIconPhone { opacity: 0.8; } .form__form-group-phone-field .PhoneInputInternationalIconGlobe { opacity: 0.65; } .form__form-group-phone-field .PhoneInputCountry { position: absolute; display: flex; margin-right: 0.35em; margin-top: 23px; margin-left: 4px; z-index: 99999; } .form__form-group-phone-field .PhoneInputCountrySelect { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; border: 0; opacity: 0; cursor: pointer; } .form__form-group-phone-field .PhoneInputCountrySelect[disabled] { cursor: default; } .form__form-group-phone-field .PhoneInputCountrySelectArrow { display: block; content: ''; width: 0.3em; height: 0.3em; margin-top: 5px; margin-left: 0.35em; border-style: solid; border-color: inherit; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 1px; transform: rotate(45deg); opacity: 0.45; } .form__form-group-phone-field .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow { opacity: 1; color: #03b2cb; } .form__form-group-phone-field .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border { box-shadow: 0 0 0 1px #03b2cb, inset 0 0 0 1px #03b2cb; } .form__form-group-phone-field .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe { opacity: 1; color: #03b2cb; } .form__form-field-extraBottom { margin-bottom: 10px; } .form__largeFontSize { font-size: 12px !important; } .form__form-group-label { margin-bottom: 4px; display: inline-block; } .theme-light .form__form-group-label { color: #646777; } .theme-dark .form__form-group-label { color: #dddddd; } .form__form-group-label span { color: #dddddd; } .form__form-group-label-subheading { font-size: 14px; } /* PLAT - 4880 Commenting span element styling to apply a different color via another class */ .form__form-group-popuplabel { font-size: 14px; margin-bottom: 4px; display: inline-block; } .theme-light .form__form-group-popuplabel { color: #646777; } .theme-dark .form__form-group-popuplabel { color: #dddddd; } .form__form-group-popuplabel1 { font-size: 14px; display: inline-block; } .form__form-group-popuplabel1 span { color: #333333; } .form__form-group-button { padding: 6px; height: 32px; cursor: pointer; transition: all 0.3s; } .theme-light .form__form-group-button { background: #f2f4f7; border: 1px solid #f2f4f7; } .theme-dark .form__form-group-button { background: #33333a; border: 1px solid #33333a; } .form__form-group-button svg { fill: #999999; width: 18px; height: 18px; transition: all 0.3s; } .form__form-group-button.active { background: #70bbfd; border: 1px solid #70bbfd; } .form__form-group-button.active svg { fill: #ffffff; } .form__form-group-file label { border-radius: 2px; line-height: 18px; font-size: 12px; padding: 4px 20px; cursor: pointer; transition: all 0.3s; text-align: center; } .theme-light .form__form-group-file label { border: 1px solid #f2f4f7; color: #646777; } .theme-dark .form__form-group-file label { border: 1px solid #33333a; color: #dddddd; } .theme-light .form__form-group-file label:hover { background: #f2f4f7; } .theme-dark .form__form-group-file label:hover { background: #33333a; } .form__form-group-file span { padding-left: 10px; } .form__form-group-file input { display: none; } .form__form-group-icon { padding: 6px; height: 32px; } .theme-light .form__form-group-icon { background: #f2f4f7; border: 1px solid #f2f4f7; } .theme-dark .form__form-group-icon { background: #33333a; border: 1px solid #33333a; } .form__form-group-icon svg { fill: #999999; width: 18px; height: 18px; transition: all 0.3s; } .form__form-group-icon1 { height: 32px; margin-top: 4px; } .theme-light .form__form-group-icon1 { background: #f2f4f7; border: 1px solid #f2f4f7; } .theme-dark .form__form-group-icon1 { background: #33333a; border: 1px solid #33333a; } .form__form-group-icon1 svg { fill: #999999; transition: all 0.3s; } .form__form-group-description { font-size: 10px; color: #999999; line-height: 13px; margin-top: 2px; } .form__button-toolbar { margin-top: 10px; } .form__form-group-input-wrap { width: 100%; } .form__form-group-error { font-size: 10px; line-height: 13px; color: #ad4444; margin-bottom: -5px; display: block; margin-top: 5px; } .form__form-group-input-wrap--error-above .form__form-group-error { position: absolute; margin: 0; right: 0; top: 0; padding: 5px 10px; background: #ffbcbc; border-radius: 3px; } .form__form-group-input-wrap--error-above .form__form-group-error:after { content: ''; position: absolute; right: 10px; bottom: -8px; border: 4px solid transparent; border-top: 4px solid #ffbcbc; } .form__form-group-date-cvc { display: flex; width: 100%; } .form__form-group-date-cvc .form__form-group-date { width: 100%; margin-right: 20px; } .form__form-group-date-cvc .form__form-group-cvc { max-width: 280px; width: 100%; } @media screen and (max-width: 767px) { .form__form-group-date-cvc { flex-wrap: wrap; } .form__form-group-date-cvc .form__form-group-date { margin-right: 0; } .form__form-group-date-cvc .form__form-group-cvc { max-width: 100%; } } .form__form-group-id-category { width: 100%; display: flex; } .form__form-group-id-category .form__form-group-id { min-width: 100px; width: 40%; margin-right: 20px; } @media screen and (max-width: 767px) { .form__form-group-id-category { flex-wrap: wrap; } .form__form-group-id-category .form__form-group-id { margin-right: 0; width: 100%; } } .form__form-group-price-discount { width: 100%; display: flex; margin-bottom: 20px; } .form__form-group-price-discount > div { margin-bottom: 0; } .form__form-group-price-discount .form__form-group-price { margin-right: 20px; } @media screen and (max-width: 767px) { .form__form-group-price-discount { flex-wrap: wrap; } .form__form-group-price-discount .form__form-group-price { margin-right: 0; } } @media screen and (max-width: 900px) { .wizard__form-wrapper { display: block !important; height: auto !important; padding-left: unset !important; } .form__form-group-label { white-space: unset !important; } .signup-container { max-width: 100%; } .signup-container .form__form-group-icon { width: 15% !important; } .iframe-div { height: 1940px !important; } .email-confirmation__icon { padding-top: 45px !important; } iframe { height: 100% !important; } #plan { height: unset !important; } #signup-wizard-container { padding-left: unset !important; padding-right: unset !important; } #col-wizard { padding-left: unset !important; padding-right: unset !important; } .pricing-card__plan { transform: scale(1.1) !important; } } .form__form-group-popuplabel-mobile { text-align: left; font: normal normal 500 20px/35px Roboto; letter-spacing: 0px; color: #435369; opacity: 1; margin-bottom: 4px; display: inline-block; width: 100%; transform: translate(0, 12px) scale(0.75); transform-origin: top left; } .theme-light .form__form-group-popuplabel-mobile { color: #646777; } .theme-dark .form__form-group-popuplabel-mobile { color: #dddddd; } .form__form-group-popuplabel-mobile span { color: #dddddd; } .gallery { width: 100%; display: flex; flex-wrap: wrap; } .gallery img { width: 100%; } .gallery__btns { width: 100%; margin-bottom: 20px; } .gallery__btn { background: transparent; padding: 0; margin-right: 20px; text-transform: uppercase; color: #999999; font-size: 12px; border: none; font-weight: 500; cursor: pointer; transition: all 0.3s; } .gallery__btn:focus, .gallery__btn:active { outline: none; } .gallery__btn:hover { color: gray; } .gallery__btn.gallery__btn--active { color: #70bbfd; } .gallery__img-wrap { width: 100%; overflow: hidden; cursor: pointer; } @media screen and (min-width: 768px) { .gallery__img-wrap { width: 50%; } } @media screen and (min-width: 992px) { .gallery__img-wrap { width: 25%; } } .grid { padding-bottom: 20px; } .grid .card-body { padding: 0; text-align: center; height: 62px; } @media screen and (min-width: 768px) and (max-width: 1920px) { .grid .grid__small { display: none; } } .grid p { margin-bottom: 0; padding: 20px 15px; } .inbox { width: 100%; display: flex; overflow: hidden; position: relative; } .theme-light .inbox { background-color: white; } .theme-dark .inbox { background-color: #232329; } .inbox__mailbox-list { width: 245px; min-width: 245px; padding: 30px; } .theme-light .inbox__mailbox-list { background-color: #fafbfe; } .theme-dark .inbox__mailbox-list { background-color: #38373f; } .inbox__mailbox-list-btn { width: 100%; margin-bottom: 15px; margin-right: 0; } .inbox__list-button { background: transparent; width: 100%; border: none; padding-left: 0; padding-right: 0; } .inbox__mailbox, .inbox__label { display: flex; padding: 10px; position: relative; cursor: pointer; transition: 0.3s; } .theme-light .inbox__mailbox, .theme-light .inbox__label { color: #646777; } .theme-dark .inbox__mailbox, .theme-dark .inbox__label { color: #dddddd; } .inbox__mailbox svg, .inbox__label svg { width: 14px; height: 14px; margin-right: 10px; transition: all 0.3s; } .theme-light .inbox__mailbox svg, .theme-light .inbox__label svg { fill: #dddddd; } .theme-dark .inbox__mailbox svg, .theme-dark .inbox__label svg { fill: #605f7b; } .inbox__mailbox.active, .inbox__label.active { cursor: default; font-weight: 500; } .theme-light .inbox__mailbox.active svg, .theme-light .inbox__label.active svg { fill: #646777; } .theme-dark .inbox__mailbox.active svg, .theme-dark .inbox__label.active svg { fill: #dddddd; } .inbox__mailbox.active .inbox__mailbox-title, .inbox__label.active .inbox__mailbox-title { font-weight: 500; } .inbox__mailbox.active .inbox__mailbox-label, .inbox__label.active .inbox__mailbox-label { background-color: #70bbfd; color: #ffffff; } .theme-light .inbox__mailbox:hover, .theme-light .inbox__mailbox.active:hover, .theme-light .inbox__label:hover, .theme-light .inbox__label.active:hover { background-color: #fafbfe; } .theme-dark .inbox__mailbox:hover, .theme-dark .inbox__mailbox.active:hover, .theme-dark .inbox__label:hover, .theme-dark .inbox__label.active:hover { background-color: #38373f; } .inbox__mailbox-title { line-height: 14px; margin: 0; transition: all 0.3s; } .inbox__mailbox-label { position: absolute; right: 10px; color: #999999; transition: 0.3s; } .theme-light .inbox__mailbox-label { background-color: #f2f4f7; } .theme-dark .inbox__mailbox-label { background-color: #2a2a31; } .inbox__label-color { display: block; height: 10px; width: 10px; border-radius: 50%; margin-top: 4px; margin-right: 10px; } .inbox__label-color.inbox__label-color--green { background-color: #70bbfd; } .inbox__label-color.inbox__label-color--red { background-color: #ff4861; } .inbox__label-color.inbox__label-color--blue { background-color: #70bbfd; } .inbox__label-color.inbox__label-color--yellow { background-color: #f6da6e; } .inbox__labels { font-size: 13px; font-weight: 700; padding-left: 10px; margin-top: 20px; margin-bottom: 10px; } .inbox__container { padding: 30px; } .inbox__files-btn { margin: 0; } .inbox__compose-title { text-transform: uppercase; margin-bottom: 20px; } .inbox__email-list-item { cursor: pointer; transition: background-color 0.3s; } .theme-light .inbox__email-list-item:hover { background-color: #fafbfe; } .theme-dark .inbox__email-list-item:hover { background-color: #38373f; } .inbox__email-list-item.inbox__email-list-item--unread .inbox__email-table-name, .inbox__email-list-item.inbox__email-list-item--unread .inbox__email-table-date { font-weight: bold; } .inbox__email-list-item svg { width: 14px; height: 14px; } .theme-light .inbox__email-list-item svg { fill: #dddddd; } .theme-dark .inbox__email-list-item svg { fill: #605f7b; } .inbox__email-list-item .inbox__favorite { transition: all 0.3s; } .inbox__email-list-item .inbox__favorite.active { fill: #f6da6e; } .inbox__email-list-item .inbox__email-list-item-checkbox { position: relative; } .inbox__email-list-item .inbox__email-list-item-checkbox svg { margin-left: 1px; fill: #70bbfd; } .inbox__email-list-item td:first-child { min-width: 32px; } .inbox__email-table-preview { min-width: 200px; } .inbox__email-table-name, .inbox__email-table-date { white-space: nowrap; } .inbox__emails-table { margin-bottom: 10px; } .inbox__emails-table tr td:first-child { padding-left: 0; } .inbox__emails-table tr td:last-child { padding-right: 0; text-align: right; } .inbox__emails-controls-wrap { position: relative; } .inbox__emails-controls { display: flex; height: 50px; padding-left: 40px; position: relative; } .theme-light .inbox__emails-controls { border-bottom: 1px solid #eff1f5; } .theme-dark .inbox__emails-controls { border-bottom: 1px solid #333246; } .inbox__emails-controls button { padding: 2px 20px 2px 25px; height: 30px; } .inbox__emails-controls .inbox__emails-control-reload { padding: 4px 8px; } .inbox__emails-controls .inbox__emails-control-reload svg { margin: 0; } .inbox__emails-control-checkbox { position: absolute; left: 0; top: 5px; } .inbox__emails-controls-right { display: flex; position: absolute; right: 0; top: 0; } .inbox__emails-control-search { display: flex; margin-right: 16px; } .inbox__emails-control-search input { height: 28px; padding-left: 10px; transition: all 0.3s; border-radius: 14px 0 0 14px; border: 1px solid transparent; width: 120px; /* Firefox 19+ */ /* Firefox 18- */ } .theme-light .inbox__emails-control-search input { color: #646777; background: #fafbfe; } .theme-dark .inbox__emails-control-search input { color: #dddddd; background: #38373f; } .inbox__emails-control-search input:focus { border-color: #70bbfd; outline: none; } .inbox__emails-control-search input:focus + .inbox__emails-control-search-icon { background-color: #70bbfd; } .inbox__emails-control-search input:focus + .inbox__emails-control-search-icon svg { fill: white; } .theme-light .inbox__emails-control-search input::-webkit-input-placeholder { color: #dddddd; } .theme-dark .inbox__emails-control-search input::-webkit-input-placeholder { color: #605f7b; } .theme-light .inbox__emails-control-search input::-moz-placeholder { color: #dddddd; } .theme-dark .inbox__emails-control-search input::-moz-placeholder { color: #605f7b; } .theme-light .inbox__emails-control-search input:-moz-placeholder { color: #dddddd; } .theme-dark .inbox__emails-control-search input:-moz-placeholder { color: #605f7b; } .theme-light .inbox__emails-control-search input:-ms-input-placeholder { color: #dddddd; } .theme-dark .inbox__emails-control-search input:-ms-input-placeholder { color: #605f7b; } .inbox__emails-control-search-icon { width: 28px; padding: 5px; height: 28px; border-radius: 0 14px 14px 0; transition: 0.3s; } .theme-light .inbox__emails-control-search-icon { background: #f2f4f7; } .theme-dark .inbox__emails-control-search-icon { background: #33333a; } .inbox__emails-control-search-icon svg { height: 16px; width: 16px; margin-top: -3px; transition: 0.3s; } .theme-light .inbox__emails-control-search-icon svg { fill: #dddddd; } .theme-dark .inbox__emails-control-search-icon svg { fill: #605f7b; } .inbox__email-header { display: flex; padding-bottom: 12px; flex-wrap: wrap; } .theme-light .inbox__email-header { border-bottom: 1px solid #eff1f5; } .theme-dark .inbox__email-header { border-bottom: 1px solid #333246; } .inbox__email-header .inbox__favorite { transition: all 0.3s; } .inbox__email-header .inbox__favorite.active { fill: #f6da6e; } .inbox__email-back { border: none; background: none; height: 35px; padding-top: 10px; width: 30px; padding-left: 0; cursor: pointer; } .inbox__email-back svg { height: 18px; width: 18px; transition: all 0.3s; } .theme-light .inbox__email-back svg { fill: #646777; } .theme-dark .inbox__email-back svg { fill: #dddddd; } .inbox__email-back:hover svg { fill: #70bbfd; } .inbox__email-ava { height: 35px; width: 35px; overflow: hidden; } .inbox__email-info { padding-left: 10px; } .inbox__email-name { font-weight: 500; line-height: 20px; } .inbox__email-name svg { height: 14px; width: 14px; margin-left: 20px; } .theme-light .inbox__email-name svg { fill: #646777; } .theme-dark .inbox__email-name svg { fill: #dddddd; } .inbox__email-email { margin: 0; font-size: 10px; line-height: 13px; color: #999999; } .inbox__email-right { margin-left: auto; display: flex; } .inbox__email-left { display: flex; } .inbox__email-time { margin: auto 30px auto 0; } .inbox__email-btn { border: none; margin-right: 5px; height: 32px; width: 32px; padding-top: 8px; cursor: pointer; } .theme-light .inbox__email-btn { background: #f2f4f7; } .theme-dark .inbox__email-btn { background: #2a2a31; } .inbox__email-btn:last-child { margin-right: 0; } .inbox__email-btn svg { height: 14px; width: 14px; fill: #999999; } .inbox__email-body { margin-top: 20px; margin-bottom: 15px; } .inbox__email-attachment { padding-top: 15px; margin-bottom: 15px; } .theme-light .inbox__email-attachment { border-top: 1px solid #eff1f5; } .theme-dark .inbox__email-attachment { border-top: 1px solid #333246; } .inbox__email-attachment-title { font-size: 12px; } .inbox__email-attachment-link { font-size: 10px; margin-top: 10px; display: flex; } .inbox__email-attachment-link svg { fill: #999999; height: 14px; width: 14px; margin-right: 5px; } .inbox__email-reply { padding-top: 15px; position: relative; } .inbox__email-reply-textarea { width: 100%; max-width: 100%; min-height: 100px; padding: 10px 35px 10px 15px; transition: all 0.3s; background: transparent; } .theme-light .inbox__email-reply-textarea { border: 1px solid #f2f4f7; color: #646777; } .theme-dark .inbox__email-reply-textarea { border: 1px solid #33333a; color: #dddddd; } .inbox__email-reply-textarea:focus, .inbox__email-reply-textarea:active { outline: none; border-color: #70bbfd; } .inbox__email-reply-placeholder { pointer-events: none; position: absolute; left: 15px; top: 15px; color: #999999; } .inbox__email-reply-placeholder span { color: #70bbfd; } .inbox__email-reply-btns { margin-top: 10px; } .inbox__email-reply-btns button { margin-bottom: 10px; } .inbox__email-reply-btns button:last-child { margin-bottom: 0; } .inbox__email-reply-btn-full { border: none; background: transparent; color: #70bbfd; transition: all 0.3s; cursor: pointer; min-height: 32px; } .inbox__email-reply-btn-full:hover { color: #3ea3fc; } .inbox__email-reply-close { background: transparent; border: none; position: absolute; right: 10px; top: 28px; height: 20px; width: 20px; padding: 0; cursor: pointer; } .inbox__email-reply-close svg { height: 15px; width: 15px; fill: #999999; transition: all 0.3s; } .inbox__email-reply-close:hover svg { fill: #70bbfd; } .inbox__topbar { height: 50px; display: none; } .inbox__topbar-button { background-color: transparent; border: none; transition: all 0.3s; cursor: pointer; padding: 0; margin-left: -2px; } .inbox__topbar-button:hover .inbox__topbar-button-icon { fill: #70bbfd; } .inbox__topbar-button-icon { transition: 0.3s; } .theme-light .inbox__topbar-button-icon { fill: #dddddd; } .theme-dark .inbox__topbar-button-icon { fill: #605f7b; } @media screen and (max-width: 1200px) { .inbox__email-time { margin: auto 20px auto 0; } } @media screen and (max-width: 1024px) { .inbox__topbar { display: block; } .inbox__topbar.inbox__topbar--hide { display: none; } .inbox__compose-title { position: absolute; top: 40px; left: 70px; } .inbox__mailbox-list { position: absolute; top: 0; transform: translateX(calc(-100% - 1px)); transition: 0.3s; z-index: 3; height: 100%; } .theme-light .inbox__mailbox-list { background-color: white; } .theme-dark .inbox__mailbox-list { background-color: #232329; } .inbox__container { width: 100%; } .inbox__email-time { margin: auto 10px auto 0; } .inbox:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; z-index: -1; transition: opacity 0.3s, z-index 0.3s 0.3s; background-color: #999999; } .inbox__emails-controls-right { position: absolute; top: -50px; right: 0; } .inbox.inbox--show-mailboxes .inbox__mailbox-list { transform: translateX(0); } .inbox.inbox--show-mailboxes:before { opacity: 0.2; z-index: 1; transition: opacity 0.3s, z-index 0s; pointer-events: none; } .inbox.inbox--show-mailboxes .inbox__content { pointer-events: none; } } @media screen and (max-width: 767px) { .inbox__email-left, .inbox__email-right { width: 100%; } .inbox__email-right { margin-top: 15px; } .inbox__email-time { margin-right: auto; } } @media screen and (max-width: 620px) { .inbox__emails-control-search { margin-right: 8px; } .inbox__emails-control-search input { width: 90px; } } @media screen and (max-width: 480px) { .inbox__emails-control-reload { margin-right: 0; } } .list.list--icon { list-style: none; padding: 0; } .list.list--icon span { margin-right: 8px; } .list.list--icon.list--icon-green span { color: #70bbfd; } .list li:last-child { margin-bottom: 0; } .map .infoBox { width: 130px !important; overflow: visible !important; } .map .gm-style-pbt { color: #ffffff; } .map__marker-label-content { background-color: white; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.22); border-radius: 5px; padding: 5px 10px; font-size: 12px; width: 130px; min-height: 40px; position: relative; } .map__marker-label-content::after { content: ''; position: absolute; left: calc(50% - 4px); bottom: -8px; border: 4px solid transparent; border-top: 4px solid white; } .map__maker-label-close { position: absolute; width: 12px; height: 12px; right: 5px; top: 5px; cursor: pointer; } .map__maker-label-close svg { width: 12px; height: 12px; fill: #999999; } .map__marker-label { position: absolute; top: -90px; left: -65px; } .material-form { display: flex; flex-wrap: wrap; } .material-form .material-form__field { width: 100%; margin-bottom: 20px; } .material-form .material-form__field > div:hover:before { border-bottom: 1px solid #70bbfd !important; } .material-form .material-form__field > div:after { border-color: #70bbfd; } .material-form .material-form__field p { font-size: 12px; } .material-form .material-form__field input, .material-form .material-form__field textarea { font-size: 14px; border: none !important; line-height: 1; } .theme-light .material-form .material-form__field input, .theme-light .material-form .material-form__field textarea { color: #646777; border: none !important; } .theme-dark .material-form .material-form__field input, .theme-dark .material-form .material-form__field textarea { color: #dddddd; border: none !important; } .material-form .material-form__field textarea { line-height: 1.3; } .theme-light .material-form .material-form__field svg { fill: #646777; } .theme-dark .material-form .material-form__field svg { fill: #dddddd; } .material-form .material-form__anchor { margin-left: 20px; text-decoration: underline; font-size: 15px; width: 8%; margin-top: 5px; } .material-form .material-form__smallfield { width: 70%; } .material-form .material-form__label { margin: 0; font-size: 12px; } .theme-light .material-form .material-form__label { color: #646777; } .theme-dark .material-form .material-form__label { color: #dddddd; } .material-form .material-form__button-toolbar { position: absolute; right: 0; bottom: -40px; } .material-form label { font-size: 12px; } .theme-light .material-form label { color: #646777; } .theme-dark .material-form label { color: #dddddd; } .material-form label[data-shrink="true"] { transform: translate(0, 1.5px) scale(0.85); } .material-form__option { font-size: 13px !important; height: 18px !important; } .modal-dialog { max-width: 385px; } .modal-content { border-radius: 0; border: none; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); position: relative; padding: 50px 40px 60px 40px; text-align: center; } .theme-light .modal-content { background-color: white; color: #646777; } .theme-dark .modal-content { background-color: #232329; color: #dddddd; } .modal__close-btn { position: absolute; top: 15px; right: 15px; font-size: 14px; width: 14px; height: 14px; cursor: pointer; padding: 0; border: none; background: transparent; } .theme-light .modal__close-btn { color: #dddddd; } .theme-dark .modal__close-btn { color: #605f7b; } .modal__title-icon { width: 24px; height: 24px; font-size: 24px; } .modal__title { margin-top: 10px; margin-bottom: 15px; } .modal__title:first-child { margin-top: 0; } .modal__footer { margin-top: 20px; display: flex; justify-content: center; margin-bottom: 0; } .modal__footer button { min-width: 100px; padding: 4px 25px; margin-bottom: 0; } .modal-dialog--primary .modal__title-icon { color: #70bbfd; } .modal-dialog--success .modal__title-icon { color: #70bbfd; } .modal-dialog--warning .modal__title-icon { color: #f6da6e; } .modal-dialog--danger .modal__title-icon { color: #ff4861; } .modal-dialog--colored { color: white; } .modal-dialog--colored .modal__title-icon { color: white; } .modal-dialog--colored .modal__close-btn { color: white; } .modal-dialog--colored .modal__footer button:first-child { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); border-color: #ffffff; } .modal-dialog--colored .modal__footer button:first-child:before { background-color: rgba(255, 255, 255, 0.2); } .modal-dialog--colored .modal__footer button:last-child { border-color: white; color: white; } .modal-dialog--colored.modal-dialog--primary .modal-content { background-color: #70bbfd; } .modal-dialog--colored.modal-dialog--success .modal-content { background-color: #70bbfd; } .modal-dialog--colored.modal-dialog--warning .modal-content { background-color: #f6da6e; } .modal-dialog--colored.modal-dialog--danger .modal-content { background-color: #ff4861; } .modal-dialog--header { width: 520px; max-width: 520px; } .modal-dialog--header .modal-content { padding: 0; text-align: left; } .modal-dialog--header .modal__header { color: white; padding: 15px 20px; position: relative; } .modal-dialog--header .modal__title { margin: 0; font-weight: 300; } .modal-dialog--header .modal__close-btn { color: white; top: calc(50% - 8px); } .modal-dialog--header .modal__body { padding: 25px 40px 20px 20px; } .modal-dialog--header .modal__footer { margin-bottom: 40px; justify-content: flex-end; padding-right: 20px; } .modal-dialog--header.modal-dialog--primary .modal__header { background-color: #70bbfd; } .modal-dialog--header.modal-dialog--success .modal__header { background-color: #70bbfd; } .modal-dialog--header.modal-dialog--warning .modal__header { background-color: #f6da6e; } .modal-dialog--header.modal-dialog--danger .modal__header { background-color: #ff4861; } .notification { max-width: 400px; width: calc(100% - 50px); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07); background: white; padding: 20px 40px 30px 25px; position: relative; margin: 10px 25px; } .notification.notification--image { height: 106px; overflow: hidden; } .notification.notification--full-wide { max-width: 100vw; width: 100vw; margin: 0; padding: 20px 40px 20px 25px; } .notification.notification--primary { background: #70bbfd; } .notification.notification--primary .notification__message, .notification.notification--primary .notification__title { color: white; } .notification.notification--success { background: #70bbfd; } .notification.notification--success .notification__message, .notification.notification--success .notification__title { color: white; } .notification.notification--warning { background: #f6da6e; } .notification.notification--warning .notification__message, .notification.notification--warning .notification__title { color: white; } .notification.notification--danger { background: #ff4861; } .notification.notification--danger .notification__message, .notification.notification--danger .notification__title { color: white; } .notification__message { margin-top: 0; font-size: 12px; color: #999999; } .notification__title { margin-bottom: 8px; color: #646777; } .notification__image { position: absolute; height: 106px; width: 106px; top: 0; left: 0; } .notification__image ~ * { padding-left: 106px; } .sidebar.sidebar--collapse + .container__wrap .notifications-tl, .sidebar.sidebar--collapse + .container__wrap .notifications-bl { left: 0 !important; } .pagination__link { background: transparent; border: none; color: #999999; height: 28px; font-size: 15px; padding: 5px; text-align: center; min-width: 20px; transition: all 0.3s; margin-right: 2px; } .pagination__link:hover { color: #70bbfd; background: transparent; } .pagination__link:focus, .pagination__link:active { box-shadow: none; } .pagination__link svg { transition: 0.3s; } .pagination__link.pagination__link--arrow { border-radius: 50% !important; width: 40px; height: 40px; } .theme-light .pagination__link.pagination__link--arrow { background: #f2f4f7; } .theme-dark .pagination__link.pagination__link--arrow { background: #33333a; } .pagination__link.pagination__link--arrow:hover { background: #70bbfd; } .pagination__link.pagination__link--arrow:hover svg { fill: white; } @media (min-width: 700px) { .pagination__link { min-width: 28px; } } .pagination__item.active .pagination__link { background-color: transparent; font-weight: bold; } .theme-light .pagination__item.active .pagination__link { color: #646777; } .theme-dark .pagination__item.active .pagination__link { color: #dddddd; } .theme-light .pagination__item.disabled .pagination__link svg { fill: #dddddd; } .theme-dark .pagination__item.disabled .pagination__link svg { fill: #605f7b; } .pagination__link-icon { width: 13px; height: 13px; fill: #999999; } .pagination__wrap { display: flex; margin-top: 15px; } .pagination__wrap.pagination__wrap--small { margin-top: 0; display: block; } .pagination-info { color: #999999; font-size: 15px; margin: auto 0 auto 10px; } .panel { transition: 0.3s; } .panel.panel--collapse { height: 108px; box-shadow: 0 2px 5px 1px #b5b5b566; } .panel.panel--collapse.panel--divider .panel__title, .panel.panel--collapse .panel__title { margin-bottom: 0; } .panel.panel--collapse.panel--divider .panel__title .subhead, .panel.panel--collapse .panel__title .subhead { opacity: 0; } .panel.panel--collapse.panel--divider, .panel.panel--collapse.panel--success, .panel.panel--collapse.panel--primary, .panel.panel--collapse.panel--warning, .panel.panel--collapse.panel--danger { height: 72px; } .panel.panel--collapse .panel__body { padding: 35px 35px 35px 30px; } .panel .panel__stepcardbody { padding-bottom: 0px !important; padding-top: 0px !important; height: 285px !important; max-height: 285px !important; } .panel .panel__stepemptycard { padding-bottom: 0px !important; padding-top: 0px !important; height: 280px !important; max-height: 280px !important; } .panel.panel--divider .panel__body { padding: 0; } .panel.panel--divider .panel__title { padding: 20px 40px 15px 30px; margin-bottom: 15px; } .theme-light .panel.panel--divider .panel__title { border-bottom: solid 1px #eff1f5; } .theme-dark .panel.panel--divider .panel__title { border-bottom: solid 1px #333246; } .panel.panel--divider .panel__btns { top: 10px; } .panel.panel--divider .panel__content { padding: 0 35px 40px 30px; word-wrap: break-word; } .panel.panel--success .panel__body, .panel.panel--primary .panel__body, .panel.panel--warning .panel__body, .panel.panel--danger .panel__body { padding: 0; } .panel.panel--success .panel__title, .panel.panel--primary .panel__title, .panel.panel--warning .panel__title, .panel.panel--danger .panel__title { padding: 20px 40px 15px 30px; margin-bottom: 15px; } .panel.panel--success .panel__title h5, .panel.panel--primary .panel__title h5, .panel.panel--warning .panel__title h5, .panel.panel--danger .panel__title h5 { color: white; } .panel.panel--success .panel__btns, .panel.panel--primary .panel__btns, .panel.panel--warning .panel__btns, .panel.panel--danger .panel__btns { top: 20px; } .panel.panel--success .panel__btns svg, .panel.panel--primary .panel__btns svg, .panel.panel--warning .panel__btns svg, .panel.panel--danger .panel__btns svg { fill: #ffffff; } .panel.panel--success .panel__content, .panel.panel--primary .panel__content, .panel.panel--warning .panel__content, .panel.panel--danger .panel__content { padding: 0 35px 40px 30px; } .panel.panel--success .panel__title { background-color: #70bbfd; } .panel.panel--danger .panel__title { background-color: #ff4861; } .panel.panel--warning .panel__title { background-color: #f6da6e; } .panel.panel--primary .panel__title { background-color: #70bbfd; } .panel__refresh { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .panel__refresh:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; border-radius: 5px; } .theme-light .panel__refresh:before { background-color: white; opacity: 0.8; } .theme-dark .panel__refresh:before { background-color: #232329; opacity: 0.8; } .panel__refresh svg { fill: #70bbfd; position: absolute; animation: refresh 1s infinite linear; z-index: 10; width: 48px; height: 48px; top: calc(50% - 24px); left: calc(50% - 24px); } @keyframes refresh { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .panel__body { position: relative; padding: 10px 10px 40px 10px; transition: height 0.3s; } .panel__btns { position: absolute; top: 30px; right: 30px; } .panel__btn { width: 14px; height: 14px; background: transparent; border: none; padding: 0; cursor: pointer; margin-left: 10px; } .panel__btn svg { width: 14px; height: 14px; fill: #999999; } .panel__btn:focus { outline: none; } .panel__btn1 { background: transparent; border: none; padding: 0; cursor: pointer; margin-left: 205px; margin-top: -22px; } .panel__btn1:focus { outline: none; } .icon_group { width: 10%; padding-left: 35px; display: flex; } .icon_group .step__btn { width: 14px; height: 14px; background: transparent; border: none; padding: 0; cursor: pointer; margin-right: 20px; margin-left: 20px; } .icon_group .step__btn svg { width: 20px; height: 20px; fill: #999999; } .icon_group .step__btn:focus { outline: none; } .popup_icon_group { width: 10%; display: flex; margin-top: 15px; } .popup_icon_group .step__btn { width: 14px; height: 14px; background: transparent; border: none; padding: 0; cursor: pointer; margin-left: 20px; } .popup_icon_group .step__btn svg { width: 20px; height: 20px; fill: gray; } .popup_icon_group .step__btn:focus { outline: none; } .step__large_btn { width: 14px; height: 14px; background: transparent; border: none; padding: 0; cursor: pointer; margin-right: 30px; margin-top: -7px; } .step__large_btn svg { width: 35px; height: 35px; fill: gray; } .step__large_btn:focus { outline: none; } .step__btn { width: 14px; height: 14px; background: transparent; border: none; padding: 0; cursor: pointer; margin-left: 10px; } .step__btn svg { width: 20px; height: 20px; fill: #999999; } .step__btn:focus { outline: none; } .panel__title { text-transform: uppercase; margin-bottom: 30px; transition: 0.3s; } .panel__title h5 { font-size: 13px; } .panel__title .subhead { text-transform: none; font-size: 12px; line-height: 18px; opacity: 0.7; transition: 0.3s; } .panel__label { left: 100%; background-color: #70bbfd; font-size: 10px !important; font-weight: 500; text-transform: uppercase; line-height: 13px; padding: 3px 10px; margin-left: 10px; } .panel__icon { margin-right: 5px; } .popover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); border: solid 1px #e8ebef; border-radius: 4px; width: 220px; z-index: 9999; } .theme-light .popover { background-color: white; } .theme-dark .popover { background-color: #232329; } .popover .popover-header { border: none; background-color: #f2f4f7; font-weight: 700; font-size: 11px; padding: 5px 10px; line-height: normal; } .popover .popover-body { font-size: 10px; padding: 10px 15px 10px 10px; } .popover > .arrow { border-width: unset; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow:after { content: ""; border-width: unset; } .pricing-card.pricing-card--info { border-top: 5px solid #70bbfd; } .pricing-card.pricing-card--warning { border-top: 5px solid #f6da6e; } .pricing-card.pricing-card--danger { border-top: 5px solid #ff4861; } .pricing-card hr { margin: 0; } .theme-light .pricing-card hr { border-top-color: #f2f4f7; } .theme-dark .pricing-card hr { border-top-color: #33333a; } .pricing-card__body { padding: 30px 0; background-color: transparent; padding: 10px; margin-top: 30px; border-width: 1px; border-style: solid; border-color: #e0e0e0; border-image: initial; } .pricing-card__img { height: 70px; margin-bottom: 20px; } .pricing-card__plan { font-weight: 400; color: white !important; align-items: center; font-size: 16px; padding-left: 15px; margin-bottom: 10px; background: #70bbfd; line-height: 50px; transform: scale(1.05); margin-top: -10px; border-radius: 5px 5px 0 0; } .pricing-card__price { margin-top: 20px; font-weight: 300; font-size: 48px; line-height: 48px; } .pricing-card__price span { font-size: 18px; } .pricing-card__feature { white-space: nowrap; font-size: 15px; color: black; font-weight: 400; margin: 0px 0px 10px; margin-top: 10px; } .pricing-card__button { margin-top: 25px; margin-bottom: 0; max-width: 160px; width: 100%; } .checkmark { display: inline-block; width: 25px; height: 15px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .checkmark_circle { position: absolute; width: 22px; height: 22px; background-color: white; border-radius: 11px; left: 0; top: 0; border: 1px solid green; } .checkmark_stem { position: absolute; width: 3px; height: 9px; background-color: green; left: 11px; top: 6px; } .checkmark_kick { position: absolute; width: 3px; height: 3px; background-color: green; left: 8px; top: 12px; } .pricing-card-active { position: absolute; top: -2px; right: -2px; z-index: 1; overflow: hidden; width: 80px; height: 70px; border-radius: 3px 10px 3px 0; text-align: center; position: absolute; } .pricing-card-active-inner { position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; background-color: #70bbfd; box-shadow: 0 3px 3px 0 rgba(1, 1, 1, 0.5), 0 1px 0 0 rgba(1, 1, 1, 0.5), inset 0 -1px 8px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); } span.pricing-card-active-label { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding-bottom: 5px; color: #fff; font-size: 0.95em; font-weight: bold; text-align: center; } .pricing-card__plan_myplan { font-weight: 400; align-items: center; font-size: 16px; padding-left: 15px; margin-bottom: 10px; line-height: 50px; transform: scale(1.05); margin-top: -10px; border-radius: 5px 5px 0 0; } .new-pricing-card { text-align: center; } .new-pricing-card.new-pricing-card--primary { border-radius: 10px; } .new-pricing-card.new-pricing-card--info { border-top: 5px solid #70bbfd; } .new-pricing-card.new-pricing-card--warning { border-top: 5px solid #f6da6e; } .new-pricing-card.new-pricing-card--danger { border-top: 5px solid #ff4861; } .new-pricing-card hr { margin: 0; } .theme-light .new-pricing-card hr { border-top-color: #f2f4f7; } .theme-dark .new-pricing-card hr { border-top-color: #33333a; } .new-pricing-card__body { padding: 45px 40px; } .new-pricing-card__img { height: 70px; margin-bottom: 20px; } .new-pricing-card__plan { margin-bottom: 20px; font-weight: 300; } .new-pricing-card__price { margin-top: 20px; font-weight: 300; font-size: 48px; line-height: 48px; } .new-pricing-card__price span { font-size: 18px; } .new-pricing-card__feature--inactive { color: #bbbbbb; } .new-pricing-card__button { margin-top: 25px; margin-bottom: 0; max-width: 160px; width: 100%; } .product-gallery { max-width: 440px; width: 100%; } .product-gallery__current-img { max-width: 440px; height: 440px; display: flex; justify-content: center; overflow: hidden; margin-bottom: 10px; } .theme-light .product-gallery__current-img { border: 1px solid #eff1f5; } .theme-dark .product-gallery__current-img { border: 1px solid #333246; } .product-gallery__current-img img { height: 100%; width: auto; } .product_gallery__gallery { display: flex; } .product-gallery__img-preview { width: 80px; height: 80px; overflow: hidden; display: flex; justify-content: center; cursor: pointer; margin-right: 10px; padding: 0; background: transparent; } .theme-light .product-gallery__img-preview { border: 1px solid #eff1f5; } .theme-dark .product-gallery__img-preview { border: 1px solid #333246; } .product-gallery__img-preview:last-child { margin-right: 0; } .product-gallery__img-preview img { height: 80px; } @media screen and (max-width: 1199px) { .product-gallery { margin: auto; } } .progress-wrap { margin-bottom: 20px; position: relative; } .progress-wrap:last-child { margin-bottom: 0; } .progress-wrap .progress { height: fit-content; border-radius: 10px; box-shadow: none; background-color: #dddddd; margin-bottom: 0; } .progress-wrap .progress-bar { background-color: #70bbfd; box-shadow: none; height: 4px; text-align: right; font-size: 9px; line-height: 13px; padding-right: 10px; } .progress-wrap p { margin-bottom: 5px; } .progress-wrap .progress__label { color: #70bbfd; font-size: 10px; bottom: 16px; margin: 0; } .progress-wrap.progress-wrap--small .progress-bar { height: 8px; } .progress-wrap.progress-wrap--middle .progress-bar { height: 12px; } .progress-wrap.progress-wrap--big .progress-bar { height: 16px; } .progress-wrap.progress-wrap--yellow .progress-bar { background-color: #f6da6e; } .progress-wrap.progress-wrap--yellow .progress__label { color: #f6da6e; } .progress-wrap.progress-wrap--violet .progress-bar { background-color: #c88ffa; } .progress-wrap.progress-wrap--violet .progress__label { color: #c88ffa; } .progress-wrap.progress-wrap--pink .progress-bar { background-color: #ff4861; } .progress-wrap.progress-wrap--pink .progress__label { color: #ff4861; } .progress-wrap.progress-wrap--blue .progress-bar { background-color: #70bbfd; } .progress-wrap.progress-wrap--blue .progress__label { color: #70bbfd; } .progress-wrap.progress-wrap--label-top .progress__label { position: absolute; right: 0; } .project-member { display: flex; position: relative; padding: 10px 0; } .theme-light .project-member { border-bottom: 1px solid #eff1f5; } .theme-dark .project-member { border-bottom: 1px solid #333246; } .project-member:last-child { border-bottom: none; } .project-member .project-member__btn { margin-top: 3px; position: absolute; right: 0; padding: 5px 10px; line-height: 16px; } .project-member .project-member__btn svg { margin-right: 0; margin-top: 2px; height: 16px; width: 16px; } .project-member__avatar-wrap { width: 40px; min-width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin-right: 10px; } .project-member__avatar-wrap img { height: 100%; min-width: 100%; } .project-member__name { font-weight: 500; line-height: 18px; margin-bottom: 0; margin-top: 3px; } .project-member__post { color: #999999; line-height: 15px; font-size: 11px; margin: 0; } .radio-btn { display: inline-block; cursor: pointer; padding-right: 20px; } .radio-btn:last-child { padding-right: 0; } .radio-btn:hover .radio-btn__radio-custom { border-color: #70bbfd; } .radio-btn:hover .radio-btn__label { color: #70bbfd; } .radio-btn.disabled { pointer-events: none; cursor: default; opacity: 0.4; } .radio-btn.radio-btn--colored .radio-btn__radio-custom { border: 2px solid #70bbfd; } .radio-btn.radio-btn--colored-click .radio-btn__radio:checked + .radio-btn__radio-custom { background: #70bbfd; } .radio-btn.radio-btn--colored-click .radio-btn__radio:checked + .radio-btn__radio-custom::before { background: #ffffff; } .radio-btn.radio-btn--colored-click.disabled .radio-btn__radio:checked + .radio-btn__radio-custom { background: transparent; } .radio-btn.radio-btn--colored-click.disabled .radio-btn__radio:checked + .radio-btn__radio-custom::before { background: #70bbfd; } .radio-btn.radio-btn--button { background: #70bbfd; min-width: 150px; color: #ffffff; height: 24px; border-radius: 4px; transition: all 0.3s; display: flex; padding: 0 6px; width: 100%; } .radio-btn.radio-btn--button .radio-btn__radio-custom { display: none; } .radio-btn.radio-btn--button .radio-btn__label-svg { margin: auto 4px auto auto; height: 16px; line-height: 1; } .radio-btn.radio-btn--button .radio-btn__label-svg svg { fill: #ffffff; width: 14px; height: 14px; } .radio-btn.radio-btn--button .radio-btn__label-svg .radio-btn__label-check { display: none; } .radio-btn.radio-btn--button .radio-btn__radio:checked ~ .radio-btn__label-svg .radio-btn__label-check { display: block; } .radio-btn.radio-btn--button .radio-btn__radio:checked ~ .radio-btn__label-svg .radio-btn__label-uncheck { display: none; } .radio-btn.radio-btn--button .radio-btn__label { margin: auto auto auto 0; padding: 0; color: #ffffff; } .radio-btn.radio-btn--button:hover { background: #3ea3fc; } .radio-btn.radio-btn--button:hover .radio-btn__label { color: #ffffff; } .radio-btn__radio { display: none; } .radio-btn__radio-custom { width: 18px; height: 18px; border-radius: 50%; border-style: solid; border-width: 2px; border-color: gray; position: relative; transition: all 0.3s; } .theme-light .radio-btn__radio-custom { border: 1px solid #dddddd; } .theme-dark .radio-btn__radio-custom { border: 1px solid #605f7b; } .radio-btn__radio:checked + .radio-btn__radio-custom { border-color: #70bbfd; } .radio-btn__label { line-height: 18px; padding-left: 9px; transition: all 0.3s; } .theme-light .radio-btn__label { color: #646777; } .theme-dark .radio-btn__label { color: #dddddd; } .radio-btn__radio-custom, .radio-btn__label { display: inline-block; vertical-align: middle; } .radio-btn__radio:checked + .radio-btn__radio-custom::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; top: calc(50% - 3px); left: calc(50% - 3px); background: #70bbfd; border-radius: 50%; } .theme-light .scroll .scrollbar-track { background: transparent; } .theme-dark .scroll .scrollbar-track { background: transparent; } .scroll .scrollbar-track.scrollbar-track-y { width: 4px; margin-right: 5px; } .scroll .scrollbar-thumb { opacity: 0.5; transition: height 0.3s; cursor: pointer; } .theme-light .scroll .scrollbar-thumb { background: #B4BFD0; } .theme-dark .scroll .scrollbar-thumb { background: #606071; } .search-result { padding: 10px 0; border-bottom: solid 1px #e7e7e7; } .search-result:last-child { margin-bottom: 25px; } .search-result:first-child { margin-top: 10px; } .search-result__title { font-size: 16px; font-weight: 500; color: #70bbfd; } .search-result__link { margin: 0; } .search-result__link a { color: #70bbfd; } .search-result__link a:hover { color: #3ea3fc; } .search-result__preview { max-width: 980px; margin-top: 5px; color: #999999; } .select-options { margin: 0 4px; border-radius: 3px; cursor: pointer; background: transparent; } .theme-light .select-options { color: #646777; } .theme-dark .select-options { color: #dddddd; } .select-options:focus { outline: none; } .theme-light .select-options option { background-color: white; } .theme-dark .select-options option { background-color: #232329; } .sidebar { position: fixed; top: 0; left: 0; z-index: 1001; height: 100vh; width: 260px; box-shadow: 2px 0 15px 0 rgba(0, 0, 0, 0.05); transition: transform 0.3s, width 0.3s; transform: translateX(calc(-100% - 20px)); } .theme-light .sidebar { background: white; } .theme-dark .sidebar { background: #232329; } .sidebar a { display: block; } .sidebar.sidebar--show { transform: translateX(0); } .sidebar.sidebar--show .sidebar__back { display: block; } .sidebar__back { height: 100%; width: 100vw; position: absolute; display: none; background: transparent; border: none; } .sidebar__link-active .sidebar__link.agentz-sidebar-link { background: #044F7B !important; } .sidebar__scroll { overflow: hidden; outline: none; top: 0px; left: -1px; width: 260px; /* height: 937px; */ background: #003B5D 0% 0% no-repeat padding-box; opacity: 1; } .sidebar__scroll > div { height: calc(100vh); } .sidebar__scroll .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .sidebar__scroll .scrollbar-track.scrollbar-track-x { display: none !important; } .sidebar__scroll .scrollbar-thumb { opacity: 0.3; width: 5px; } .sidebar__content { padding-top: 15px; height: 100%; overflow: auto; } .sidebar__content > div:last-child { width: 4px !important; } .sidebar__content > div:last-child div { transition: height 0.3s; opacity: 0.52; } .sidebar__block { padding: 4px 0; } .theme-light .sidebar__block { border-bottom: 1px solid #eff1f5; } .theme-dark .sidebar__block { border-bottom: 1px solid #333246; } .sidebar__block:last-child { border: none; } .sidebar__link { height: 60px; transition: all 0.3s; position: relative; cursor: pointer; display: flex; padding: 25px 20px; overflow: hidden; background: transparent; border: none; } .sidebar__link:hover { background-color: #044F7B; } .sidebar__link p { position: absolute; left: 62px; width: 160px; transition: left 0.3s; top: 48%; transform: translateY(-50%); color: #fff !important; font-size: 14px; } .sidebar__link:hover { text-decoration: none; } .sidebar__link:hover:before { opacity: 1; } .sidebar__link-title { margin: 0; font-size: 14px; line-height: 16px; position: relative; display: flex; margin-left: 8px; } .sidebar__link-icon { margin-right: 10px; font-size: 20px; line-height: 14px; color: #ffffff !important; margin-left: 12px; } .sidebar__link-icon:before { font-weight: 600; } .sidebar__submenu { transition: height 0.5s 0s, padding 0.5s 0s, opacity 0.4s 0.1s; padding: 0; } .sidebar__submenu .sidebar__submenu { margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .sidebar__submenu .sidebar__submenu .sidebar__link { padding-left: 53px; } .sidebar__submenu .sidebar__submenu .sidebar__link p { left: 53px; } .sidebar__submenu .sidebar__link { padding-left: 43px; } .sidebar__submenu .sidebar__link { display: block; } .sidebar__category-icon { position: absolute; right: 15px; font-size: 14px; line-height: 10px; font-weight: 600; opacity: 1; transition: opacity 0.5s 0.2s, transform 0.3s; color: #fff !important; } .sidebar__link-badge { width: 26px; height: 14px; background-color: #ff4861; font-size: 8px; font-weight: 400; padding: 2px; margin-left: 5px; line-height: 9px; position: relative; text-transform: uppercase; border-radius: 7px; } .sidebar__link-badge span { position: absolute; left: 0; top: 3px; width: 26px; text-align: center; } .sidebar__wrapper--desktop { display: none; } .sidebar__category-wrap.sidebar__category-wrap--open .sidebar__category-icon { transform: rotate(90deg); } .sidebar__category-new { height: 6px; width: 6px; border-radius: 50%; top: -3px; display: block; margin-left: 5px; background: #ff4861; } @media screen and (min-width: 576px) { .sidebar { transform: translateX(0); } .sidebar.sidebar--no-desktop { transform: translateX(calc(-100% - 20px)); } .sidebar.sidebar--no-desktop.sidebar--show { transform: translateX(0); } .sidebar.sidebar--no-desktop .sidebar__wrapper--mobile { display: block; } .sidebar.sidebar--collapse { width: 58px; overflow: visible; } .sidebar.sidebar--collapse .sidebar__scroll, .sidebar.sidebar--collapse .sidebar__content { width: 58px; overflow: visible !important; transition: width 0.3s; } .sidebar.sidebar--collapse .sidebar__submenu { padding: 0 0 15px 0; transition: 0s; } .sidebar.sidebar--collapse .sidebar__link .sidebar__category { height: 48px; padding: 20px; background: #00324F; } .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__submenu-wrap { width: 185px; } .sidebar.sidebar--collapse .sidebar__submenu-wrap { position: absolute; left: 55px; width: 0; transition: 0.3s; overflow: hidden; } .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__link { width: 185px; padding-left: 15px; } .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__link p { position: relative; left: 0; animation: none; } .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__submenu-wrap { position: relative; left: 0; } .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__submenu-wrap .sidebar__link { padding-left: 30px; } .sidebar.sidebar--collapse .sidebar__link { overflow: hidden; width: 58px; background-color: transparent; } .sidebar.sidebar--collapse .sidebar__link p { position: absolute; left: 70px; width: 160px; } .sidebar.sidebar--collapse .sidebar__category-icon { opacity: 0; transition: opacity 0s; } .sidebar.sidebar--collapse .scrollbar-track.scrollbar-track-y { margin-right: 188px; } .sidebar__wrapper--desktop { display: block; } .sidebar__wrapper--mobile { display: none; } } @media screen and (min-width: 992px) { .sidebar.sidebar--no-desktop { transform: translateX(0); display: none; } } .agentz-sidebar-link { padding: 0px !important; } .agentz-sidebar-link div:first-of-type { padding-left: 8px; padding-right: 8px; } .sidebar__link-title { padding-left: 0 !important; } .sidebar__link-title div:first-of-type { padding-left: 0px; } .sidebar__link-title span { font-size: 14px !important; color: #ffffff !important; letter-spacing: 0.3px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category { width: 100%; align-items: center; text-align: center; align-content: center; display: flex; padding: 20px !important; height: 48px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category span.sidebar__category-icon.lnr.lnr-chevron-left { align-items: center; font-size: 14px; color: #fff; font-weight: 600; text-align: center; margin-right: 128px; } .sidebar__wrapper_icon { background: #00324F 0% 0% no-repeat padding-box; flex: 0; } .sidebar__wrapper_icon .sidebar__link.sidebar__category:hover { background: #00324F 0% 0% no-repeat padding-box; } @media screen and (min-width: 576px) { .sidebar.sidebar--collapse .sidebar__category-icon.sidebar__category-icon.lnr-chevron-left { margin-right: 8px !important; opacity: 1; transform: rotate(180deg); } } .releaseNoteDiv { border: none; width: 100%; padding: 10px 40px; max-height: 350px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: grey; } .releaseNoteDiv::-webkit-scrollbar { width: 5px; } .releaseNoteDiv::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .releaseNoteDiv::-webkit-scrollbar-thumb:hover { background: grey; } @media screen and (max-width: 500px) { .releaseNoteDiv { padding: 10px 20px; } } .slider { position: relative; } .slider__min, .slider__max { color: #999999; font-size: 12px; position: absolute; top: -16px; } .slider__max { right: 0; } .rc-slider { margin-top: 45px; } .rc-slider .rc-slider-dot { opacity: 0; } .rc-slider .rc-slider-rail, .rc-slider .rc-slider-track { height: 8px; } .rc-slider .rc-slider-track { background: #c0f4e5; } .rc-slider .rc-slider-handle { border: none; background: #70bbfd; width: 18px; height: 18px; } .rc-slider .rc-slider-mark { top: 14px; } .rc-slider .rc-slider-mark .rc-slider-mark-text-active, .rc-slider .rc-slider-mark .rc-slider-mark-text { color: #bbbbbb; font-size: 10px; } .rc-slider-tooltip { padding-bottom: 2px; } .rc-slider-tooltip .rc-slider-tooltip-inner { background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); color: #646777; font-size: 12px; line-height: 12px; padding: 4px 4px; height: 20px; min-width: 28px; border-radius: 0; } .rc-slider-tooltip.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { border-top-color: white; } .rc-slider-tooltip.rc-slider-tooltip-hidden { display: block; } .table:last-child { margin-bottom: 0; } .table tbody td, .table th { border: none; padding: 10px; } .theme-light .table tbody td, .theme-light .table th { color: #646777; } .theme-dark .table tbody td, .theme-dark .table th { color: #999999; } .theme-light .table thead th { color: #646777; border-bottom-color: #eff1f5; } .theme-dark .table thead th { color: #dddddd; border-bottom-color: #333246; } .table .badge { color: #ffffff; padding: 6px 20px; border-radius: 15px; font-size: 12px; font-weight: 400; } .table .badge.badge-success { background-color: #70bbfd; } .table .badge.badge-warning { background-color: #f6da6e; } .table .badge.badge-primary { background-color: #70bbfd; } .table .badge.badge-danger { background-color: #ff4861; } .table .badge.badge-disabled { background-color: #dddddd; } .theme-light .table.table--bordered tr { border-bottom: 1px solid #eff1f5; } .theme-dark .table.table--bordered tr { border-bottom: 1px solid #333246; } .table.table--bordered tr:last-child { border-bottom: none; } .theme-light .table.table--head-accent thead { color: #646777; background-color: #fafbfe; } .theme-dark .table.table--head-accent thead { color: #999999; background-color: #38373f; } .table.table--head-accent thead th { border-bottom: none; } .theme-light .table.table-striped tbody tr:nth-of-type(odd) { background-color: #fafbfe; } .theme-dark .table.table-striped tbody tr:nth-of-type(odd) { background-color: #38373f; } .table.table-hover tbody tr { transition: all 0.3s; cursor: pointer; } .theme-light .table.table-hover tbody tr:hover { background-color: #f2f4f7; } .theme-dark .table.table-hover tbody tr:hover { background-color: #2a2a31; } .table1 th, .table1 tr { border: 1px solid black; padding: 15px; } .theme-light .table1 th, .theme-light .table1 tr { color: #646777; } .theme-dark .table1 th, .theme-dark .table1 tr { color: #999999; } .table1 td { border: 1px solid black; border-collapse: collapse; padding-left: 30px; padding-bottom: 15px; padding-top: 15px; padding-right: 30px; } .theme-light .table1 td { color: #646777; } .theme-dark .table1 td { color: #999999; } .tabs .tabs__wrap, #krr .tabs__wrap { min-width: min-content; padding-left: 10px; width: 98.5%; } .tabs .tab-badge, #krr .tab-badge { display: inline-block; min-width: 10px; padding: 4px 8px; font-size: 13px; font-weight: bold; line-height: 1; color: #70bbfd; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 99999px; border: 1px solid transparent; border-color: #70bbfd; color: #70bbfd; margin-right: 5px; } .tabs .tab-badge-active, #krr .tab-badge-active { background-color: #70bbfd; color: #ffffff; } .tabs .nav-tabs, #krr .nav-tabs { flex-wrap: nowrap; } .tabs .nav-tabs li .nav-link, #krr .nav-tabs li .nav-link { padding: 10px 20px; margin-right: 0; transition: background-color 0.3s; cursor: pointer; } .theme-light .tabs .nav-tabs li .nav-link, .theme-light #krr .nav-tabs li .nav-link { color: #646777; } .theme-dark .tabs .nav-tabs li .nav-link, .theme-dark #krr .nav-tabs li .nav-link { color: #dddddd; } .tabs .nav-tabs li .nav-link:hover, #krr .nav-tabs li .nav-link:hover, .tabs .nav-tabs li .nav-link:focus, #krr .nav-tabs li .nav-link:focus, .tabs .nav-tabs li .nav-link:active, #krr .nav-tabs li .nav-link:active { outline: none; } .theme-light .tabs .nav-tabs li .nav-link:hover, .theme-light #krr .nav-tabs li .nav-link:hover, .theme-light .tabs .nav-tabs li .nav-link:focus, .theme-light #krr .nav-tabs li .nav-link:focus, .theme-light .tabs .nav-tabs li .nav-link:active, .theme-light #krr .nav-tabs li .nav-link:active { background-color: #fafbfe; border-color: #fafbfe; border-bottom-color: #dddddd; } .theme-dark .tabs .nav-tabs li .nav-link:hover, .theme-dark #krr .nav-tabs li .nav-link:hover, .theme-dark .tabs .nav-tabs li .nav-link:focus, .theme-dark #krr .nav-tabs li .nav-link:focus, .theme-dark .tabs .nav-tabs li .nav-link:active, .theme-dark #krr .nav-tabs li .nav-link:active { background-color: #38373f; border-color: #38373f; border-bottom-color: #dddddd; } .tabs .nav-tabs li .nav-link.active, #krr .nav-tabs li .nav-link.active, .tabs .nav-tabs li .nav-link.active:focus, #krr .nav-tabs li .nav-link.active:focus, .tabs .nav-tabs li .nav-link.active:hover, #krr .nav-tabs li .nav-link.active:hover { background-color: transparent; } .theme-light .tabs .nav-tabs li .nav-link.active, .theme-light #krr .nav-tabs li .nav-link.active, .theme-light .tabs .nav-tabs li .nav-link.active:focus, .theme-light #krr .nav-tabs li .nav-link.active:focus, .theme-light .tabs .nav-tabs li .nav-link.active:hover, .theme-light #krr .nav-tabs li .nav-link.active:hover { border-color: #dddddd; border-bottom-color: white; color: #646777; } .theme-dark .tabs .nav-tabs li .nav-link.active, .theme-dark #krr .nav-tabs li .nav-link.active, .theme-dark .tabs .nav-tabs li .nav-link.active:focus, .theme-dark #krr .nav-tabs li .nav-link.active:focus, .theme-dark .tabs .nav-tabs li .nav-link.active:hover, .theme-dark #krr .nav-tabs li .nav-link.active:hover { border-color: #dddddd; border-bottom-color: #232329; color: #dddddd; } .tabs .nav-tabs li.disabled .nav-link, #krr .nav-tabs li.disabled .nav-link { color: #999999; } .tabs .tab-pane, #krr .tab-pane { padding-top: 20px; } .tabs.tabs--bordered-top .nav-tabs li .nav-link, .tabs--bordered-top#krr .nav-tabs li .nav-link { border-top: 2px solid transparent; border-radius: 0; } .tabs.tabs--bordered-top .nav-tabs li .nav-link.active, .tabs--bordered-top#krr .nav-tabs li .nav-link.active, .tabs.tabs--bordered-top .nav-tabs li .nav-link.active:focus, .tabs--bordered-top#krr .nav-tabs li .nav-link.active:focus, .tabs.tabs--bordered-top .nav-tabs li .nav-link.active:hover, .tabs--bordered-top#krr .nav-tabs li .nav-link.active:hover { border-radius: 0; border-top: 2px solid #70bbfd; } .tabs.tabs--bordered-bottom .nav-tabs li .nav-link, .tabs--bordered-bottom#krr .nav-tabs li .nav-link { border-color: transparent; border-bottom: 1px solid transparent; padding-bottom: 11px; } .tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active, .tabs--bordered-bottom#krr .nav-tabs li .nav-link.active, .tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active:focus, .tabs--bordered-bottom#krr .nav-tabs li .nav-link.active:focus, .tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active:hover, .tabs--bordered-bottom#krr .nav-tabs li .nav-link.active:hover { border-radius: 0; border-color: transparent; padding-bottom: 10px; } .tabs.tabs--bordered-bottom1 .nav-tabs li .nav-link, .tabs--bordered-bottom1#krr .nav-tabs li .nav-link { border-color: #f2f4f7; background-color: #f2f4f7; } .tabs.tabs--bordered-bottom1 .nav-tabs li .nav-link.active, .tabs--bordered-bottom1#krr .nav-tabs li .nav-link.active, .tabs.tabs--bordered-bottom1 .nav-tabs li .nav-link.active:focus, .tabs--bordered-bottom1#krr .nav-tabs li .nav-link.active:focus, .tabs.tabs--bordered-bottom1 .nav-tabs li .nav-link.active:hover, .tabs--bordered-bottom1#krr .nav-tabs li .nav-link.active:hover { border-radius: 0; border-color: transparent; border-top: 1px solid #f2f4f7; background-color: #ffffff; border-right-color: #ffffff; color: #646777; } .tabs.tabs--justify .nav-tabs, .tabs--justify#krr .nav-tabs { display: flex; flex-wrap: nowrap; } .tabs.tabs--justify .nav-tabs li a, .tabs--justify#krr .nav-tabs li a { text-align: center; } .tabs.tabs--vertical, .tabs--vertical#krr { overflow-y: visible; } .tabs.tabs--vertical .tabs__wrap, .tabs--vertical#krr .tabs__wrap { display: flex; } .tabs.tabs--vertical .nav-tabs, .tabs--vertical#krr .nav-tabs { border-bottom: none; width: 90px; height: 100%; flex-wrap: wrap; } .tabs.tabs--vertical .nav-tabs li, .tabs--vertical#krr .nav-tabs li { margin-top: 0; width: 100%; } .tabs.tabs--vertical .nav-tabs li .nav-link, .tabs--vertical#krr .nav-tabs li .nav-link { padding: 10px 10px 10px 0; margin-right: 0; transition: background-color 0.3s; border-radius: 0; border: none; text-align: left; } .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link { color: #646777; border-right: 2px solid #dddddd; } .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link { color: #dddddd; border-right: 2px solid #dddddd; } .tabs.tabs--vertical .nav-tabs li .nav-link:hover, .tabs--vertical#krr .nav-tabs li .nav-link:hover, .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .tabs--vertical#krr .nav-tabs li .nav-link:focus, .tabs.tabs--vertical .nav-tabs li .nav-link:active, .tabs--vertical#krr .nav-tabs li .nav-link:active { outline: none; } .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:hover, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link:hover, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link:focus, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:active, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link:active { background-color: #fafbfe; } .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:hover, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link:hover, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link:focus, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:active, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link:active { background-color: #38373f; } .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive, .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive, .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:focus, .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:focus, .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:hover, .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:hover { background-color: transparent; } .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:focus, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:focus, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:hover, .theme-light .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:hover { border-right-color: #dddddd; background-color: #dddddd; } .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:focus, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:focus, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link.verticalactive:hover, .theme-dark .tabs--vertical#krr .nav-tabs li .nav-link.verticalactive:hover { border-right-color: #dddddd; background-color: #dddddd; } .tabs.tabs--vertical .nav-tabs li.disabled .nav-link, .tabs--vertical#krr .nav-tabs li.disabled .nav-link { color: #999999; } .tabs.tabs--vertical .tab-pane, .tabs--vertical#krr .tab-pane { padding-top: 0; padding-left: 20px; } .tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link, .tabs--vertical.tabs--vertical-colored#krr .nav-tabs li .nav-link { border-right-color: #f2f4f7; background-color: #ffffff; padding-left: 10px; text-align: left; } .tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active, .tabs--vertical.tabs--vertical-colored#krr .nav-tabs li .nav-link.active, .tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active:focus, .tabs--vertical.tabs--vertical-colored#krr .nav-tabs li .nav-link.active:focus, .tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active:hover, .tabs--vertical.tabs--vertical-colored#krr .nav-tabs li .nav-link.active:hover { background-color: #f2f4f7; border-right-color: #f2f4f7; color: #646777; } .text-editor { position: relative; border: 1px solid #E0E0E0; border-radius: 5px; } .text-editor .rdw-editor-toolbar { margin: 0; background: transparent; border-radius: 0; border: none !important; box-shadow: 0px 3px 6px #00000012; } .theme-light .text-editor .rdw-editor-toolbar { box-shadow: 0px 3px 6px #00000012; } .theme-dark .text-editor .rdw-editor-toolbar { box-shadow: 0px 3px 6px #00000012; } .text-editor .public-DraftStyleDefault-block { margin: 0em 0 0 0; } .text-editor .public-DraftStyleDefault-ol, .text-editor .public-DraftStyleDefault-ul { margin: 0 0; padding-left: 24px; } .text-editor .rdw-editor-toolbar { padding: 0; } .text-editor .rdw-editor-toolbar > div { height: 40px; border: none; background: transparent; cursor: pointer; margin: 0; } .text-editor .rdw-editor-toolbar > div img { height: 13px; } .theme-light .text-editor .rdw-editor-toolbar > div img { fill: #646777; } .theme-dark .text-editor .rdw-editor-toolbar > div img { fill: #dddddd; } .text-editor .rdw-editor-toolbar .rdw-option-active { box-shadow: none; } .theme-light .text-editor .rdw-editor-toolbar .rdw-option-active { background-color: #eff1f5; } .theme-dark .text-editor .rdw-editor-toolbar .rdw-option-active { background-color: #333246; } .text-editor .DraftEditor-root { width: 100%; min-height: 100px; padding-left: 5px; border-top: none; } .text-editor .public-DraftEditor-content { padding: 6px 10px; color: #434343; font-size: 16px; line-height: 25px; } .theme-light .text-editor .public-DraftEditor-content { color: #434343; font-size: 16px; line-height: 25px; } .theme-dark .text-editor .public-DraftEditor-content { color: #434343; font-size: 16px; line-height: 25px; } .text-editor .draftJsMentionPlugin__input__1Wxng { width: 100%; padding: 10px; } .text-editor .public-DraftEditorPlaceholder-root { position: absolute; color: #999999; } .text-editor .rdw-option-wrapper, .text-editor .rdw-dropdown-wrapper { border: none; border-radius: 0; transition: background 0.3s; background: transparent; } .text-editor .rdw-option-wrapper:hover, .text-editor .rdw-dropdown-wrapper:hover { box-shadow: none; } .theme-light .text-editor .rdw-option-wrapper:hover, .theme-light .text-editor .rdw-dropdown-wrapper:hover { background: #fafbfe; } .theme-dark .text-editor .rdw-option-wrapper:hover, .theme-dark .text-editor .rdw-dropdown-wrapper:hover { background: #38373f; } .theme-light .text-editor .rdw-option-wrapper img, .theme-light .text-editor .rdw-dropdown-wrapper img { filter: invert(0%); } .theme-dark .text-editor .rdw-option-wrapper img, .theme-dark .text-editor .rdw-dropdown-wrapper img { filter: invert(100%); } .theme-light .text-editor .rdw-dropdown-wrapper { color: #646777; } .theme-dark .text-editor .rdw-dropdown-wrapper { color: #dddddd; } .theme-light .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoclose { border-bottom-color: #646777; } .theme-dark .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoclose { border-bottom-color: #dddddd; } .theme-light .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoopen { border-top-color: #646777; } .theme-dark .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoopen { border-top-color: #dddddd; } .text-editor .rdw-dropdown-optionwrapper { overflow: auto; } .theme-light .text-editor .rdw-dropdown-optionwrapper { background-color: white; border-color: #eff1f5; } .theme-dark .text-editor .rdw-dropdown-optionwrapper { background-color: #232329; border-color: #333246; } .text-editor .rdw-dropdown-optionwrapper:hover { box-shadow: none; } .text-editor .rdw-dropdownoption-default { transition: background-color 0.3s; } .theme-light .text-editor .rdw-dropdownoption-default:hover { background-color: #fafbfe; } .theme-dark .text-editor .rdw-dropdownoption-default:hover { background-color: #38373f; } .theme-light .text-editor .rdw-dropdownoption-default.rdw-dropdownoption-active { background-color: #fafbfe; } .theme-dark .text-editor .rdw-dropdownoption-default.rdw-dropdownoption-active { background-color: #38373f; } .text-editor button:hover { box-shadow: none; } .theme-light .text-editor button:hover { background-color: #fafbfe; } .theme-dark .text-editor button:hover { background-color: #38373f; } .text-editor button[disabled] { pointer-events: none; } .rc-time-picker { width: 100%; } .rc-time-picker-input { border-radius: 0; } .rc-time-picker-panel { padding-top: 3px; } .rc-time-picker-panel-input-wrap { display: none; } .rc-time-picker-panel-inner { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); border: none; border-radius: 0; margin-top: 32px; } .rc-time-picker-panel-select { overflow: hidden; border-right: 1px solid #eff1f5; } .rc-time-picker-panel-select ul { padding-right: 30px; overflow-y: scroll; overflow-x: hidden; width: 86px; height: 144px; } .rc-time-picker-panel-select li { padding: 0; text-align: center; transition: 0.3s; width: 56px; } li.rc-time-picker-panel-select-option-selected { background: #70bbfd; color: white; } li.rc-time-picker-panel-select-option-selected:hover { background: #3ea3fc; } .timeline { position: relative; } .theme-light .timeline { color: #646777; } .theme-dark .timeline { color: #dddddd; } .timeline:before { content: ""; background-color: #dddddd; width: 1px; height: 100%; position: absolute; left: 50%; } .timeline p { margin-top: 5px; } .timeline__item { position: relative; padding-bottom: 50px; } .timeline__item:nth-child(even) .timeline__content { margin-left: calc(50% + 52px); } .timeline__item:nth-child(even) .timeline__content:after { right: auto; left: -20px; border: 10px solid transparent; } .theme-light .timeline__item:nth-child(even) .timeline__content:after { border-right: 10px solid white; } .theme-dark .timeline__item:nth-child(even) .timeline__content:after { border-right: 10px solid #232329; } .timeline__icon { position: absolute; left: calc(50% - 25px); height: 50px; width: 50px; border-radius: 50%; background-color: #70bbfd; overflow: hidden; text-align: center; display: flex; } .timeline__icon.work { background-image: linear-gradient(to bottom, #4ce1b6, #1cd25a), linear-gradient(#4ce1b6, #4ce1b6); } .timeline__icon.video { background-image: linear-gradient(to bottom, #708eee, #9e44f3), linear-gradient(#7082ee, #7082ee); } .timeline__icon.file { background-image: linear-gradient(to bottom, #ee4f99, #f76e5b); } .timeline__icon img { height: 100%; width: auto; min-width: 100%; } .timeline__icon span { color: white; font-size: 20px; margin: auto; } .timeline__content { width: calc(50% - 52px); padding: 25px 25px 25px 20px; border-radius: 5px; position: relative; } .theme-light .timeline__content { background-color: white; } .theme-dark .timeline__content { background-color: #232329; } .timeline__content:after { content: ''; position: absolute; right: -20px; top: 20px; border: 10px solid transparent; } .theme-light .timeline__content:after { border-left: 10px solid white; } .theme-dark .timeline__content:after { border-left: 10px solid #232329; } .timeline__title { text-transform: uppercase; font-weight: 700; } @media screen and (max-width: 991px) { .timeline:before { left: 25px; } .timeline__icon { left: 0; } .timeline__item:nth-child(even) .timeline__content, .timeline__item .timeline__content { margin-left: 72px; width: calc(100% - 72px); } .timeline__item:nth-child(even) .timeline__content:after, .timeline__item .timeline__content:after { right: auto; left: -20px; border: 10px solid transparent; } .theme-light .timeline__item:nth-child(even) .timeline__content:after, .theme-light .timeline__item .timeline__content:after { border-right: 10px solid white; } .theme-dark .timeline__item:nth-child(even) .timeline__content:after, .theme-dark .timeline__item .timeline__content:after { border-right: 10px solid #232329; } } .todo { margin-bottom: 15px; } .todo__checkbox input:checked ~ .todo__checkbox-label { color: #999999; text-decoration: line-through; } .toggle-btn1 { justify-content: end; display: inline-flex; padding: 0px 40px; margin-bottom: 0; cursor: pointer; } .toggle-btn1 .toggle-btn__input1 { height: 0; width: 0; visibility: hidden; } .toggle-btn__input1-label { cursor: pointer; text-indent: -9999px; width: 40px; height: 20px; display: block; border-radius: 23px; position: relative; margin-bottom: 0; margin-left: auto; border: none; } .theme-light .toggle-btn__input1-label { background-color: #eff1f5; } .theme-dark .toggle-btn__input1-label { background-color: #333246; } .toggle-btn__input1-label::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; transition: 0.3s; box-shadow: 0 5px 10px rgba(153, 153, 153, 0.4); background-color: #fff; } .toggle-btn__input1:checked ~ .toggle-btn__input1-label:after { background: #70bbfd; left: calc(100%); transform: translateX(-100%); } .toggle-btn { justify-content: end; display: inline-flex; width: 100%; padding: 4px 0; margin-bottom: 0; cursor: pointer; } .toggle-btn .toggle-btn__input { height: 0; width: 0; visibility: hidden; } .toggle-btn__input-label { cursor: pointer; text-indent: -9999px; width: 40px; height: 20px; display: block; border-radius: 23px; position: relative; margin-bottom: 0; margin-left: auto; border: none; } .theme-light .toggle-btn__input-label { background-color: #eff1f5; } .theme-dark .toggle-btn__input-label { background-color: #333246; } .toggle-btn__input-label::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; transition: 0.3s; box-shadow: 0 5px 10px rgba(153, 153, 153, 0.4); background-color: #70bbfd; } .toggle-btn__input:checked ~ .toggle-btn__input-label:after { background: #70bbfd; left: calc(100%); transform: translateX(-100%); } .tooltip { z-index: 99; } .tooltip .tooltip-inner { background-color: #adb7c5; font-size: 12px; line-height: 14px; padding: 5px 15px; } .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #adb7c5; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #adb7c5; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #adb7c5; } .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #adb7c5; } .topbar { width: 100%; position: fixed; top: 0; height: 64px; z-index: 1000; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05); } .theme-light .topbar { height: 64px; background: #F2F4F7 0% 0% no-repeat padding-box; } .theme-dark .topbar { height: 64px; background: #F2F4F7 0% 0% no-repeat padding-box; } .lnr-menu { font-size: 23px; } .topbar__wrapper { position: relative; display: flex; height: 64px; background: #FFFFFF 0% 0% no-repeat padding-box; } .topbar__button { width: 60px; height: 60px; display: flex; background: transparent; border: none; cursor: pointer; transition: 0.3s; } .topbar__button:focus { outline: none; } .theme-light .topbar__button:hover { background: #fafbfe; } .theme-dark .topbar__button:hover { background: #38373f; } .topbar__button.topbar__button--desktop { display: none; } .topbar__button-icon { transition: all 0.3s; width: 16px; } .topbar__logo { width: 40px; height: 35px; margin: auto 0; background-repeat: no-repeat; background-position-y: center; background-position-x: left; background-size: contain; display: none !important; } .theme-light .topbar__logo { background-image: url("https://s3.amazonaws.com/agentz-ui-assets/v1-snapshot/logo.png"); } .theme-dark .topbar__logo { background-image: url(/dist/48ab7481741026556f3faf6c43b18492.svg); } @media screen and (min-width: 768px) { .topbar__logo { display: block; } } .topbar__Title { padding-top: 0px; border-left-color: #70bbfd; border-left-width: 4px; border-left-style: solid; margin: auto 0px; height: 35px; display: none !important; } @media screen and (min-width: 768px) { .topbar__Title { display: block; } } .topbar__Title_inbox_dashboard { padding: 15px 0px 0px 25px; border-left-width: 4px; margin: auto 0px; height: 64px; } @media screen and (min-width: 768px) { .topbar__Title_inbox_dashboard { display: block; } } .topbar__right { position: absolute; right: 0; display: flex; height: 100%; margin-right: 15px; } .topbar__left { left: 0; display: flex; height: 100%; width: 20%; align-items: center; } .topbar__avatar { height: 100%; display: flex; cursor: pointer; position: relative; border-radius: 0; border: none; transition: all 0.3s; box-shadow: none; padding: 0 24px; background-color: transparent; padding-right: 32px; } .theme-light .topbar__avatar:hover, .theme-light .topbar__avatar:focus, .theme-light .topbar__avatar:active, .theme-light .topbar__avatar:focus:active { background-color: #fafbfe; } .theme-dark .topbar__avatar:hover, .theme-dark .topbar__avatar:focus, .theme-dark .topbar__avatar:active, .theme-dark .topbar__avatar:focus:active { background-color: #38373f; } .topbar__avatar:focus { outline: none; } .topbar__avatar:before { display: none; } .topbar__avatar-img, .topbar__avatar-name, .topbar__icon { margin: auto 0; } .topbar__avatar-img { border-radius: 50%; height: 36px; width: 36px; } .topbar__avatar-name { color: #4D4D4D; font-size: 20px; font-weight: 500; letter-spacing: 1.3px; width: 52px; line-height: 28px; height: 28px; background: #EFF1F5; text-transform: uppercase; } .topbar__icon { margin-left: 8px; height: 18px; margin-top: auto; fill: #b1c3c8; } .topbar__menu { width: 200px; border-radius: 0; border: none; padding: 15px 0; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); background: white; margin-top: 0; } .theme-light .topbar__menu { background: white; } .theme-dark .topbar__menu { background: #232329; } .topbar__menu button { padding: 0; } .theme-light .topbar__menu button:hover { background-color: #fafbfe; } .theme-dark .topbar__menu button:hover { background-color: #38373f; } .topbar__menu *:focus { outline: none; } .topbar__menu-wrap { z-index: 1000; position: absolute; height: 0px; width: 100%; padding: 0 10px; min-width: 220px; right: 0; background: white; } .topbar__menu-portal { position: absolute; top: 60px; /* Adjust depending on your header height */ right: 10px; z-index: 9999; /* Must be higher than .topbar to appear on top */ background: white; color: #646777; } .topbar__link, .topbar__button { display: flex; padding: 19px 20px !important; transition: all 0.3s; height: 32px; width: 100%; position: relative; cursor: pointer; } .theme-light .topbar__link, .theme-light .topbar__button { color: #646777; } .theme-dark .topbar__link, .theme-dark .topbar__button { color: #dddddd; } .topbar__link:before, .topbar__button:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background: #70bbfd; opacity: 0; transition: all 0.3s; } .theme-light .topbar__link:hover, .theme-light .topbar__button:hover { background-color: #fafbfe; } .theme-dark .topbar__link:hover, .theme-dark .topbar__button:hover { background-color: #38373f; } .topbar__link:hover:before, .topbar__button:hover:before { opacity: 1; } .topbar__link-title, .topbar__button-title { margin: 0; font-size: 14px; line-height: 16px; } .topbar__link-icon, .topbar__button-icon { margin-right: 10px; font-size: 13px; line-height: 13px; } .theme-light .topbar__link-icon, .theme-light .topbar__button-icon { color: #dddddd; } .theme-dark .topbar__link-icon, .theme-dark .topbar__button-icon { color: #605f7b; } .topbar__menu-divider { margin: 15px 0; } .theme-light .topbar__menu-divider { border-top: 1px solid #eff1f5; } .theme-dark .topbar__menu-divider { border-top: 1px solid #333246; } .topbar__profile { margin-bottom: 0; position: relative; } .topbar__collapse { position: relative; display: none; align-self: center; } .topbar__collapse.topbar__collapse--language { min-width: 70px; display: block; } .topbar__collapse.topbar__collapse--language > button { padding: 0 4px; width: 100%; } @media screen and (min-width: 568px) { .topbar__collapse { display: block; } } .topbar__collapse-content { background-color: white; width: 270px; position: absolute; right: 0; bottom: 20px; transform: translateY(100%); box-shadow: 0 10px 25px 0 rgba(33, 36, 50, 0.13); z-index: 101; } .theme-light .topbar__collapse-content { background: white; } .theme-dark .topbar__collapse-content { background: #232329; } .topbar__collapse-content.topbar__collapse-content--language { max-width: 70px; padding: 10px 0; width: 100%; } @media screen and (max-width: 768px) { .topbar__collapse-content { left: 0%; transform: translate(-50%, 100%); } } @media screen and (min-width: 520px) { .topbar__collapse-content { width: 330px; } } .topbar__language-btn { padding: 4px 15px; width: 100%; border: none; background: transparent; cursor: pointer; text-align: left; font-size: 13px; line-height: 16px; transition: 0.3s; } .topbar__language-btn:hover { color: #70bbfd; } .topbar__language-btn-title { display: flex; font-size: 11px; align-items: center; margin: auto 0; } .theme-light .topbar__language-btn-title { color: #646777; } .theme-dark .topbar__language-btn-title { color: #dddddd; } .topbar__language-btn-title:not(:last-child) { margin-right: 5px; } .topbar__language-btn-title img { height: 11px; width: 16px; margin-right: 4px; } .topbar__back { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background: transparent; border: none; } .topbar__collapse-title-wrap { border-bottom: 1px solid #eff1f5; padding: 20px 15px 15px 15px; display: flex; justify-content: space-between; align-items: center; } .theme-light .topbar__collapse-title-wrap { border-bottom: 1px solid #eff1f5; } .theme-dark .topbar__collapse-title-wrap { border-bottom: 1px solid #333246; } .topbar__collapse-item { border-bottom: 1px solid #eff1f5; padding: 12px 55px 12px 15px; display: flex; position: relative; height: 62px; align-items: center; flex-wrap: wrap; } .theme-light .topbar__collapse-item { border-bottom: 1px solid #eff1f5; } .theme-dark .topbar__collapse-item { border-bottom: 1px solid #333246; } .topbar__collapse-img-wrap { height: 40px; width: 40px; border-radius: 50%; overflow: hidden; position: absolute; left: 15px; } .topbar__collapse-message { margin: 0; font-size: 12px; line-height: 16px; color: #787985; } .topbar__collapse-message.topbar__collapse-message--mail { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .topbar__collapse-name { margin: 0; font-size: 12px; line-height: 16px; color: black; } .topbar__collapse-date { position: absolute; top: 12px; right: 15px; font-size: 10px; color: #787985; margin-top: 2px; } .topbar__collapse-link { display: block; padding: 10px; text-transform: uppercase; color: #70bbfd; transition: 0.3s; text-align: center; font-weight: 500; font-size: 10px; line-height: 16px; } .topbar__collapse-link:hover { color: #3ea3fc; } .topbar__collapse-title { font-size: 14px; line-height: 16px; } .topbar__collapse-button { color: #c5d2d6; border: none; padding: 0; text-align: right; font-size: 12px; line-height: 16px; transition: 0.3s; background: transparent; } .topbar__collapse-button:hover { color: #70bbfd; } .topbar__btn { font-size: 18px; height: 100%; padding: 0 10px; cursor: pointer; position: relative; display: flex; border: none; background: transparent; transition: all 0.3s; } .theme-light .topbar__btn { color: #646777; } .theme-dark .topbar__btn { color: #dddddd; } .theme-light .topbar__btn:hover { background-color: #fafbfe; } .theme-dark .topbar__btn:hover { background-color: #38373f; } .topbar__btn svg { margin: auto; height: 18px; width: 18px; fill: #b1c3c8; } .topbar__btn.topbar__btn--new .topbar__btn-new-label > div:before { height: 14px; width: 15px; background-color: #fff; content: ""; position: absolute; top: 34%; left: 49%; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); } .topbar__btn.topbar__btn--new .topbar__btn-new-label > div:after { height: 11px; width: 11px; background-color: #F76161; content: ""; position: absolute; top: 34%; left: 49%; border-radius: 50%; transform: translate(-50%, -50%); } @keyframes beforePulse { from { width: 7px; height: 7px; } 25% { width: 13px; height: 13px; } to { width: 7px; height: 7px; } } .topbar__nav { width: 100%; display: none; height: 100%; justify-content: center; align-items: center; } .topbar .topbar__nav-dropdown-toggle { height: 60px; background: transparent; border-radius: 0; border: none; font-size: 14px; display: flex; justify-content: center; align-items: center; margin: 0; } .theme-light .topbar .topbar__nav-dropdown-toggle { color: #646777; } .theme-dark .topbar .topbar__nav-dropdown-toggle { color: #dddddd; } .topbar .topbar__nav-dropdown-toggle:before { display: none; } .theme-light .topbar .topbar__nav-dropdown-toggle:hover, .theme-light .topbar .topbar__nav-dropdown-toggle:focus, .theme-light .topbar .topbar__nav-dropdown-toggle:active, .theme-light .topbar .topbar__nav-dropdown-toggle:focus:active { background-color: #fafbfe; } .theme-dark .topbar .topbar__nav-dropdown-toggle:hover, .theme-dark .topbar .topbar__nav-dropdown-toggle:focus, .theme-dark .topbar .topbar__nav-dropdown-toggle:active, .theme-dark .topbar .topbar__nav-dropdown-toggle:focus:active { background-color: #38373f; } .topbar .topbar__nav-dropdown-toggle svg { fill: #999999; margin-left: 3px; height: 16px; width: 16px; margin-right: 0; } .topbar__nav-dropdown-menu { width: 240px; border-top: 2px solid #70bbfd; } .topbar__nav-dropdown-menu button { padding: 0; } .topbar__link-badge { width: 26px; height: 14px; background-color: #ff4861; font-size: 8px; font-weight: 400; padding: 2px; margin-left: 5px; line-height: 9px; position: relative; text-transform: uppercase; border-radius: 7px; } .topbar__link-badge span { position: absolute; left: 0; top: 3px; width: 26px; text-align: center; } .topbar__nav-link { display: flex; align-items: left; justify-content: center; height: 60px; padding: 10px 25px; transition: 0.3s; font-size: 14px; } .theme-light .topbar__nav-link { color: #646777; } .theme-dark .topbar__nav-link { color: #dddddd; } .theme-light .topbar__nav-link:hover { background-color: #fafbfe; } .theme-dark .topbar__nav-link:hover { background-color: #38373f; } .topbar__category-wrap { position: relative; } .topbar__category-wrap:hover .topbar__submenu { opacity: 1; width: auto; height: auto; } .topbar__category-icon { position: absolute; right: 20px; font-size: 10px; line-height: 14px; } .theme-light .topbar__category-icon { color: #dddddd; } .theme-dark .topbar__category-icon { color: #605f7b; } .topbar__submenu { position: absolute; right: 1px; top: 0; transform: translateX(100%); transition: 0.3s; opacity: 0; width: 0; height: 0; overflow: hidden; } .theme-light .topbar__submenu { background-color: #fafbfe; } .theme-dark .topbar__submenu { background-color: #38373f; } .theme-light .topbar__submenu .topbar__link:hover { background-color: white; } .theme-dark .topbar__submenu .topbar__link:hover { background-color: #232329; } .topbar__search { display: none; margin: auto 0; padding: 0; position: relative; } .topbar__search-field { width: 0; transition: all 0.3s; opacity: 0; margin: auto auto auto 0; border: none; border-radius: 13px; height: 26px; padding-left: 10px; padding-right: 46px; } .theme-light .topbar__search-field { background-color: #f2f4f7; } .theme-dark .topbar__search-field { background-color: #2a2a31; } .topbar__search-field.topbar__search-field--open { width: 200px; opacity: 1; margin-left: 10px; } .topbar__search-field.topbar__search-field--open + button { right: 10px; } .topbar__search-field:focus { outline: none; } .topbar__search-btn { height: 26px; width: 26px; border-radius: 13px; border: none; padding: 0; background: transparent; position: absolute; right: 0; } .theme-light .topbar__search-btn:hover { background-color: #f2f4f7; } .theme-dark .topbar__search-btn:hover { background-color: #2a2a31; } @media screen and (min-width: 480px) { .topbar__avatar-name { display: block; } .topbar__menu { width: 100%; left: 0 !important; } } @media screen and (min-width: 576px) { .topbar__button { height: 100%; } .topbar__button.topbar__button--desktop { display: block; } .topbar__button.topbar__button--mobile { display: none; } .topbar.topbar--navigation .topbar__button.topbar__button--mobile { display: block; } } @media screen and (min-width: 768px) { .topbar__search { display: flex; } } @media screen and (min-width: 992px) { .topbar__nav { display: flex; } .topbar.topbar--navigation .topbar__logo { margin-left: 15px; display: block; } .topbar.topbar--navigation .topbar__button.topbar__button--mobile { display: none; } .topbar.topbar--navigation .topbar__avatar-name { display: none; } .topbar.topbar--navigation .topbar__profile { margin-left: 0; } } @media screen and (min-width: 1200px) { .topbar.topbar--navigation .topbar__avatar-name { display: block; } } @media screen and (min-width: 1580px) { .topbar__nav-dropdown-toggle, .topbar__nav-link { width: 240px; } } .topbar__collapse-item-read { padding: 12px 55px 12px 15px; display: flex; position: relative; height: 62px; align-items: center; flex-wrap: wrap; background: #fafbfe; } .theme-light .topbar__collapse-item-read { border-bottom: 1px solid #eff1f5; } .theme-dark .topbar__collapse-item-read { border-bottom: 1px solid #333246; } .topbar__collapse-name-read { margin: 0; font-size: 12px; line-height: 16px; color: #646777; } .topbar__collapse-date-read { position: absolute; top: 12px; right: 15px; font-size: 10px; color: #080707 !important; margin-top: 2px; } .chat-scroll { height: 19.6vh; background: transparent; } .chat-scroll .scroll-content, .chat-scroll .scroll-content > div { height: 100%; } .chat-scroll .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll .scrollbar-thumb { opacity: 0.3; width: 5px; } .chat-scroll-data { height: 124px; background: transparent; } .chat-scroll-data .scroll-content, .chat-scroll-data .scroll-content > div { height: 100%; } .chat-scroll-data .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll-data .scrollbar-thumb { opacity: 0.3; width: 5px; } .chat-scroll-no-data { height: 62px; background: transparent; } .chat-scroll-no-data .scroll-content, .chat-scroll-no-data .scroll-content > div { height: 100%; } .chat-scroll-no-data .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll-no-data .scrollbar-thumb { opacity: 0.3; width: 5px; } .chat-scroll-data-three { height: 186px; background: transparent; } .chat-scroll-data-three .scroll-content, .chat-scroll-data-three .scroll-content > div { height: 100%; } .chat-scroll-data-three .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll-data-three .scrollbar-thumb { opacity: 0.3; width: 5px; } .chat-scroll-data-four { height: 248px; background: transparent; } .chat-scroll-data-four .scroll-content, .chat-scroll-data-four .scroll-content > div { height: 100%; } .chat-scroll-data-four .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll-data-four .scrollbar-thumb { opacity: 0.3; width: 5px; } .chat-scroll-data-five { height: 310px; background: transparent; } .chat-scroll-data-five .scroll-content, .chat-scroll-data-five .scroll-content > div { height: 100%; } .chat-scroll-data-five .scrollbar-track.scrollbar-track-y { width: 2px; margin-right: 3px; } .chat-scroll-data-five .scrollbar-thumb { opacity: 0.3; width: 5px; } .topbar__Title_onboarding { height: 64px; display: flex !important; align-items: center; } .wizard { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } .theme-light .wizard { background-color: white; } .theme-dark .wizard { background-color: #232329; } .wizard .wizard__form { max-width: 610px; width: 100%; margin-top: 50px; margin-bottom: 100px; padding: 0 25px; } .wizard .wizard__form .wizard__toolbar { margin-left: auto; margin-right: auto; } .wizard__steps { display: flex; } .wizard__step { width: 100%; cursor: pointer; text-align: center; height: 55px; text-transform: uppercase; display: flex; transition: background 0.3s; } .theme-light .wizard__step { border: 1px solid #eff1f5; background: #fafbfe; } .theme-dark .wizard__step { border: 1px solid #333246; background: #38373f; } .wizard__step p { font-weight: 700; margin: auto; font-size: 14px; transition: all 0.3s; } .wizard__step.wizard__step--active { background: #70bbfd; border-color: #70bbfd; } .wizard__step.wizard__step--active p { color: #ffffff; } .wizard__form-wrapper { display: flex; justify-content: center; height: auto; padding-left: 100px; margin: 20px 0; } .wizard__title { margin-bottom: 40px; margin-left: auto; margin-right: auto; font-weight: 500; } .wizard__description { color: #999999; margin: 0; max-width: 410px; } .form__form-group-date-cvc { margin-top: 20px; } @media (max-width: 640px) { iframe { height: 1200px; } } @media (max-width: 420px) { iframe { height: 1600px; } } .iframe-div { height: 1080px; } .form__form-group-label { white-space: unset; } .email-confirmation { text-align: center; } .email-confirmation .email-confirmation__buttons { display: flex; justify-content: center; margin-top: 50px; padding-bottom: 65px; } .email-confirmation .email-confirmation__buttons a { margin: 0 15px 20px 15px; } .email-confirmation__icon { margin: 0 auto; padding-top: 75px; position: relative; width: 120px; } .email-confirmation__mail { fill: #787985; opacity: 0.16; width: 120px; height: 120px; } .email-confirmation__check { fill: green; height: 40px; width: 40px; position: absolute; right: 0; top: 50px; } .email-confirmation__title { margin-bottom: 15px; color: #787985; } .email-confirmation__sub { color: #787985; font-size: 18px; line-height: 24px; } @media screen and (min-width: 576px) { .email-confirmation__icon { padding-top: 50px; } .email-confirmation__buttons { padding-bottom: 135px; } } .material-table th { white-space: nowrap; } .material-table__toolbar-wrap { position: absolute; top: 10px; right: 0; } .material-table__toolbar-wrap .material-table__toolbar { padding: 0 30px; } .material-table__toolbar-wrap .material-table__toolbar-button { height: 36px; width: 36px; padding: 0; } .material-table__toolbar-selected { margin-right: 10px; } .material-table__row { transition: 0.3s; cursor: pointer; } .theme-light .material-table__row[aria-checked="true"] { background-color: #fafbfe; } .theme-dark .material-table__row[aria-checked="true"] { background-color: #38373f; } .material-table__row[aria-checked="true"] .material-table__checkbox span { color: #70bbfd; } .theme-light .material-table__row:hover { background-color: #f2f4f7; } .theme-dark .material-table__row:hover { background-color: #2a2a31; } .material-table__checkbox--checked span { color: #70bbfd; } .material-table__cell.material-table__cell--sort span { transition: 0.3s; } .material-table__cell.material-table__cell--sort span:hover { color: #70bbfd; } .theme-light .material-table__cell, .theme-light .material-table__sort-label, .theme-light .material-table__toolbar-button { color: #646777; } .theme-dark .material-table__cell, .theme-dark .material-table__sort-label, .theme-dark .material-table__toolbar-button { color: #dddddd; } .material-table__checkbox { transition: 0.3s; } .theme-light .material-table__checkbox { color: #dddddd; } .theme-dark .material-table__checkbox { color: #605f7b; } .material-table__pagination button { height: 36px; width: 36px; } .material-table__pagination > div { padding: 0; } .theme-light .material-table__pagination span, .theme-light .material-table__pagination div, .theme-light .material-table__pagination svg { color: #646777; } .theme-dark .material-table__pagination span, .theme-dark .material-table__pagination div, .theme-dark .material-table__pagination svg { color: #dddddd; } .material-table__wrap { overflow-x: auto; } .material-table__filter-menu div:last-child { box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.06); } .material-table__filter-menu .material-table__filter-menu-item { color: #646777; transition: 0.3s; font-size: 13px; padding: 7px 24px; height: auto; } .material-table__filter-menu .material-table__filter-menu-item:hover { background: #fafbfe; } @media screen and (max-width: 768px) { .material-table__pagination div { margin-left: 8px; margin-right: 8px; } .material-table__pagination div:last-child { margin-right: 0; } .material-table__pagination div:first-child { margin: 0; } .material-table__pagination div > span:first-of-type { display: none; } } @media screen and (max-width: 420px) { .material-table__toolbar-selected span { display: none; } } .load { height: 100vh; width: 100vw; display: flex; align-items: center; position: fixed; background: #ffffff; z-index: 1000; } .load + div { height: 100vh; overflow: hidden; } .load.loaded { animation: ease loaded 0.5s; } .load__icon { animation: linear load 2s infinite; margin: auto; width: 32px; height: 32px; } .load__icon-wrap { margin: auto; } @keyframes load { from { transform: rotate(0deg) scale(2); } to { transform: rotate(360deg) scale(2); } } @keyframes loaded { from { opacity: 1; } to { opacity: 0; } } .customizer { position: fixed; top: 0; right: 0; z-index: 102; } .customizer .customizer__toggle button { margin-left: 10px; margin-right: 10px; } .theme-light .customizer .customizer__toggle span { color: #646777; } .theme-dark .customizer .customizer__toggle span { color: #dddddd; } .customizer__btn { width: 50px; height: 50px; position: fixed; bottom: 80px; right: 0; border: none; border-radius: 3px 0 0 3px; box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11); cursor: pointer; z-index: 102; } .theme-light .customizer__btn { background-color: white; } .theme-dark .customizer__btn { background-color: #232329; } .customizer__btn-icon { width: 18px; height: 18px; animation: iconOpacity linear infinite 4s; } @keyframes iconOpacity { from { opacity: 1; } 50% { opacity: 0.3; } to { opacity: 1; } } .customizer__wrap { height: 100vh; width: 240px; box-shadow: none; padding: 20px; transform: translateX(100%); transition: transform 0.3s; position: fixed; top: 0; right: 0; z-index: 102; } .theme-light .customizer__wrap { background-color: white; } .theme-dark .customizer__wrap { background-color: #232329; } .customizer__wrap.customizer__wrap--open { transform: translateX(0); box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11); } .customizer__title-wrap { padding-bottom: 20px; position: relative; } .theme-light .customizer__title-wrap { border-bottom: 1px solid #eff1f5; } .theme-dark .customizer__title-wrap { border-bottom: 1px solid #333246; } .customizer__caption { color: #999999; font-size: 12px; line-height: 1.5; margin-bottom: 20px; } .customizer__close-btn { position: absolute; right: 0; top: 0; background: transparent; border: none; cursor: pointer; } .customizer__close-btn svg { fill: #999999; width: 14px; height: 14px; transition: 0.3s; } .customizer__close-btn:hover svg { fill: #70bbfd; } .account { height: 100vh; width: 100%; min-height: 100vh; display: flex; overflow-y: auto; } .theme-light .account { background: #f2f4f7; } .theme-dark .account { background: #2a2a31; } .account.account--photo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAOiBAMAAABjp9fbAAAAG1BMVEXMzMyWlpa3t7exsbGjo6PFxcW+vr6cnJyqqqo0AxQAAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAczElEQVR4nO3dTZ/kRmEH4NmXmd0jA+vsHmdjEnykEwI5zgIOOboxxhx7HRznSIPBHMexga8dZkZVkkpVpVK32pOE57nYqy6pVfOrv6pUeumzMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4/+Px5a25Uuf/8fUXly8//+rTlk1evHtf+B9aCv/8659dfvHTH37QUnZ1S6r1y3/9WXutzt/76f7l5z9p+nPBEZ60BPjDN5ed380m7eIHoezlH6/mCj8OG375L607vKIF1br4y4JanX23/c8FR3naEODYHm+T9v162Q/3g8KXf64X/tW+uegJLKjWolqd92G/fLVbb39hajsf4O8NG+9MU//V5di/1Qp/OCr6pwP2/hgLqpXW6se17Z5vhkVf6YM5pbezAf4sab0vr8pl05ZejeWTpOhM376yBdV6PqlV7bi0GRf9zup7Dr3NXICnrbfcqVzsJ4Uvr0qFz98kJV98k53VgmrlanVT3PAv0qLvn2T/4c6bmQCfZ1rvH0qFv5yWvXxVKpx2gZXtrm9JtTaZWr1sT/vL3YnqAGfnlzMBfp1pvaVeddL53Cn0QBft2z2BBdWa9tW3vl3Y8Nv2onC0JzMBfryg9eZ6tctiZ5Vp6Zd/t0qdGiypVm5YcVlKe+6wdLk7XUX4G/d0JsDZnqrQej/Ol738fa5wtqV/Y019QbXyHXBpcip3WPrmjkv8zdnWA5zvqfJNstABF7rgbEv/ppr6kmptCmWzac8flnTBnErXPEsf52OWb5LPSmUvfzMtvGy4vbYF1SpE8jKf9sIgJDsGgeN1OSp8WuxUc02ycK54mZ2IflooerNm5UqWVKt8WModbNIrY+U/AKwgjCULH5dilmuSpWHpratJ6U2h5DcyY7ukWuXDUuZgk96aUvkDwApC/1L4uBSzXJPclstevpMWLg9Mv4kx9IJqlXc0d7ApDs0nfwBYQ2jK+U/PB03wq08/OP/kR5UmORg9/u4fPzr76N19v2DSsQ36wJ98evbL9/qy16vX8ahqDXb0j3//1z19d1DNl5Mt9x+++OFft9s/1PDi9LXib1A8Gcx/3LfeF1f3S/p7ndNM9l1VeDLwfJCLXVL6dVL4cUzwNzAPvaRa/fWm8AjSe32t0pu3+7OI7jHC/nmJ3emqw9+u2JTzH8cRYX83YN/Uk7Fun4q+Wfft93pcuJ9FuumWxLPHabe2uiXVijvaP5Tx61g27a7jHHQ8DGzCksxEPBwrtq/8x7H1DrqaeAfz9bhs7KoGd06exxmgpF+Nce1vP/4s810nsqBacVwxPN+NVU3v5Qh/zv7AEO+M9kwS6+snTbMfxxHhMH7xGaIkk2HxaAwa239yDrgNLb3v72KnfPK+akm1nk93dJDKZLQQz60HF6M+zheFFfSXSLIfx0ugu+HSMFYeZzJG9Wa0+LPsJmJXNbzsGpr6yS8kLalWONKMB8sfZ7cQj4fDtMfj0tWaVYCz0Sspsp+Hc8Wkrw1NcnS2GLqqZBKokOuwiV2m6Mn7qiXV2mR2dNDV3owWP8ttOHybk2BWNnwlVLZAGFVejRdvc613W2in4XzxW8OFoav6drZo8nWrW1KtN9nDUr5WMe2jDYcBu2cKWdXF6BajXInQz6St93Gu9YYmvUsKP82139BVXWeLjpeubkm1Qtn0sBTGG+NOfH+/MDnff5NdCsf4+deXI7kyoZ+c3LKxz2Sy0FXFCIzabxhWfpAteuK7lpZUK5S9KpTNztglG95mKwuH+vk/f72/TOTKhX5ycl3nbSaTxfC9znxD1/kXrsKc+IrLkmp1g4Lpafkm8yd4nt/wk9L3wUFyN+zmym1LrTe01EGfEsafN5PCIS+7wbJu0beSosUvXNWSaj0qHVK2mb/bo/zfsjQMh8O0BrjYIYYmedUvCo1/Nymc6YAeTxeNik43sqYl1er+VNNxRa6+rwsb7r7QazlYR2uA35RabzgDvO6XdP1spvMMsRgUznR1o6I3S2u0yJJqddmbdp7hfPdqsOzLwoa398s9E8w6WgM8TV6wmTTVbalbi+16EIJHpRY9LXoCS6rV7dD09DUca4aflA4/z4sHNzhAY4BznUyni+tgvrY41owjy3cmhadjyspWVrOoWvv7JZkJ5P0krWHDu9I3moZmFY0BflJud93k7KAL7TqvXN+5ncS12NF2A/GTTkMvqtb9glzf2dXhul9S7mi7sJuGZhWNAe4aZO4GhCeTtvpm0iFF01QWG/ST8leuZkm1LiaJjl5PDkLlo89mEnY4XGOAuwaZuwVwOijsMnmVKfw8bdjh/HFX3O7SGi2xpFqPi5kMf8RBgLf3SzKTzV3Z9KoZHKQxwI+KDTITwWImY7/Wd2OP046uty9vZi1LqvWkXHYaymmfHDwrbwYWawxwbUapC1ocBIemn5un6fLaj1mfp4nuFWd9B8KzCJlBcLjrqxaVJdV6Xi67nQS42/ebadnJGASO0Bjgco8yncLpBp/ZKyWTzyqD2NfJdnO2YZ93k4+6AFYvJC+p1tNy2WmAuy+/mpadHMLgCI0B3lTCtEladq2JTgLcDWIr/Vr1QnD8raJJqfiqjdoFmyXVelYu+2gS4PJ3n6d/AThCY4Brw9n02u7kPHdg0nyn8z/Rs3K20+1luvBw23V1rLqkWl1KbzJFJ4ea2iBkP39cgVbnHw3MBvgqt4n0VozqWV76FZtyLJ4XojnSrT/NSvig+ktES6q1LYd9EuDaMaz2nXCMcoC7yaJdbq23SdCqwUu/otKcaymI4jutki20vX5qSbW25e11Ra/jgtqfoHLIgqOUA7yvtPRtErSnSddV/YrKhrtxaH26J57qJoPw+E656tpLqvW2XHYy3Va7VjRJO6zkqADHoFWvdKaxKn9l43RPuJCUjNi7nZq53rqkWpUAb+4/uokLprNak+16IpjVzQY4O/OyTYJWC3AaympI9+Vw9+Is3Hjfwku+rqsrL6nW23LZyXlALaTPKuGGY5QDnA1JJ335RG32OA1sdZhcO0ON4q+4jGaX4ux0feUl1fr1T+/kiu7T76oNk6tnGHCE2QBn1wotPcSgFuD0+kp3qpqfsW6ar41RHX1f4c3UqSXVmt+FvuQmc0xJds2bZVndYQHeJp1d5d6MyU0e1db8uhKDXhgsj7IaBtYzTxMvqVbZ9Hms2qGn8lAEHOW4AF91/67N4KQBro4nuwDf1Hc6fP2oqwxTWzPhX1KtsmeTI0ht8P84c7yBNcwGODucfJu09Md/f+cqVzZ9dqE6Y912wSX+KNtNv6z1l1mWVKusO9BMX96xy5VuujoGBygHeN/Q0lteMpE+u1AbbrdecOn2bXgUyP4ERHnVI6s1fTNe7cDgZmhOZTbAu9xar5tb+vRB99pwu/7h9PtfTBddz6y6SrUyr8Eu/yHnPoTDHRfgm4ZvSJ8QqHayLU8znA0uJPV7t58syVulWtvJl9U72e5LPc3A2soB7kaJV7m1vmxt6f12YqdaPc1tfHlF/NXSuJXQJ85OFK1Srf0krvXT3NpRA45QDnDtubsw43s9/wUXadHqQ/td1zp7xTRELSY9POEw+0raNaqVOd+uP7RfO2rAEcoB3lR6o317gCc/+VXbbvMtD9vLpA/cpF9TskK1zjPl6s9ReZ6QEykHuPLumXgrVMPt+WFmdxcWbGpJq96mNS0XMxH26OXsaeYK1foslNu17ni1znC4coArL0O9aGzpt/ZJV1nvjVrvWYqdYLcHIdDzNzsdX61fh2LD7rY+dGi7wQwWKwd4e/9J7qTySVtLvzW9Q7klwPP3LIUJ42+PdrZhh46t1vl3Q6nRSLspwDezewfLlANceXnk05aWfi8J2tlaAQ6TVi9HG22/CfKwap3/8t19zO9ouC7APIhygKe/FBSF/m7+CdfMqLT6xGDzTYfxtRx3w9Jw9tpws+LB1YpvwwxGr96qPzHolRycSDnAlV8B2zQHOD5735/+rRPgeMnnbiwcwtXwxO3B1UoDPJ4vE2AeRDnAld/h3LcGOHbAg1se9g0BbrhrOBwavjP8x838egdXKw3w9ejT+h0olTfpwjHKAS7/Ena83DIb4NgBT3+bcJddoT3AMU+3HeGbwf/PObRaSYB/O/5UgHkQlQBPn7jp9E15JsDxRHXYdPe1rLU/txPjdtP3qk1PzB9arXGAXyX7X7+JeyvAnEYlwJuuqU4+2LYGeBML7vqFKwU4bvydfkq6KSCHVkuA+V+oEuDQoCdRexObcT3AfZMfpqW01TsLAvys33a4VnXVsNrB1UqG0N8Zr199ylmAOZVKgMNl0etkeT8wrrfI8zfZci0BbnlyNu7GLnTqbW+8OLRa6STW+JJvU4C9V5a1VQJTuj3x48YAf9aXG6a1HtH2APePHoTotb229dBqTa4Dvz/8tP4mgsb3FMBSlcCUXrTcd6zVAD/pi406q9UCHKa4/y4Mpq9b1jq4WpMAvxxuQIB5ELXATB66vfN00IYrAR4MoMfnpqsFOOzIi033P40vvDiwWpMAj45LAsyDqAVmm+urhsGsBXgwgB4PVlcL8MXlWOtbWw+s1jTAwwOTAPMgaoGJndIwgZ8NW/B1cbuDAXTyFF238OhJrL4r7cy+jKNzYLUyAR50wSaxeBC1wPS3Jv1bXParUQu+Lm122KElPeN6Ad6O49T6tO2B1coEeNAFCzAPohqYvov7cbfkw+7fL+7/c1Pa7OvLXlJo3xDgtjcoD3v5JW9dPrxaZx998oPhd/Z5dSMHD6Ia4G3fVF/806dn55/8KPzz3+stfdihpZdr1gtw//TBrfafDju4WncufjRYPS4VYB5ENcCDexsS3WtlCqPWi2GyrpIPqwFuf5jh1rCfX/Cs3qHVCr7XrxBL1gPsYQZOpBrg4bXRkRfPqi19Myj6h/TDLsC77JrLAvxs8D1LXrp8YLWiPsExsJ5G4kHUAzy4O2nknW7O5iq71i8GJaeviVwxwMMLSUt++u+wag3Es+h4fiDAPIh6gNNLrcHVttLSRyPU9ycfr/RGjuG27sLXuMrgW5ZVayhWMR5pvJGDB1EP8PgsM3oVlu8yq5x/OSo5sWaAt/03LXpl6wHVKmzgqlsgwDyImQCPr9QEvw9nubmZqNEtEVfTz9d5K+W9/trssp/uPKBahQ1cj/fEWyn5Zs0EeDQfFcPyQUhhpqWPsjEdQK8b4P6ejPaLSHcWVysVhhlh5C7APIi5AOcuufw+joMzKwxneLOvuNk0BLjp3TiDjS2eH1pcrVSYBwuJfdISYL/MwNrmAjweEYeeqptKzoxbhxO8o+ftok2tMbf+NlLwKHzXVesanYXVmkh/ztRvI/EgZgM8ekznzvtxtelc00VacKo6nGz9dcJkY8vnh5ZVK2M//svVx/5+nZATmQ3w2eP95chtJ3Neaq6bpGDGKr8PHMR9a3sbx8CiamWEQ0d3vuz3gXkQ8wFOntS5ex1j6VR1+MTOi8JUUPWmhvr9EBP9jNmyWehbC6pV2dNwyal+B8p+VBZW0xDgsw8HndWL3e2S0pTN8BJw6YRvWwtw/am80rYO693aq5XzZPy99acwurKNrwyBZi0BPrv4S2joP75vg8/zHeXwtTSTe6CD6tspFr66YnDAOOA2xdZq5VdOjlPVP2TTXxmWa2xaP//BF/uXn3+16/5ZePZmkKfyeWT1uZ3tojT2l4EXTFwPtVWr+t3X3b/3lU522UOS0O6wvuFRNmeDM+D8FaQ71ZsOl91zOOzx1xif5qtV8Ga8q7U7RBfeIArNDgtwPmebPk1/Kq9bnWiuTlGXduPeTds6Ddtr+/bNOO21ieb6FDUc7rAAb3KZGVwDrk0DVS/1ZjdctB8GeMnjSAWLvv31OMC1S73dhNeSJx6hyWEBzrbWbcxS6QrSneotD4vueBjfD7lC/7bo25PLYbX7U5bengKtDgtw1/XtRgv7e5uqtwxWTwirzxqmRi/kWOMqa1Ktbrv169nfGv/zOle0/qwhHO6gAGdf/trfVFG8gjRcOT8lu69mJrEZB/jo912k1coepqLtOMDbyk4smd2GJQ4KcLYTjTNK07fojFVCuui10MOLSLeOHqGm1arfAJkEuBbSpCis5qAAZydl9iFI+WcYepVh8qLrLeGq1Ytw4GhaqyKtVv2UOLnmVBsmeyEHp3JQgHOTMnFGaXautctF7kR50XRt169d/il887FP66XV2lQ3mwS4W7n2CPTNkfsHEwcFODdcjDNKN3NrV+ZraymYCJNmH6RvxzhUWq167rbjANcm1yuHLDjKQQHu2u7onG7T2gHXHkda8jDSRfzCbfNX16XVqt9Vsh1/WnscaX//2e7I/YOJgwKc6UPjjNL17NqVJ45yR4aScB/lO/0tnEfeTZlWa1utUXpiW96HRVNzsES5bZ3/551cKDKzO3FGaf4rK/dSLrmTMjxR//0lB49F1ao/GpXGvTxn7U5KTqYc4C6SuZFuprPpeqvbN8PNqcxULTlZ3Pd7sen+t2XovaBa9cu3m2RfN0mgJ1950PNSUFUO8JNi/5M73QsZ2s1/5ePM6uO9uWrY8XDfyG0swgRaSx+3oFr19/ukPW5yb/TAo+p24AizAc70P7k3MO7be5kw4t1NPgnzUi3nstvLfv/iJayr+fUWVKv+psm0Ft0OZUYBb4tfCUcqB/hxsUFm5opDhK5bvrPru6YD5SftHWl8ecDdVrrDR8vdlAuqVT13DQebuOBpMe6bBX8bWKQc4K6FZgZ+metAYUq4aR54U0rbs2qXNxK68fsBb5jQalhzQbWqs8dPht+fXRDtSwcsOFa5jZbfsdoF8GawaNsevZiUaSdY/GAqzHrff2O8i2T+ALKkWl3ydrntPEu3E7rkSeniB3C0Sicz16PsBou6xt92u/6k7Qdfpn1gWXh04r5sfJdAQy+3oFrFsX6/A4OefD89rt15XvxGOFYlwPtCp5abRd435+es7z3TLYch603DNsJ9lFfjfzZMFC2o1qZyQHkz+cIvC7uwLR2v4GiVAJcexsnM1oTotd0Klb6RNQhXhnbzmwiTZiFuoUNuSMmCalWG9KEOv5mUnpxGbMpbgSNVAlx66GA77WkW/iroPt9Xbad9YEk46Q0j2Ph+yt3sqguqVRzr96OI709Kp0excHA7+n0DMFUJcOnyZdeFXQ8WLXkj+lnsk9K+qrC4soWYigV3Uy6vVm5gEbr8Xb8oDCCSgUVhMayhEuBH+Tzl7sN4tqyT2WaDETbccBg433dlr8KScFl4/nanBdUKA/Wb6Va6HRiOFsIWkkPDNrNhWEklwE+nbbS0eLuskwkD3uuGpVmhV+t3YjtZMvPlLdUqRPIsvYrV6ea1khs/8kthFZUAh/7narz4daar22RLFoUtj7vL1/nvy9lONhBfqTe79oJqhX59Gr5NLtrZCuTrCuuoBDj0P+MHjMLodTRc7nqZ5udxu22MhpVhXrdlDisMmKd3Tc0P4xdUK57plubLx6OFMIs1Ogd427pfcIBKgEMsx5OwYaB7NVy4r2wlJ3RgwxB93C1rvx1ydADYNK/eXq3JZHf6ZeMT2ziwHxzI4tm6OSxOoRbg7JCwa7vZc8Wq4QohGIOmHlt6w91cIW3DoW373ZTN1Rr0tOP4/eIyswNn/cBicFwKhyWv4+Akas0r1/+EJj0aJg5+FaktwDEY/TvgP8tnJSsMS3PPQ83fx9VcrcGRadRdPw5BTYt3R4HBbzNehKKe5uckagHOTQyFs8/rYcHxjxQ1BLh/iXSIa/yullPgsPZ1buHsVajmag2WX/52UNv+N2RuxqXjKCDGNUTaKTCnUQtw7H/6HyuL/eRooNr/qkprgMMw9vLl1d2/+06tYbY2Hi92uU3OXq9prtbZ8Afbfhe+7MO4q5PfoOgPZF3evxcXXM1XC5arBbjvP151LfW/woLxiHD0Q9tNAR6s8d+fnv3yvf6f1/P7nH+DTuz+dnPrt1brbPyb5f/9nx+dffTJXwZVmhxs+r751T9+cP5J7L9dBeZEqgGOMzCXL//p07PzQeO9HpVLfiawIcDlaa+GS1EhgOPBcjwRnx2ttlbrbDC1lnWTFt+WSnqdDqeRS1dUPLdNxo6Paq08GG96UyjVMNlTuu85dH+zg/DWat16XSp7mTtdL55LuIjEaWTTFb0ptMdkomhbaeXReJXSqPt6fpfjsHY3Xh7mpuenwRqrVdvPW5lutbBlI2hOJJuu6ON8e0w7lLeFYiPjVQpj07mfJr217cqmT/nFYM92d43VquznnV3zlhvelg2HyKYrKlzgTaNTG2dGyTr50Lc8kFh6+0YcWs+ecDZWq7KfpX0tbHnXUC04QD5dUT6aN02lEsk6+aa+m9/juGK6F/Gi7fx7Bdqqdad8jTu7r9m8exkHp5JPV5SdlZmc0W2KjXwgXSkXopZHdsr3TG6LnxxWrfJ+3vpDtnQ271cN1YJDFNIV5bI5OVXMFZpIV8o19auGPQ6Bmvaz+WeEDq9WeT8vh3eB5HdvwJOEnEwhXVGm+U7b45fTQlOTtT6bFMl3aol9V3h6phtPgueHrE3VKu7nrdJMWbz7OervjIa1ldIVTZpvpj2WLsuMTNY6T1crdWojsZu9mX62CRua30xLtUr7eat8rPlFWvT9hlrBYWYDPBltZrqewwI8ORNtutthG0pn0h5Pj6/mt9NQraC/UTv6XfuWPYfEg7oYx3PN/uRXoy3/acUtz1tSrSdpgn9bK30+OqN41TKsgNO5GDbIP6+66f862ZbnLanW43HaZ0oPt/xqt9oOw4G+G5rji39ZecsxGS+uVt5ygwXVOv9u3wn/8R/at/zjVXYUjnPx3s/2l1/8+w9PsOn/+PqLE2153pJqnb/79Rd/Lfz5V582bflff7Z/+flXu2P2DgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgP9L/gcG50YqouT+pAAAAABJRU5ErkJggg==) no-repeat center; background-size: cover; } .account.account--photo .account__card { background-color: rgba(0, 10, 16, 0.8); color: #ffffff; } .account.account--photo .form__form-group-icon, .account.account--photo .form__form-group-button { background: transparent; } .account.account--photo .form__form-group-icon, .account.account--photo input:not(:last-child) { border-right: none; } .account.account--photo .form__form-group-button, .account.account--photo input { border-left: none; } .account.account--photo .form__form-group-button.active { border-color: #eff1f5; } .account.account--photo .form__form-group-button.active svg { fill: #70bbfd; } .account.account--photo input { color: #ffffff; } .account.account--photo input:focus { border-color: #eff1f5; } .account.account--photo p { color: #ffffff; } .account.account--photo .account__title { color: #ffffff; } .account__wrapper { margin: auto; padding: 10px; } .account__card { background-color: #ffffff; padding: 50px 60px; max-width: 520px; width: 100%; } .theme-light .account__card { background-color: white; } .theme-dark .account__card { background-color: #232329; } .account__profile { text-align: center; } .account__btns { display: flex; width: calc(100% + 10px); margin: -10px 0 -20px -10px; } .account__btns a { margin: 10px 0 20px 10px; white-space: nowrap; } .account__btns button { margin: 10px 0 20px 10px; white-space: nowrap; } .link__button { margin-top: 10px; } .account__btn { width: 100%; margin-right: 0; } .signupbanner__btn { width: 50%; margin: auto; } .account__avatar { height: 64px; width: 64px; border-radius: 50%; overflow: hidden; } .account__name { font-size: 11px; text-transform: uppercase; font-weight: 700; line-height: 15px; margin-top: 5px; } .account__sub { margin-top: 0; margin-bottom: 10px; color: #999999; font-size: 11px; line-height: 15px; } .account__forgot-password { position: absolute; font-size: 11px; line-height: 15px; bottom: -18px; right: 0; } .account__forgot-password a { color: #70bbfd; } .account__forgot-password a:hover { color: #3ea3fc; text-decoration: none; } .form__form-group--forgot { margin-bottom: 40px; } .account__or { text-align: center; margin-top: 35px; margin-bottom: 20px; position: relative; } .account__or:before, .account__or:after { content: ""; height: 1px; width: calc(50% - 90px); background: #dddddd; position: absolute; top: 10px; } .account__or:before { left: 0; } .account__or:after { right: 0; } .account__social { text-align: center; } .account__social-btn { display: inline-block; height: 38px; width: 38px; border-radius: 5px; padding: 9px; margin-right: 10px; transition: all 0.3s; border: none; } .account__social-btn:last-child { margin-right: 0; } .account__social-btn svg { fill: #ffffff; height: 20px; width: 20px; } .account__social-btn.account__social-btn--facebook { background: #4766a4; } .account__social-btn.account__social-btn--facebook:hover { background: #385080; } .account__social-btn.account__social-btn--google { background: #c74d4d; } .account__social-btn.account__social-btn--google:hover { background: #ab3636; } .account__head { margin-bottom: 30px; padding-left: 10px; border-left: 4px solid #70bbfd; display: flex; } .account__img { width: 11%; margin-right: 10px; height: 50%; } .account__img img { width: 100%; } .account__logo { font-weight: 700; } .account__bannertext { text-align: center; margin-bottom: 13%; margin-top: 10%; } .account__logo-accent { color: #70bbfd; } .account__have-account { text-align: center; margin-top: 20px; } .account__have-account a { color: #70bbfd; transition: all 0.3s; } .account__have-account a:hover { color: #3ea3fc; text-decoration: none; } @media screen and (max-width: 520px) { .account__card { padding: 35px 30px; } } @media screen and (max-width: 425px) { .account__btns { flex-wrap: wrap; } } .account__head__signup { padding-left: 10px; border-left: 4px solid #70bbfd; display: flex; } .industry_signup_select { width: 100%; } .industry_signup_select .Select-control .Select-input input { padding: unset !important; } .agentz-industry-select-input { display: none; } .cart__preview-img { width: 50px; height: 45px; border: 1px solid #f0f0f0; display: inline-block; overflow: hidden; text-align: center; padding: 5px; position: absolute; top: 8px; } .cart__preview-img + span { padding-left: 60px; display: block; min-width: 400px; } .cart__preview-img img { height: 100%; width: auto; max-width: 100%; } .cart__table tbody td { padding: 20px 10px; position: relative; } .cart__table-btn { background: transparent; border: none; line-height: 14px; padding: 0 0 0 20px; position: relative; color: #999999; cursor: pointer; transition: all 0.3s; } .cart__table-btn svg { height: 16px; width: 16px; position: absolute; top: -2px; left: 0; fill: #999999; transition: all 0.3s; } .cart__table-btn:hover { color: #ff1535; } .cart__table-btn:hover svg { fill: #ff1535; } .cart__sub-total { margin-top: 20px; font-weight: 700; } .cart__deliveries { margin-top: 20px; } .cart__delivery-field { flex-wrap: wrap; } .cart__deliveries-title { font-weight: 500; } .cart__delivery { margin-right: 50px; margin-bottom: 10px; } .cart__delivery:last-child { margin-right: 0; } .cart__delivery > label { margin-bottom: 0; } .cart__delivery-time, .cart__delivery-price { font-size: 10px; line-height: 13px; margin: 0; padding-left: 27px; } .cart__delivery-time { color: #999999; margin-bottom: 8px; } .cart__total { width: 100%; font-weight: 700; margin-bottom: 5px; } .dashboard .dashboard__visitors-chart-title span { color: #999999; font-size: 11px; } .dashboard .dashboard__visitors-chart-number { font-size: 48px; line-height: 34px; margin-bottom: 10px; } .dashboard .dashboard__audience-table .progress { margin-top: 10px; } .dashboard .dashboard__audience-table .progress-bar { height: 10px; } .dashboard .dashboard__table-flag { width: 42px; height: 30px; margin-right: 25px; } .dashboard .dashboard__bounce-percent { color: #70bbfd; font-size: 48px; line-height: 48px; margin-top: 20px; margin-bottom: 45px; } .dashboard .dashboard__product-img { max-height: 360px !important; max-width: 250px !important; height: 100%; padding: 0px 0 5px 0; margin-bottom: 5px; } .theme-light .dashboard .dashboard__product-img { border-bottom: 1px solid #eff1f5; } .theme-dark .dashboard .dashboard__product-img { border-bottom: 1px solid #333246; } .dashboard .dashboard__product-img .div-img { border-top-left-radius: 6px; border-top-right-radius: 6px; height: 200px !important; width: 100%; object-fit: contain; max-height: 300px; min-width: 180px; } .dashboard .dashboard__product-img iframe { position: absolute; top: 0px; left: 0px; } .dashboard .dashboard__product-img video { position: absolute; top: 0px; left: 0px; } .dashboard .dashboard__product-title { margin-bottom: 10px; text-transform: uppercase; } .dashboard .dashboard__product-subhead { font-size: 14px; line-height: normal; } .dashboard .dashboard__product-stepcardhead { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 34px; line-height: 17px; } .dashboard .dashboard__product-stepcardsubhead { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 51px; line-height: 17px; } .dashboard .dashboard__table-orders { overflow: hidden; min-width: 430px; } .dashboard .dashboard__table-orders tbody td { padding: 16px 10px; } .dashboard .dashboard__table-orders .dashboard__table-orders-title { position: relative; padding-left: 52px; display: flex; line-height: 15px; align-items: center; } .dashboard .dashboard__table-orders-total { white-space: nowrap; } .dashboard .dashboard__table-orders-img-wrap { position: absolute; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; left: 10px; } .dashboard .dashboard__table-orders-img { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .dashboard .dashboard__table-orders-amount { display: flex; } .dashboard .dashboard__table-orders-amount div { width: 3px; height: 14px; display: inline-block; background-color: #70bbfd; border-radius: 3px; margin: auto 3px auto 0; } .dashboard .dashboard__table-orders-amount span { color: #999999; margin: auto 0 auto 5px; } .dashboard .dashboard__table-orders-amount.dashboard__table-orders-amount--medium div { background-color: #f6da6e; } .dashboard .dashboard__table-orders-amount.dashboard__table-orders-amount--low div { background-color: #ff4861; } .dashboard .dashboard__table-orders-link { font-size: 12px; margin-top: 20px; display: block; } .dashboard .dashboard__table-orders-link svg { height: 12px; width: 12px; } .dashboard .dashboard__table-more { display: flex; } .dashboard .dashboard__table-more > button { margin: 0; padding: 0 5px; border: none; background-color: transparent; margin-left: auto; } .dashboard .dashboard__table-more > button:before { display: none; } .dashboard .dashboard__table-more > button svg { margin: 0; height: 20px; width: 20px; fill: #999999; transition: all 0.3s; } .dashboard .dashboard__table-more > button:hover, .dashboard .dashboard__table-more > button:not([disabled]):not(.disabled):active, .dashboard .dashboard__table-more > button:focus { background: transparent; } .dashboard .dashboard__table-more > button:hover svg, .dashboard .dashboard__table-more > button:not([disabled]):not(.disabled):active svg, .dashboard .dashboard__table-more > button:focus svg { fill: #70bbfd; } .dashboard .dashboard__table-more > div { min-width: 90px; width: 100%; } .dashboard .dashboard__table-more button { font-size: 13px; } .dashboard .dashboard__sales-toggle label { margin: 0; } .dashboard .dashboard__sales-toggle label:after { box-shadow: none; background-color: #ff4861; } .dashboard .dashboard__sales-toggle-left { margin-left: auto; margin-right: 12px; color: #999999; pointer-events: none; } .dashboard .dashboard__sales-toggle-right { margin-right: auto; margin-left: 12px; color: #999999; pointer-events: none; } .dashboard .dashboard__sales-report { display: flex; } .dashboard .dashboard__sales-report > div { width: 100%; margin-right: 25px; margin-bottom: 0; } .dashboard .dashboard__sales-report > div:last-child { margin-right: 0; } .dashboard .dashboard__sales-report p { margin-top: 0; } .dashboard .dashboard__sales-report-title { color: #999999; font-size: 12px; line-height: 13px; margin-bottom: 10px; } .dashboard .dashboard__sales-report-now { font-weight: 500; font-size: 16px; line-height: 18px; margin-bottom: 4px; } .dashboard .dashboard__sales-report-plan { font-size: 11px; line-height: 15px; color: #999999; opacity: 0.5; margin-bottom: 10px; } .dashboard .dashboard__sales-report-value { margin-bottom: 0; } .dashboard .dashboard__weight-stats { display: flex; margin-bottom: 20px; } .dashboard .dashboard__weight-stat { margin-right: 40px; } @media screen and (min-width: 768px) { .dashboard .dashboard__weight-stat { margin-right: 80px; } } .dashboard .dashboard__weight-stat:last-child { margin-right: 0; } .dashboard .dashboard__weight-stat-title { margin-top: 0; margin-bottom: 3px; } .dashboard .dashboard__weight-stat-value { font-size: 36px; line-height: 48px; } @media screen and (min-width: 768px) { .dashboard .dashboard__weight-stat-value { font-size: 48px; line-height: 62px; } } .dashboard .dashboard__weight-stat-value.dashboard__weight-stat-value--control { color: #f6da6e; } .dashboard .dashboard__weight-stat-value.dashboard__weight-stat-value--total { color: #ff4861; } .dashboard .dashboard__health-chart-card { text-align: center; } .dashboard .dashboard__goal { font-size: 12px; color: #999999; } .dashboard .dashboard__health-chart { position: relative; } .dashboard .dashboard__health-chart-info { position: absolute; width: 100%; top: calc(50% - 71px); animation: label 1.5s ease-in; } .dashboard .dashboard__health-chart-info p { margin: 0; } .dashboard .dashboard__health-chart-number { font-size: 56px; line-height: 60px; } .theme-light .dashboard .dashboard__health-chart-number { color: #646777; } .theme-dark .dashboard .dashboard__health-chart-number { color: #ffffff; } .dashboard .dashboard__health-chart-units { color: #999999; margin-top: 5px; } .dashboard .dashboard__competitor { display: flex; padding: 10px 0; position: relative; } .dashboard .dashboard__competitor:before { content: ""; position: absolute; height: 100%; width: calc(100% + 65px); top: 0; left: -30px; z-index: 0; opacity: 0; transition: all 0.3s; } .theme-light .dashboard .dashboard__competitor:before { background: #fafbfe; } .theme-dark .dashboard .dashboard__competitor:before { background: #38373f; } .dashboard .dashboard__competitor:hover:before { opacity: 1; } .dashboard .dashboard__competitor-img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; min-width: 40px; z-index: 1; } .dashboard .dashboard__competitor-img img { height: 100%; min-width: 100%; } .dashboard .dashboard__competitor-info { z-index: 1; } .dashboard .dashboard__competitor-name { font-weight: 500; } .dashboard .dashboard__competitor-result { color: #ff4861; margin-top: 0; font-size: 14px; } .dashboard .dashboard__area { font-size: 11px; } .dashboard .dashboard__area .recharts-legend-wrapper { bottom: 0 !important; } .dashboard .dashboard__total { display: flex; margin-top: -15px; } .dashboard .dashboard__total.dashboard__total--area { margin-top: -55px; } .dashboard .dashboard__chart-container { max-width: 180px; } .dashboard .dashboard__total-stat { font-size: 18px; height: 24px; margin-right: auto; margin-top: auto; padding-right: 10px; line-height: 24px; } .dashboard .dashboard__trend-icon { fill: #70bbfd; height: 24px; width: 24px; margin-right: 3px; min-width: 24px; margin-top: auto; } .dashboard .dashboard__stat { display: flex; margin-top: 40px; margin-bottom: 10px; align-items: center; } .dashboard .dashboard__stat:first-child { margin-top: 0; } .dashboard .dashboard__stat:last-child { margin-bottom: 0; } .dashboard .dashboard__stat .dashboard__stat-info { margin: auto 0 auto 30px; } .dashboard .dashboard__stat .dashboard__stat-info p { color: #999999; } .dashboard .dashboard__stat .dashboard__stat-number { margin-top: 10px; } .dashboard .dashboard__stat .dashboard__stat-chart { position: relative; text-align: center; } .dashboard .dashboard__stat .dashboard__stat-label { position: absolute; font-size: 18px; line-height: 20px; top: calc(50% - 10px); width: 100%; margin: 0; animation: label 1.5s ease-in; color: #dddddd; } .dashboard .dashboard__stat.dashboard__stat--budget { text-align: center; flex-wrap: wrap; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-chart { margin: auto; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-label { font-size: 36px; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-main { width: 100%; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-main hr { margin-bottom: 30px; margin-top: 40px; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-main-title { color: #999999; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-main-number { color: #ff4861; font-size: 48px; line-height: 34px; margin-top: 15px; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-data { width: 100%; display: flex; justify-content: space-around; margin-top: 10px; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-data p { margin: 0; } .dashboard .dashboard__stat.dashboard__stat--budget .dashboard__stat-data-number { font-size: 18px; line-height: 34px; font-weight: 500; } @media screen and (min-width: 1200px) and (max-width: 1439px) { .dashboard .dashboard__stat { flex-wrap: wrap; justify-content: center; margin-top: 20px; } .dashboard .dashboard__stat .dashboard__stat-info { margin: 0; } .dashboard .dashboard__stat .dashboard__stat-chart { margin-bottom: 15px; } } @media screen and (min-width: 1200px) and (max-width: 1539px) { .dashboard .dashboard__stat .dashboard__stat-chart svg, .dashboard .dashboard__stat .dashboard__stat-chart div { width: 80px !important; height: 80px !important; } } @keyframes label { from { opacity: 0; } to { opacity: 1; } } .dashboard .dashboard__chart-pie { height: 200px !important; } .dashboard .dashboard__chart-pie .recharts-surface { width: 100%; height: 100%; } @media screen and (min-width: 768px) { .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto { height: 300px !important; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-pie-container { height: 300px !important; padding-left: 60px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--commerce { height: 360px !important; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--commerce .dashboard__chart-pie-container { height: 360px !important; padding-left: 60px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--fitness { height: 360px !important; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--fitness .dashboard__chart-pie-container { height: 360px !important; padding-left: 90px; } } @media screen and (max-width: 480px) { .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto { height: 180px !important; padding-left: 10px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-pie-container { height: 180px !important; padding-left: 40px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-legend { margin-left: -10px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-legend li { margin-top: 0; } } .dashboard .dashboard__chart-pie-container { padding-left: 0; height: 200px !important; } @media screen and (min-width: 768px) { .dashboard .dashboard__chart-pie-container { padding-left: 40px; } } .dashboard .dashboard__chart-legend { padding: 0; list-style: none; } .dashboard .dashboard__chart-legend span { height: 10px; width: 10px; border-radius: 50%; display: inline-block; margin-right: 10px; } .dashboard .dashboard__chart-legend li { margin-top: 5px; } .theme-light .dashboard .dashboard__chart-legend li { color: #646777; } .theme-dark .dashboard .dashboard__chart-legend li { color: #dddddd; } .dashboard .dashboard__card-widget { padding-top: 25px; padding-bottom: 25px; } .dashboard .dashboard__btc { color: #f6a81e; } .dashboard .dashboard__eth { color: #5e62e6; } .dashboard .dashboard__neo { color: #3ddb42; } .dashboard .dashboard__ste { color: #21cbe6; } .dashboard .dashboard__eos { color: #6d6a6a; } .dashboard .dashboard__lit { color: #b7b3b3; } .dashboard .dashboard__table-crypto tbody td { padding: 17px 10px; white-space: nowrap; } .dashboard .dashboard__table-crypto .dashboard__table-crypto-chart { padding: 10px; width: 180px; } .dashboard .dashboard__table-crypto .dashboard__chart-container { max-width: 180px; } .dashboard .dashboard__place-order { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width: 900px) { .dashboard .dashboard__place-order { flex-wrap: nowrap; } } @media screen and (min-width: 1200px) { .dashboard .dashboard__place-order { flex-wrap: wrap; } } @media screen and (min-width: 1360px) { .dashboard .dashboard__place-order { flex-wrap: nowrap; } } .dashboard .dashboard__place-order-form { position: relative; width: 100%; margin-top: 20px; } .dashboard .dashboard__place-order-form:first-child { margin-top: 0; } .dashboard .dashboard__place-order-form form, .dashboard .dashboard__place-order-form span { padding: 20px 20px 30px 20px; border-radius: 5px; margin-top: 10px; } .theme-light .dashboard .dashboard__place-order-form form, .theme-light .dashboard .dashboard__place-order-form span { background-color: #eff1f5; } .theme-dark .dashboard .dashboard__place-order-form form, .theme-dark .dashboard .dashboard__place-order-form span { background-color: #333246; } .dashboard .dashboard__place-order-form .form__form-group-label { width: 50px; } .dashboard .dashboard__place-order-form .form__form-group-field { width: calc(100% - 50px); } .dashboard .dashboard__place-order-form .form__button-toolbar { margin-left: 0; width: 100%; } .dashboard .dashboard__place-order-form .form__button-toolbar button { width: 100%; } .theme-light .dashboard .dashboard__place-order-form input { background-color: white; } .theme-dark .dashboard .dashboard__place-order-form input { background-color: #232329; } .dashboard .dashboard__place-order-form .form__form-step-field { width: calc(100% - 50px); margin-left: 0px; padding-left: 0px; margin-top: 20px; } @media screen and (min-width: 900px) { .dashboard .dashboard__place-order-form { width: calc(50% - 15px); margin-top: 0; } } @media screen and (min-width: 1200px) { .dashboard .dashboard__place-order-form { width: 100%; margin-top: 20px; } .dashboard .dashboard__place-order-form:first-child { margin-top: 0; } } @media screen and (min-width: 1360px) { .dashboard .dashboard__place-order-form { width: calc(50% - 15px); margin-top: 0; } } .dashboard .dashboard__place-order-form-subhead { position: absolute; font-size: 12px; top: 4px; right: 0; } @media screen and (min-width: 1200px) { .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-pie-container { padding-left: 0; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .recharts-legend-wrapper { bottom: -110px !important; } } @media screen and (min-width: 1360px) { .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .dashboard__chart-pie-container { padding-left: 90px; } .dashboard .dashboard__chart-pie.dashboard__chart-pie--crypto .recharts-legend-wrapper { bottom: 5px !important; } } .dashboard .dashboard__carousel { margin-bottom: -25px; } .dashboard .dashboard__carousel .slick-dots { bottom: -35px; } .dashboard .dashboard__carousel .slick-arrow.slick-prev, .dashboard .dashboard__carousel .slick-arrow.slick-next { background: none; opacity: 0; pointer-events: none; } .dashboard .dashboard__carousel .dashboard__carousel-slide { border-radius: 5px; padding: 15px 13px; position: relative; overflow: hidden; } .dashboard .dashboard__carousel .dashboard__carousel-slide svg { position: absolute; height: 80px; width: 80px; top: calc(50% - 40px); opacity: 0.3; right: -20px; } .theme-light .dashboard .dashboard__carousel .dashboard__carousel-slide svg { fill: #dddddd; } .theme-dark .dashboard .dashboard__carousel .dashboard__carousel-slide svg { fill: #605f7b; } .dashboard .dashboard__carousel .dashboard__carousel-slide p { color: #999999; margin: 0; } .dashboard .dashboard__carousel .dashboard__carousel-slide .dashboard__carousel-title { color: #ff4861; font-size: 24px; font-weight: 500; } .theme-light .dashboard .dashboard__carousel .dashboard__carousel-slide { background: #f2f4f7; } .theme-dark .dashboard .dashboard__carousel .dashboard__carousel-slide { background: #2a2a31; } .dashboard .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red { background: #ff4861; } .dashboard .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red p { color: white; opacity: 0.45; } .dashboard .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red svg { fill: #ffffff; } .dashboard .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red .dashboard__carousel-title { opacity: 1; } .invoice { padding: 35px; } .theme-light .invoice { background-color: white; } .theme-dark .invoice { background-color: #232329; } .invoice__head { display: flex; justify-content: space-between; margin-bottom: 60px; flex-wrap: wrap; } .invoice__head p { color: #999999; margin: 0; } .invoice__logo { width: 120px; height: 16px; margin-bottom: 10px; background-repeat: no-repeat; background-position-y: center; background-position-x: left; background-size: contain; } .theme-light .invoice__logo { background-image: url("https://s3.amazonaws.com/agentz-ui-assets/v1-snapshot/logo.png"); } .theme-dark .invoice__logo { background-image: url(/dist/48ab7481741026556f3faf6c43b18492.svg); } .invoice__head-right { width: 100%; margin-top: 30px; } .invoice__head-right .invoice__date { margin-bottom: 10px; } .invoice__total { text-align: right; margin-top: 15px; } .invoice__grand-total { font-weight: 500; font-size: 20px; margin-top: 15px; margin-bottom: 30px; } .invoice__toolbar { justify-content: flex-end; } .invoice__toolbar button { margin-left: 15px; margin-right: 0; } @media screen and (min-width: 768px) { .invoice { padding: 50px; } .invoice__head-right { width: auto; text-align: right; margin-top: 0; } } .not-found { text-align: center; height: 100vh; overflow: auto; display: flex; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAOiBAMAAABjp9fbAAAAG1BMVEXMzMyWlpa3t7exsbGjo6PFxcW+vr6cnJyqqqo0AxQAAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAczElEQVR4nO3dTZ/kRmEH4NmXmd0jA+vsHmdjEnykEwI5zgIOOboxxhx7HRznSIPBHMexga8dZkZVkkpVpVK32pOE57nYqy6pVfOrv6pUeumzMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4/+Px5a25Uuf/8fUXly8//+rTlk1evHtf+B9aCv/8659dfvHTH37QUnZ1S6r1y3/9WXutzt/76f7l5z9p+nPBEZ60BPjDN5ed380m7eIHoezlH6/mCj8OG375L607vKIF1br4y4JanX23/c8FR3naEODYHm+T9v162Q/3g8KXf64X/tW+uegJLKjWolqd92G/fLVbb39hajsf4O8NG+9MU//V5di/1Qp/OCr6pwP2/hgLqpXW6se17Z5vhkVf6YM5pbezAf4sab0vr8pl05ZejeWTpOhM376yBdV6PqlV7bi0GRf9zup7Dr3NXICnrbfcqVzsJ4Uvr0qFz98kJV98k53VgmrlanVT3PAv0qLvn2T/4c6bmQCfZ1rvH0qFv5yWvXxVKpx2gZXtrm9JtTaZWr1sT/vL3YnqAGfnlzMBfp1pvaVeddL53Cn0QBft2z2BBdWa9tW3vl3Y8Nv2onC0JzMBfryg9eZ6tctiZ5Vp6Zd/t0qdGiypVm5YcVlKe+6wdLk7XUX4G/d0JsDZnqrQej/Ol738fa5wtqV/Y019QbXyHXBpcip3WPrmjkv8zdnWA5zvqfJNstABF7rgbEv/ppr6kmptCmWzac8flnTBnErXPEsf52OWb5LPSmUvfzMtvGy4vbYF1SpE8jKf9sIgJDsGgeN1OSp8WuxUc02ycK54mZ2IflooerNm5UqWVKt8WModbNIrY+U/AKwgjCULH5dilmuSpWHpratJ6U2h5DcyY7ukWuXDUuZgk96aUvkDwApC/1L4uBSzXJPclstevpMWLg9Mv4kx9IJqlXc0d7ApDs0nfwBYQ2jK+U/PB03wq08/OP/kR5UmORg9/u4fPzr76N19v2DSsQ36wJ98evbL9/qy16vX8ahqDXb0j3//1z19d1DNl5Mt9x+++OFft9s/1PDi9LXib1A8Gcx/3LfeF1f3S/p7ndNM9l1VeDLwfJCLXVL6dVL4cUzwNzAPvaRa/fWm8AjSe32t0pu3+7OI7jHC/nmJ3emqw9+u2JTzH8cRYX83YN/Uk7Fun4q+Wfft93pcuJ9FuumWxLPHabe2uiXVijvaP5Tx61g27a7jHHQ8DGzCksxEPBwrtq/8x7H1DrqaeAfz9bhs7KoGd06exxmgpF+Nce1vP/4s810nsqBacVwxPN+NVU3v5Qh/zv7AEO+M9kwS6+snTbMfxxHhMH7xGaIkk2HxaAwa239yDrgNLb3v72KnfPK+akm1nk93dJDKZLQQz60HF6M+zheFFfSXSLIfx0ugu+HSMFYeZzJG9Wa0+LPsJmJXNbzsGpr6yS8kLalWONKMB8sfZ7cQj4fDtMfj0tWaVYCz0Sspsp+Hc8Wkrw1NcnS2GLqqZBKokOuwiV2m6Mn7qiXV2mR2dNDV3owWP8ttOHybk2BWNnwlVLZAGFVejRdvc613W2in4XzxW8OFoav6drZo8nWrW1KtN9nDUr5WMe2jDYcBu2cKWdXF6BajXInQz6St93Gu9YYmvUsKP82139BVXWeLjpeubkm1Qtn0sBTGG+NOfH+/MDnff5NdCsf4+deXI7kyoZ+c3LKxz2Sy0FXFCIzabxhWfpAteuK7lpZUK5S9KpTNztglG95mKwuH+vk/f72/TOTKhX5ycl3nbSaTxfC9znxD1/kXrsKc+IrLkmp1g4Lpafkm8yd4nt/wk9L3wUFyN+zmym1LrTe01EGfEsafN5PCIS+7wbJu0beSosUvXNWSaj0qHVK2mb/bo/zfsjQMh8O0BrjYIYYmedUvCo1/Nymc6YAeTxeNik43sqYl1er+VNNxRa6+rwsb7r7QazlYR2uA35RabzgDvO6XdP1spvMMsRgUznR1o6I3S2u0yJJqddmbdp7hfPdqsOzLwoa398s9E8w6WgM8TV6wmTTVbalbi+16EIJHpRY9LXoCS6rV7dD09DUca4aflA4/z4sHNzhAY4BznUyni+tgvrY41owjy3cmhadjyspWVrOoWvv7JZkJ5P0krWHDu9I3moZmFY0BflJud93k7KAL7TqvXN+5ncS12NF2A/GTTkMvqtb9glzf2dXhul9S7mi7sJuGZhWNAe4aZO4GhCeTtvpm0iFF01QWG/ST8leuZkm1LiaJjl5PDkLlo89mEnY4XGOAuwaZuwVwOijsMnmVKfw8bdjh/HFX3O7SGi2xpFqPi5kMf8RBgLf3SzKTzV3Z9KoZHKQxwI+KDTITwWImY7/Wd2OP046uty9vZi1LqvWkXHYaymmfHDwrbwYWawxwbUapC1ocBIemn5un6fLaj1mfp4nuFWd9B8KzCJlBcLjrqxaVJdV6Xi67nQS42/ebadnJGASO0Bjgco8yncLpBp/ZKyWTzyqD2NfJdnO2YZ93k4+6AFYvJC+p1tNy2WmAuy+/mpadHMLgCI0B3lTCtEladq2JTgLcDWIr/Vr1QnD8raJJqfiqjdoFmyXVelYu+2gS4PJ3n6d/AThCY4Brw9n02u7kPHdg0nyn8z/Rs3K20+1luvBw23V1rLqkWl1KbzJFJ4ea2iBkP39cgVbnHw3MBvgqt4n0VozqWV76FZtyLJ4XojnSrT/NSvig+ktES6q1LYd9EuDaMaz2nXCMcoC7yaJdbq23SdCqwUu/otKcaymI4jutki20vX5qSbW25e11Ra/jgtqfoHLIgqOUA7yvtPRtErSnSddV/YrKhrtxaH26J57qJoPw+E656tpLqvW2XHYy3Va7VjRJO6zkqADHoFWvdKaxKn9l43RPuJCUjNi7nZq53rqkWpUAb+4/uokLprNak+16IpjVzQY4O/OyTYJWC3AaympI9+Vw9+Is3Hjfwku+rqsrL6nW23LZyXlALaTPKuGGY5QDnA1JJ335RG32OA1sdZhcO0ON4q+4jGaX4ux0feUl1fr1T+/kiu7T76oNk6tnGHCE2QBn1wotPcSgFuD0+kp3qpqfsW6ar41RHX1f4c3UqSXVmt+FvuQmc0xJds2bZVndYQHeJp1d5d6MyU0e1db8uhKDXhgsj7IaBtYzTxMvqVbZ9Hms2qGn8lAEHOW4AF91/67N4KQBro4nuwDf1Hc6fP2oqwxTWzPhX1KtsmeTI0ht8P84c7yBNcwGODucfJu09Md/f+cqVzZ9dqE6Y912wSX+KNtNv6z1l1mWVKusO9BMX96xy5VuujoGBygHeN/Q0lteMpE+u1AbbrdecOn2bXgUyP4ERHnVI6s1fTNe7cDgZmhOZTbAu9xar5tb+vRB99pwu/7h9PtfTBddz6y6SrUyr8Eu/yHnPoTDHRfgm4ZvSJ8QqHayLU8znA0uJPV7t58syVulWtvJl9U72e5LPc3A2soB7kaJV7m1vmxt6f12YqdaPc1tfHlF/NXSuJXQJ85OFK1Srf0krvXT3NpRA45QDnDtubsw43s9/wUXadHqQ/td1zp7xTRELSY9POEw+0raNaqVOd+uP7RfO2rAEcoB3lR6o317gCc/+VXbbvMtD9vLpA/cpF9TskK1zjPl6s9ReZ6QEykHuPLumXgrVMPt+WFmdxcWbGpJq96mNS0XMxH26OXsaeYK1foslNu17ni1znC4coArL0O9aGzpt/ZJV1nvjVrvWYqdYLcHIdDzNzsdX61fh2LD7rY+dGi7wQwWKwd4e/9J7qTySVtLvzW9Q7klwPP3LIUJ42+PdrZhh46t1vl3Q6nRSLspwDezewfLlANceXnk05aWfi8J2tlaAQ6TVi9HG22/CfKwap3/8t19zO9ouC7APIhygKe/FBSF/m7+CdfMqLT6xGDzTYfxtRx3w9Jw9tpws+LB1YpvwwxGr96qPzHolRycSDnAlV8B2zQHOD5735/+rRPgeMnnbiwcwtXwxO3B1UoDPJ4vE2AeRDnAld/h3LcGOHbAg1se9g0BbrhrOBwavjP8x838egdXKw3w9ejT+h0olTfpwjHKAS7/Ena83DIb4NgBT3+bcJddoT3AMU+3HeGbwf/PObRaSYB/O/5UgHkQlQBPn7jp9E15JsDxRHXYdPe1rLU/txPjdtP3qk1PzB9arXGAXyX7X7+JeyvAnEYlwJuuqU4+2LYGeBML7vqFKwU4bvydfkq6KSCHVkuA+V+oEuDQoCdRexObcT3AfZMfpqW01TsLAvys33a4VnXVsNrB1UqG0N8Zr199ylmAOZVKgMNl0etkeT8wrrfI8zfZci0BbnlyNu7GLnTqbW+8OLRa6STW+JJvU4C9V5a1VQJTuj3x48YAf9aXG6a1HtH2APePHoTotb229dBqTa4Dvz/8tP4mgsb3FMBSlcCUXrTcd6zVAD/pi406q9UCHKa4/y4Mpq9b1jq4WpMAvxxuQIB5ELXATB66vfN00IYrAR4MoMfnpqsFOOzIi033P40vvDiwWpMAj45LAsyDqAVmm+urhsGsBXgwgB4PVlcL8MXlWOtbWw+s1jTAwwOTAPMgaoGJndIwgZ8NW/B1cbuDAXTyFF238OhJrL4r7cy+jKNzYLUyAR50wSaxeBC1wPS3Jv1bXParUQu+Lm122KElPeN6Ad6O49T6tO2B1coEeNAFCzAPohqYvov7cbfkw+7fL+7/c1Pa7OvLXlJo3xDgtjcoD3v5JW9dPrxaZx998oPhd/Z5dSMHD6Ia4G3fVF/806dn55/8KPzz3+stfdihpZdr1gtw//TBrfafDju4WncufjRYPS4VYB5ENcCDexsS3WtlCqPWi2GyrpIPqwFuf5jh1rCfX/Cs3qHVCr7XrxBL1gPsYQZOpBrg4bXRkRfPqi19Myj6h/TDLsC77JrLAvxs8D1LXrp8YLWiPsExsJ5G4kHUAzy4O2nknW7O5iq71i8GJaeviVwxwMMLSUt++u+wag3Es+h4fiDAPIh6gNNLrcHVttLSRyPU9ycfr/RGjuG27sLXuMrgW5ZVayhWMR5pvJGDB1EP8PgsM3oVlu8yq5x/OSo5sWaAt/03LXpl6wHVKmzgqlsgwDyImQCPr9QEvw9nubmZqNEtEVfTz9d5K+W9/trssp/uPKBahQ1cj/fEWyn5Zs0EeDQfFcPyQUhhpqWPsjEdQK8b4P6ejPaLSHcWVysVhhlh5C7APIi5AOcuufw+joMzKwxneLOvuNk0BLjp3TiDjS2eH1pcrVSYBwuJfdISYL/MwNrmAjweEYeeqptKzoxbhxO8o+ftok2tMbf+NlLwKHzXVesanYXVmkh/ztRvI/EgZgM8ekznzvtxtelc00VacKo6nGz9dcJkY8vnh5ZVK2M//svVx/5+nZATmQ3w2eP95chtJ3Neaq6bpGDGKr8PHMR9a3sbx8CiamWEQ0d3vuz3gXkQ8wFOntS5ex1j6VR1+MTOi8JUUPWmhvr9EBP9jNmyWehbC6pV2dNwyal+B8p+VBZW0xDgsw8HndWL3e2S0pTN8BJw6YRvWwtw/am80rYO693aq5XzZPy99acwurKNrwyBZi0BPrv4S2joP75vg8/zHeXwtTSTe6CD6tspFr66YnDAOOA2xdZq5VdOjlPVP2TTXxmWa2xaP//BF/uXn3+16/5ZePZmkKfyeWT1uZ3tojT2l4EXTFwPtVWr+t3X3b/3lU522UOS0O6wvuFRNmeDM+D8FaQ71ZsOl91zOOzx1xif5qtV8Ga8q7U7RBfeIArNDgtwPmebPk1/Kq9bnWiuTlGXduPeTds6Ddtr+/bNOO21ieb6FDUc7rAAb3KZGVwDrk0DVS/1ZjdctB8GeMnjSAWLvv31OMC1S73dhNeSJx6hyWEBzrbWbcxS6QrSneotD4vueBjfD7lC/7bo25PLYbX7U5bengKtDgtw1/XtRgv7e5uqtwxWTwirzxqmRi/kWOMqa1Ktbrv169nfGv/zOle0/qwhHO6gAGdf/trfVFG8gjRcOT8lu69mJrEZB/jo912k1coepqLtOMDbyk4smd2GJQ4KcLYTjTNK07fojFVCuui10MOLSLeOHqGm1arfAJkEuBbSpCis5qAAZydl9iFI+WcYepVh8qLrLeGq1Ytw4GhaqyKtVv2UOLnmVBsmeyEHp3JQgHOTMnFGaXautctF7kR50XRt169d/il887FP66XV2lQ3mwS4W7n2CPTNkfsHEwcFODdcjDNKN3NrV+ZraymYCJNmH6RvxzhUWq167rbjANcm1yuHLDjKQQHu2u7onG7T2gHXHkda8jDSRfzCbfNX16XVqt9Vsh1/WnscaX//2e7I/YOJgwKc6UPjjNL17NqVJ45yR4aScB/lO/0tnEfeTZlWa1utUXpiW96HRVNzsES5bZ3/551cKDKzO3FGaf4rK/dSLrmTMjxR//0lB49F1ao/GpXGvTxn7U5KTqYc4C6SuZFuprPpeqvbN8PNqcxULTlZ3Pd7sen+t2XovaBa9cu3m2RfN0mgJ1950PNSUFUO8JNi/5M73QsZ2s1/5ePM6uO9uWrY8XDfyG0swgRaSx+3oFr19/ukPW5yb/TAo+p24AizAc70P7k3MO7be5kw4t1NPgnzUi3nstvLfv/iJayr+fUWVKv+psm0Ft0OZUYBb4tfCUcqB/hxsUFm5opDhK5bvrPru6YD5SftHWl8ecDdVrrDR8vdlAuqVT13DQebuOBpMe6bBX8bWKQc4K6FZgZ+metAYUq4aR54U0rbs2qXNxK68fsBb5jQalhzQbWqs8dPht+fXRDtSwcsOFa5jZbfsdoF8GawaNsevZiUaSdY/GAqzHrff2O8i2T+ALKkWl3ydrntPEu3E7rkSeniB3C0Sicz16PsBou6xt92u/6k7Qdfpn1gWXh04r5sfJdAQy+3oFrFsX6/A4OefD89rt15XvxGOFYlwPtCp5abRd435+es7z3TLYch603DNsJ9lFfjfzZMFC2o1qZyQHkz+cIvC7uwLR2v4GiVAJcexsnM1oTotd0Klb6RNQhXhnbzmwiTZiFuoUNuSMmCalWG9KEOv5mUnpxGbMpbgSNVAlx66GA77WkW/iroPt9Xbad9YEk46Q0j2Ph+yt3sqguqVRzr96OI709Kp0excHA7+n0DMFUJcOnyZdeFXQ8WLXkj+lnsk9K+qrC4soWYigV3Uy6vVm5gEbr8Xb8oDCCSgUVhMayhEuBH+Tzl7sN4tqyT2WaDETbccBg433dlr8KScFl4/nanBdUKA/Wb6Va6HRiOFsIWkkPDNrNhWEklwE+nbbS0eLuskwkD3uuGpVmhV+t3YjtZMvPlLdUqRPIsvYrV6ea1khs/8kthFZUAh/7narz4daar22RLFoUtj7vL1/nvy9lONhBfqTe79oJqhX59Gr5NLtrZCuTrCuuoBDj0P+MHjMLodTRc7nqZ5udxu22MhpVhXrdlDisMmKd3Tc0P4xdUK57plubLx6OFMIs1Ogd427pfcIBKgEMsx5OwYaB7NVy4r2wlJ3RgwxB93C1rvx1ydADYNK/eXq3JZHf6ZeMT2ziwHxzI4tm6OSxOoRbg7JCwa7vZc8Wq4QohGIOmHlt6w91cIW3DoW373ZTN1Rr0tOP4/eIyswNn/cBicFwKhyWv4+Akas0r1/+EJj0aJg5+FaktwDEY/TvgP8tnJSsMS3PPQ83fx9VcrcGRadRdPw5BTYt3R4HBbzNehKKe5uckagHOTQyFs8/rYcHxjxQ1BLh/iXSIa/yullPgsPZ1buHsVajmag2WX/52UNv+N2RuxqXjKCDGNUTaKTCnUQtw7H/6HyuL/eRooNr/qkprgMMw9vLl1d2/+06tYbY2Hi92uU3OXq9prtbZ8Afbfhe+7MO4q5PfoOgPZF3evxcXXM1XC5arBbjvP151LfW/woLxiHD0Q9tNAR6s8d+fnv3yvf6f1/P7nH+DTuz+dnPrt1brbPyb5f/9nx+dffTJXwZVmhxs+r751T9+cP5J7L9dBeZEqgGOMzCXL//p07PzQeO9HpVLfiawIcDlaa+GS1EhgOPBcjwRnx2ttlbrbDC1lnWTFt+WSnqdDqeRS1dUPLdNxo6Paq08GG96UyjVMNlTuu85dH+zg/DWat16XSp7mTtdL55LuIjEaWTTFb0ptMdkomhbaeXReJXSqPt6fpfjsHY3Xh7mpuenwRqrVdvPW5lutbBlI2hOJJuu6ON8e0w7lLeFYiPjVQpj07mfJr217cqmT/nFYM92d43VquznnV3zlhvelg2HyKYrKlzgTaNTG2dGyTr50Lc8kFh6+0YcWs+ecDZWq7KfpX0tbHnXUC04QD5dUT6aN02lEsk6+aa+m9/juGK6F/Gi7fx7Bdqqdad8jTu7r9m8exkHp5JPV5SdlZmc0W2KjXwgXSkXopZHdsr3TG6LnxxWrfJ+3vpDtnQ271cN1YJDFNIV5bI5OVXMFZpIV8o19auGPQ6Bmvaz+WeEDq9WeT8vh3eB5HdvwJOEnEwhXVGm+U7b45fTQlOTtT6bFMl3aol9V3h6phtPgueHrE3VKu7nrdJMWbz7OervjIa1ldIVTZpvpj2WLsuMTNY6T1crdWojsZu9mX62CRua30xLtUr7eat8rPlFWvT9hlrBYWYDPBltZrqewwI8ORNtutthG0pn0h5Pj6/mt9NQraC/UTv6XfuWPYfEg7oYx3PN/uRXoy3/acUtz1tSrSdpgn9bK30+OqN41TKsgNO5GDbIP6+66f862ZbnLanW43HaZ0oPt/xqt9oOw4G+G5rji39ZecsxGS+uVt5ygwXVOv9u3wn/8R/at/zjVXYUjnPx3s/2l1/8+w9PsOn/+PqLE2153pJqnb/79Rd/Lfz5V582bflff7Z/+flXu2P2DgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgP9L/gcG50YqouT+pAAAAABJRU5ErkJggg==) no-repeat center; background-size: cover; } .not-found button { margin: 0; } .not-found__content { margin: auto; padding: 10px; } .not-found .not-found__info { color: #ffffff; margin-bottom: 20px; margin-top: 90px; } .not-found__image { max-width: 500px; width: 100%; } .payment { max-width: 740px; } .payment__total { width: 100%; font-weight: 700; margin-bottom: 5px; margin-top: 20px; } .payment__credit-name { font-size: 10px; line-height: 13px; margin-top: 3px; color: #999999; text-align: center; height: 0; } .payment__credit-card { margin-right: 80px; } .payment__credit-card:last-child { margin-right: 0; } .product-card { display: flex; flex-wrap: wrap; } .product-card .product-card__btn-toolbar { margin-bottom: 10px; } .product-card__info { width: calc(100% - 440px); padding-left: 42px; } @media screen and (max-width: 1199px) { .product-card__info { width: 100%; padding-left: 0; padding-top: 35px; } } .product-card__wish-btn { display: block; padding: 10px 0; font-size: 14px; color: #70bbfd; height: 42px; background: transparent; border: none; cursor: pointer; transition: all 0.3s; } .product-card__wish-btn svg { height: 14px; fill: #70bbfd; transition: all 0.3s; } .product-card__wish-btn:hover { color: #3ea3fc; } .product-card__wish-btn:hover svg { fill: #3ea3fc; } .product-card__title { font-weight: 700; margin-bottom: 10px; } .product-card__rate { display: flex; margin-bottom: 30px; } .product-card__rate svg { fill: #f6da6e; height: 14px; width: 14px; } .product-card__link { font-size: 12px; color: #70bbfd; line-height: 16px; display: block; margin-left: 5px; } .product-card__link:hover { color: #3ea3fc; text-decoration: none; } .product-card__price { margin-bottom: 25px; } .product-card__old-price { font-size: 24px; color: #999999; text-decoration: line-through; } .product-card__form { margin-top: 20px; } .product-card__form-label { font-weight: 500; } .product-edit .dropzone__img { min-width: 150px; } .products-list__img-wrap { width: 40px; height: 35px; text-align: center; padding: 2px; } .theme-light .products-list__img-wrap { border: 1px solid #f2f4f7; } .theme-dark .products-list__img-wrap { border: 1px solid #33333a; } .products-list__img-wrap img { max-height: 100%; width: auto; } .products-list__btn-toolbar-top { position: absolute; top: 0; right: 0; margin: 0; } @media screen and (max-width: 992px) { .products-list__btn-toolbar-top { position: relative; margin-top: 10px; } } .products-list__btn-add { padding: 4px 25px; text-transform: none; } .products-list__search { margin: 0; position: relative; } .products-list__search svg { position: absolute; right: 5px; top: 9px; fill: #999999; height: 14px; width: 14px; } .products-list__search input { padding-right: 20px; } .profile__card { height: 100%; padding: 0; } .theme-light .profile__card { background-color: white; } .theme-dark .profile__card { background-color: #232329; } .profile__card .nav-item { text-transform: uppercase; font-weight: 500; } .profile__card .tab-content { padding: 0 30px 40px 30px; } .theme-light .profile__card .timeline__content { background: #f2f4f7; } .theme-dark .profile__card .timeline__content { background: #2a2a31; } .theme-light .profile__card .timeline__content:after { border-left-color: #f2f4f7; } .theme-dark .profile__card .timeline__content:after { border-left-color: #2a2a31; } .theme-light .profile__card .timeline .timeline__item:nth-child(even) .timeline__content:after { border-right-color: #f2f4f7; } .theme-dark .profile__card .timeline .timeline__item:nth-child(even) .timeline__content:after { border-right-color: #2a2a31; } .profile__card.profile__card--calendar { padding: 30px 10px; } .profile__information { padding: 30px 40px; display: flex; } .theme-light .profile__information { border-bottom: 1px solid #eff1f5; } .theme-dark .profile__information { border-bottom: 1px solid #333246; } .profile__avatar { height: 140px; width: 140px; overflow: hidden; border-radius: 50%; } .profile__avatar img { height: 100%; } .profile__stats { display: flex; justify-content: space-around; } .profile__stat { text-align: center; padding-top: 5px; padding-bottom: 15px; } .profile__stat-number { color: #70bbfd; font-weight: 700; font-size: 20px; line-height: 24px; margin: 0; } .profile__stat-title { margin: 0; color: #999999; font-size: 12px; line-height: 14px; } .profile__data { padding-left: 25px; width: calc(100% - 140px); } .profile__name { font-weight: 700; text-transform: uppercase; margin: 0; line-height: 18px; } .profile__work { font-weight: 500; margin-bottom: 10px; margin-top: 0; opacity: 0.6; line-height: 18px; } .profile__contact { margin-top: 0; margin-bottom: 5px; line-height: 18px; } .profile__btn { margin-top: 10px; margin-bottom: 0; padding: 8px 15px; } .profile__activity { display: flex; border-bottom: solid 1px #e7e7e7; padding: 20px 0; } .profile__activity:last-child { border: none; } .profile__activity p { font-size: 16px; } .profile__activity img { display: inline-block; margin-right: 20px; vertical-align: top; margin-top: 10px; width: auto; } .profile__activity img:last-child { margin-right: 0; } @media screen and (max-width: 576px) { .profile__activity img { width: 100%; } } .profile__activity-avatar { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; min-width: 64px; margin-right: 20px; } .profile__activity-avatar img { height: 64px; width: 64px; margin: 0; } .profile__activity-name { font-weight: 500; } .profile__activity-date { font-weight: 400; color: #999999; font-size: 10px; } .profile__current-tasks-title { padding: 20px; text-transform: uppercase; font-weight: 500; font-size: 14px; margin: 0; } .theme-light .profile__current-tasks-title { border-bottom: 1px solid #eff1f5; } .theme-dark .profile__current-tasks-title { border-bottom: 1px solid #333246; } .profile__current-tasks-title span { color: #999999; font-size: 13px; } .profile__current-tasks { position: relative; padding-bottom: 40px; } .profile__current-task { display: flex; margin: 0 20px; padding: 10px 0 10px 28px; position: relative; } .theme-light .profile__current-task { border-bottom: 1px solid #eff1f5; } .theme-dark .profile__current-task { border-bottom: 1px solid #333246; } .profile__current-task:last-of-type { border-bottom: none; } .profile__current-task .badge { text-transform: uppercase; font-size: 9px; padding: 6px 10px; display: inline-table; height: 20px; color: #ffffff; margin-left: 5px; } .profile__current-task .badge.badge-info { background-color: #70bbfd; } .profile__current-task .badge.badge-error { background-color: #ff4861; } .profile__current-task-checkbox { position: absolute; left: 0; } .profile__see-all-tasks { position: absolute; right: 20px; bottom: 20px; } .project-summary { position: relative; } .project-summary hr { margin: 30px 0; } .project-summary__info { margin-bottom: 5px; } .project-summary__info td { padding-left: 10px; } .project-summary__info th { color: #999999; font-weight: 500; } .project-summary__info td, .project-summary__info th { padding-bottom: 5px; } .project-summary__stats { display: flex; margin-top: 20px; flex-wrap: wrap; } .project-summary__stat { margin-right: auto; padding-right: 20px; } .project-summary__stat p { font-size: 24px; line-height: 32px; margin: 0; } .project-summary__stat span { color: #999999; font-size: 13px; } .project-summary__progress { max-width: 460px; width: 100%; margin: auto 0; } .project-summary__progress:last-child { margin: auto 0; } .project-summary__statistic-title { text-transform: uppercase; font-weight: 500; } .project-summary__statistic { width: 50%; } .project-summary__statistics { display: flex; flex-wrap: wrap; position: relative; } .project-summary__statistics-refresh { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .project-summary__statistics-refresh:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; border-radius: 5px; } .theme-light .project-summary__statistics-refresh:before { background-color: white; opacity: 0.8; } .theme-dark .project-summary__statistics-refresh:before { background-color: #232329; opacity: 0.8; } .project-summary__statistics-refresh svg { fill: #70bbfd; position: absolute; animation: refresh 1s infinite linear; z-index: 10; width: 48px; height: 48px; top: calc(50% - 24px); left: calc(50% - 24px); } @keyframes refresh { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .project-summary__btn { position: absolute; top: 0; right: 0; } @media screen and (max-width: 1200px) { .project-summary__statistic { width: 100%; } } .documentation { min-height: calc(100vh - 90px); position: relative; padding-bottom: 75px; } .documentation .table-responsive { margin-top: 10px; margin-bottom: 30px; } .documentation .table-responsive:last-child { margin-bottom: 0; } .documentation pre { background-color: #2a2a31 !important; margin: 10px 0 30px 0 !important; font-size: 14px; } .documentation pre:last-child { margin-bottom: 0 !important; } .documentation .card__title:not(:first-child) { margin-top: 30px; } .documentation ol { margin-top: 5px; margin-bottom: 20px; padding-left: 30px; } .theme-light .documentation ol { color: #646777; } .theme-dark .documentation ol { color: #dddddd; } .theme-light .documentation ul { color: #646777; } .theme-dark .documentation ul { color: #dddddd; } .documentation__nav-wrap { width: 100%; } .documentation__main { flex-direction: row-reverse; } .documentation__nav-link { display: block; padding: 5px 0; font-weight: 400; width: 100%; font-size: 14px; } .theme-light .documentation__nav-link { color: #646777; } .theme-dark .documentation__nav-link { color: #dddddd; } .documentation__nav-link:hover { color: #70bbfd; } .documentation__nav-link.documentation__nav--active { color: #70bbfd; } .documentation__structure { color: #a9b7c6; padding: 10px 15px; } .documentation__nav-bottom { width: calc(100% - 30px); display: flex; position: absolute; bottom: 15px; } .theme-light .documentation__nav-bottom { background-color: white; } .theme-dark .documentation__nav-bottom { background-color: #232329; } .documentation__nav-bottom-left, .documentation__nav-bottom-right { width: 50%; } .documentation__nav-bottom-left p, .documentation__nav-bottom-right p { font-weight: 500; padding: 0 5px; line-height: 20px; } .theme-light .documentation__nav-bottom-left p, .theme-light .documentation__nav-bottom-right p { color: #646777; } .theme-dark .documentation__nav-bottom-left p, .theme-dark .documentation__nav-bottom-right p { color: #dddddd; } .documentation__nav-bottom-left svg, .documentation__nav-bottom-right svg { height: 20px; width: 20px; } .theme-light .documentation__nav-bottom-left svg, .theme-light .documentation__nav-bottom-right svg { fill: #646777; } .theme-dark .documentation__nav-bottom-left svg, .theme-dark .documentation__nav-bottom-right svg { fill: #dddddd; } .documentation__nav-bottom-left p, .documentation__nav-bottom-left svg, .documentation__nav-bottom-right p, .documentation__nav-bottom-right svg { transition: 0.3s; margin: auto 0; } .documentation__nav-bottom-left a, .documentation__nav-bottom-right a { padding: 20px 15px; display: flex; text-transform: uppercase; } .documentation__nav-bottom-left a:hover, .documentation__nav-bottom-right a:hover { background-color: #70bbfd; } .documentation__nav-bottom-left a:hover p, .documentation__nav-bottom-right a:hover p { color: #ffffff; } .documentation__nav-bottom-left a:hover svg, .documentation__nav-bottom-right a:hover svg { fill: #ffffff; } .theme-light .documentation__nav-bottom-left { border-right: 1px solid #eff1f5; } .theme-dark .documentation__nav-bottom-left { border-right: 1px solid #333246; } .documentation__nav-bottom-right p { margin-left: auto; } .documentation__changelog h5 { text-transform: none; } .documentation__changelog ul { margin-top: -15px; margin-bottom: 40px; } .documentation__changelog ul:last-child { margin-bottom: 0; } @media screen and (max-width: 991px) { .documentation__nav > div > div:first-child { display: none; } .documentation__nav-wrap { position: relative !important; top: 0 !important; margin-top: 0 !important; width: 100% !important; } .documentation__main { flex-direction: row; } } @media screen and (max-width: 480px) { .documentation { padding-bottom: 30px; } .documentation__nav-bottom { flex-wrap: wrap; position: relative; width: 100%; bottom: 0; } .documentation__nav-bottom-left, .documentation__nav-bottom-right { width: 100%; } } .landing { font-family: 'Poppins', sans-serif; width: 100%; background: #ffffff; position: absolute; z-index: 0; overflow-x: hidden; } .landing .container { transition: 0.3s; } @media (min-width: 576px) { .landing .container { max-width: 540px; } } @media (min-width: 768px) { .landing .container { max-width: 720px; } } @media (min-width: 992px) { .landing .container { max-width: 960px; } } @media (min-width: 1200px) { .landing .container { max-width: 1140px; } } .landing__btn { background-color: #ffffff; box-shadow: 0 20px 30px 0 rgba(89, 181, 210, 0.31); color: #2c86a2; font-size: 14px; font-weight: 500; line-height: 14px; border-radius: 23px; height: 46px; padding: 10px 30px; transition: 0.3s; white-space: nowrap; border: none; } .landing__btn:hover { color: #2c86a2; background: #f2f2f2; box-shadow: 0 5px 15px 0 rgba(89, 181, 210, 0.5); } .landing__btn.landing__btn--header { display: inline-block; margin: 0 15px 20px; align-items: center; width: auto; padding: 16px 30px; font-family: 'Poppins', sans-serif; } .landing__btn--gradient { background: linear-gradient(228deg, rgba(127, 244, 222, 0.95), #38c7e1); color: #ffffff; } .landing__btn--gradient:hover { background: linear-gradient(228deg, rgba(104, 242, 216, 0.95), #22c1de); color: #ffffff; } .landing__menu { position: absolute; width: 100%; } .landing__menu-wrap { width: 100%; display: flex; padding-top: 62px; } .landing__menu-logo { margin-top: -6px; height: 42px; } .landing__menu-nav { margin-left: auto; } .landing__menu-nav button { position: relative; background: transparent; border: none; color: #2c86a2; padding: 0; margin-right: 60px; font-size: 14px; transition: 0.3s; cursor: pointer; display: none; font-family: 'Poppins', sans-serif; } .landing__menu-nav button:hover { color: #1c5466; } @media screen and (min-width: 992px) { .landing__menu-nav button { display: inline-block; } } .landing__menu-nav-new { position: absolute; background: #f06a8e; height: 6px; width: 6px; border-radius: 50%; right: -6px; display: block; top: -3px; } .landing__header { padding-top: 245px; text-align: center; background-repeat: no-repeat; background-size: 100% 100%; } .landing .landing__header-title { max-width: 680px; line-height: normal; margin: auto; color: #2c86a2; margin-bottom: 20px; } .landing__header-img { margin-top: 80px; max-width: 1000px; } .landing .landing__header-subhead { color: #2c86a2; font-size: 16px; line-height: 1.8; max-width: 500px; margin-bottom: 30px; margin-right: auto; margin-left: auto; } .landing__header-subhead-update { text-decoration: underline; font-weight: 700; color: #2c86a2; } .landing__header-subhead-update:hover { color: #2c86a2; } .landing__section { margin-bottom: 180px; position: relative; } .landing__section-background { position: absolute; bottom: -50px; right: 0; z-index: -1; width: 95%; height: 1830px; transition: height 0.3s; } @media screen and (min-width: 576px) { .landing__section-background { width: 85%; } } @media screen and (min-width: 768px) { .landing__section-background { width: 75%; height: 1200px; bottom: -400px; } } @media screen and (min-width: 992px) { .landing__section-background { width: 65%; bottom: 0; } } @media screen and (min-width: 1200px) { .landing__section-background { width: 55%; } } .landing__section-background.landing__section-background--technologies { transform: scale(-1, 1); left: 0; right: auto; height: 950px; top: 1850px; bottom: auto; width: 95%; } @media screen and (min-width: 480px) { .landing__section-background.landing__section-background--technologies { width: 85%; } } @media screen and (min-width: 768px) { .landing__section-background.landing__section-background--technologies { width: 75%; top: 850px; } } @media screen and (min-width: 992px) { .landing__section-background.landing__section-background--technologies { width: 60%; } } @media screen and (min-width: 1200px) { .landing__section-background.landing__section-background--technologies { width: 45%; } } .landing .landing__section-title { max-width: 680px; text-align: center; color: #2c86a2; margin: auto auto 50px; line-height: 40px; position: relative; font-weight: 500; } .landing .landing__additional-title { max-width: 680px; text-align: center; color: #2c86a2; margin: 70px auto 50px auto; } .landing__section-title-img { position: absolute; height: 7px; width: 85px; left: 50%; transform: translateX(-50%); top: -10px; } @media screen and (min-width: 425px) { .landing__section-title-img { left: auto; top: auto; transform: none; } } .landing__technology { text-align: center; max-width: 168px; margin: auto; } .landing__technology-img-wrap { width: 100%; height: 156px; display: flex; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .landing__technology-img { width: 100%; margin: auto; } .landing .landing__technology-title { font-size: 18px; line-height: 1.44; color: #666666; margin: 0; } .landing__technology--small { max-width: 126px; margin-top: 75px; } .landing__technology--small .landing__technology-img-wrap { height: 64px; } .landing__technology--small .landing__technology-img { width: auto; } .landing__technology--small .landing__technology-title { color: #999999; } .landing__new-feature { padding-bottom: 50px; margin-top: 105px; margin-bottom: -105px; text-align: center; } .landing__new-feature-title { margin-bottom: 16px; font-weight: 700; } .landing__new-feature-title + p { color: #999999; font-size: 16px; line-height: 1.8; margin-top: 16px; } .landing__new-feature-img { margin-top: 50px; } .landing__new-feature-img img { border-radius: 10px; box-shadow: 0 18px 30px 0 rgba(28, 50, 61, 0.14); } .landing__code { margin-top: 105px; flex-direction: row; padding-bottom: 100px; } @media screen and (min-width: 768px) { .landing__code { flex-direction: row; } } .landing__code.landing__code--first { margin-top: 200px; } .landing__code:nth-child(even) { flex-direction: row-reverse; } .landing__code:nth-child(even) .landing__code-text { text-align: center; margin-left: 30px; } @media screen and (min-width: 768px) { .landing__code:nth-child(even) .landing__code-text { text-align: left; } .landing__code:nth-child(even) .landing__code-text .landing__section-title { text-align: left; } } .landing__code-img, .landing__code-text { height: 100%; display: flex; } .landing__code-img { position: relative; } .landing__code-img.landing__code-img--no-shadow img { box-shadow: none; } .landing__img { box-shadow: 0 18px 25px 0 rgba(28, 50, 61, 0.1); margin-top: 30px; } @media screen and (min-width: 768px) { .landing__img { margin: 0; } .landing__img.landing__img--over { margin: -50px 0 -100px -150px; width: calc(100% + 150px); } .landing__img.landing__img--over-right { margin: -50px -150px -100px 0; width: calc(100% + 150px); } } .landing__code-text { margin-bottom: 30px; text-align: center; margin-left: auto; margin-right: 30px; } .landing__code-text .landing__section-title { margin-bottom: 16px; font-weight: 500; } .landing__code-text p { color: #999999; font-size: 16px; line-height: 1.8; margin-top: 16px; } @media screen and (min-width: 768px) { .landing__code-text { max-width: 360px; text-align: left; margin-bottom: 0; margin-right: 30px; } .landing__code-text .landing__section-title { text-align: left; } } .landing__code-wrap { margin-top: auto; margin-bottom: auto; } .landing__code-wrap.landing__code-wrap--rounded img { border-radius: 10px; } .landing__code-update { height: 54px; margin-bottom: 20px; position: relative; } .landing__code-update .landing__code-update-text { color: #bcc8d3; text-transform: uppercase; font-size: 18px; font-weight: 600; line-height: 1.8; } .landing .landing__seed { color: #2c86a2; font-size: 24px; width: 100%; max-width: 490px; text-align: center; margin: 80px auto 30px auto; line-height: normal; opacity: 0.9; } .landing__demo-wrap { margin-bottom: 80px; } .landing__demo-wrap:last-child { margin-bottom: 0px; } .landing__demo-wrap:nth-child(odd) { flex-direction: row-reverse; } .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle, .landing__demo-wrap:nth-child(odd) .landing__demo-toggle-wrap { justify-content: flex-end; text-align: right; } .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle { padding-left: 0; padding-right: 130px; } .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle:before { left: auto; right: 0; } .landing__demo-theme-toggle { display: flex; align-items: center; flex-wrap: wrap; justify-content: left; padding-left: 130px; position: relative; } .landing__demo-theme-toggle:before { content: ""; height: 2px; width: 100px; background: #2c86a2; position: absolute; left: 0; transform: translateY(-15px); } .landing__demo-theme-toggle .landing__demo-title { width: 100%; font-size: 18px; line-height: 1.44; color: #2c86a2; margin: auto 0 0; } .landing__demo { text-align: center; display: block; } .landing__demo:hover .landing__demo-img-wrap img { box-shadow: none; } .landing__demo:hover .landing__demo-img-wrap:before { opacity: 0.78; } .landing__demo:hover .landing__demo-img-wrap:after { opacity: 1; } .landing__demo-img-wrap { position: relative; } .landing__demo-img-wrap img { width: 100%; box-shadow: 0 18px 25px 0 rgba(28, 50, 61, 0.08); transition: 0.3s; } .landing__demo-img-wrap:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(228deg, rgba(127, 244, 222, 0.95), #38c7e1); top: 0; left: 0; opacity: 0; transition: opacity 0.3s; } .landing__demo-img-wrap:after { content: 'Live demo'; position: absolute; transition: opacity 0.3s; opacity: 0; font-size: 14px; color: #ffffff; line-height: 14px; text-transform: uppercase; width: 100%; text-align: center; top: calc(50% - 7px); font-weight: 500; left: 0; } .landing__demo-toggle-wrap { width: 100%; display: flex; justify-content: left; align-items: center; margin-bottom: auto; } .landing__demo-toggle-wrap span { color: #999999; font-size: 14px; line-height: 1.86; } .landing__demo-toggle { width: auto; margin: 0 15px; } .landing__demo-toggle .toggle-btn__input-label { background-color: #eff1f5 !important; width: 40px; height: 24px; } .landing__demo-toggle .toggle-btn__input-label:after { background: #70bbfd; width: 24px; height: 24px; } @media screen and (max-width: 1200px) { .landing__demo-theme-toggle { padding-left: 80px; } .landing__demo-theme-toggle:before { width: 50px; } .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle { padding-right: 80px; padding-left: 0; } } @media screen and (max-width: 992px) { .landing__demo-wrap .landing__demo-theme-toggle, .landing__demo-wrap .landing__demo-toggle-wrap, .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle, .landing__demo-wrap:nth-child(odd) .landing__demo-toggle-wrap { justify-content: center; text-align: center; } .landing__demo-theme-toggle .landing__demo-title { margin-top: 25px; } .landing__demo-theme-toggle { padding-left: 0; } .landing__demo-theme-toggle:before { display: none; } .landing__demo-wrap:nth-child(odd) .landing__demo-theme-toggle { padding-right: 0; } } .landing .landing__request { color: #2c86a2; font-size: 24px; width: 100%; max-width: 750px; text-align: center; margin: 0 auto 60px auto; line-height: normal; opacity: 0.9; } .landing__features-wrap { margin: 0 auto -50px auto; display: flex; max-width: 670px; width: 100%; flex-wrap: wrap; } .landing__features-wrap.landing__features-wrap--more { max-width: 900px; justify-content: space-between; margin-bottom: -25px; } .landing__features-wrap.landing__features-wrap--more .landing__feature-more { color: #6a8287; font-size: 16px; } .landing__feature-more { max-width: 230px; width: 100%; margin: 0 0 25px; } .landing__feature-more svg { width: 16px; height: 16px; fill: #70bbfd; margin-right: 20px; } .landing__feature { width: 50%; padding-left: 75px; padding-right: 16px; position: relative; margin-bottom: 50px; } .landing__feature .landing__feature-title { color: #2c86a2; font-size: 20px; line-height: 20px; margin-bottom: 8px; font-weight: 500; margin-top: 0; } .landing__feature .landing__feature-caption { font-size: 16px; line-height: 24px; color: #999999; margin: 0; } @media screen and (max-width: 576px) { .landing__features-wrap { max-width: 400px; } .landing__feature { width: 100%; padding-right: 0; } .landing__feature:nth-child(odd) { order: 0; } .landing__feature:nth-child(even) { order: 1; } } @media screen and (max-width: 520px) { .landing__features-wrap.landing__features-wrap--more { max-width: 230px; } .landing__features-wrap.landing__features-wrap--more .landing__feature-more { margin-bottom: 25px; } } .landing__feature-img-wrap { position: absolute; left: 0; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; background-color: #fafafa; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .landing__feature-img-wrap img { height: 24px; width: auto; } .landing__center-btn { text-align: center; margin-top: -20px; height: 40px; } .landing__footer { text-align: center; position: relative; } .landing__footer a { color: #2c86a2; transition: 0.3s; } .landing__footer a:hover { color: #21657a; } .landing__footer .landing__footer-text { color: #a0a0a0; opacity: 0.9; font-size: 14px; line-height: normal; padding-bottom: 50px; padding-top: 120px; } .landing__footer-background { position: absolute; bottom: 0; left: 0; z-index: -1; width: 95%; height: 2030px; transition: 0.3s; } @media screen and (min-width: 480px) { .landing__footer-background { width: 85%; } } @media screen and (min-width: 576px) { .landing__footer-background { width: 85%; height: 1630px; } } @media screen and (min-width: 768px) { .landing__footer-background { width: 75%; height: 1230px; } } @media screen and (min-width: 992px) { .landing__footer-background { width: 60%; } } @media screen and (min-width: 1200px) { .landing__footer-background { width: 45%; } } .landing__testimonials { margin-bottom: -30px; } .landing__testimonial { padding-top: 25px; box-shadow: 0 15px 20px 0 rgba(57, 99, 112, 0.06); background-color: white !important; } .landing .landing__testimonial-name { color: #2c86a2; margin-bottom: 10px; text-decoration: underline; font-weight: 500; font-size: 14px; line-height: 1.14; } .landing__testimonial-stars { margin-bottom: 18px; } .landing__testimonial-stars svg { fill: #f6da6e; height: 16px; width: 16px; margin-right: 5px; } .landing .landing__testimonial-review { color: #94acb4; font-size: 13px; line-height: 1.54; margin: 0; } .trail { height: 100vh; width: 100%; min-height: 100vh; overflow-y: auto; max-width: none !important; } .theme-light .trail { opacity: 0.7; } .theme-dark .trail { opacity: 0.7; } .trail .topbar__logo { width: 80px; height: 80px; float: left; margin-top: 20px; background-repeat: no-repeat; background-position-y: center; background-position-x: left; background-size: contain; } .theme-light .trail .topbar__logo { background-image: url("https://s3.amazonaws.com/agentz-ui-assets/v1-snapshot/logo.png"); } .theme-dark .trail .topbar__logo { background-image: url(/dist/48ab7481741026556f3faf6c43b18492.svg); } @media screen and (max-width: 768px) { .trail .topbar__logo { display: block !important; width: 45px; height: 45px; margin-top: 3px; margin-left: 0px; } } .trail .topbar__Title { padding-top: 0px; border-left-color: #70bbfd; border-left-width: 4px; border-left-style: solid; margin: auto 0px; height: 75px; margin-left: 85px; padding-left: 10px; } @media screen and (max-width: 768px) { .trail .topbar__Title { margin: auto; height: 50px; margin-left: 50px; } } .trail .page-title { font-weight: 400; font-size: 3em; line-height: 1em; text-transform: none; letter-spacing: -0.03em; margin-top: 20px; width: 100%; } @media screen and (max-width: 768px) { .trail .page-title { font-size: 2em; margin-top: 20px; } } .trail .star-help { font-size: 6px; color: red; position: relative; top: -6px; } .trail .star { top: -12px; font-size: 6px; color: red; position: relative; } .trail .info { font-size: 14px; margin-left: 3px; } .trail .__react_component_tooltip { width: 15%; } @media screen and (max-width: 768px) { .trail .__react_component_tooltip { width: 75%; } } .trail .row { float: left; display: flex; } .trail .material-form label { font-size: 15px; font-weight: 400; } @media screen and (max-width: 768px) { .trail .material-form label { font-size: 13px; } } .trail .material-form .material-form__field { margin-bottom: 15px; } .trail .page-subhead { font-size: 1.5em; line-height: 30px; margin-top: 5px; } @media screen and (max-width: 768px) { .trail .page-subhead { font-size: 13px; line-height: 25px; letter-spacing: -1px; margin-bottom: -10px; } } .trail .cardLeft { margin-left: 25px; } @media screen and (max-width: 768px) { .trail .cardLeft { margin-left: 0px; } } .trail .radio-btn .radio-btn__label { font-size: 17px; font-weight: 400; line-height: 30px; } @media screen and (max-width: 768px) { .trail .radio-btn .radio-btn__label { font-size: 13px; line-height: 20px; } } .trail .radio-btn .radio-btn__label { color: black !important; } .trail .Select.is-focused:not(.is-open) > .Select-control { box-shadow: none !important; } .trail .Select-control { background: transparent; border: none; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.42); } .trail .Select-control:hover { border-bottom: 1px solid #70bbfd !important; } .trail .Select-control:focus { border-bottom: 2px solid #70bbfd !important; } .trail .card-body { background-color: transparent !important; padding-top: 0px; } @media screen and (max-width: 768px) { .trail .card-body { padding-left: 0px; } } .trail .form__form-group-label { font-size: 20px; font-weight: 400; } .trail .form__form-group-label h5 { font-size: 16px; line-height: 18px; font-weight: 400; opacity: 0.5; } @media screen and (max-width: 768px) { .trail .form__form-group-label h5 { font-size: 13px; } } @media screen and (max-width: 768px) { .trail .form__form-group-label { font-size: 15px; line-height: 20px; } } .trail .form__form-group-field { flex-direction: column; margin-left: 0px; } .trail .form__form-group-field .material-form__field { margin-right: 35px; } .trail .form__form-group-field .Select--single { width: 100%; top: 16px; margin-bottom: 20px; } .trail .form__form-group-field .Select-loading-zone { display: none; } .trail .form__form-group-field .Select-arrow-zone { display: none; } .trail .form__form-group-field .Select-value { border: none; } .trail .form__form-group-field input { border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important; margin-top: 6px; width: 100%; } .trail .colDefinition { padding-left: 0px; margin-top: 20px; } .trail .colDefinition .btn { padding: 10px; padding-left: 15px; padding-right: 15px; font-weight: 700; } @media screen and (min-width: 768px) { .container { width: 100%; max-width: 1630px; } } .test-info { font-size: 15px; width: 30%; max-height: 600px; overflow: hidden; padding: 0px; margin-top: -15px; } .test-brandingSetting { width: 25%; min-width: 250px; } .test-chatbox-layout { position: relative; /* max-width: 500px; */ /* min-width: 500px; */ margin-left: 5%; margin-right: 5%; } .test-botloadingInfo { position: absolute; left: 10%; } .agentz-chatbot * { box-sizing: unset; } .agentz-chatbot button { box-sizing: border-box; } .test-chatbot { max-width: 500px; min-width: 500px; } .card-medialayout { min-width: 300px; padding-left: 0px; } .card-dialogwidth { max-width: 600px !important; } .chat { min-height: 600px; max-height: 600px; height: calc(100vh - 185px); background-color: transparent; } .chat .messages-container-height { height: 60vh !important; max-height: 400px !important; } .chat .conversation-container { border-radius: 0px; } .chat .contextSelector .select__menu-list { max-height: 260px !important; } .chat .widget-container .field { float: unset; } .chat .widget-container form label, .chat form p { padding-top: unset; margin-bottom: unset !important; font-size: 14px; font-weight: 500; } .chat .widget-container { max-width: 480px; margin: 0 auto !important; position: unset !important; border: 1px solid #e8e8e8 !important; left: 0; right: 0; margin-left: 10px !important; } @media screen and (max-width: 600px) { .chat .widget-container { position: fixed !important; top: 66px !important; height: 88%; background: unset; border: unset; z-index: initial; padding-left: 0px; } .chat .widget-container .messages-container { height: calc(100% - 250px) !important; border-bottom: 1px solid transparent !important; } } .chat .widget-container .header { border-radius: 0px; } @media screen and (max-width: 600px) { .chat .widget-container .header .title { padding-left: 50px; } } #chat-history .conversation-container { box-shadow: none; border-top: none; border-radius: 0%; } #chat-history .conversation-container .messages-container { height: 76vh !important; } @media screen and (max-width: 800px) { #chat-history .conversation-container .messages-container { height: 66vh !important; } } #chat-history .conversation-container .messages-container .quick-replies .quick-reply-options .option-inline { pointer-events: none; } #chat-history .conversation-container .messages-container .message-form-input { pointer-events: none; } #chat-history .widget-container { max-width: 75%; margin-left: 0px !important; } @media screen and (max-width: 600px) { #chat-history .widget-container { height: 80% !important; } } @media screen and (max-width: 600px) { #chat-history .widget-container-ext { position: fixed !important; top: 66px !important; margin-left: 25px !important; } } @media screen and (max-width: 600px) { #chat-history .widget-container-ext .header { height: 53px !important; } } @media screen and (max-width: 600px) { #chat-history .widget-container-ext .header .title { padding-left: 5px; padding-top: 5px; } } #liveviewagentzchat .container { padding: 0px; margin: 0px; max-width: none !important; } @media screen and (max-width: 600px) { #liveviewagentzchat .container .widget-container-ext { top: 66px !important; padding-right: 0px !important; } #liveviewagentzchat .container .widget-container-ext .messages-container { height: calc(100% - 106px) !important; } } #liveviewagentzchat .container .widget-container { float: none !important; margin-left: 0px !important; max-width: none !important; width: 100%; } #liveviewagentzchat .container .widget-container .conversation-container { box-shadow: none !important; } #liveviewagentzchat .container .widget-container .header { background-color: white !important; border-bottom: 1px solid #e8e8e8 !important; height: 53px !important; } #liveviewagentzchat .container .widget-container .header .title { color: #3a3a3a !important; font-weight: 500 !important; } #liveviewagentzchat .container .widget-container .messages-container { height: 71vh !important; } #liveviewagentzchat .container .widget-container .messages-container .message { pointer-events: none !important; } #live-support .bm-burger-button { top: 125px !important; } #live-support .bm-cross { color: #149bf3 !important; } #live-support .bm-menu { background: #149bf3 !important; } #live-support .bm-icon .fa { color: #149bf3 !important; } #live-support #chat-history .conversation-container { box-shadow: none; border-radius: 0%; } #live-support #chat-history .conversation-container .messages-container { height: 76vh !important; } @media only screen and (min-width: 768px) and (max-width: 1368px) { #live-support #chat-history .conversation-container .messages-container { height: 69.5vh !important; } } #live-support #chat-history .conversation-container .messages-container .sender-response .clientouter-center { margin: 0px; width: 50%; } #live-support #chat-history .conversation-container .messages-container .message-form-input .form .fieldset label { padding-right: 0px; padding-left: 10px; } #live-support #chat-history .conversation-container .messages-container .sender-client .clientouter-center { margin-right: 0px; width: 50%; } #live-support #chat-history .conversation-container .messages-container .message.component-JOIN .clientouter-center, #live-support #chat-history .conversation-container .messages-container .message.component-LEAVE .clientouter-center, #live-support #chat-history .conversation-container .messages-container .message.component-ARCHIVE .clientouter-center, #live-support #chat-history .conversation-container .messages-container .message.component-FORCE_JOIN .clientouter-center { margin: auto; width: 100%; } #live-support #chat-history .widget-container { max-width: 75%; margin-left: 0px !important; float: left; border-top: none !important; } #live-support #chat-history .widget-container-ext { top: 110px !important; } #chat #transcript .widget-container { max-width: 75% !important; margin-left: 0px !important; } #chat #transcript .header { background-color: white !important; border-bottom: 2px solid #e8e8e8; } #chat #transcript .header .title { color: black !important; } #chat #transcript .people-list { height: 76.6vh !important; height: calc(100% - 55px); } #chat #transcript .people-list .people-header { height: 5.5vh; background-color: white !important; border-bottom: 2px solid #e8e8e8; color: black !important; } #chat #transcript .people-list ul { height: 70.5vh; } #chat #transcript .people-list .selected { background-color: #eff4fa !important; } #chat #transcript #chat-history .messages-container { height: 71vh !important; } #chat #transcript #chat-history .messages-container .sender-response .clientouter-center { margin: 0px; width: 50%; } #chat #transcript #chat-history .messages-container .message-form-input .form .fieldset label { padding-right: 0px; padding-left: 10px; } #chat #transcript #chat-history .messages-container .sender-client .clientouter-center { margin-right: 0px; width: 50%; } #chat #transcript #chat-history .messages-container .message.component-JOIN .clientouter-center, #chat #transcript #chat-history .messages-container .message.component-LEAVE .clientouter-center, #chat #transcript #chat-history .messages-container .message.component-ARCHIVE .clientouter-center, #chat #transcript #chat-history .messages-container .message.component-FORCE_JOIN .clientouter-center { margin: auto; width: 100%; } #chat #transcript #chat-history .conversation-container { box-shadow: none; border-radius: 0%; } #chat #transcript #chat-history .conversation-container .header { height: 5.5vh; } #people-list .people-list { box-shadow: 0 2px 10px 1px #b5b5b5 !important; border: none; } #people-list .people-list .people-header { padding: 13px !important; } .loader-background { background: #fafafa; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index: 100000; } .alert-errors { margin-top: 7px; font-weight: 500; } .alert-background { margin: 0px auto; } .theme-light .alert-background { background: #f2f4f7; } .theme-dark .alert-background { background: #2a2a31; } .alert-position { position: absolute; display: flex; margin: auto; flex-wrap: wrap; left: 50%; margin-left: -200px; } .loader-div { position: fixed; top: 45%; left: 45%; z-index: 100000; } .display-block { display: block !important; } .display-none { display: none !important; } .container__wrap { padding-left: 0; padding-top: 64px; min-height: 100vh; transition: padding-left 0.3s; } .theme-light .container__wrap { background: #f2f4f7; } .theme-dark .container__wrap { background: #2a2a31; } @media screen and (min-width: 576px) { .container__wrap { padding-left: 260px; } } .theme-light .container__wrap_bg { background: white; } .theme-dark .container__wrap_bg { background: #232329; } .container__wrap_layout { padding-top: 64px !important; padding-left: 0px; } @media screen and (min-width: 576px) { .container__wrap_layout { padding-left: 260px; } } .container__wrap_contact { padding-top: 64px !important; padding-left: 60; margin-top: 0px; max-width: 100vw !important; } @media screen and (min-width: 576px) { .container__wrap_contact { padding-left: 260px; } } @media screen and (max-width: 576px) { .container__wrap_contact { max-width: 100vw !important; } } .container__wrap_transcript { padding-top: 66px !important; } @media screen and (min-width: 576px) { .container__wrap_transcript { padding-left: 260px; } } @media screen and (min-width: 576px) { .layout.layout--collapse + .onboarding-container-wrap { padding-left: 58px; } } .layout.layout--collapse + .container__wrap { padding-left: 0; } @media screen and (min-width: 576px) { .layout.layout--collapse + .container__wrap { padding-left: 58px; } } @media screen and (min-width: 576px) { .layout.layout--collapse + .container__wrap.container__wrap_contact { padding-left: 58px; } } .layout.layout--collapse .agentz-back-dropper { top: 0; left: 0; right: 0; bottom: 0; z-index: 100; position: fixed; touch-action: none; background-color: white; -webkit-tap-highlight-color: transparent; margin-top: 60px; } .layout.layout--collapse .agentz-back-dropper .agentz-location-div { width: 100%; border-radius: 2px; text-align: center; padding: 20px; box-shadow: 0 2px 5px 1px #b5b5b566; } .layout.layout--collapse .agentz-back-dropper .agentz-location-div:hover { border: 1px solid #70bbfd; } .layout.layout--collapse .agentz-back-dropper .agentz-location-div.is-selected { box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1); border: 1px solid #70bbfd; padding: 19px; } .layout.layout--collapse .agentz-back-dropper .agentz-multi-location-div .btn-toolbar button { font-size: 14px; text-transform: none; } @media screen and (min-width: 576px) { .layout.layout--top-navigation + .container__wrap { padding-left: 0; } } @media screen and (min-width: 576px) { #chat #live-support .container { max-width: 85.5vw; } } @media screen and (min-width: 768px) { #chat #live-support .container { max-width: 96.5vw; } } #chat #live-support .container .people-list { height: 86.7vh !important; border-left: none; border-top: none; } @media only screen and (min-width: 768px) and (max-width: 1368px) { #chat #live-support .container .people-list { height: 80vh !important; } } #chat #live-support .container .people-list .people-header { height: 5.5vh; background-color: white !important; border-bottom: 2px solid #e8e8e8; border-top: none; color: black !important; } @media screen and (max-width: 800px) { #chat #live-support .container .people-list .people-header { height: 53px !important; } } #chat #live-support .container .people-list ul { height: 81vh; } @media only screen and (min-width: 768px) and (max-width: 1368px) { #chat #live-support .container .people-list ul { height: 74.5vh !important; } } #chat #live-support .container .people-list .selected { background-color: #f9fbfc !important; } #chat #live-support .container #chat-history .header { height: 5.5vh; background-color: white !important; border-bottom: 2px solid #e8e8e8; } #chat #live-support .container #chat-history .header .title { color: black !important; margin-top: unset !important; height: 48px !important; } #chat #live-support .container #chat-history .header .sender-response .clientouter-center { margin: 0px; width: 50%; } #chat #live-support .container #chat-history .header .message-form-input .form .fieldset label { padding-right: 0px; padding-left: 10px; } #chat #live-support .container #chat-history .header .sender-client .clientouter-center { margin-right: 0px; width: 50%; } #chat #live-support .container #chat-history .header .message.component-JOIN .clientouter-center, #chat #live-support .container #chat-history .header .message.component-LEAVE .clientouter-center, #chat #live-support .container #chat-history .header .message.component-ARCHIVE .clientouter-center, #chat #live-support .container #chat-history .header .message.component-FORCE_JOIN .clientouter-center { margin: auto; width: 100%; } #chat #live-support .container #chat-history .header .sender { height: 5vh; } #chat #live-support .container .flexbox-fix div { padding-left: 5px; padding-right: 5px; } #chat #live-support .container .flexbox-fix svg { margin-top: -10px; } #chat #live-support .container .webkit-scrollbar { width: 6px; background-color: #F5F5F5; } #chat #live-support .container .webkit-scrollbar-thumb { background-color: #000000; } .layout .agentz-back-dropper { top: 0; left: 0; right: 0; bottom: 0; z-index: 100; position: fixed; touch-action: none; background-color: white; -webkit-tap-highlight-color: transparent; margin-top: 60px; } .layout .agentz-back-dropper .agentz-location-div { width: 100%; border-radius: 2px; text-align: center; padding: 20px; box-shadow: 0 2px 5px 1px #b5b5b566; } .layout .agentz-back-dropper .agentz-location-div:hover { border: 1px solid #70bbfd; } .layout .agentz-back-dropper .agentz-location-div.is-selected { box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1); border: 1px solid #70bbfd; padding: 19px; } .layout .agentz-back-dropper .agentz-multi-location-div .btn-toolbar button { font-size: 14px; text-transform: none; } .checked-box { position: absolute; width: 22px; height: 22px; background-color: #70bbfd; color: #fff; text-align: center; display: none; } .checked-box-selected { position: absolute; width: 22px; height: 22px; background-color: #70bbfd; color: #fff; text-align: center; display: block; } /* select starting stylings ------------------------------*/ .select { font-family: 'Roboto','Helvetica','Arial',sans-serif; position: relative; width: 350px; } .select-text { position: relative; font-family: inherit; background-color: transparent; border-radius: 0; font-size: 12px; border: 1px solid #f2f4f7; padding: 10px; width: 510px; color: #646777; } /* Remove focus */ .select-text:focus { outline: none; } /* Use custom arrow */ .select .select-text { appearance: none; -webkit-appearance: none; } .select:after { position: absolute; top: 18px; right: 10px; /* Styling the down arrow */ width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.12); pointer-events: none; } /* LABEL ======================================= */ .select-label { color: rgba(0, 0, 0, 0.26); font-size: 18px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 10px; transition: 0.2s ease all; } /* BOTTOM BARS ================================= */ /* HIGHLIGHTER ================================== */ .select-highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .select-stp:after { position: absolute; top: 15px; right: -35px; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.12); pointer-events: none; } .select-stp { font-family: 'Roboto','Helvetica','Arial',sans-serif; position: relative; width: 350px; } .select-stp .select-text { appearance: none; -webkit-appearance: none; } .agentz-singlemulti-div { width: 48%; } @media (max-width: 768px) { .agentz-singlemulti-div { width: 100%; } } .agentz_location_selection_tab { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; cursor: pointer; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category { width: 100%; align-items: center; text-align: center; align-content: center; display: flex; padding: 20px !important; height: 48px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category span.sidebar__category-icon.lnr.lnr-chevron-left { align-items: center; font-size: 14px; color: #fff; font-weight: 700; text-align: center; margin-right: 128px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category span.sidebar__category-icon.lnr.lnr-chevron-right { align-items: center; font-size: 14px; color: #fff; font-weight: 700; text-align: center; margin-right: 128px; } .sidebar__wrapper_icon { background: #00324F 0% 0% no-repeat padding-box; flex: 0; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category { width: 100%; align-items: center; text-align: center; align-content: center; display: flex; padding: 20px !important; height: 48px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category span.sidebar__category-icon.lnr.lnr-chevron-left { align-items: center; font-size: 16px; color: #fff; font-weight: 700; text-align: center; margin-right: 128px; } .sidebar__wrapper_icon button.sidebar__link.sidebar__category span.sidebar__category-icon.lnr.lnr-chevron-right { align-items: center; font-size: 16px; color: #fff; font-weight: 700; text-align: center; margin-right: 128px; } .sidebar__wrapper_icon { background: #00324F 0% 0% no-repeat padding-box; flex: 0; } .scroll-content a.agentz-elementor-clickable img { width: 52px; height: 46px; vertical-align: middle; transform: scale(0.9); } .scroll-content a.agentz-elementor-clickable { padding: 12px; padding-left: 2px; display: flex; } .agentz-elementor-heading { font-size: 16px; font-family: Roboto; color: white; font-weight: 400; display: flex; align-items: center; white-space: pre; } .topbar__wrapper span.jss16.lnr.lnr-alarm { font-size: 30px; font-weight: 600; } .topbar__wrapper .topbar__profile { border-left: 1px solid #e6eaf1; align-self: center; } .scroll-content .agentz-logo-primary-text { font-size: 26px; color: deeppink; padding-left: 8px; } .scroll-content .agentz-logo-secondary-text { font-size: 26px; height: 74px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } .scroll-content .agentz-logo-secondary-text-wrap { line-height: 0.95; } .layout--collapse .scroll-content .agentz-logo-primary-text { display: none; } .layout--collapse .scroll-content .agentz-logo-secondary-text { display: none; } .topbar__collapse .topbar__btn { background-color: #FFFFFF; outline: none; } .topbar__profile .topbar__avatar { background-color: #FFFFFF; } .agentz-krr-firstrowbox .agentz-pretrained-customized { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sidebar__link.sidebar__category { background: #00324F; } .agentz-pretrained-firstrowbox .agentz-pretrained-customized { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sidebar__link.sidebar__category { background: #00324F; } .sidebar__link.sidebar__category .sidebar__link-icon { margin-left: 0; margin-top: -4px; } .sidebar__link.sidebar__category .sidebar__link-title { margin-left: 0px; } .sidebar__submenu .sidebar__link-title { margin-left: 54px; } .agentz-pretrained-overview { margin-left: 17px; display: flex; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .agentz-pretrained-firstrowbox { display: flex; } .agentz-pretrained-firstrowbox .agentz-pretrained-button { min-width: fit-content !important; color: #fff; margin-top: 12px !important; max-height: 40px !important; flex: 0 !important; width: 40px !important; margin: 0 8px; } .topbar.isMobile-true { background: #003B5D 0% 0% no-repeat padding-box; z-index: 1000; } .topbar-is-Mobile button.topbar__button.topbar__button--mobile { background: #003B5D 0% 0% no-repeat padding-box; } .topbar__wrapper.isMobile-true { background: #003B5D 0% 0% no-repeat padding-box; } button.topbar__button.topbar__button--mobile { color: #fff; } .topbar__left.isMobile-true .topbar-is-Mobile { display: flex; } .topbar-is-Mobile .agentz-logo-primary-text { font-size: 26px; text-align: center; align-items: center; color: deeppink; } .topbar-is-Mobile .agentz-logo-secondary-text { color: #70bbfd; font-size: 26px; } .topbar-is-Mobile a.agentz-elementor-clickable img { width: 52px; height: 46px; vertical-align: middle; transform: scale(0.9); } .topbar-is-Mobile a.agentz-elementor-clickable { padding: 10px 18px 18px; padding-left: 8px; display: flex; padding-left: unset !important; } .topbar__right.isMobile-true .topbar__profile .topbar__avatar { background: #003B5D 0% 0% no-repeat padding-box !important; border-left: none; padding: 0 8px; } .topbar__right.isMobile-true .topbar__profile { border-left: unset !important; } .topbar__right.isMobile-true .topbar__profile .topbar__avatar .lnr-chevron-down { display: none !important; } .topbar__right.isMobile-true .topbar__profile .topbar__avatar .topbar__avatar-name { border-radius: 4px; background: #006097; color: #fff !important; } .topbar__right.isMobile-true .topbar__collapse { display: block !important; align-self: center; } .topbar__right.isMobile-true .topbar__collapse .topbar__btn--mail { background: #003B5D 0% 0% no-repeat padding-box; background: #003B5D !important; } .topbar__right.isMobile-true .topbar__collapse .topbar__btn--mail .lnr-alarm { margin-right: unset !important; color: #fff !important; font-weight: 500; } .topbar__right.isMobile-true .topbar__collapse .topbar__btn--mail .topbar__btn-new-label > div:before { left: 70%; } .topbar__right.isMobile-true .topbar__collapse .topbar__btn--mail .topbar__btn-new-label > div:after { left: 70%; } .topbar-is-Mobile .topbar__button { padding-right: 12px !important; } button.topbar__button.topbar__button--mobile { color: #fff; } .scroll-content button.topbar__button.topbar__button--mobile { color: #fff; flex: 0; padding: 12px 13px !important; margin-top: 16px !important; } .topbar-is-Mobile button.topbar__button.topbar__button--mobile .screen-name { font-size: 20px; padding: 0 16px; } .topbar-is-Mobile button.topbar__button.topbar__button--mobile .lnr-arrow-left { margin-top: 6px; } .topbar__left.is-mobile-view.isMobile-true { width: 100%; } .is-mobile-view .topbar-is-Mobile button.topbar__button.topbar__button--mobile .lnr-arrow-left { font-weight: 600; } .krrAppDialog h2 { font-size: 20px; color: #434343; } #CustomPretrainedAddForm-unique { flex-direction: column; } .agentz-pretrained-weblinkcontent div:first-child { padding-top: 16px !important; } .agentz-krr-custombuttonbar button { height: 36px; width: 112px; font-weight: 600; } .agentz-krr-custombuttonbar button.btn-link { color: #149BF3; } .agentz-pretrained-button.pretrained-add-button.btn.disabled { background-color: #f2f4f7 !important; border-color: #f2f4f7 !important; color: #b4afaf !important; pointer-events: none !important; /* cursor: auto; */ } .agentz-customkrr-header, .agentz-pretrained-header { font-size: 20px !important; color: #003B5D !important; letter-spacing: 0.3px !important; } input#input-with-icon-textfield::placeholder { color: lightgrey !important; } .jss68:hover:not(.jss67):not(.jss66):not(.jss69):before { border-bottom: 1px solid #149BF3 !important; } .agentz-customkrr-topbarindiv div:hover { border-bottom: 0px solid #70bbfd !important; } .agentz-customkrr-topbarindiv div:after { border-bottom: 1px solid #70bbfd !important; } .agentz-pretrained-topbarindiv div:hover { border-bottom: 0px solid #70bbfd !important; } .agentz-krr-weblinkcontent div:after { border-bottom: 1px solid #70bbfd !important; } .agentz-krr-weblinkcontent div:hover { border-bottom: 0px solid #70bbfd !important; } .agentz-pretrained-topbarindiv div:after { border-bottom: 1px solid #70bbfd !important; } .agentz-customkrr-subheader, .agentz-pretrained-subheader { font-size: 14px !important; color: #565656 !important; } .agentz-pretrained-outlinebox, .agentz-krr-outlinebox { font-size: 15px !important; /* color: #646777 !important; */ } .agentz-krr-newtoplabel, .agentz-pretrained-newtoplabel { font-size: 15px !important; color: #434343 !important; font-weight: 500 !important; } .agentz-krr-helpertext, .agentz-pretrained-helpertext { font-size: 12px !important; padding-left: 0px !important; } .agentz-krr-answertext, .agentz-pretrained-answertext { font-size: 14px !important; } .text-editor .public-DraftEditor-content { font-size: 14px !important; } label.agentz-krr-weblinklabel, .agentz-pretrained-weblinklabel { font-size: 12px !important; margin-bottom: 0px !important; } .agentz-krr-custombuttonbar button.btn-link.btn:before { background: transparent; } .dashboard.container { padding-left: 24px !important; margin-right: auto; margin-left: 30px; padding: 24px; padding-top: 32px; } .material-form label { margin-bottom: unset !important; } .sidebar.sidebar--collapse .agentz-sidebar-link div:first-of-type { width: 58px; white-space: nowrap; } .sidebar.sidebar--collapse .agentz-sidebar-link div:first-of-type { width: 58px; white-space: nowrap; } .sidebar__link-title.floating-title { position: fixed; left: 72px; visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; z-index: 9909; background: lightgrey; padding: 10px 16px !important; width: 150px; background-color: #003B5D; color: #fff; text-align: center; border-radius: 6px; /* display: flex; */ } .sidebar__link-title.floating-title span { color: #fff !important; font-weight: 600; } .sidebar__link-title.floating-title::after { content: ""; position: absolute; top: 45%; right: 100%; margin-top: -5px; border-width: 8px; border-style: solid; border-color: transparent #003B5D transparent transparent; } .sidebar.sidebar--collapse .sidebar__link.agentz-sidebar-link:hover .sidebar__link-title.floating-title { visibility: visible !important; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; } .agentz-krr-generateVariations-button { font-size: 14px; background-color: transparent !important; color: #70bbfd !important; padding: 5px 20px !important; margin-bottom: 0px; min-width: 164px; } .agentz-krr-generateVariations-button:focus, .agentz-krr-generateVariations-button:hover, .agentz-krr-generateVariations-button::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-krr-generateVariations-button-mobile { font-size: 14px !important; background-color: transparent !important; color: #70bbfd !important; padding: 5px !important; margin-bottom: 0px; margin-top: 7px; min-width: 115px; } .agentz-krr-generateVariations-button-mobile:focus, .agentz-krr-generateVariations-button-mobile:hover, .agentz-krr-generateVariations-button-mobile::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-krr-generate-variations-outlinebox { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DFDFDF; opacity: 1; border-radius: 4px; padding: 10px; margin-bottom: 15px; } .agentz-krr-variations-enter-keywords { padding: 6px 0px 3px 3px; align-items: center; } .generate-variation-message-popover-icon { color: #5AB8F6; width: 20px !important; margin-left: 10px; margin-right: 10px; cursor: pointer; } .keywords-input-warning-text { color: #e8831b !important; font-family: Roboto; font-size: 12px !important; font-weight: 400; opacity: 1; letter-spacing: 0px; padding-left: unset; } .document-upload-helper-text { color: #f44336; font-family: Roboto; font-size: 14px !important; font-weight: 400; opacity: 1; letter-spacing: 0px; margin-left: 20px; } .bulkImport-input-warning-text { color: #e41c0d !important; font-family: Roboto; font-size: 12px !important; font-weight: 400; opacity: 1; letter-spacing: 0px; padding-left: unset; } .agentz-genrate-variations-beta-label { font: normal normal bold 10px/14px Roboto; color: #ffffff; background: #4CE1B6 0% 0% no-repeat padding-box; border-radius: 3px; padding: 2px; margin-left: 12px; height: 16px; margin-top: 2px; } agentz-bulkqna-generatevariations-helper { font-size: 13px; } .krrAppDialog div[role="document"]::-webkit-scrollbar { width: 6px; } .krrAppDialog div[role="document"]::-webkit-scrollbar-thumb { background: #b6b6b6; border-radius: 3px; } .krrAppDialog div[role="document"]::-webkit-scrollbar-thumb:hover { background: grey; } p.agentz-krr-picturelabel, .agentz-pretrained-picturelabel { font-size: 12px; padding-left: 24px; } .agentz-krr-actions::-webkit-scrollbar { width: 6px; } .agentz-krr-actions::-webkit-scrollbar-thumb { background: darkgrey; border-radius: 3px; } .agentz-krr-actions::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-krr-outlinebox.is-newly-added { margin-top: -1px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 2px 3px 10px #00000012; border: 1.5px solid #36e6c8; } ul.stepdetails-tab-billing.nav.nav-tabs { display: flex; border-bottom: 1px solid #F2F4F7; z-index: 999; padding-bottom: 7px; } ul.stepdetails-tab-billing.nav.nav-tabs .nav-link { line-height: 2; padding: 0px; border: none; background: unset !important; } ul.stepdetails-tab-billing.nav.nav-tabs .nav-item { flex: 0; margin-top: 15px; cursor: pointer; z-index: 0; } ul.stepdetails-tab-billing.nav.nav-tabs .nav-link.active h4 .active-sub-span .tab-badge-active { text-align: center; color: #000; /* margin: 0 16px !important; */ padding: 4px 20px !important; border-radius: 0; border: none; border-bottom: 4px solid #149BF3; } ul.stepdetails-tab-billing.nav.nav-tabs .nav-link h4 { font-size: 18px; text-align: center; color: #9C9C9C; } ul.stepdetails-tab.nav.nav-tabs { width: 58%; display: flex; border-bottom: unset !important; z-index: 999; margin-top: -51px; position: fixed; margin-left: 45px; } ul.stepdetails-tab.nav.nav-tabs .nav-link { line-height: 2; padding: 20px; border: none; background: unset !important; } ul.stepdetails-tab.nav.nav-tabs .nav-item { flex: 1; cursor: pointer; z-index: 999; } ul.stepdetails-tab.nav.nav-tabs .nav-link.active h4 .active-sub-span .tab-badge-active { text-align: center; color: #000; /* margin: 0 16px !important; */ padding: 4px 20px !important; border-radius: 0; border: none; border-bottom: 4px solid #149BF3; } ul.stepdetails-tab.nav.nav-tabs .nav-link h4 { font-size: 18px !important; text-align: center; color: #9C9C9C; } .tabs .stepdetails-tab .tab-badge, #krr .stepdetails-tab .tab-badge, #krr .tab-badge { border-color: transparent; background: transparent; color: #9C9C9C !important; font-size: 16px; margin: unset !important; padding: unset !important; font-weight: 500 !important; } .tabs .stepdetails-tab .tab-badge-active, #krr .stepdetails-tab .tab-badge-active, #krr .tab-badge-active { color: #333 !important; } .stepdetails-tab-wrap .tabs .tab-pane, .stepdetails-tab-wrap #krr .tab-pane, #krr .tab-pane { padding: unset !important; } .stepdetails-tab-wrap .tab-pane, #krr .tab-pane { padding-top: unset !important; } .container__wrap.container__wrap_bg.container__wrap_transcript .card-tab-body { padding-right: unset !important; padding-left: unset !important; } .tabs .stepdetails-tab-wrap .tab-pane, #krr .stepdetails-tab-wrap .tab-pane, #krr .tab-pane { /* padding-top: unset !important; */ } .container__wrap.container__wrap_bg.container__wrap_transcript .card-tab-body { padding-right: unset !important; padding-left: unset !important; } .container__wrap.container__wrap_bg.container__wrap_transcript .col-12 { /* padding: unset !important; */ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } #PretrainedKrr .e-multiselect.e-input-group.e-control-wrapper.e-checkbox.pretrained-filter-select:before { content: none; border: none !important; } #PretrainedKrr .e-multiselect.e-input-group.e-control-wrapper.e-checkbox.pretrained-filter-select:after { content: none; border: none !important; } #PretrainedKrr .e-multiselect.e-input-group.e-control-wrapper.e-checkbox.pretrained-filter-select { margin-left: 8px; content: none; border: none !important; height: 42px; line-height: 42px; margin-top: 22px; background: #F6F6F6; border-radius: 4px; padding: 8px 8px !important; } #PretrainedKrr .e-multiselect.pretrained-filter-select .e-down-icon .e-chips-close.e-close-hooker { right: 14px; margin-top: -26px; } #PretrainedKrr .e-multiselect.e-input-group.e-control-wrapper.e-checkbox.pretrained-filter-select span.e-delim-view.e-delim-values { color: rgba(0, 0, 0, 0.87); font-size: 16px; } #PretrainedKrr .e-multiselect.e-input-group.e-control-wrapper.e-checkbox.pretrained-filter-select input.e-dropdownbase::placeholder { color: #434343; font-size: 14px; } .e-dropdownbase .e-list-item { font-size: 16px !important; color: #434343 !important; } #PretrainedKrr .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #3b96e6; border-color: transparent; color: #fff; } #pretrainedKrr .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { background-color: #3b96e6; } #PretrainedKrr .e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check { background-color: #3b96e6; border-color: transparent; color: #fff; } .krrAppDialog div[role=document] { outline: none; } .topbar__right.isMobile-true button.topbar__btn { background-color: #003B5D !important; color: #fff !important; } .topbar__right.isMobile-true button.topbar__btn span.lnr.lnr-alarm { color: #fff !important; } .agentz-pretrained-topbarindiv input::placeholder { color: lightgrey; } .form__form-group-field.agentz-customize-field div:after { border-bottom: 1px solid #70bbfd !important; } .form__form-group-field.agentz-customize-field div:hover { border-bottom: 0px solid #70bbfd !important; } p.agentz-krr-newtoplabel.new-krr-question:after { color: red; content: " *"; } p.answer-krr--mobile-label.agentz-krr-toplabel:after { color: red; content: " *"; } .agentz-krr-weblink-helpertext { line-height: 18px; margin-top: 2px !important; cursor: pointer; margin: 0; font-weight: 400; text-align: left; letter-spacing: 0px; font-size: 12px !important; font-family: Roboto; color: #AFAFAF !important; } .topbar__screen_name { display: flex; width: 15%; margin-left: 32px; padding-top: 0px; height: 64px; position: fixed; top: 0px; z-index: 999; } .layout.layout--collapse .topbar__screen_name { margin-left: -188px; } .e-multi-select-list-wrapper { width: fit-content !important; min-width: 200px !important; } .agentz-chatbot-container button[aria-selected=true] { opacity: 1; } .agentz-chatbot-container button[aria-selected=false] { opacity: 0.5; } ul.agent-sms-container-mobile { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; opacity: 1; padding: 0 8px; margin-top: 16px; } ul.agent-sms-container-mobile .agent-sms-container-mobile-list-item { width: 80%; } ul.agent-voice-container-mobile { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; opacity: 1; padding: 0 8px; margin-top: 16px; } ul.agent-voice-container-mobile .agent-voice-container-mobile-list-item { width: 80%; } ul.agent-voice-container-mobile .agent-voice-container-mobile-switch { padding-right: 8px; } ul.agent-sms-container-mobile .agent-sms-container-mobile-switch { padding-right: 8px; } .custom-select-comp.custom-select-comp-view { left: unset !important; max-width: 368px !important; top: unset !important; position: relative; margin-left: 16px; margin: 0 auto !important; z-index: 1; } .agentz-deployment-container .agentz-country-input { width: 120px; height: 38px; font-size: 16px; } .agentz-chatbot-containermobile .agentz-country-input { width: 120px; height: 38px; font-size: 16px; } .long-code-enable-dialog h2 { font-size: 12px; color: #565656 !important; line-height: 22px; } .long-code-enable-dialog div[role=document] { max-width: 420px; } .agentz-deploy-mobile-number { text-transform: none; font-size: 18px !important; margin-bottom: 0px; white-space: nowrap; padding: 4px 8px; border: 1px solid lightgrey; width: fit-content; margin: 8px 0; border-radius: 4px; margin-top: 12px; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.175); } .agentz-voice-loader-mobileview { margin: 8% 28%; position: relative; margin: 0 auto; } .agentz-country-input textarea { height: 28px; line-height: 28px; margin-left: unset; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title { visibility: visible !important; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; display: flex; flex-direction: column; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title .sidebar__link.agentz-sidebar-link.agentz-sidebar-group-link-group { height: 45px; line-height: 50px; margin-bottom: 7px; width: 150px; transition: none; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__submenu-wrap { margin-top: -54px; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title { padding-left: unset !important; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title::after { margin-top: -38px; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap .sidebar__submenu-wrap.collapse { display: block !important; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap .sidebar__submenu-wrap.collapse .sidebar__submenu.sidebar__link-title.floating-title { margin-left: -8px; margin-top: -55px; background-color: #044266 !important; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap .sidebar__submenu-wrap.collapse .sidebar__submenu .sidebar-group-title-group { margin-left: 30px !important; } .sidebar.sidebar--collapse .is-mobile-view-not .sidebar__submenu-wrap.collapse ul:first-child { display: none; } .sidebar__submenu .sidebar__link.agentz-sidebar-link { background-color: #044266 !important; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title .sidebar__link.agentz-sidebar-link.agentz-sidebar-group-link-group div[role=button] { width: 160px; height: 52px !important; } .component-none { display: none !important; } .container__wrap.container__wrap_bg #chatbot-embed { bottom: unset !important; right: unset !important; width: 100vw !important; min-width: 99vw !important; max-width: 99vw !important; max-height: 100vh !important; min-height: 100vh !important; z-index: 1 !important; } #contactCenter li.nav-item { outline: none !important; min-height: 36px; display: flex; } #contactCenter li.nav-item svg { margin-top: 24px; margin-left: -25px; z-index: 99; cursor: pointer; } #contactCenter li.nav-item a.nav-link:hover { border-color: transparent; } #contactCenter .nav-item a.nav-link { color: #000000; font-size: 14px !important; font-weight: normal; font-family: "Roboto", sans-serif; white-space: unset; text-transform: capitalize; } #contactCenter .nav-item a.nav-link.active { opacity: 1; } #contactCenter a.nav-link[value=missed] { width: 98px; padding-left: 16px !important; text-align: left !important; } #contactCenter .inbox-preview-contact-profile { font-size: 14px; color: #434343; font-weight: 500; font-family: "Roboto", sans-serif; white-space: unset; text-transform: capitalize; opacity: 1; padding-bottom: 9px; } #contactCenter .inbox-preview-contact__topbar { padding: 15px 16px 26px; } #contactCenter .inbox-preview-contact-profile-popup { padding: 16px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000012; border: 1px solid #C8D1DB; border-radius: 5px; } #contactCenter p.inbox-preview-contact__topbar-contact-name-ex { color: #003B5D; font-weight: 600; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px !important; font-family: "Roboto", sans-serif; opacity: 1; align-self: center; } #contactCenter .inbox-preview-contact__topbar-contact { display: flex; padding-bottom: 4px; border-bottom: 1px solid #D8D8D8; } #contactCenter .inbox-preview-contact-group-first { display: flex; flex: 1; flex-direction: column; } #contactCenter .inbox-preview-contact__topbar-contact-details { display: flex; flex-direction: column; } #contactCenter .inbox-preview-contact-group-second { display: flex; flex-direction: column; } #contactCenter .inbox-preview-contact__topbar-contact-details label { font-size: 14px; color: #003B5D; padding: 8px 0 0 0; margin: unset; font-weight: 600; } #contactCenter .inbox-preview-contact__topbar-contact-details p { font-size: 14px; color: #646777; padding: 8px 0 0 0; margin: unset; font-weight: 500; } #contactCenter .inbox-preview-contact__topbar-contact-details .inbox-preview-contact__topbar-contact-post { overflow-wrap: anywhere; } #contactCenter .inbox-preview-contact-icons { margin-bottom: -12px; width: 72px; right: 0; flex: 0; flex-direction: row; display: flex; justify-content: flex-end; align-items: flex-end; margin-right: 6px; width: 100%; } #contactCenter .inbox-preview-contact-icons svg { cursor: pointer; margin-top: -10px; zoom: 0.9; } .sidebar.sidebar--collapse .is-mobile-view-not.sidebar__category-wrap:hover .sidebar__link-title.floating-title .sidebar__link.agentz-sidebar-link.agentz-sidebar-group-link-group div[role=button] { width: 160px; height: 52px !important; } .component-none { display: none !important; } #contactCenter .conversation-break-date { height: 30px; display: flex; justify-content: center; width: 100%; padding: 0 8px; margin: 0 auto; min-width: 142px; } #contactCenter .conversation-break-date-date { border-radius: 5px; height: 30px; border: 1px solid #E0E7EF; display: flex; justify-content: center; width: 100%; padding: 0 8px; margin: 0 auto; min-width: 142px; border: 1px solid #E0E7EF; } #contactCenter .conversation-break-date-date .text-span { align-self: center; white-space: nowrap; font-size: 12px; display: flex; width: fit-content; height: unset; position: relative; justify-content: center; cursor: pointer; align-self: center; align-items: center; color: #646777; line-height: 1.7; font-weight: 500; border: 1px solid #C8D1D8; padding: 0px 5px 0px 5px; border-radius: 5px; } #contactCenter .conversation-break-date .text-span { align-self: center; white-space: nowrap; font-size: 12px; display: flex; width: fit-content; height: unset; position: relative; justify-content: center; cursor: pointer; align-self: center; align-items: center; color: #646777; line-height: 1.7; font-weight: 500; } #contactCenter .agentz-inbox-conversations-timelinesublink-arrow svg { fill: #35509B; } #contactCenter .agentz-inbox-conversations-timelinesublink-arrow { display: none; } #contactCenter span.voicemessage audio { margin-top: 8px; outline: none; } #contactCenter .agentz-conversation-contact-bubble.agentz-conversation-contact-bubble { display: block !important; margin-bottom: 8px !important; } #contactCenter .conversation-livesupport-event { background: #f3f3f3; border-radius: 5px; margin: 2px; } #contactCenter .conversation-notes-event { background: #FFF8E4; border-radius: 5px; } .agentz-inbox-timelinesub a.notes-see-more-button { color: #149BF3; margin: 0 auto; display: flex; justify-content: center; width: fit-content; padding: 8px; } #contactCenter a.notes-see-more-button.webkit-line-clamp-added ~ div.agentz-inbox-conversations-sub-timelinetitle-notes { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } #contactCenter .conversation-break-date.contact-break-date { justify-content: left; margin: unset !important; padding-left: 25px; margin-top: 8px !important; font-weight: 400; border-bottom: 2px solid #f1f1f1; padding-bottom: 8px; } #contactCenter .conversation-break-date-date.contact-break-date { border: unset !important; margin: unset !important; padding-left: unset !important; margin-top: 8px !important; font-weight: 400; } #contactCenter .conversation-break-date-date.contact-break-date span { font-weight: 500 !important; font-size: 12px !important; } #contactCenter .conversation-break-date.contact-break-date span { font-weight: 500 !important; font-size: 13px !important; text-transform: uppercase; color: #003B5D; } #conversationsDataMobile .agentz-inbox-conversations-timelinetitle { color: #646777; font-size: 14px !important; font-weight: 600; line-height: 23px; font-family: "Roboto", sans-serif; white-space: unset; max-width: 252px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 8px; } #conversationsDataMobile .agentz-inbox-conversations-group { display: flex; } #conversationsDataMobile .agentz-inbox-conversations-group time { padding: 0 4px; line-height: 24px; color: #646777; } #conversationsDataMobile .contact__dialog.is-mobile { padding: unset !important; } #conversationsDataMobile .is-mobile .contact__dialog-messages { padding: unset !important; } #conversationsDataMobile .dialog-content { margin: unset !important; padding: 8px 0; } #contactCenter .agentz-inbox-conversations-group span { font-size: 14px; padding: 0 4px 0 0px; color: #898989 !important; } #conversationsDataMobile .agentz-inbox-conversations-subhead-timelinetitle { text-align: left; letter-spacing: 0px; color: #646777; opacity: 1; font-size: 11px; font-weight: 400; line-height: 24px; font-family: 'Roboto'; } #conversationsDataMobile .agentz-inbox-conversations-sub-timelinetitle { /* color: #000000; */ font-size: 14px !important; /* font-weight: 500; */ line-height: 23px; font-family: "Roboto", sans-serif; white-space: unset; color: #434343; width: 100%; white-space: pre-wrap; word-break: break-word; } #conversationsDataMobile .agentz-inbox-conversations-timelinesublink { text-align: left; letter-spacing: 0px; color: #35509B; font-size: 12px; font-weight: 400; line-height: 24px; font-family: Roboto; /* margin-left: 10px; */ cursor: pointer; } #conversationsDataMobile .conversation-break-date { border-radius: 5px; height: 30px; border: 1px solid #E0E7EF; display: flex; justify-content: center; width: fit-content; padding: 0 8px; margin: 0 auto; min-width: 142px; border: 1px solid #E0E7EF; } #conversationsDataMobile .conversation-break-date .text-span { align-self: center; white-space: nowrap; font-size: 14px; display: flex; width: fit-content; height: unset; position: relative; justify-content: center; cursor: pointer; align-self: center; align-items: center; color: #646777; line-height: 1.7; font-weight: 500; } #conversationsDataMobile .conversation-break-date-date { border-radius: 5px; height: 30px; border: 1px solid #E0E7EF; display: flex; justify-content: center; width: 100%; padding: 0 8px; margin: 0 auto; min-width: 142px; border: 1px solid #E0E7EF; } #conversationsDataMobile .conversation-break-date-date .text-span { align-self: center; white-space: nowrap; font-size: 12px; display: flex; width: fit-content; height: unset; position: relative; justify-content: center; cursor: pointer; align-self: center; align-items: center; color: #646777; line-height: 1.7; font-weight: 500; border: 1px solid #C8D1D8; padding: 0px 5px 0px 5px; border-radius: 5px; } #conversationsDataMobile .agentz-inbox-conversations-timelinesublink-arrow svg { fill: #35509B; } #conversationsDataMobile .agentz-inbox-conversations-timelinesublink-arrow { display: none; } #conversationsDataMobile span.voicemessage audio { margin-top: 8px; outline: none; } #conversationsDataMobile .agentz-conversation-contact-bubble.agentz-conversation-contact-bubble { display: block !important; margin-bottom: 8px !important; } #conversationsDataMobile .conversation-livesupport-event { background: #f3f3f3; border-radius: 5px; margin: 2px; } #conversationsDataMobile .conversation-notes-event { background: #FFF8E4; border-radius: 5px; margin: 2px; } .agentz-inbox-timelinesub a.notes-see-more-button { color: #149BF3; margin: 0 auto; display: flex; justify-content: center; width: fit-content; padding: 8px; } #conversationsDataMobile a.notes-see-more-button.webkit-line-clamp-added ~ div.agentz-inbox-conversations-sub-timelinetitle-notes { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #conversationsDataMobile .conversation-break-date.contact-break-date { border: unset !important; margin: unset !important; padding-left: unset !important; margin-top: 8px !important; font-weight: 400; border-bottom: 2px solid #f1f1f1; padding-bottom: 8px; } #conversationsDataMobile .conversation-break-date.contact-break-date span { font-weight: 500 !important; font-size: 13px !important; } #conversationsDataMobile .conversation-break-date-date.contact-break-date { border: unset !important; margin: unset !important; padding-left: unset !important; margin-top: 8px !important; font-weight: 400; } #conversationsDataMobile .conversation-break-date-date.contact-break-date span { font-weight: 500 !important; font-size: 14px !important; } #conversationsDataMobile .contact__dialog-messages { padding: unset !important; margin: unset !important; } #conversationsDataMobile .agentz-inbox-timelinesub { flex-direction: column; } .contact__contacts-scroll.is-mobile { overflow-x: hidden; overflow: scroll; flex: 1; flex-basis: 100%; } div[role=dialog] h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .agentz-custom-dialog div h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.87); font-size: 1.3125rem; font-weight: 500; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 1.16667em; } h2.contactTitle.is-mobile { font-size: 18px; color: #fff; font-weight: 400; } .contactCenter { z-index: 99999 !important; } .chatbot-dialog { z-index: 99999 !important; } .agentz-inbox-contactcenter { z-index: 99999 !important; } .agentz-inbox-timelinecenter { z-index: 100000 !important; } .agentz-inbox-timelinepopup { z-index: 100001 !important; } .add-note-popup-mobile { z-index: 99999 !important; } .edit-contant-popup-note { z-index: 99999 !important; } .delete-contact-popup-mobile { z-index: 99999 !important; } .close-notes-popup-mobile { z-index: 99999 !important; } .edit-contacts-popup-mobile { z-index: 99999 !important; } .add-new-contact-mobile-popup { z-index: 99999 !important; } span.is-non-mobile.agentz-inbox-sendicon.agentz-inbox-sendenable { padding: 5px 16px; background: #fff !important; font-size: 24px; color: #2a9bf4 !important; border-radius: 2px; font-weight: 500; margin-right: 0px; position: relative; cursor: pointer; } span.is-mobile.agentz-inbox-sendicon-mobile.agentz-inbox-sendenable-mobile { padding: 5px 16px; background: #fff !important; font-size: 24px; color: #2a9bf4 !important; border-radius: 2px; font-weight: 500; margin-right: 0px; position: relative; cursor: pointer; } .bg-primary.rounded-circle.badge.text-white.unread-message-contact { border-color: #149BF3 !important; background: #149BF3 !important; border: 1px solid; height: 18px; border-radius: 50% !important; width: 18px; font-size: 13px; font-weight: 400; padding: 2px; margin-top: 5px; position: absolute; right: 48px; } #contactCenter .is-mobile .conversation-break-date.contact-break-date { padding-left: 8px !important; margin-top: 16px !important; } .is-not-mobile.agentz-inbox-sendenable { background: #2a9bf4 !important; color: #fff !important; padding: 2px 8px; border-radius: 2px; margin-right: 0px; } .last-message-time { font-size: 13px; color: #ACACAC; font-weight: normal; line-height: 28px; } .incoming-voice-message { padding-right: 0px !important; margin-top: 12px; zoom: 0.8 !important; } .incoming-voice-message img { height: 12px !important; } .agentz-no-connection { left: 20%; max-width: 60% !important; position: fixed; top: 0; z-index: 100000000; height: 64px; padding: 0 !important; display: flex; align-items: center; justify-content: center; } .agentz-no-connection p { text-align: center; font-weight: 500; font-size: 13px; } .break-date { display: flex; align-items: center; } .break-date .date-break-tag-before { width: calc(96%); background-color: lightgrey; margin-left: 1%; height: 1px; } .break-date .date-break-tag-before.new-message-span { background-color: #E01E5A; } .break-date .text-span { align-self: center; padding: 0 8px; color: #333; font-size: 12px; white-space: nowrap; font-weight: 500; } .break-date .text-span.new-message-span { color: #E01E5A; } .break-date .date-break-tag-after { width: calc(96%); background-color: lightgrey; height: 1px; margin-right: 1%; } .break-date .date-break-tag-after.new-message-span { background-color: #E01E5A; } .agentz-network-connection { font-size: 12px; color: red !important; text-decoration-line: underline; margin-right: 32px; cursor: pointer; margin-left: 22px; } .agentz-retry-connection.fa-info-circle { color: red !important; position: absolute; margin-left: -32px; font-size: 16px !important; padding: 0px 12px !important; margin-left: -12px; } .contact__contact-last-message.color { color: #149BF3 !important; } .contact__contact-last-message.noColor { color: #525252 !important; } .agentz-topic-custom-dialog div h2 { color: #435369; font: normal normal 500 22px/48px Roboto; display: flex; justify-content: space-between; align-items: center; padding-left: 26px; } .agentz-topic-dialog-search-section { display: flex; align-items: center; width: 75%; justify-content: flex-end; padding-left: 16px; } .agentz-topic-dialog-svg { fill: #999999; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); height: 18px; width: 18px; pointer-events: none; } .agentz-topic-dialog-main-container { display: flex; flex-grow: 1; } .agentz-topic-dialog-category-container { flex-basis: 25%; display: flex; flex-direction: column; margin: 4px 0; } .agentz-topic-dialog-category-container-data { overflow-y: auto; flex: 1; scrollbar-width: thin; padding-right: 4px; } .agentz-topic-dialog-topic-cointainer { flex-basis: 75%; display: flex; flex-direction: column; } .agentz-topic-dialog-footer-container { display: flex; justify-content: flex-end; margin: 14px 34px !important; } .agentz-topic-dialog-category-addNew { display: flex; align-items: center; padding-left: 21px; cursor: pointer; margin-top: 14px; } .agentz-topic-dialog-category-icon { color: #1598F3; padding-right: 8px; width: 28px !important; } .agentz-topic-dialog-top-content-container { height: 52px; align-items: center; display: flex; margin-left: 12px; margin-top: 4px; } .agentz-topic-dialog-top-content-text { height: 21px; font: normal normal 500 16px/21px Roboto; letter-spacing: 0px; color: #435369; opacity: 1; } .agentz-topic-dialog-topic-content-container { flex-grow: 1; margin-bottom: 22px; overflow-y: auto; scrollbar-width: thin; } .agentz-topic-dialog-customtopic-content-container { margin-top: 8px; margin-bottom: 4px; flex: 1; overflow-y: auto; scrollbar-width: thin; } .agentz-topic-dialog-category-container-data::-webkit-scrollbar, .agentz-topic-dialog-topic-content-container::-webkit-scrollbar, .agentz-topic-dialog-customtopic-content-container::-webkit-scrollbar { width: 5px; } .agentz-topic-dialog-category-container-data::-webkit-scrollbar-thumb, .agentz-topic-dialog-topic-content-container::-webkit-scrollbar-thumb, .agentz-topic-dialog-customtopic-content-container::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .agentz-topic-dialog-category-container-data::-webkit-scrollbar-thumb:hover, .agentz-topic-dialog-topic-content-container::-webkit-scrollbar-thumb:hover, .agentz-topic-dialog-customtopic-content-container::-webkit-scrollbar-thumb:hover { background: grey; } .container_category_header-mobile { display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 8px 18px; -webkit-box-shadow: 0 10px 10px -10px #000000; -moz-box-shadow: 0 10px 10px -10px #000000; box-shadow: 0 7px 7px -10px #000000; } .container_category_header_title-mobile { font: normal normal 600 16px/24px Roboto; letter-spacing: 0px; color: #435369; } .container_category-mobile { height: 62px; min-height: 62px; background-color: rgba(242, 243, 248, 0.52); display: flex; align-items: center; padding-left: 21px; overflow-x: auto; } .container_category-mobile-qna { background-color: rgba(242, 243, 248, 0.52); display: flex; align-items: center; padding-left: 21px; } .conatiner__category-add-new-mobile { height: 34px; min-width: 35px; display: flex; align-items: center; justify-content: center; margin-right: 19px; border: 1px solid #D1D1D1; border-radius: 5px; } .container_pre-trained-topics-mobile { flex-grow: 1; display: flex; flex-direction: column; } .container_footer-main-mobile { margin: 20px 30px; display: flex; align-items: center; } .conatiner_footer-back-arrow-mobile { display: flex; font: normal normal 500 14px/19px Roboto; color: #147FD9; margin-right: 36px; align-items: center; } .conatiner_footer-back-arrow-mobile-margin { margin-right: 0px; } .conatiner_footer-forward-arrow-mobile { display: flex; font: normal normal 500 14px/19px Roboto; color: #147FD9; align-items: center; } .container_topics-pre-trained-text-mobile { font: normal normal 400 14px/19px Roboto; color: #000000; margin-top: 16px; margin-bottom: 8px; padding-left: 8px; } .container_topics-custom-text-mobile { font: normal normal 400 14px/19px Roboto; color: #000000; padding-left: 8px; margin-bottom: 8px; } .container_topics-divider-mobile { margin: 16px 0 !important; } .agentz-qna-ai-mode-container { height: 200px; display: flex; flex-direction: column; align-items: left; margin-top: 4px; justify-content: space-evenly; } .agentz-qna-ai-mode-header { display: flex; flex-direction: row; align-items: center; } .agentz-qna-main-container { display: flex; } .agentz-qna-main-container-gr3 { display: flex; padding-left: 25px; padding-right: 15px; background: white; border: 10px solid #F2F4F7; height: calc(100vh - 64px); } .agentz-qna-category-topic-container { display: flex; flex-direction: column; flex-basis: 27%; max-width: 450px; padding-top: 10px; } .qna_content_container { padding-top: 10px; flex: 1; display: flex; } .agentz-qna-category-topic-header-container { display: flex; align-items: center; margin-top: 4px; } .agentz-topic-title { font: normal normal 500 18px/30px Roboto; letter-spacing: 0px; color: #435369 !important; } .agentz-qna-category-topic-header-title-content { font: normal normal 500 18px/24px Roboto; letter-spacing: 0px; color: #010101; opacity: 1; padding-left: 10px; } .agentz-qna-category-add-topic-button { border-radius: 5px; margin: 0px; opacity: 1; height: 45px; text-align: center; font: normal normal 500 18px/24px Roboto; letter-spacing: 0px; color: #FFFFFF; opacity: 1; display: flex; justify-content: center; } .agentz-qna-category-add-topic-button-new { border-radius: 5px; margin: 0px; opacity: 1; height: 38px; text-align: center; font: normal normal 400 18px/24px Roboto; letter-spacing: 0px; color: #FFFFFF; opacity: 1; display: flex; justify-content: center; } .agentz-qna-category-add-topic-button-mobile { background-color: #70bbfd !important; border-radius: 5px; margin: 0px; opacity: 1; width: 137px; height: 45px; text-align: center; font: normal normal 500 15px/20px Roboto !important; letter-spacing: 0px; color: #FFFFFF !important; opacity: 1; display: flex; justify-content: center; text-transform: none !important; } .agentz-qna-topic-dialog-search-section { max-width: 480px; margin-top: 14px; } .agentz-qna-category-addNew { margin: 24px 0; display: flex; flex-direction: column; } .add-topic-display-link { background: #F5F5F5 0% 0% no-repeat padding-box; border-radius: 5px; display: flex; height: 100%; align-items: center; padding-left: 8px; padding-right: 8px; } .add-topic-display-link-text { background: #F5F5F5 0% 0% no-repeat padding-box; font: normal normal 300 15px/35px Roboto; letter-spacing: 0px; color: #217AE5; border: none; } .add-topic-link { font: normal normal 300 15px/35px Roboto; letter-spacing: 0px; color: #217AE5; } .agentz-category-alert-title-section { font: normal normal 500 21px/50px Roboto; color: #000000; display: flex; padding: 16px; align-items: center; } .agentz-category-alert-content-section { display: flex; text-align: center; max-width: 550px; min-width: 400px; justify-content: center; } .agentz-category-alert-footer-container { display: flex; justify-content: space-around; } .list-item-text { display: flex; flex: 1; align-items: center; width: 100%; } .list-item-text:hover .edit-delete-operation { display: block; } .edit-delete-operation { display: none; } .check:hover .edit-delete-operation { display: block; } .agentz-qna-categoryList-container { overflow-y: auto; margin-top: 10px; scrollbar-width: thin; } .agentz-qna-categoryList-container::-webkit-scrollbar { width: 5px; } .agentz-qna-categoryList-container::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .agentz-qna-categoryList-container::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-custom-category-error { font: 400 14px/21px Roboto; color: #f44336; opacity: 1; margin: 8px 0; } .container_knowledgebase_mobile { display: flex; flex-direction: column; background-color: white; height: calc(100vh - 64px); width: 100%; justify-content: center; padding-left: 0; padding-right: 0; flex-grow: 0; overflow-x: hidden; } .manage_topics { overflow-y: scroll; height: calc(100vh - 343px); flex-grow: 1; overflow-x: hidden; } .manage_topics_footer { overflow-y: scroll; height: calc(100vh - 235px); flex-grow: 1; overflow-x: hidden; } .manage_topics_footer_searchenable { overflow-y: scroll; height: calc(100vh - 287px); flex-grow: 1; } .topics_container { padding-top: 10px; width: 100%; flex-grow: 1; padding: 0 18px; } .krrAppDialogAlertNew div[role="document"] { width: 420px !important; } .agentz-qna-search-icon { width: 25px; height: 25px; margin-right: 45px; display: flex; cursor: pointer; } .agentz-qna-search-icon-mobile { width: 25px; height: 25px; color: #ffffff; cursor: pointer; align-self: center; } .agentz-qna-categoryList-height { height: 76vh !important; } .agentz-customkrr-header-new { margin-top: 4px; padding-left: 40px; } .container_searchbar_mobile { margin-top: 12px; margin-bottom: 12px; margin-left: 16px; margin-right: 16px; } .agentz-skeleton-topic { border-radius: 17px !important; margin: 6px; } .agentz-skeleton-topic-mobile { border-radius: 17px !important; margin: 4px; } .onboarding-container-wrap { padding-left: 0; padding-top: 64px; min-height: 100vh; transition: padding-left 0.3s; display: flex; max-height: 100vh; } .theme-light .onboarding-container-wrap { background: #f2f4f7; } .theme-dark .onboarding-container-wrap { background: #2a2a31; } @media screen and (min-width: 576px) { .onboarding-container-wrap { padding-left: 260px; } } .onboarding-container-wrap-padding { padding-left: 0 !important; } .agentz-show-more-container { display: flex; align-items: center; font: normal normal 500 16px/55px Roboto; color: #B1C4CF; padding-left: 36px; width: fit-content; } .agentz-show-more-container:hover { color: #434343; cursor: pointer; } .agentz-show-more-container-mobile { display: flex; align-items: center; font: normal normal 500 15px/55px Roboto; color: #B1C4CF; padding-left: 50px; width: fit-content; } .agentz-bulkEditQna-dialog { position: relative; left: calc(58px - 1.5vw); } .agentz-bulkqna-filter { width: 350px; min-height: 130px; margin-right: 30px; } .agentz-bulkQna-import-button { font: normal normal 500 18px/24px Roboto; background-color: transparent !important; color: #70bbfd !important; padding: 5px 12px !important; height: 38px; margin-bottom: 0px; text-align: center; justify-content: center; } .agentz-bulkQna-import-button:focus, .agentz-bulkQna-import-button:hover, .agentz-bulkQna-import-button::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-bulkQna-savetrain-button { font: normal normal 500 18px/24px Roboto; background-color: transparent !important; color: #70bbfd; padding: 5px 12px !important; height: 38px; margin-bottom: 0px; text-align: center; justify-content: center; } .agentz-bulkQna-savetrain-button:focus, .agentz-bulkQna-savetrain-button:hover, .agentz-bulkQna-savetrain-button::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-bulkQna-savetrain-button.btn.disabled { border-color: #dcdcdc; color: #ccc; } .agentz-bulkqna-upload-button { border-radius: 5px; height: 38px; text-align: center; font: normal normal 500 18px/24px Roboto; letter-spacing: 0px; background-color: transparent !important; color: #70bbfd !important; display: flex; justify-content: center; } .agentz-bulkqna-upload-button:focus, .agentz-bulkqna-upload-button:hover, .agentz-bulkqna-upload-button::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-weblink-status { display: inline-block; min-width: 27px; margin: 0 10px 0 5px; } .resend-sms-popup-mobile { z-index: 99999 !important; } .card__title { margin-bottom: 30px; text-transform: uppercase; position: relative; } .bold-text-report { font-weight: 700; text-align: center; } .Newbadge { padding: 6px 20px; border-radius: 15px; font-size: 12px; font-weight: 400; text-align: center; } .Newbadge.badge-report { background-color: #fafbfe; } .contactTitle { margin: 0; display: block; color: rgba(0, 0, 0, 0.87); font-size: 1.3125rem; font-weight: 500; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 1.16667em; word-break: break-word; } .bold-text-overflow { max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .page-title { font-weight: 500; text-transform: capitalize; font-size: 20px; margin-top: 40px; width: 92.5%; } .page-title:last-child { margin-bottom: 30px; } .page-title1 { font-weight: 500; text-transform: capitalize; font-size: 18px; } .page-title1:last-child { margin-bottom: 30px; } .page-title1.page-title--not-last { margin-top: 20px; } .page-title1-mobile { font: normal normal bold 22px/27px Roboto; letter-spacing: 0px; color: #435369; opacity: 1; margin-bottom: 30px; } .page-title2 { font-weight: 500; font-size: 20px; } .krr-card-body { padding: 10px; } .krr-card { width: 97%; } .krrTabPadding { padding: 0; } #krr { all: "unset"; } #krr .pagination { margin: 0px 0; } #krr .pagination__wrap { margin-top: 0px; } #krr { padding-left: 3%; } #krr .nav-link.active, #krr .nav-link.active:focus, #krr .nav-link.active:hover { border-radius: 0; border-top: 4px solid #70bbfd !important; } #krr .nav-link.active .h4 { text-decoration: underline; text-decoration-color: #70bbfd; } #krrBusinessOptions { min-height: 500px; } #krr .krrBadge { left: 100%; background-color: #70bbfd; font-size: 12px; font-weight: 500; text-transform: none; line-height: 13px; margin-left: 10px; padding: 3px 10px; min-width: auto; } .krrAppDialog { min-width: '95%'; max-width: '95%'; min-height: '50%'; max-height: '50%'; width: "600px"; } #appDialog { font-size: "15px"; } .dateBox { border: 2px solid #139af3; border-radius: 5px; padding: 4px 7px 8px 15px; margin-left: 10px; margin-right: 10px; } .krrTh { text-align: center; border-bottom-width: 5px; } #contacts { padding: 0px; margin-top: 0px; } #contacts .contactsBadge { left: 100%; background-color: #70bbfd; font-size: 16px; font-weight: 500; text-transform: none; line-height: 16px; margin-left: 10px; padding: 3px 10px; } .Select-control .Select-input input { border: none !important; width: 100%; } .search-container { width: 490px; display: block; margin: 0 auto; } input#searchInput { margin: 0 auto; width: 100%; height: 35px; padding: 0 20px; font-size: 15px; border: 1px solid #D0CFCE; outline: #D0CFCE; } input#searchInput:focus { transition: 0.35s ease; } input#searchInput:focus::-webkit-input-placeholder { transition: opacity 0.45s ease; opacity: 0; } input#searchInput:focus::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0; } input#searchInput:focus:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0; } .search-icon { position: relative; float: right; height: 33px; top: -34px; right: -57px; margin-right: 116px; } .krr-bussiness .search-input { margin-right: 2px; width: 300px; } .krr-bussiness .search-icon { position: relative; float: right; height: 33px; top: -34px; right: -57px; margin-right: 70px; } .krr-bussiness-domain .domain { float: right; } .krr-bussiness-domain .search-input { margin-right: 0px; width: 300px; } .krr-bussiness-domain .search-icon { position: relative; float: right; height: 33px; top: -34px; right: -57px; margin-right: 65px; } .testDiv + svg { margin-top: -20px; } .step__btn_delete { width: 20px; height: 20px; margin-top: 10px; fill: #999999; } .dashboard.container .display-style-name { font-weight: bold; font-size: 14px; padding: 24px 2px; } .window-style { width: 360px; height: 420px; } #deployment_form .radio-btn .radio-btn__label { font-size: 14px; font-weight: 400; } .agentz-kb-header { font-size: 18px; line-height: 24px; display: inline-block; padding: 16px 0 12px 0; vertical-align: top; } .agentz-kb-desc { display: flex; flex-direction: row; color: #70757a; font-size: 14px; } .agentz-expand-comp { margin: 20px 0 20px 0; overflow: hidden; border-radius: 8px; background-color: #fff; border: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); display: flex; flex-direction: column; box-sizing: border-box; position: relative; } .agentz-expand-header { align-items: center; display: flex; justify-content: space-between; box-flex: 1; flex-grow: 1; min-height: 64px; padding-left: 17px; background: #fafbfe; color: #202124; } .agentz-expand-subheader { color: #202124; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 500; text-align: left; } .agentz-expand-subdesc { color: #5f6368; font-size: 12px; margin-top: 3px; } .agentz-expand-footer { align-items: center; border: 0.5px #dadce0 solid; border-right-color: #dadce0; border-right-style: solid; border-right-width: 0.5px; border-left-color: #dadce0; border-left-style: solid; border-left-width: 0.5px; border-left: none; border-right: none; display: flex; box-flex: 1; flex-grow: 1; font-size: 16px; min-height: 60px; padding: 0 7px 0 7px; justify-content: space-between; } .agentz-expand-footerleft { display: inline; font-size: 16px; } .agentz-expand-footerbutton { background-color: transparent; color: #1a73e8; font-family: "Roboto", sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.0107142857em; text-transform: none; height: 36px; margin-top: 6px; margin-bottom: 6px; padding: 0 8px 0 8px; position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; border: none; outline: none; line-height: inherit; overflow: visible; vertical-align: middle; border-radius: 4px; will-change: transform, opacity; cursor: pointer; } .agentz-middleexpand-comp { border-top: 0.5px #dadce0 solid; display: flex; flex-direction: row; min-height: 60px; cursor: pointer; text-align: left; font-family: "Roboto", sans-serif; font-size: 14px; } .agentz-switch-button { margin-top: 5px; margin-right: 7px; color: #1976d2 !important; } .agentz-switch-button-checked span { color: #1976d2 !important; } .agentz-expand-overview { font-family: Roboto; display: flex; flex-direction: column; box-flex: 1; flex-grow: 1; justify-content: center; padding: 10px 0 10px 0; width: 80%; } .agentz-rightside-arrow { align-items: center; display: flex; box-flex: 1; flex-grow: 1; justify-content: flex-end; opacity: 0.7; padding-right: 16px; } .agentz-leftside-arrow { align-items: center; display: flex; padding-left: 32px; } .agentz-footer-ptag { margin: 0 0 0 0 !important; color: #1a73e8; font-size: 14px; padding: 20px 8px !important; } .agentz-kb-footer { border-top: 0.5px solid #dadce0; } .agentz-expand-customized { display: flex; align-items: center; max-width: 840px; font-size: 15px; } .agentz-expand-customized span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .agentz-krr-kbcard { margin-left: 16%; margin-right: 14%; padding-left: 0 !important; } @media (max-width: 1050px) { .agentz-krr-kbcard { margin: auto; } } .agentz-kbpretrained-search .domain { margin-top: 10px; height: 54px; } .agentz-krr-container { background: #FFFFFF 0% 0% no-repeat padding-box; display: flex; flex: 1; } .agentz-customkrr-container { padding-left: 40px; padding-right: 40px; padding-top: 32px; min-height: 100%; margin-right: 10px; box-shadow: 10px 0 5px -3px #0001; } .agentz-customkrr-container-new { padding-left: 40px; padding-right: 40px; padding-top: 8px; flex: 1; display: flex; flex-direction: column; max-height: 85vh; } .agentz-customkrr-header { text-align: left; font-size: 23px; font-weight: 500; font-family: Roboto; line-height: 28px; letter-spacing: 0px; color: #003B5D; } .agentz-customkrr-topbar { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; padding: 15px 17px; margin-bottom: 32px; } .agentz-customkrr-topbarindiv { display: flex; justify-content: space-between; min-height: 40px; flex-wrap: wrap; flex-grow: 1; margin: -25px auto 0px !important; } .agentz-customkrr-button { min-width: 216px; margin-bottom: 0px; font-size: 14px !important; line-height: 18px; font-weight: 500; font-family: Roboto; background: #149BF3 0% 0% no-repeat padding-box !important; border-radius: 5px; min-height: 40px; margin-top: 25px; padding: 4px 16px !important; } .agentz-customkrr-buttontext { text-align: left; font-size: 14px; font-weight: normal; font-family: "Roboto", sans-serif; line-height: 18px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; padding: 11px 29px; } .agentz-customkrr-subheader { text-align: left; font-size: 16px; font-weight: normal; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #565656; margin-bottom: 34px; } .agentz-krr-topbox { border-top: 1px solid #AFAFAF; } .agentz-krr-outlinebox { background: #FFFFFF 0% 0% no-repeat padding-box; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; border-radius: 5px; display: flex; flex-direction: column; line-height: 42px; min-height: 64px; text-align: left; letter-spacing: 0px; font-family: Roboto; font-size: 18px; color: #434343; } .agentz-krr-outlinebox-new { display: flex; flex-direction: column; line-height: 42px; min-height: 66px; text-align: left; letter-spacing: 0px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DFDFDF; opacity: 1; box-shadow: 0px 3px 6px #00000012; border-radius: 9px; } .agentz-krr-firstrowbox { display: flex; cursor: pointer; } .agentz-krr-secondrowbox { width: 100%; padding: 0px 16px 10px 17px; } .agentz-krr-answerbox { width: 100%; margin-top: 15px; } .agentz-krr-moreactions { width: 100%; margin-top: 15px; } .agentz-krr-actions { height: 253px; overflow: auto; border-bottom: 1px solid #D6D6D6; } .agentz-krr-toplabel { text-align: left; font-size: 14px; font-weight: 500; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #434343 !important; opacity: 1; margin-left: 18px; padding-left: 18px; font-weight: bold; margin-bottom: 7px; } .agentz-krr-newtoplabel { text-align: left; font-size: 16px; font-weight: 500; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #434343 !important; opacity: 1; margin-left: 18px; font-weight: bold; margin-bottom: 7px; } .agentz-sublink-filter-label { color: #434343 !important; opacity: 1; font: normal normal 500 16px/35px Roboto; } .agentz-krr-weblinkcontent { border: 1px solid #E0E0E0; border-radius: 5px; margin-bottom: 16px; font-size: 16px; line-height: 37px; } .agentz-krr-weblinklabel { text-align: left; letter-spacing: 0px; color: #434343 !important; opacity: 1; font-size: 16px !important; font-weight: normal; font-family: Roboto; padding-right: 24px; margin-left: 13px; width: 112px; } .agentz-krr-weblinkradio { width: 154px; } .agentz-krr-weblinkradio .radio-btn__label { color: #434343 !important; font-size: 14px; font-weight: normal; } @media (max-width: 648px) { .agentz-customkrr-button { margin: 25px auto 0px !important; height: 40px; } } .agentz-krr-answertext { font-weight: normal; line-height: 25px; font-size: 16px; color: #434343 !important; font-family: Roboto; } .agentz-krr-helpertext { text-align: left; letter-spacing: 0px; color: #8C8C8C; opacity: 1; font-family: Roboto; font-size: 14px; line-height: 25px; font-weight: normal; width: 100%; padding-left: 17px; } /* PLAT - 4880 Adding gap rule to add some gap between buttons */ .agentz-krr-custombuttonbar { display: flex; justify-content: center; margin-top: 17px; width: 100%; position: relative; gap: 10px; } #PretrainedKrr .agentz-pretrained-button.pretrained-add-button:before { background: #d8edf6 !important; } .agentz-pretrained-customized { display: flex; justify-content: center; padding: 8px 0 8px 0; align-items: center; margin-right: 8px; } .agentz-pretrained-button.pretrained-add-button { border: 1px solid #149BF3; background-color: #fff !important; color: #149BF3 !important; max-height: 32px !important; min-height: 32px !important; box-shadow: none; text-transform: none; margin-top: unset !important; } .agentz-pretrained-kbcard { margin-left: 16%; margin-right: 14%; padding-left: 0 !important; } @media (max-width: 1050px) { .agentz-pretrained-kbcard { margin: auto; } } .agentz-kbpretrained-search .domain { margin-top: 10px; height: 54px; } .agentz-pretrained-container { background: #FFFFFF 0% 0% no-repeat padding-box; min-height: 90vh; display: flex; } .agentz-pretrained-container { padding: 32px 24px 24px 24px; max-width: 1064px; min-height: 90vh; display: flex; flex-direction: column; } .agentz-krr-paddingtop { padding-top: 20px !important; } .agentz-pretrained-header { text-align: left; font-size: 23px; font-weight: 500; font-family: Roboto; line-height: 28px; letter-spacing: 0px; color: #003B5D; } .agentz-pretrained-topbar { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; padding: 15px 17px; height: 71px; margin-bottom: 32px; } .agentz-pretrained-topbarindiv { display: flex; justify-content: space-between; min-height: 40px; flex-grow: 1; flex-direction: row; margin: -25px auto 0px !important; } .agentz-pretrained-button { min-width: 100px; margin-bottom: 0px; font-size: 14px !important; line-height: 18px; font-weight: 500; font-family: Roboto; background: #149BF3 0% 0% no-repeat padding-box !important; border-radius: 5px; min-height: 40px; margin-top: 25px; margin-right: 8px; padding: 4px 16px !important; } .agentz-pretrained-buttontext { text-align: left; font-size: 14px; font-weight: normal; font-family: "Roboto", sans-serif; line-height: 18px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; padding: 11px 29px; } .agentz-pretrained-subheader { text-align: left; font-size: 16px; font-weight: normal; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #565656; margin-bottom: 34px; } .agentz-pretrained-featuredisabledbutton { background-color: #20B98B; border-radius: 30px; height: 40px; margin-top: 8px; font-size: 14px !important; line-height: 18px; font-weight: 500; font-family: Roboto; background: #20B98B 0% 0% no-repeat padding-box !important; border-radius: 5px; width: fit-content; } .agentz-featureupgrade-button { background-color: #20B98B !important; border-radius: 30px !important; border-color: #20B98B !important; } .agentz-featureupgrade-button:hover { background-color: #20B98B !important; border-color: #20B98B !important; } .agentz-featureupgrade-button:active { background-color: #20B98B !important; border-color: #20B98B !important; } .agentz-featureupgrade-button:focus { background-color: #20B98B !important; border-color: #20B98B !important; } .agentz-featureupgrade-button:before { background-color: #20B98B !important; border-color: #20B98B !important; } .agentz-pretrained-borderless { margin-bottom: 0px !important; } .agentz-pretrained-topbox { border-top: 1px solid #AFAFAF; } .agentz-pretrained-outlinebox { background: #FFFFFF 0% 0% no-repeat padding-box; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; border-radius: 5px; display: flex; flex-direction: column; line-height: 42px; min-height: 64px; text-align: left; letter-spacing: 0px; font-family: Roboto; font-size: 18px; color: #434343; } .agentz-pretrained-firstrowbox { display: flex; cursor: pointer; } .agentz-pretrained-secondrowbox { width: 100%; padding: 0px 16px 10px 17px; } .agentz-pretrained-answerbox { width: 100%; margin-top: 24px; } .agentz-pretrained-moreactions { width: 100%; margin-top: 26px; } .agentz-pretrained-weblinktoplabel { text-align: left; font-size: 16px; font-weight: 500; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #434343; opacity: 1; margin-left: 18px; padding-left: '18px'; padding-left: 18px; font-weight: bold; margin-bottom: 7px; } .agentz-pretrained-weblinkcontent { border: 1px solid #E0E0E0; border-radius: 5px; margin-bottom: 16px; } .agentz-pretrained-weblinklabel { text-align: left; letter-spacing: 0px; color: #434343 !important; opacity: 1; font-size: 16px !important; font-weight: normal; font-family: Roboto; padding-right: 24px; margin-left: 13px; width: 112px; } .agentz-pretrained-weblinkradio { width: 154px; } .agentz-pretrained-weblinkradio .radio-btn__label { color: #434343; font-size: 16px; font-weight: normal; } @media (max-width: 648px) { .agentz-pretrained-button { margin: 25px auto 0px !important; height: 40px; } } .agentz-pretrained-answertext { font-weight: normal; line-height: 25px; font-size: 16px; color: #434343; font-family: Roboto; } .agentz-pretrained-helpertext { text-align: left; letter-spacing: 0px; color: #8C8C8C; opacity: 1; font-family: Roboto; font-size: 14px; line-height: 25px; font-weight: normal; width: 100%; } .agentz-pretrained-customized span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; width: 480px !important; } .fileInput { border-bottom: 4px solid lightgray; border-right: 4px solid lightgray; border-top: 1px solid black; border-left: 1px solid black; padding: 10px; margin: 15px; cursor: pointer; } .agentz-krr-imgpreview { text-align: center; margin: auto; justify-content: center; align-items: center; display: flex; width: 560px; object-fit: contain; height: 300px; } .agentz-krr-imgpreview img { max-width: 560px; height: 300px; } .agentz-krr-imgpreview .ReactCrop { max-height: 300px !important; } .agentz-krr-imgpreviewmobile { text-align: center; margin: auto; justify-content: center; align-items: center; display: flex; width: 300px; object-fit: contain; height: 200px; } .agentz-krr-imgpreviewmobile img { max-width: 300px; height: 200px; } .agentz-krr-imgpreviewmobile .ReactCrop { max-height: 200px !important; } .agentz-krr-videopreview { text-align: center; margin: auto; justify-content: center; align-items: center; display: flex; width: 560px; object-fit: contain; height: 300px; } .agentz-krr-videopreview img { max-width: 560px; height: 300px; } .agentz-krr-videopreviewmobile { text-align: center; margin: auto; justify-content: center; align-items: center; display: flex; width: 300px; object-fit: contain; height: 200px; } .agentz-krr-videopreviewmobile img { max-width: 300px; height: 200px; } .agentz-krr-previewtext { background-image: url(https://s3.amazonaws.com/agentz-ui-assets/v1-snapshot/NoImage.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 300px; width: 560px; } .agentz-krr-previewtextmobile { background-image: url(https://s3.amazonaws.com/agentz-ui-assets/v1-snapshot/NoImage.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 200px; width: 300px; } .submitButton { padding: 12px; margin-left: 10px; background: white; border: 4px solid lightgray; border-radius: 15px; font-weight: 700; font-size: 10pt; cursor: pointer; } .submitButton:hover { background: #efefef; } .centerText { text-align: center; width: 500px; } .agentz-krr-picturelabel { text-align: left; font-size: 16px; font-weight: 500; font-family: Roboto; line-height: 35px; letter-spacing: 0px; color: #434343 !important; font-weight: bold; margin-bottom: 7px; width: 127px; align-self: center; } .agentz-krr-imagerow { display: flex; flex-wrap: wrap; } .agentz-bulkQna-imagerow { display: flex; flex-wrap: wrap; } .agentz-krr-imgselfcontainer { max-height: 100px !important; max-width: 100px !important; height: 100px; } .agentz-krr-imgselfcontainer .div-img { height: 100px !important; width: 100px; object-fit: cover; max-height: 100px; border-radius: 5px; } .agentz-krr-imgselfcontainer .ytp-large-play-button { width: 30px; height: 38px; margin-left: -16px; margin-top: -18px; } .agentz-krr-imgselfcontainer iframe { position: absolute; top: 0px; left: 0px; border-radius: 5px; } .agentz-krr-imgselfcontainer video { position: absolute; top: 0px; left: 0px; border-radius: 5px; } .agentz-bulkQna-imgselfcontainer { max-height: 50px !important; max-width: 50px !important; height: 50px; } .agentz-bulkQna-imgselfcontainer .div-img { height: 50px !important; width: 50px !important; object-fit: cover; max-height: 100px; border-radius: 5px; } .agentz-bulkQna-imgselfcontainer .ytp-large-play-button { width: 30px; height: 38px; margin-left: -16px; margin-top: -18px; } .agentz-bulkQna-imgselfcontainer iframe { position: absolute; top: 0px; left: 0px; border-radius: 5px; } .agentz-bulkQna-imgselfcontainer video { position: absolute; top: 0px; left: 0px; border-radius: 5px; } .agentz-krr-videoselfcontainer { max-height: 100px !important; max-width: 100px !important; height: 100px; } .agentz-krr-videoselfcontainer .div-img { height: 100px !important; width: 100px; object-fit: cover; max-height: 100px; border-radius: 5px; } .agentz-krr-videoselfcontainer iframe { position: absolute; top: 0px; left: 0px; border-radius: 5px; border-radius: 5px; } .agentz-krr-videoselfcontainer iframe .ytp-large-play-button { width: 30px; height: 38px; margin-left: -16px; margin-top: -18px; } .agentz-krr-videoselfcontainer iframe .ytp-title-expanded-subtitle { display: none !important; } .agentz-krr-videoselfcontainer iframe .ytp-title-link { display: none !important; } .agentz-krr-videoselfcontainer iframe .ytp-watermark { display: none !important; } .agentz-krr-videoselfcontainer iframe .ytp-title-channel-logo { display: none !important; } .agentz-krr-videoselfcontainer video { position: absolute; top: 0px; left: 0px; object-fit: cover; border-radius: 5px; } .agentz-krr-imgloader { justify-content: center; align-items: center; display: flex; width: 100%; object-fit: contain; height: 100%; } .agentz-krr-bottombar { display: flex; margin-top: 15px; justify-content: space-between; width: 100%; position: relative; margin-bottom: 12px; } .agentz-krr-deleteicon { font-size: 12px; font-family: Roboto; color: #AFAFAF; cursor: pointer; } .agentz-krr-reverticon { cursor: pointer; margin: 0; font-weight: 400; text-align: left; letter-spacing: 0px; line-height: 25px; font-size: 12px !important; font-family: Roboto; color: #AFAFAF !important; } .agentz-krr-question-container { overflow-y: auto; scrollbar-width: thin; } .agentz-krr-question-container::-webkit-scrollbar { width: 5px; } .agentz-krr-question-container::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .agentz-krr-question-container::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-customkrr-topbarmobile { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; padding: 9px 15px 5px 2px; margin-bottom: 20px; } .agentz-customkrr-headermobile { text-align: left; font-size: 16px; font-weight: 500; font-family: Roboto; line-height: 24px; margin-bottom: 4px; letter-spacing: 0px; color: #003B5D; text-transform: none; } .agentz-customkrr-containermobile { width: 100%; min-height: 100%; } .more-vert-icon { margin-bottom: -10px; } .agentz-qna-bottombarmobile { display: flex; justify-content: space-between; width: 100%; background-color: #fff; padding: 10px 0; } .editcategoryicon-qna-mobile { padding-left: 22px; } .deletecategoryicon-qna-mobile { padding-right: 22px; } .agentz-add-symbol-qna { padding-left: 10px; padding-right: 16px; display: flex; } .agentz-krr-edit-category-iconpng { height: 12px !important; margin-top: -3px; margin-right: 5px; } .agentz-krr-delete-category-iconpng { height: 12px !important; margin-top: -3px; margin-right: 5px; } .agentz-krr-outlinebox-qna { min-height: 42px; background: white; border: thin; border-radius: 5px; height: fit-content; } .agentz-expand-customized-qna { width: 91%; margin-top: 4px; padding-left: 8px; } .agentz-expand-customized-qna span { flex: 1; } .agentz-expand-overview-qna { display: flex; margin-left: 10px; padding: 8px 0px; align-items: center; } .agentz-customkrr-subheadermobile { text-align: left; font-size: 13px; font-weight: normal; font-family: Roboto; line-height: 15px; letter-spacing: 0px; color: #565656; margin-bottom: 23px; } .agentz-krr-containermobile { background: #FFFFFF 0% 0% no-repeat padding-box; min-height: 90vh; display: flex; max-width: 100vw; padding-top: 20px; } .agentz-krr-questionmobile { text-align: left; font-size: 16px; line-height: 25px; font-weight: normal; font-family: Roboto; color: #434343; margin-top: 10px; margin-bottom: 22px; } .agentz-krr-secondrowboxmobile { width: 100%; } .agentz-customkrr-buttonmobile { font-size: 14px !important; line-height: 19px; font-weight: 500; font-family: Roboto; background: #149BF3 0% 0% no-repeat padding-box; border-radius: 5px; min-height: 48px; padding: 4px 6px !important; white-space: normal; text-align: center; margin: 19px 16px 16px 0px; } .agentz-krr-pagination { margin-top: 10px; } .agentz-krr-bottombarmobile { display: flex; margin-top: 10px; justify-content: flex-end; width: 100%; margin-bottom: 88px; } .agentz-krr-actionsmobile { margin-bottom: 88px; } .agentz-pretrained-containermobile { min-height: 90vh; display: flex; flex-direction: column; } .agentz-pretrained-headermobile { text-align: left; font-size: 16px; font-weight: 500; font-family: Roboto; line-height: 24px; margin-bottom: 4px; letter-spacing: 0px; color: #003B5D; } .agentz-pretrained-subheadermobile { text-align: left; font-size: 13px; font-weight: normal; font-family: Roboto; line-height: 15px; letter-spacing: 0px; color: #565656; margin-bottom: 15px; } .agentz-pretrainedkrr-buttonmobile { border: 1px solid #149BF3; background-color: #fff !important; color: #149BF3 !important; font-size: 14px; font-weight: 500; font-family: Roboto; text-align: center; margin: auto; padding: 3px 19px 3px 7px; } .agentz-pretrained-outlineboxmobile { background: #FFFFFF 0% 0% no-repeat padding-box; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; border-radius: 5px; display: flex; flex-direction: column; line-height: 42px; text-align: left; letter-spacing: 0px; font-family: Roboto; font-size: 18px; color: #434343; } .agentz-pretrained-customizedmobile { display: flex; justify-content: center; padding: 8px 0 8px 0; align-items: center; margin-right: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; font-size: 14px; } .agentz-krr-outlineboxmobile { background: #FFFFFF 0% 0% no-repeat padding-box; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; border-radius: 5px; display: flex; flex-direction: column; line-height: 42px; text-align: left; letter-spacing: 0px; font-family: Roboto; font-size: 18px; color: #434343; } .agentz-expand-overviewmobile { font-family: Roboto; display: flex; flex-direction: column; box-flex: 1; flex-grow: 1; justify-content: center; padding: 8px 0 8px 0; width: 80%; } .agentz-krr-weblinkcontentmobile { line-height: 31px !important; font-size: 14px !important; } .agentz-krr-outlinebox:hover { box-shadow: 0px 0px 15px #00000033; z-index: 100; } .agentz-pretrained-outlinebox:hover { box-shadow: 0px 0px 15px #00000033; z-index: 100; } .agentz-krr-outlinefocus { box-shadow: 0px 0px 15px #00000033; z-index: 100; } .agentz-krr-questionfocus { font-weight: 600; font-family: Roboto; color: #003B5D; font-size: 15px; min-height: 42px; } .agentz-krr-questionfocus span { overflow: auto; white-space: unset; text-overflow: unset; line-height: 27px; } .agentz-krr-reverticonpng { height: 15px !important; margin-top: -3px; margin-right: 3px; } .agentz-krr-searchiconpng { height: 15px !important; margin-top: -3px; margin-right: 6px; } .agentz-krr-deleteiconpng { height: 16px !important; margin-top: -5px; margin-right: 3px; } .agentz-krr-imghover { margin: 5px; } .agentz-krr-imghover:hover { transform: scale(2); z-index: 1000; margin-left: 50px; } .agentz-krr-imghover:hover button { transform: scale(0.6); background-color: red; } .agentz-bulkQna-imghover { margin: 5px; } .agentz-bulkQna-imghover:hover { transform: scale(2); box-shadow: 0px 0px 15px #00000033; z-index: 1000; background: white; } .agentz-bulkQna-imghover:hover button { transform: scale(0.6); background-color: red; } .agentz-krr-videohover { margin: 5px; } .agentz-krr-videohover:hover { transform: scale(2); box-shadow: 0px 0px 15px #00000033; z-index: 1000; background: white; } .agentz-krr-videohover:hover button { transform: scale(0.6); background-color: red; } .agentz-krr-mediacontainerdesktop div:nth-child(2) { max-width: 600px !important; } .agentz-show-text { display: none; } .ReactCrop + .agentz-show-text { display: block; } .agentz-krr-infoicon { width: 100%; background: #F6F6F6 0% 0% no-repeat padding-box; padding-left: 30px; color: #595959 !important; font-size: 12px !important; margin-bottom: 12px; } .agentz-bulkQna-infoicon { background: #F6F6F6 0% 0% no-repeat padding-box; color: #595959 !important; font-size: 12px !important; margin-bottom: 12px; } .agentz-bulkUpload-refresh-link { text-decoration: underline; cursor: pointer; } .agentz-bulkUpload-refresh-link:hover { text-decoration: underline; } .agentz-bulkUpload-refresh-link:focus { text-decoration: underline; } .agentz-pretrainedkrr-topbarcontainermobile { display: flex; } .agentz-pretrainedkrr-filter { margin-bottom: 20px; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; } .agentz-pretrained-filterlist { min-height: 240px; } .agentz-pretrained-filtercomponents { margin: 0px 15px; } .agentz-filter-button { background-color: #ECECEC !important; border-radius: 6px !important; padding: 7px 25px !important; font-weight: normal !important; font-size: 15px !important; color: #000 !important; } .agentz-filter-buttonprimary { background-color: #149BF3 !important; border-radius: 6px !important; color: #FFFFFF !important; font-weight: normal !important; padding: 7px 25px !important; font-size: 15px !important; } .agentz-krr-footerhelpertext { text-align: center; margin-top: 10px; margin-bottom: 24px; } .agentz-pretrained-filterbackground { background-color: #149BF3 !important; } .agentz-businessinfo-title { letter-spacing: 0px !important; margin-bottom: 0px; color: #003B5D !important; text-transform: none; padding-left: 10px; } .agentz-businessinfo-subtitle { margin-bottom: 21px; padding-left: 10px; font-size: 14px !important; color: #565656 !important; } .agentz-businessinfo-title1 { letter-spacing: 0px !important; margin-bottom: 0px; color: #003B5D !important; font-size: 14px !important; text-transform: none; padding-left: 10px; } .agentz-voice-maincontainer { min-height: calc(100vh - 64px); padding: 24px !important; padding-left: 40px !important; margin: 0; max-width: 1920px; height: 100%; background-color: #FFFFFF; } .agetz-onboarding-screen-mobile { overflow-y: auto; display: flex; flex-grow: 1; } .agentz-ondoarding-back-button { font: normal normal normal 14px/17px Roboto; letter-spacing: 0px; color: #A8A8A8; opacity: 1; } .agentz-onboarding-back-button-landing-page { font: normal normal normal 18px/20px Roboto; letter-spacing: 0px; color: #435369; opacity: 1; } .agentz-onboarding-screen-full-container { width: 100%; flex-grow: 1; display: flex; flex-direction: column; max-height: 98vh; min-height: 98vh; } .agentz-onboarding-screen-full-container-from-landing-page { width: 100%; flex-grow: 1; display: flex; flex-direction: column; max-height: 90vh; min-height: 90vh; } .agentz-voice-container { max-width: 696px; } .agentz-voice-container button:hover { background-color: transparent !important; } .agentz-voice-container input[type="checkbox"]:focus { outline: none !important; } .agentz-sms-container-new { width: 46.5%; min-width: 460px; } .agentz-sms-container-new button:hover { background-color: transparent !important; } .agentz-sms-container-new input[type="checkbox"]:focus { outline: none !important; } .agentz-voicesmschannels-title { text-transform: none; font-size: 20px !important; margin-bottom: 0px; white-space: nowrap; } .agentz-voicesmschannels-titlesub { text-transform: none; font-size: 20px !important; margin-bottom: 19px; padding-top: 3px; } .agentz-voice-outlinebox { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #AFAFAF; border-radius: 5px; opacity: 1; margin-top: 23.5px; padding: 5px 15px; } .agentz-voice-outlinebox-new { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #AFAFAF; border-radius: 5px; opacity: 1; padding: 5px 15px; } .agentz-voice-label { padding: 8px 0; text-align: left; letter-spacing: 0px; color: #434343; opacity: 1; font-size: 14px; line-height: 25px; font-family: Roboto; } .agentz-voice-helpertext { text-align: left; letter-spacing: 0px; color: #434343; opacity: 1; font-size: 12px; line-height: 18px; font-family: Roboto; margin-top: 8px; margin-bottom: 15px; } .agentz-voice-off { color: #FFF; text-transform: uppercase; font-size: 12px; text-align: center; } .agentz-voice-on { color: #FFF; text-transform: uppercase; font-size: 12px; } .agentz-deploy-loader { font-size: 16px; color: #149BF3; align-self: center; margin-left: 10px; } .agentz-voice-voicetextmsg { width: 100%; } .agentz-voice-recordvoicemsg { width: 100%; } .agentz-voice-recordvoicemsg-mobile { width: 100%; font-size: 13px; } .agentz-voice-loader-mobile { margin-top: 1px !important; border: unset !important; } .agentz-voice-loader { max-width: 696px; text-align: center; font-size: 16px; padding: 16px; } .agentz-voiceandsms-subtitle { margin-bottom: 21px; color: #A0A9BC !important; text-align: justify; font: normal normal 600 18px/30px Roboto !important; } .agentz-voiceandsms-subtitle-mobile { margin-bottom: 21px; color: #A0A9BC !important; font: normal normal 600 15px/16px Roboto !important; text-align: justify; } .agentz-chatbot-title { text-transform: none; font-size: 20px !important; white-space: nowrap; } .agentz-chatbot-toplabel { margin-top: 26px; padding-left: 0px !important; margin-left: 0px; } .agentz-chatbot-outlinebox { margin-top: 0px !important; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; border: 1px solid #E0E0E0 !important; } .agentz-chatbot-outlinebox button:hover { background-color: transparent !important; } .agentz-chatbot-outlinebox input[type="checkbox"]:focus { outline: none !important; } .agentz-chatbot-label { padding-left: 0px !important; margin-left: 0px; } .agentz-chatbot-showRecepInfo { display: flex; } .agentz-chatbot-showRecepInfomobile { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #0000000D; border: 0.5px solid #D8D8D8; border-radius: 5px; opacity: 1; margin-bottom: 20px; } .agentz-chatbot-maincontainer { display: flex; justify-content: space-between; } .agentz-chatbot-chatbotpreview { min-height: 580px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 9px; box-shadow: 0 0px 20px 0 rgba(112, 112, 112, 0.2); } .agentz-chatbot-chatbotpreview-desktop { min-height: 480px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 9px; box-shadow: 0 0px 20px 0 rgba(112, 112, 112, 0.2); } .agentz-chatbot-chatbotpreview-mobile { min-height: 405px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 9px; box-shadow: 0 0px 20px 0 rgba(112, 112, 112, 0.2); } .agentz-chatbot-sideheader { min-height: 110px; background-color: #5EA2EF; border-top-left-radius: 4px; border-top-right-radius: 4px; } .agentz-chatbot-sideheader-mobile { min-height: 80px; background-color: #5EA2EF; border-top-left-radius: 4px; border-top-right-radius: 4px; } .agentz-chatbot-sidebody { min-height: 346px; background-color: #FFFFFF; margin-top: 20px; } .agentz-chatbot-sidebody-desktop { min-height: 246px; background-color: #FFFFFF; margin-top: 20px; } .agentz-chatbot-sidebody-mobile { min-height: 225px; background-color: #FFFFFF; margin-top: 15px; } .agentz-chatbot-sidebodytitle { padding: 10px 15px; border-radius: 6px; background-color: #efefef !important; margin-left: 16px; width: 70%; color: #3a3a3a !important; font-size: 14px !important; letter-spacing: .3px; position: relative; min-height: 42px; white-space: pre-wrap; } .agentz-chatbot-sidebodytitle-mobile { padding: 10px; border-radius: 6px; background-color: #efefef !important; margin-left: 16px; width: 70%; color: #3a3a3a !important; font-size: 10px !important; letter-spacing: .3px; position: relative; min-height: 35px; white-space: pre-wrap; } .agentz-chatbot-sidebodytitle-mobile:after { content: ""; position: absolute; top: 5px; width: 0; height: 0; border: 12px solid transparent; left: 0; border-right-color: #efefef !important; border-left: 0; margin-left: -8px; } .agentz-chatbot-sidebodytitle:after { content: ""; position: absolute; top: 5px; width: 0; height: 0; border: 12px solid transparent; left: 0; border-right-color: #efefef !important; border-left: 0; margin-left: -8px; } .agentz-chatbot-sidebodyfooter { min-height: 120px; background-color: #FFFFFF; border-top: 1px solid #E3E3E3; } .agentz-chatbot-sidebodyfooter-mobile { min-height: 90px; background-color: #FFFFFF; border-top: 1px solid #E3E3E3; } .agentz-chatbot-sidebox { width: 48%; height: fit-content; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #E0E0E0; border-radius: 5px; opacity: 1; padding: 0px 0px 25px; margin-top: 40px; font-family: Cabin, serif !important; letter-spacing: .3px; margin-right: 16px; display: flex; justify-content: center; } .agentz-chatbot-sidebox button:hover { background-color: transparent !important; } .agentz-chatbot-sidebox input[type="checkbox"]:focus { outline: none !important; } .agentz-chatbot-style-sidebox-new { width: 48%; height: fit-content; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; padding: 0px 0px 25px; margin-top: 161px; font-family: Roboto !important; letter-spacing: .3px; margin-right: 16px; display: flex; justify-content: center; } .agentz-chatbot-style-sidebox-new button:hover { background-color: transparent !important; } .agentz-chatbot-style-sidebox-new input[type="checkbox"]:focus { outline: none !important; } .agentz-chatbot-sidebox-new { height: fit-content; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; padding: 0px 0px 25px 75px; font-family: Cabin, serif !important; letter-spacing: .3px; margin-right: 16px; display: flex; justify-content: center; } .agentz-chatbot-sidebox-new button:hover { background-color: transparent !important; } .agentz-chatbot-sidebox-new input[type="checkbox"]:focus { outline: none !important; } .agentz-start-conversation-label { text-align: left; font: normal normal 500 16px/35px Roboto; letter-spacing: 0px; color: #435369 !important; opacity: 1; } .agentz-color-container-new { display: flex; overflow-y: auto; width: 100%; } .agentz-color-container-new::-webkit-scrollbar { width: 6px; } .agentz-color-container-new::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .agentz-color-container-new::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-chatbot-sideheadertitle { color: #FFFFFF; opacity: 1; font-family: Roboto; font-weight: 400; width: 78%; max-height: 64px; height: 64px; font-size: 20px; text-overflow: ellipsis; display: flex; vertical-align: middle; line-height: 20px; align-items: center; text-align: left; overflow: hidden; padding: unset; margin-left: 16px; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-sideheadertitle-mobile { color: #FFFFFF; opacity: 1; max-height: 32px; height: 32px; font: normal normal 400 14px/28px Cabin, Roboto; text-overflow: ellipsis; display: flex; vertical-align: middle; line-height: 20px; align-items: center; text-align: left; overflow: hidden; padding: unset; padding-top: 5px; margin-left: 16px; letter-spacing: .3px; } .agentz-chatbot-sideheaderdescription { padding-top: unset !important; padding: .5em .5em 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; color: #fff; letter-spacing: .17px; font-family: Cabin, serif !important; margin-left: 11px; } .agentz-chatbot-sideheaderdescription-mobile { padding: .5em .5em 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 10px; color: #fff; letter-spacing: .17px; font-family: Cabin, serif !important; margin-left: 11px; } .agentz-chatbot-sideheadertitleinfo { max-height: 64px; height: 64px; font-size: 19px; width: 75%; text-overflow: ellipsis; white-space: nowrap; display: flex; vertical-align: middle; align-items: center; text-align: left; overflow: hidden; padding: unset; margin-left: 16px; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-sidebodymenu { margin-left: 16px; width: 70%; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-sidebodymenu-mobile { margin-left: 16px; width: 70%; font-family: Cabin, serif !important; letter-spacing: .3px; padding-top: 10px; } .agentz-chatbot-menuitem { border-radius: 4px !important; display: inline-block; white-space: nowrap; vertical-align: middle; padding: 6px 15px; margin-right: 10px; background-color: #fff; margin-top: 10px; border: 1px solid #5EA2EF; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-menuitem-mobile { border-radius: 4px !important; display: inline-block; white-space: nowrap; vertical-align: middle; padding: 5px 10px; margin-right: 10px; background-color: #fff; margin-top: 10px; border: 1px solid #5EA2EF; font-size: 11px; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-menuitemhover { background-color: #5EA2EF !important; cursor: pointer; color: #FFF; } .agentz-chatbot-previewwebsite { display: flex; justify-content: center; align-items: center; margin-top: 26px; width: 50%; margin-left: 25%; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #149BF3; border-radius: 5px; cursor: pointer; } .agentz-chatbot-previewicon { font-size: 22px; color: #149BF3 !important; margin-right: 16px !important; margin-top: 3px !important; padding-top: 3px; height: 35px; } .agentz-chatbot-previewtext { margin-top: 8px; color: #149BF3 !important; line-height: 36px; margin: unset !important; } .agentz-chatbot-privacypolicy { font-size: 13px; text-align: center; flex: 1 1 0%; color: #9e9e9e !important; margin-top: -18px; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-footericons { color: #798b92 !important; } .agentz-chatbot-time { font-size: 11px; color: rgba(0, 0, 0, 0.54); font-style: italic; margin-top: 3px; margin-left: 3px; font-family: Cabin, serif !important; letter-spacing: .3px; } .agentz-chatbot-container { width: 48%; } .agentz-chatbot-errorhelper { width: calc(100% - 29px); display: flex; justify-content: space-between; } .agentz-errorhelper-addcustom-que { width: 588px; margin-top: 10px; display: flex; justify-content: space-between; } .agentz-chatbot-errorhelper-mobile { width: 344px; display: flex; justify-content: space-between; } .agentz-color-default { width: 48px; height: 32px; margin: 9px; border-radius: 5px; } .agentz-color-default-new { width: 50px; height: 50px; margin: 9px; border-radius: 5px; } .agentz-color-defaultborder { border: 1px solid #0C7EFF; border-radius: 5px; box-shadow: 0px 3px 10px #0000002B; } .agentz-color-outlinebox { max-width: 445px; border: 1px solid #E0E0E0 !important; } .agentz-color-defaultcontainer { display: flex; flex-wrap: wrap; } .agentz-color-defaultinnerborder { margin: 8px !important; } .agentz-color-pickerlabel { margin-top: 20px; text-align: left; letter-spacing: 0px; color: #434343; font-size: 14px; opacity: 1; line-height: 27px; font-family: Roboto; } .agentz-color-valuebox { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #E0E0E0; border-radius: 5px; opacity: 1; align-self: center; text-align: left; padding: 5px; flex: 1; margin-right: 12px; } .agentz-color-pickerbottom { width: auto; top: 10px !important; left: 103px !important; z-index: 100000; } .agentz-color-pickerbottom .block-picker > div:first-child { display: none; } .agentz-color-pickerbottom .chrome-picker { width: 274px !important; } .agentz-color-pickerbottom .block-picker, .agentz-color-pickerbottom .chrome-picker, .agentz-color-pickerbottom .sketch-picker { box-shadow: none !important; } .agentz-color-pickerbottom-new { width: auto; top: 10px !important; left: 103px !important; z-index: 100000; } .agentz-color-pickerbottom-new .block-picker > div:first-child { display: none; } .agentz-color-pickerbottom-new .chrome-picker { width: 274px !important; } .agentz-color-pickerbottom-new .block-picker, .agentz-color-pickerbottom-new .chrome-picker, .agentz-color-pickerbottom-new .sketch-picker { box-shadow: none !important; } .agentz-loadingstyle-outlinebox { padding: 60px 15px; border: 1px solid #AFAFAF !important; } .agentz-loadingstyle-container { display: flex; width: 100%; } .agentz-loadingstyle-item { flex: 1; text-align: center; line-height: 22px; border-left: 1px solid #149BF3; padding: 10px 5px; border-top: 1px solid #149BF3; letter-spacing: 0px; color: #434343; border-bottom: 1px solid #149BF3; font-size: 14px; font-family: Roboto; cursor: pointer; } .agentz-loadingstyle-item-new { flex: 1; text-align: center; line-height: 22px; border-left: 1px solid #149BF3; padding: 10px 5px; border-top: 1px solid #149BF3; letter-spacing: 0px; color: #434343; border-bottom: 1px solid #149BF3; font-size: 16px; font-family: Roboto; cursor: pointer; } .agentz-loadingstyle-fullwindow { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .agentz-loadingstyle-smallwindow { border-right: 1px solid #149BF3; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .agentz-loadingstyle-selected { background-color: #149BF3; font-weight: 500; color: #FFF; } .agentz-loadingstyle-imagecontainer { object-fit: contain; max-width: 600px; max-height: 600px; } .agentz-loadingstyle-imagecontainer img { max-width: 100%; max-height: 100%; } .agentz-loadingstyle-info { max-width: 400px; margin: 0 auto; } .agentz-loadingstyle-helpertext { margin-top: 20px; text-align: left; letter-spacing: 0px; color: #434343; opacity: 1; font-size: 14px; line-height: 20px; font-family: Roboto; } .agentz-aimodestyle-container { display: flex; width: 90%; margin-right: 18px; } .agentz-aimodestyle-item-new { flex: 1; text-align: center; line-height: 22px; border-left: 1px solid #149BF3; padding: 10px 5px; border-top: 1px solid #149BF3; letter-spacing: 0px; color: #434343; border-bottom: 1px solid #149BF3; font-size: 16px; font-family: Roboto; cursor: pointer; } .agentz-aimodestyle-normalmode { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .agentz-aimodestyle-creativemode { border-right: 1px solid #149BF3; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .agentz-aimodestyle-selected { background-color: #149BF3; font-weight: 500; color: #FFF; } .ai-mode-popover-body.popover { width: 350px !important; white-space: pre-wrap; } .ai-mode-popover-body.popover .popover-body { width: 270px; } .ai-mode-popover-body-content { text-align: justify; font-family: "Roboto"; font-size: 12px !important; } .ai-mode-enabled-info-icon { color: #5AB8F6; font-size: 36px !important; width: 20px !important; margin-left: 5px; margin-right: 10px; cursor: pointer; height: 22px !important; } .done-icon { font-size: 18px !important; color: #20B98B !important; margin-top: 5px; } .agentz-deploy-code pre { background: white !important; border: none; letter-spacing: 0px; color: #434343; } .agentz-deploy-code pre code { font-size: 14px; font-family: Roboto; line-height: 25px; text-align: left; letter-spacing: 0px; color: #434343; opacity: 1; font-weight: 400; } .agentz-deploy-seolink { color: #149bf3 !important; text-decoration: underline !important; cursor: pointer; } .agentz-deploy-helptext { line-height: 30px; width: 100%; padding: 0px 15%; margin-bottom: 118px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; line-height: 25px; text-align: left; letter-spacing: 0px; color: #434343; opacity: 1; font-weight: 400; } .agentz-deploy-helptext li { list-style-type: none; position: relative; padding-left: 15px; margin: 0 0 20px 0; } .agentz-deploy-helptext li:before { content: "\25BA "; font-size: 12px; position: absolute; top: 0px; left: -10px; } .agentz-deploy-sidecontainer { border: 1px solid #E0E0E0; border-radius: 5px; margin-top: 10px; } .agentz-deploy-helptexttitle { padding-left: 13%; margin: 84px auto 40px; text-align: left; letter-spacing: 0px; color: #149BF3; opacity: 1; font-weight: 500; font-size: 20px; line-height: 28px; font-family: Roboto; } .agentz-deploy-helptextcontainer { border: 1px solid #E0E0E0; border-radius: 5px; margin-top: 10px; } .agentz-deploy-helpertexticon { height: 22px; margin-right: 10px; margin-top: -3px; } .agentz-deploy-actionicon { height: 14px; margin-right: 6px; margin-top: -2px; } .agentz-menu-erroractioncontainer .Select-control { border: 1px solid #f44336 !important; } .agentz-a2p-otp-generation-success-icon { display: block; height: 55px; margin: 15px auto 25px; } .agentz-otp-generation-success-icon-mobile { display: block; height: 40px; margin: 0px auto 15px; } .agentz-dialogbox-btn-container-center { margin-top: 25px; display: flex; gap: 10px; justify-content: center; } .agentz-a2p-info-message { font: normal normal 400 14px/22px Roboto; font-size: 14px; font-family: Roboto; margin-bottom: 15px; } .agentz-a2p-info-message-mobile { font: normal normal 400 13px/20px Roboto; font-size: 13px; font-family: Roboto; margin-bottom: 10px; } .agentz-a2p-registration-dialog-btn { color: white !important; background-color: #149BF3 !important; font-size: 14px !important; text-transform: none !important; border-color: #70bbfd !important; } .agentz-a2p-registration-dialog-btn.btn.disabled { color: #fff !important; font-size: 14px !important; text-transform: none !important; } .agentz-menu-actioncontainer { margin-bottom: 16px; align-items: center; font-family: Roboto !important; } .agentz-menu-actioncontainer .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-menu-actioncontainer .Select-control { height: 40px; border: 1px solid #e0e0e0; border-radius: 0.25rem; font-family: Roboto !important; } .agentz-menu-actioncontainer .Select-value { line-height: 40px !important; font-size: 14px; color: rgba(0, 0, 0, 0.87) !important; font-family: Roboto !important; } .agentz-menu-actioncontainer .Select-placeholder { font-size: 14px; font-family: Roboto !important; } .agentz-bulkedit-multiselect { align-items: center; min-height: 36px !important; font-family: Roboto !important; } .agentz-bulkedit-multiselect .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-bulkedit-multiselect .Select-control { border: 1px solid #e0e0e0; border-radius: 4px; font-family: Roboto !important; line-height: 14px; } .agentz-bulkedit-multiselect .Select-multi-value-wrapper { min-height: 37px; max-height: 90px; overflow-y: auto; } .agentz-bulkedit-multiselect .Select-clear-zone { width: 17px !important; } .agentz-bulkedit-multiselect .Select-arrow-zone { width: 25px !important; } .agentz-bulkedit-multiselect .Select-value { line-height: 24px !important; font-size: 14px; color: rgba(0, 0, 0, 0.87) !important; font-family: Roboto !important; } .agentz-bulkedit-multiselect .Select-placeholder { font-size: 14px; font-family: Roboto !important; padding-left: 10px; line-height: 38px; } .agentz-sublink-filter-multiselect .Select-menu-outer { z-index: 1000; } .agentz-bulkedit-category { align-items: center; font-family: Roboto !important; } .agentz-bulkedit-category .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-bulkedit-category .Select-control { height: 36px; border: 1px solid #e0e0e0; border-radius: 4px; font-family: Roboto !important; padding-left: 10px; } .agentz-bulkedit-category .Select-value { line-height: 36px !important; font-size: 14px; color: rgba(0, 0, 0, 0.87) !important; font-family: Roboto !important; padding: 0 0 0 10px !important; } .agentz-bulkedit-category .Select-placeholder { font-size: 14px; font-family: Roboto !important; padding: 0 0 0 10px !important; } .agentz-menu-actioncontainer-new-cursor { margin-bottom: 16px; align-items: center; font-family: Roboto !important; } .agentz-menu-actioncontainer-new-cursor .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-menu-actioncontainer-new-cursor .Select-control { height: 42px; border: 1px solid #e0e0e0; border-radius: 0.25rem; font-family: Roboto !important; } .agentz-menu-actioncontainer-new-cursor .Select-value { line-height: 51px !important; font-size: 16px; color: #435369 !important; font-family: Roboto !important; } .agentz-menu-actioncontainer-new-cursor .Select-value-label { line-height: 35px !important; font-size: 16px; color: #435369 !important; font-family: Roboto !important; } .agentz-menu-actioncontainer-new-cursor .Select-placeholder { font-size: 16px; font-family: Roboto !important; line-height: 51px; } .agentz-menu-actioncontainer-new-cursor .Select div { box-sizing: border-box; padding-top: 0px; padding-bottom: 0px; } .agentz-menu-actioncontainer-new { margin-bottom: 16px; align-items: center; font-family: Roboto !important; } .agentz-menu-actioncontainer-new .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-menu-actioncontainer-new .Select-control { height: 42px; border: 1px solid #e0e0e0; border-radius: 0.25rem; font-family: Roboto !important; } .agentz-menu-actioncontainer-new .Select-value { line-height: 35px !important; font-size: 16px; color: #435369 !important; font-family: Roboto !important; } .agentz-menu-actioncontainer-new .Select-value-label { line-height: 35px !important; font-size: 16px; color: #435369 !important; font-family: Roboto !important; } .agentz-menu-actioncontainer-new .Select-placeholder { font-size: 16px; font-family: Roboto !important; } .agentz-menu-actioncontainermobile { margin-bottom: 16px; align-items: center; font-family: Roboto !important; } .agentz-menu-actioncontainermobile .form__form-group-select { width: 100%; font-family: Roboto !important; } .agentz-menu-actioncontainermobile .Select-control { height: 40px; border: 1px solid #e0e0e0; border-radius: 0.25rem; font-family: Roboto !important; } .agentz-menu-actioncontainermobile .Select-value { line-height: 40px !important; font-size: 14px; color: #435369 !important; font-family: Roboto !important; } .agentz-menu-actioncontainermobile .Select-placeholder { font-size: 14px; font-family: Roboto !important; } .agentz-loadingstyle-carousel { height: 55vh; vertical-align: middle; text-align: center; display: table-cell !important; width: 384px !important; } .agentz-loadingstyle-carousel img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .agentz-loadingstyle-carousel-new { height: 45vh; vertical-align: middle; text-align: center; display: table-cell !important; width: 384px !important; } .agentz-loadingstyle-carousel-new img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .agentz-deploy-seemore { text-align: center; letter-spacing: 0px; color: #003B5D; opacity: 1; font-size: 15px; line-height: 30px; display: flex; font-family: Roboto; justify-content: center; align-items: center; padding: 20px 10px; } .agentz-fullscreen-sidedialog { border: 1px solid #FFFFFF; border-radius: 5px; opacity: 1; text-align: left; font-size: 14px; line-height: 19px; font-family: Roboto; font-weight: 400; letter-spacing: 0px; color: #FFFFFF; opacity: 1; padding: 5px 10px; } .agentz-chatbot-containermobile { margin: 16px 0px; width: 100%; min-height: 100%; } .agentz-chatbot-containermobile-new { width: 100%; padding-right: 10px; overflow-x: hidden; } .agentz-chatbot-style-main-container-tablet { display: flex; flex-direction: column; flex-grow: 1; } .agentz-chatbot-style-sidebox-new-tablet { display: flex; justify-content: center; align-items: center; flex-grow: 1; background: #FFFFFF 0% 0% no-repeat padding-box; font-family: Roboto !important; letter-spacing: .3px; } .safe-text { margin-top: 5px !important; } .custom-select-comp { z-index: 999; font-size: 15px; background-color: #ffffff; resize: none; position: fixed; top: 135px; left: 9%; width: calc(100% - 18%) !important; border-radius: 6px; box-shadow: 1px 2px 6px 0px rgba(163, 157, 157, 0.8); width: 240px; flex-grow: 1; -ms-overflow-style: none; color: #333; padding: 0 16px 8px 16px; display: flex; flex-direction: column; } .custom-select-comp .dropdown-suggestions { overflow-y: auto; overflow-x: hidden; } .custom-select-comp .dropdown-suggestions::-webkit-scrollbar { width: 5px; } .custom-select-comp .dropdown-suggestions::-webkit-scrollbar-thumb { background-color: lightgrey; outline: 1px solid lightgrey; } .custom-select-comp .dropdown-items { background-color: #fff; display: block; color: #333; cursor: pointer; -webkit-tap-highlight-color: transparent; outline: 0; width: 100%; } .custom-select-comp .dropdown-items .dropdown-button:hover { background-color: #f5f5f7; color: #4C76E0 !important; } .custom-select-comp .dropdown-items .dropdown-button:hover .dropdown-inner-div { display: block !important; } .custom-select-comp .dropdown-items .dropdown-button:hover .dropdown-inner-div svg { fill: #4C76E0 !important; } .custom-select-comp .dropdown-items .dropdown-button:hover.item-not-found { background-color: #fff; color: #333 !important; } .custom-select-comp .dropdown-items .dropdown-button { max-height: 40px; height: 40px; margin: unset !important; background-color: #fff; display: block; color: #333; border-radius: 4px; cursor: pointer; -webkit-tap-highlight-color: transparent; outline: 0; width: 100%; border-color: transparent; } .custom-select-comp .dropdown-items .dropdown-button .dropdown-div { display: flex; flex-direction: row; } .custom-select-comp .dropdown-items .dropdown-button .dropdown-div .text-div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; min-width: 90%; text-align: left; font-size: 14px; } .custom-select-comp .dropdown-items .dropdown-button .dropdown-div .dropdown-inner-div { display: none; z-index: 999; transform: rotateZ(180deg); } .custom-select-comp .dropdown-items .dropdown-button .dropdown-div span { margin: unset !important; max-height: 32px; height: 32px; white-space: nowrap; font-size: 14px !important; font-weight: 600; /* text-align: left; */ margin: 0; line-height: 18px; font-weight: 600 !important; overflow-x: hidden; text-overflow: ellipsis; } .custom-select-comp .LocationSelector__SearchContainer { background-color: #fff; padding-top: 0; padding-bottom: 16px; border-radius: 4px 4px 0 0; margin-bottom: -3px; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput { position: relative; margin: 0; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput input { padding: 25px 30px 15px 30px; resize: none; background: 0 0; border: 0; color: #333; font-size: 14px; height: 30px; outline: 0; position: relative; width: 100%; z-index: 1; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Icon { position: absolute; bottom: -5px; left: 0; display: flex; justify-content: center; align-items: center; height: 100%; z-index: 10; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Icon svg { fill: #ccc; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Bar { background-color: #ccc; bottom: 0; height: 1px; left: 0; position: absolute; width: 100%; z-index: 10; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Bar:before { background-color: #4c76e0; content: ''; height: 2px; position: absolute; transition: .2s ease; width: 0; left: 50%; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Bar:after { background-color: #4c76e0; content: ''; height: 2px; position: absolute; transition: .2s ease; width: 0; right: 50%; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Reset { display: none; position: absolute; align-items: center; bottom: -5px; cursor: pointer; padding: 5px; right: 0; z-index: 10; height: 100%; justify-content: flex-end; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Reset svg { fill: #ccc; transform: rotate(45deg); } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Reset circle { fill: white; } .custom-select-comp .LocationSelector__SearchContainer .SearchInput__Reset.show { display: flex !important; } .custom-select-comp .SearchInput input:focus ~ label { color: #4c76e0; } .custom-select-comp .SearchInput input:focus ~ .SearchInput__Icon svg { fill: #4c76e0; } .custom-select-comp .SearchInput input:focus ~ .SearchInput__Bar:after, .custom-select-comp .SearchInput input:focus ~ .SearchInput__Bar:before { width: 50%; } .agentz-switch-outershell .react-switch-bg div { display: flex; align-items: center; justify-content: center; } .agentz-inbox-contactstabmobile { display: flex; justify-content: space-between; } .Select.is-disabled > .Select-control { background-color: #f2f4f7; } .Select.is-disabled > .Select-control .Select-value-label { color: rgba(0, 0, 0, 0.38) !important; } input[disabled], textarea[disabled] { background: #FAFAFA; } .container_maintopic { display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(100vh - 66px); text-align: center; background-color: white; } .container_maintopic_mobile { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; text-align: center; background-color: white; } .container__subtopic { padding: 18px 0; } .container__topics { display: flex; } .topics__divider { border: 1px dashed #CECECE; opacity: 1; margin-left: 58px; margin-right: 53px; } .topic__name { color: #000000 !important; margin-bottom: 20px; opacity: 1; font: normal normal 500 18px/25px Roboto; } .topic__description { color: #474747 !important; max-width: 258px; opacity: 0.76; font: normal normal 300 16px/25px Roboto; } .topic_heading { color: #003B5D !important; opacity: 1; max-width: 701px; margin-bottom: 42px; font: normal normal 500 30px/42px Roboto; } .learn-more-button { background-color: transparent !important; border: none; color: #149BF3 !important; text-decoration: underline; padding: unset; padding-left: 30px; margin-bottom: unset; } .take-a-tour-div { display: flex; justify-content: center; margin-right: 5%; } .take-a-tour-div-mobile { display: flex; justify-content: center; padding-bottom: 10px; } .take-a-tour-button { font: normal normal 400 18px/35px Roboto; align-items: center; background: white; color: #70bbfd; border: 1px solid #70bbfd; border-radius: 5px; height: 43px; width: 192px; display: flex; justify-content: center; } .take-a-tour-button-mobile { font-size: 14px; color: #70bbfd; background: white; border: 1px transparent; border-radius: 5px; font-weight: 500; position: relative; bottom: 5px; } .play-circle-outline-icon { margin-right: 5px; } .play-circle-outline-icon-mobile { position: relative; top: 5px; font-size: 20px !important; } .landing-page-screen { padding-top: 104px; flex-direction: column; flex: 1; display: flex; align-items: center; } .landing-page-image { width: 130px; height: 130px; } .krr-notselected-top-text { color: #435369 !important; text-align: center; opacity: 1; margin-bottom: 10px; font: normal normal 500 24px/30px Roboto; } .krr-notselected-bottom-text { color: white !important; text-align: center; opacity: 1; margin-bottom: 42px; font: normal normal 300 18px/24px Roboto; } .agentz-customSetup-button { min-width: 179px; background: transparent linear-gradient(180deg, #149bf3 0%, #149bf3 100%) 0% 0% no-repeat padding-box !important; min-height: 45px; font: normal normal 500 15px/20px Roboto; margin-top: 20px; opacity: 1; margin-right: 0px !important; } .agentz-knowledgeBase-link { text-decoration: underline; font: 500 17px / 20px Roboto; cursor: pointer; } .agentz-knowledgeBase-link:hover { text-decoration: underline; } .agentz-knowledgeBase-link:focus { text-decoration: underline; } .topic_heading_mobile { color: #003B5D !important; margin-bottom: 7px; margin-top: 50%; font: normal normal 500 18px/25px Roboto; } .search-input-mobile-search-clicked { width: 100%; height: 45px; margin-top: 25px; padding: 0 18px; /* @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { /* iPhone 6 landscape */ } @media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: portrait) { .search-input-mobile-search-clicked { /* iPhone 6,7,8 and 8 plus Portrait */ margin-top: 10px !important; padding-bottom: 20px !important; height: 38px !important; } } .expand-category-select-topic-text { width: 100%; padding: 0 18px; display: flex; font-size: 12px; color: #AFAFAF; } @media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: portrait) { .expand-category-select-topic-text { /* iPhone 6,7,8 and 8 plus Portrait */ font-size: 10px !important; } } .expand-category-select-topic-no-text { width: 100%; padding: 0 18px; display: flex; flex-grow: 1; align-items: center; justify-content: center; font: normal normal 500 19px Roboto; color: #AFAFAF; } @media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: portrait) { .expand-category-select-topic-no-text { /* iPhone 6,7,8 and 8 plus Portrait */ font: normal normal 500 17px Roboto !important; } } .search-input-mobile { width: 100%; height: 45px; margin-top: 10px; padding: 0 18px; } @media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: portrait) { .search-input-mobile { /* iPhone 6,7,8 and 8 plus Portrait */ height: 38px !important; } } .topic_bottom_margin { margin-bottom: auto; } .container__topic-mobileFooter { margin-bottom: 10px; padding: 0 18px; } .container-flex-pagetip-tour-mobile { display: flex; justify-content: space-between; flex-direction: row; padding-bottom: 7px; } .container__topic-pagetip-mobile { background: #F6F8FE 0% 0% no-repeat padding-box; border: 1px solid #BBCDEB; border-radius: 6px; font: normal normal 500 14px/19px Roboto; margin-bottom: 13px; } .container__topic-pagetip-icon-mobile { height: 20px; padding: 1px 0px 4px 8px; } .container__topic-pagetip-span-mobile { padding: 1px 8px 4px 4px; } .container__topic-footer-description-mobile { font: normal normal normal 14px/19px Roboto; color: #000000; } [contenteditable] { outline: 0px solid transparent; } .agentz-krr-bottombarmobile-new { display: flex; margin-top: 10px; width: 100%; margin-bottom: 88px; margin-left: 16px; justify-content: space-between; } .container_qna_mobile_footer { top: unset; left: 0; right: 0; width: 100%; bottom: 0; height: 88px; position: fixed; background-color: #fff; } /* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */ /* overrides extra padding on button elements in Firefox */ @keyframes introjspulse { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0; } } .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; opacity: 0; transition: all 0.3s ease-out; } .introjs-showElement { z-index: 9999999 !important; } tr.introjs-showElement > td { z-index: 9999999 !important; position: relative; } tr.introjs-showElement > th { z-index: 9999999 !important; position: relative; } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); } .introjs-relativePosition { position: relative; } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; border-radius: 4px; transition: all 0.3s ease-out; } .introjs-helperLayer * { box-sizing: content-box; } .introjs-helperLayer *:before { box-sizing: content-box; } .introjs-helperLayer *:after { box-sizing: content-box; } .introjs-tooltipReferenceLayer { font-family: "Roboto"; box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; transition: all 0.3s ease-out; border: none; } .introjs-tooltipReferenceLayer * { font-family: "Roboto"; } .introjs-helperNumberLayer { font-family: "Roboto"; color: #9e9e9e; text-align: center; padding-top: 10px; padding-bottom: 10px; } .introjs-arrow { border: 5px solid transparent; content: ""; position: absolute; } .introjs-arrow.top { top: -10px; left: 10px; border-bottom-color: #ffffff; } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: #ffffff; } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: #ffffff; } .introjs-arrow.right { right: -10px; top: 10px; border-left-color: #ffffff; } .introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: #ffffff; } .introjs-arrow.bottom { bottom: -10px; left: 10px; border-top-color: #ffffff; } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: #ffffff; } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: #ffffff; } .introjs-arrow.left { left: -10px; top: 10px; border-right-color: #ffffff; } .introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: #ffffff; } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; background-color: #ffffff; min-width: 350px; max-width: 350px; border-radius: 5px; box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3); transition: opacity 0.1s ease-out; } .introjs-tooltiptext { padding: 20px; font-size: 16px; } .introjs-tooltip-title { font-size: 18px; margin: 0; padding: 0; font-weight: 700; float: left; line-height: 32px; } .introjs-tooltip-header { padding-left: 20px; padding-right: 20px; padding-top: 10px; } .introjs-tooltip-header:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .introjs-tooltipbuttons { border-top: 1px solid #e0e0e0; padding: 10px; text-align: right; white-space: nowrap; } .introjs-tooltipbuttons:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; } .introjs-button { box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.5rem 1rem; border: 1px solid #bdbdbd; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; font-size: 14px; color: #424242; white-space: nowrap; cursor: pointer; outline: none; background-color: #f4f4f4; border-radius: 0.2em; zoom: 1; *display: inline; } .introjs-button:hover { outline: none; text-decoration: none; border-color: #9e9e9e; background-color: #e0e0e0; color: #212121; } .introjs-button:focus { outline: none; text-decoration: none; background-color: #eeeeee; box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5); border: 1px solid #616161; color: #212121; } .introjs-button:active { outline: none; text-decoration: none; background-color: #e0e0e0; border-color: #9e9e9e; color: #212121; } .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { display: none; box-sizing: content-box; color: #616161; float: right; font-size: 20px; cursor: pointer; font-weight: bold; line-height: 1; text-align: center; padding: 7px 10px; } .introjs-skipbutton:hover, .introjs-skipbutton:focus { color: #212121; outline: none; text-decoration: none; } .introjs-donebutton { display: block; box-sizing: content-box; color: #424242; float: right; font-size: 14px; cursor: pointer; line-height: 1; text-align: center; padding: 10px 10px; } .introjs-donebutton:hover, .introjs-donebutton:focus { color: #616161; outline: none; text-decoration: none; } .introjs-prevbutton { float: left; } .introjs-nextbutton { float: right; } .introjs-disabled { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-disabled:hover, .introjs-disabled:focus { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-hidden { display: none; } .introjs-bullets { text-align: center; padding-top: 10px; padding-bottom: 10px; } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 0 auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { transition: width 0.1s ease-in; box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; text-decoration: none; cursor: pointer; } .introjs-bullets ul li a:hover, .introjs-bullets ul li a:focus { width: 15px; background: #999; text-decoration: none; outline: none; } .introjs-bullets ul li a.active { width: 15px; background: #999; } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px; border-radius: 4px; background-color: #e0e0e0; } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; } .introjs-fixedTooltip { position: fixed; } .introjs-hint { box-sizing: content-box; position: absolute; background: transparent; width: 20px; height: 15px; cursor: pointer; } .introjs-hint:focus { border: 0; outline: 0; } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } .introjs-hint-pulse { box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; transition: all 0.2s ease-out; } .introjs-hint-no-anim .introjs-hint-dot { animation: none; } .introjs-hint-dot { box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: transparent; border-radius: 60px; height: 50px; width: 50px; animation: introjspulse 3s ease-out; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; } .agentz-billing-container { display: flex; flex-direction: column; padding: 20px 0 0 50px; } @media screen and (max-width: 500px) { .agentz-billing-container { padding: 0; } } @media screen and (max-width: 500px) { .agentz-billing-cardbody { padding: 30px 0 0 0 !important; } } .agentz-card-container { padding: 20px 0 0 50px; } @media screen and (max-width: 500px) { .agentz-card-container { padding: 20px 0 0 0; } } .agentz-card-actions { float: right; margin-top: -30px; } @media screen and (max-width: 500px) { .agentz-card-actions { margin-top: 0; } } .agentz-card-container { padding: 30px 0 30px 50px; } @media screen and (max-width: 500px) { .agentz-card-container { padding: 30px 0 30px 0; } } .agentz-chatbot-color-title { color: #293B5A; font-size: 35px; font-family: "Roboto"; font-weight: "bold"; } .agentz-chatbot-color-description { color: #A0A9BC; font-size: 20px; font-family: "Roboto"; padding-bottom: 25px; margin-top: 0px !important; } .business-information-container { display: flex; flex-direction: column; width: 100%; } .business-information-container-mobile { display: flex; flex-direction: column; width: 100%; } .business-information-title { color: #435369; font: normal normal bold 30px/42px Roboto; } .business-information-title-mobile { color: #435369; font: normal normal bold 22px/27px Roboto; padding-bottom: 5px; } .auto-filled-popover.popover { top: -34px !important; left: 20px !important; border-color: orange; width: 243px !important; } .auto-filled-popover.popover .popover-header { font: normal 500 16px Roboto !important; } .auto-filled-popover.popover .popover-body { padding: 10px 15px 10px 10px; } .product-services-auto-filled-popover.popover { top: 10px !important; left: 49% !important; border-color: orange; width: 246px !important; transform: unset !important; } .product-services-auto-filled-popover.popover .popover-header { font: normal 500 16px Roboto !important; } .product-services-auto-filled-popover.popover .popover-body { padding: 10px 15px 10px 10px; } .business-information-subtitle { font: normal normal 300 18px/30px Roboto; color: #A0A9BC; padding-bottom: 24px; } .business-information-subtitle-mobile { font: normal normal 300 15px/16px Roboto; color: #A0A9BC; padding-bottom: 34px; } .document-resource-subtitle { font: normal normal 600 17px/24px Roboto; color: #A0A9BC; padding: 10px 0 5px; } .business-information-body { display: flex; flex-direction: column; flex-grow: 1; overflow-y: auto; width: 100%; scrollbar-width: thin; /* Styling native country ``. */ } .agentz-qr-code-phone-number .PhoneInput, .agentz-phone-input .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; position: relative; width: 100%; } .agentz-qr-code-phone-number .PhoneInputInput, .agentz-phone-input .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .agentz-qr-code-phone-number .PhoneInputCountryIcon, .agentz-phone-input .PhoneInputCountryIcon { width: calc(1em * 1.5); height: 1em; } .agentz-qr-code-phone-number .PhoneInputCountryIcon--square, .agentz-phone-input .PhoneInputCountryIcon--square { width: 1em; } .agentz-qr-code-phone-number .PhoneInputCountryIcon--border, .agentz-phone-input .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: rgba(0, 0, 0, 0.1); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.5); } .agentz-qr-code-phone-number .PhoneInputCountryIconImg, .agentz-phone-input .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .agentz-qr-code-phone-number .PhoneInputInternationalIconPhone, .agentz-phone-input .PhoneInputInternationalIconPhone { opacity: 0.8; } .agentz-qr-code-phone-number .PhoneInputInternationalIconGlobe, .agentz-phone-input .PhoneInputInternationalIconGlobe { opacity: 0.65; } .agentz-qr-code-phone-number .PhoneInputCountry, .agentz-phone-input .PhoneInputCountry { position: absolute; display: flex; margin-right: 0.35em; margin-top: 13px; margin-left: 4px; left: 15px; z-index: 99999; } .agentz-qr-code-phone-number .PhoneInputCountrySelect, .agentz-phone-input .PhoneInputCountrySelect { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; border: 0; opacity: 0; cursor: pointer; } .agentz-qr-code-phone-number .PhoneInputCountrySelect[disabled], .agentz-phone-input .PhoneInputCountrySelect[disabled] { cursor: default; } .agentz-qr-code-phone-number .PhoneInputCountrySelectArrow, .agentz-phone-input .PhoneInputCountrySelectArrow { display: block; content: ''; width: 0.3em; height: 0.3em; margin-top: 5px; margin-left: 0.35em; border-style: solid; border-color: inherit; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 1px; transform: rotate(45deg); opacity: 0.45; } .agentz-qr-code-phone-number .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow, .agentz-phone-input .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow { opacity: 1; color: #03b2cb; } .agentz-qr-code-phone-number .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border, .agentz-phone-input .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border { box-shadow: 0 0 0 1px #03b2cb, inset 0 0 0 1px #03b2cb; } .agentz-qr-code-phone-number .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe, .agentz-phone-input .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe { opacity: 1; color: #03b2cb; } .agentz-qr-code-subheading { font: normal normal 500 16px/22px Roboto; color: #435369 !important; } .agentz-qr-code-subheading-mobile { font: normal normal 500 13px/20px Roboto; color: #435369 !important; } .agentz-qr-code-text-content-label { font: normal normal 500 14px/22px Roboto; color: #435369 !important; } .agentz-qr-code-text-content-label-mobile { font: normal normal 500 12px/20px Roboto; color: #435369 !important; } .agentz-qr-code-campaign-name-mobile { font: normal normal 500 12px/20px Roboto; color: #435369 !important; padding: 0 0 10px 0; display: flex; justify-content: space-between; align-items: center; } .agentz-qr-code-campaign-name-mobile li { overflow: hidden; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; } /* PLAT - 5568 Setting a fixed height for the qna-type label */ .agentz-qna-question-type-label { background: #4CE1B6; padding: 2px; color: white; border-radius: 5px; font: normal normal 500 13px/20px Roboto; width: 125px; height: 25px; text-align: center; } .agentz-qna-live-label { padding: 2px; border-radius: 5px; margin-right: 15px; font: normal normal 500 13px/20px Roboto; width: 60px; text-align: center; } .agentz-qna-live-label-mobile { padding: 4px; border-radius: 5px; font: normal normal 500 11px/20px Roboto; max-width: 55px; max-height: 25px; text-align: center; } .enabled { background-color: #4CE1B6; color: white; } .disabled { background-color: #F6F6F6; color: #595959; } .agentz-qna-question-type-label-mobile { background: #4CE1B6; padding: 1px; color: white; border-radius: 3px; font: normal normal 500 12px/16px Roboto; min-width: 115px; text-align: center; } .agentz-pre-trained-variations-blockquote { line-height: 20px; display: flex; flex-direction: column; padding: 5px 20px; padding-left: 10px; margin: 10px 0; } .agentz-pre-trained-variations-container { scrollbar-width: thin; overflow-y: auto; max-height: 450px; } .agentz-pre-trained-variations-container::-webkit-scrollbar { width: 6px; } .agentz-pre-trained-variations-container::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 5px; } .agentz-pre-trained-variations-container::-webkit-scrollbar-thumb:hover { background: gray; } .agentz-plan-addons { display: flex; justify-content: center; align-items: center; font: normal normal 800 16px/25px Roboto; color: #073D5C; } .agentz-plan-addon-label { font: normal normal 500 14px/20px Roboto !important; color: #707070 !important; padding-left: 10px; } .agentz-plan-addons-subscriptions { display: flex; align-items: center; font: normal normal 800 13px/25px Roboto; color: #696969; padding-top: 5px; } .agentz-plan-addon-billing-label { font: normal normal 500 13px/20px Roboto !important; color: #707070 !important; } .agentz-plan-addon-info-icon { color: #5AB8F6; font-size: 19px !important; margin-left: 5px; } .agentz-plan-popup-label { font-size: 14px; font-weight: 500; font-family: Roboto; color: #434343 !important; opacity: 1; font-weight: bold; } .arrow { font-weight: bold; cursor: pointer; } .nextArrow { position: absolute; top: 25%; } .prevArrow { position: absolute; top: 25%; } /* PLAT - 5458 Defining css class for account deletion dialog box*/ .agentz-changepswd-dialogbox-btn-container { float: right; margin-top: 15px; display: flex; width: 100%; justify-content: flex-end; gap: 10px; } /* PLAT - 5458 Defining css wrapper class for all dialogboxes */ .agentz-dialogbox-btn-container { float: right; margin-top: 15px; display: flex; gap: 10px; } /* PLAT - 5458 Defining css class for styling darker and lighter buttons in the dialog box respectively */ .agentz-dialogbox-dark-btn { color: white !important; background-color: #149BF3 !important; font-size: 14px !important; text-transform: none !important; border-color: #70bbfd !important; } .agentz-dialogbox-dark-btn:disabled { color: rgba(0, 0, 0, 0.26) !important; background-color: rgba(0, 0, 0, 0.12) !important; font-size: 14px !important; text-transform: none !important; border-color: rgba(0, 0, 0, 0.12) !important; } .agentz-dialogbox-light-btn { color: #149BF3 !important; font-size: 14px !important; text-transform: none !important; } /* PLAT - 5458 Defining css class for full width dialogbox btns */ .agentz-dialogbox-fullwidth-dark-btn { width: 100%; color: white !important; background-color: #149BF3 !important; font-size: 14px !important; text-transform: none !important; border-color: #70bbfd !important; } .agentz-dialogbox-fullwidth-light-btn { width: 100%; color: #149BF3 !important; font-size: 14px !important; text-transform: none !important; } .agentz-new-ai-flow { padding: 20px; margin: 10px; display: flex; justify-content: space-between; flex-direction: column; } .agentz-new-ai-flow-title { text-align: left; font: normal normal bold 30px/42px Roboto; letter-spacing: 0px; color: #435369; opacity: 1; } .agentz-resource-main-link { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 450px; vertical-align: bottom; } .agentz-bootstrap-input { border-radius: 4px; background: white; border: 1px solid #ced4da; padding: 8px !important; width: 100%; font: normal normal normal 16px/24px Roboto !important; color: #435369 !important; } .agentz-bootstrap-input-disabled { border-radius: 4px; background: #F2F4F7 !important; border: 1px solid #ced4da; padding: 8px !important; width: 100%; font: normal normal normal 16px/24px Roboto !important; color: #435369 !important; } .agentz-bootstrap-input-error { border-radius: 4px; background: white; border: 1px solid #FF1535; padding: 8px !important; width: 100%; font: normal normal normal 16px/24px Roboto !important; color: #435369 !important; } .agentz-account-cancellation-reason { font: normal normal normal 16px/24px Roboto !important; } .agentz-account-cancellation-reason-mobile { font: normal normal normal 12px/20px Roboto !important; } .agentz-continue-cancellation-btn { color: white !important; background-color: #FF1535 !important; font-size: 14px !important; text-transform: none !important; border-color: #FF1535 !important; } .agentz-continue-cancellation-btn:disabled { color: rgba(0, 0, 0, 0.26) !important; background-color: rgba(0, 0, 0, 0.12) !important; font-size: 14px !important; text-transform: none !important; border-color: rgba(0, 0, 0, 0.12) !important; } .agentz-cancel-account-radio-btn-checked { color: #FF1535 !important; } .agentz-cancel-account-radio-btn-root { height: 48px !important; } .agentz-cancel-account-radio-btn-root-mobile { height: 32px !important; } .connect-now-select .Select-control { height: 46px; border: 1px solid #e0e0e0; border-radius: 0.25rem; font-family: Roboto !important; } .connect-now-select .Select-value { line-height: 46px !important; font-size: 14px; color: rgba(0, 0, 0, 0.87) !important; font-family: Roboto !important; } .connect-now-select .Select-placeholder { font-size: 14px; font-family: Roboto !important; } .sms-delivery-failure-parent { color: #DC3545; display: flex; gap: 5px; font: normal normal 12px/20px Roboto; padding-top: 5px; } .sms-delivery-failure-icon { color: #DC3545 !important; padding: 0px !important; font-size: 17px !important; } .sms-delivery-failure-error-message { color: #DC3545 !important; margin-top: 0px !important; font-size: 12px !important; } .sms-delivery-failure-error-message-mobile { color: #DC3545 !important; margin-top: 0px !important; font-size: 13px !important; } .agentz-integration-search-wrapper { padding: 0.5rem 2rem; margin: 3.2rem; display: flex; align-items: center; position: relative; background: #FFFFFF 0% 0% no-repeat padding-box; border: 0.1rem solid #F5F5F5; border-bottom: 0; border-radius: 0.7rem; box-shadow: 0rem 0.3rem 1rem #00000008; } .agentz-integration-search-wrapper-mobile { padding: 0.5rem 2rem; margin: 2rem; display: flex; align-items: center; position: relative; background: #FFFFFF 0% 0% no-repeat padding-box; border: 0.1rem solid #F5F5F5; border-bottom: 0; border-radius: 0.7rem; box-shadow: 0rem 0.3rem 1rem #00000008; } .agentz-integration-search-input { width: 100%; height: 3.5rem; padding: 0 2rem; font-size: 1.5rem; border: none; outline: #D0CFCE; } .agentz-integration-search-input-mobile { width: 100%; height: 3rem; padding: 0 2rem; font-size: 1.4rem; border: none; outline: #D0CFCE; } .agentz-gbm-pages-container { width: 61%; height: 45rem; overflow-y: auto; overflow-x: hidden; } .agentz-gbm-pages-container-mobile { height: 45rem; overflow-y: auto; overflow-x: hidden; } .agentz-gbm-pages-container::-webkit-scrollbar { width: 5px; } .agentz-gbm-pages-container::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .agentz-gbm-pages-container::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-gbm-pages-container::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-gbm-pages-wrapper { overflow-y: auto; position: relative; max-height: 100%; flex: 1; } .gbm-search-loader { position: fixed; top: 60%; left: 46%; z-index: 100000; } .gbm-search-loader-mobile { position: fixed; top: 70%; left: 40%; z-index: 100000; } .created-documents-grid { overflow-y: auto; } .created-documents-grid::-webkit-scrollbar { width: 5px; } .created-documents-grid::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } .created-documents-grid::-webkit-scrollbar-thumb:hover { background: grey; } .agentz-warning-icon-container { display: flex; justify-content: flex-end; margin: 8px 8px 0 0; } .agentz-warning-icon { color: red; font-size: 18px; } .agentz-customize-chatbot-menu-changeChannel-button { display: flex; background-color: transparent !important; color: #70bbfd !important; } .agentz-customize-chatbot-menu-changeChannel-button:focus, .agentz-customize-chatbot-menu-changeChannel-button:hover, .agentz-customize-chatbot-menu-changeChannel-button::before { background-color: transparent !important; color: #70bbfd !important; } .agentz-customize-chatbot-menu-changeChannel-button-icon { margin-left: 10px !important; fill: #70bbfd !important; } .agentz-customize-chatbot-menu-changeChannel-button-icon:focus, .agentz-customize-chatbot-menu-changeChannel-button-icon:hover, .agentz-customize-chatbot-menu-changeChannel-button-icon::before { fill: #70bbfd !important; } .agentz-select-channel-configure { text-align: left; font: normal normal bold 16px/20px Roboto; color: #435369 !important; opacity: 1; padding-bottom: 20px; } .agentz-select-channel-number { background-color: #fff; border: 2px solid #149BF3; height: 25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 25px; display: flex; justify-content: center; color: #149BF3; font: normal normal bold 12px/20px Roboto; } .agentz-chatbotmenu-customization-navitem { right: 3px; } @media only screen and (min-width: 700px) { .agentz-chatbotmenu-customization-navitem { flex-basis: 20% !important; } } @media only screen and (min-width: 1814px) { .agentz-chatbotmenu-customization-navitem { flex-basis: 15% !important; } } .agentz-chatbotmenu-customization-navitem-webchat { right: 3px; } @media only screen and (min-width: 700px) { .agentz-chatbotmenu-customization-navitem-webchat { flex-basis: 30% !important; } } @media only screen and (min-width: 992px) { .agentz-chatbotmenu-customization-navitem-webchat { flex-basis: 25% !important; } } @media only screen and (min-width: 1600px) { .agentz-chatbotmenu-customization-navitem-webchat { flex-basis: 20% !important; } } @media only screen and (min-width: 1814px) { .agentz-chatbotmenu-customization-navitem-webchat { flex-basis: 15% !important; } } .agentz-chatbotmenu-customization-navitem-gbm { right: 3px; } @media only screen and (min-width: 700px) { .agentz-chatbotmenu-customization-navitem-gbm { flex-basis: 40% !important; } } @media only screen and (min-width: 992px) { .agentz-chatbotmenu-customization-navitem-gbm { flex-basis: 35% !important; } } @media only screen and (min-width: 1600px) { .agentz-chatbotmenu-customization-navitem-gbm { flex-basis: 30% !important; } } @media only screen and (min-width: 1814px) { .agentz-chatbotmenu-customization-navitem-gbm { flex-basis: 25% !important; } } .agentz-chatbotmenu-customization-h4 { font-size: 14px !important; text-align: center; color: #9C9C9C; } @media only screen and (min-width: 700px) { .agentz-chatbotmenu-customization-h4 { font-size: 12px !important; } } @media only screen and (min-width: 992px) { .agentz-chatbotmenu-customization-h4 { font-size: 14px !important; } } @media only screen and (min-width: 1138px) { .agentz-chatbotmenu-customization-h4 { font-size: 16px !important; } } @media only screen and (min-width: 1600px) { .agentz-chatbotmenu-customization-h4 { font-size: 18px !important; } } .agentz-bot-sidebox { padding: 0px 0px 0px 75px; height: fit-content; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; font-family: Roboto; letter-spacing: .3px; margin-right: 16px; display: flex; justify-content: center; } .agentz-bot-sidebox button:hover { background-color: transparent !important; } .agentz-bot-sidebox input[type="checkbox"]:focus { outline: none !important; } .agentz-bot-preview { display: flex; flex-direction: column; justify-content: space-between; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 9px; box-shadow: 0px 0px 20px 0px rgba(112, 112, 112, 0.2); width: 400px; max-width: 400px; } .agentz-bot-preview-mobile { display: flex; flex-direction: column; justify-content: space-between; width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 9px; box-shadow: 0px 0px 20px 0px rgba(112, 112, 112, 0.2); } .agentz-bot-flex-col { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .agentz-sms-bot-sideheader { min-height: 110px; background-color: #F7F7F7; } .agentz-sms-bot-sidebody-fullscreen { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .agentz-sms-ios-bubble { word-wrap: break-word; position: relative; padding: 8px 16px; border-radius: 25px; } .agentz-sms-ios-bubble:before, .agentz-sms-ios-bubble:after { content: ""; position: absolute; bottom: 0; height: 25px; } .agentz-sms-ios-send { color: white; background: #37D55E; } .agentz-sms-ios-send:before { right: -7px; width: 20px; background-color: #37D55E; border-bottom-left-radius: 16px 14px; } .agentz-sms-ios-send:after { right: -10px; width: 10px; background-color: white; border-bottom-left-radius: 10px; } .agentz-sms-ios-receive { background: #E5E5EA; color: black; align-self: flex-start; } .agentz-sms-ios-receive:before { left: -7px; width: 20px; background-color: #E5E5EA; border-bottom-right-radius: 16px 14px; } .agentz-sms-ios-receive:after { left: -10px; width: 10px; background-color: white; border-bottom-right-radius: 10px; } .agentz-sms-bot-waveform-icon-container { display: flex; justify-content: center; align-items: center; background: grey; border-radius: 25px; width: 30px; height: 30px; } .agentz-fb-bot-sideheader { min-height: 50px; background-color: #FFFFFF; } .agentz-fb-bot-header-icon-container { display: flex; justify-content: space-between; padding: 5px 10px 0px; align-items: center; min-height: 50px; box-shadow: 0px 2px 2px 0px rgba(112, 112, 112, 0.2); } .agentz-fb-bot-sidebody { min-height: 500px; background-color: #FFFFFF; margin-top: 10px; display: flex; flex-direction: column; justify-content: flex-end; } .agentz-fb-bot-sidebody-child { min-height: 200px; } .agentz-fb-bot-business-logo-large { background-color: #F4837F; color: #8A303A; width: 48px; height: 48px; border-radius: 50%; display: flex; justify-content: center; align-self: center; align-items: center; font-size: 24px; font-weight: 700; } .agentz-fb-bot-business-logo-small { background-color: #F4837F; color: #8A303A; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-self: center; align-items: center; font-size: 18px; font-weight: 700; } .agentz-fb-bot-business-name { font-size: 18px; align-self: center; margin-top: 5px; color: black !important; font-weight: 700; } .agentz-fb-bot-view-profile { color: black !important; font-weight: 500; background: #F2F2F2; padding: 8px 16px; border-radius: 25px; } .agentz-fb-bot-favicon-span { display: flex; padding-left: 16px; padding-top: 5px; font-size: 12px; align-items: center; font-weight: 400; } .agentz-fb-bot-menuactions-container { display: flex; padding: 0px 10px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; /*Firefox*/ scrollbar-width: none; /*IE10+*/ -ms-overflow-style: -ms-autohiding-scrollbar; } .agentz-fb-bot-menuactions-container::-webkit-scrollbar { display: none; } .agentz-fb-bot-menuaction { padding: 8px 10px; border-radius: 25px; margin: 0px 10px 10px 0px; max-width: 60%; box-shadow: 0px 2px 0px 0px rgba(112, 112, 112, 0.2); } .agentz-fb-bot-menu-icon-container { display: flex; justify-content: center; align-items: center; background: #0A76FF; margin-left: 10px; border-radius: 25px; width: 30px; height: 30px; } .agentz-gbm-bot-business-name-large { display: flex; justify-content: center; align-self: center; align-items: center; font-size: 24px; background-color: #00589b; color: white; width: 48px; height: 48px; border-radius: 50%; } .agentz-gbm-bot-business-name-small { display: flex; justify-content: center; align-items: center; font-size: 18px; background-color: #00589b; color: white; width: 36px; height: 36px; border-radius: 50%; } .agentz-gbm-bot-business-name-large-fullscreen { display: flex; justify-content: center; align-items: center; align-self: center; font-size: 26px; background-color: #00589b; color: white; width: 72px; height: 72px; border-radius: 50%; } .agentz-gbm-bot-business-name-small-fullscreen { display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #00589b; color: white; width: 48px; height: 48px; border-radius: 50%; } .agentz-hide { pointer-events: none; opacity: 0; } .agentz-whatsapp-bot-preview-chat-container { font: normal normal 400 16px/24px Roboto; width: 464px; max-width: 466px; height: 100%; background-color: #ffffff; display: flex; flex-direction: column; border-radius: 15px; padding: 0px 0px 0px 75px; position: relative; } .agentz-whatsapp-bot-preview-chat-container-mobile { width: 100%; background-color: #ffffff; display: flex; flex-direction: column; border-radius: 15px; position: relative; } .agentz-whatsapp-bot-preview-top-bar { display: flex; justify-content: space-between; align-items: center; background-color: #075e54; color: white; padding: 10px; } .agentz-whatsapp-bot-preview-left-section { display: flex; align-items: center; } .agentz-whatsapp-bot-business-logo { background-color: #F4837F; color: #8A303A; width: 30px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-self: center; align-items: center; font-size: 24px; font-weight: 700; margin: 4px; } .agentz-whatsapp-bot-preview-business-info { display: flex; flex-direction: column; margin: 8px; } .agentz-whatsapp-bot-preview-business-name { font-weight: bold; font-size: 18px; } .agentz-whatsapp-bot-preview-business-account { font-size: 12px; color: #d4d4d4; } .agentz-whatsapp-bot-preview-right-section { font-size: 20px; } .agentz-whatsapp-bot-preview-chat-section { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; padding: 15px; background-color: #e5ddd5; overflow-y: auto; } .agentz-whatsapp-bot-preview-info-bubble { align-self: center; background-color: #cde5ea; padding: 10px; border-radius: 10px; margin-bottom: 20px; font-size: 12px; text-align: center; color: #646464; } .agentz-whatsapp-bot-preview-user-bubble { align-self: flex-end; background-color: #dcf8c6; padding: 10px; border-radius: 10px; margin-bottom: 16px; max-width: 70%; font-size: 14px; } .agentz-whatsapp-bot-preview-owner-bubble { align-self: flex-start; background-color: white; padding: 10px; border-radius: 10px; margin-bottom: 10px; max-width: 70%; font-size: 14px; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .agentz-whatsapp-bot-preview-owner-bubble-footer-msg { color: #b0b0b0; } .agentz-whatsapp-bot-preview-menu-options { margin-top: 10px; } .agentz-whatsapp-bot-preview-menu-option { font-size: 14px; color: #10a08f; display: flex; align-items: center; margin-top: 8px; } .agentz-whatsapp-bot-preview-menu-option .agentz-whatsapp-bot-preview-option-icon { margin-right: 5px; } .agentz-whatsapp-drawer-overlay { position: absolute; top: 0; left: 74px; width: 84%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: flex-end; z-index: 10; } .agentz-whatsapp-drawer-overlay-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: flex-end; z-index: 10; } /* Drawer container */ .agentz-whatsapp-drawer-container { position: absolute; bottom: 0; width: 100%; height: 60%; background: white; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 16px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); animation: slideIn 0.3s ease-out; overflow-y: auto; } .agentz-whatsapp-drawer-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #efe9e9; padding-bottom: 10px; position: relative; } .agentz-whatsapp-drawer-content { margin-top: 10px; list-style: none; padding: 0; } .agentz-whatsapp-drawer-content li { margin: 20px 0; border-bottom: 1px solid #efe9e9; padding-bottom: 10px; } /* Drawer slide-in animation */ @keyframes slideIn { from { transform: translateY(100%); } to { transform: translateY(0); } } #contactCenter .iconBtn { background: none; border: none; font-size: 20px; color: #646777; margin-top: 0px; } #contactCenter .contact__scroll { height: calc(100% - 174px); overflow-y: scroll; } #contactCenter .contact__scroll::-webkit-scrollbar { width: 5px; } #contactCenter .contact__scroll::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 3px; } #contactCenter .contact__scroll::-webkit-scrollbar-thumb:hover { background: grey; } #contactCenter .contact__scroll::-webkit-scrollbar-thumb:hover { background: grey; } #contactCenter .contact__form { padding: 10px; } #contactCenter .contact__form .disabled_btn { color: #646777; } #contactCenter .contact__topbar-contact { margin-left: 20px; width: 325px; } #contactCenter .contact__topbar-contact p { margin-top: 0px; } #contactCenter .contact__topbar-contact label { color: #646777; } #contactCenter .contact__topbar-contact .contact-group-first { display: flex; margin-top: 5px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #contactCenter .contact__topbar-contact .contact-group-first label { margin-bottom: 0px; margin-right: 5px; } #contactCenter .contact__topbar-contact .contact-group-second { display: flex; margin-top: 0px; } #contactCenter .contact__topbar-contact .contact-group-second label { margin-bottom: 0px; margin-right: 5px; } #contactCenter .contact__topbar-other { margin-left: 20px; width: 300px; } #contactCenter .contact__topbar-other p { margin-top: 0px; } #contactCenter .contact__topbar-other label { color: #646777; } #contactCenter .contact__topbar-other .contact-group-first { display: flex; margin-top: 5px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #contactCenter .contact__topbar-other .contact-group-first label { margin-bottom: 0px; margin-right: 5px; } #contactCenter .contact__topbar-other .contact-group-second { display: flex; margin-top: 0px; } #contactCenter .contact__topbar-other .contact-group-second label { margin-bottom: 0px; margin-right: 5px; } #contactCenter .contact__dialog { padding: 0 16px; /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ } #contactCenter .contact__dialog .sidebar { min-width: 22%; max-width: 22%; background: white; color: #646777; margin-right: -550px; transition: all 0.5s; left: unset; right: 0; top: 75px; padding: 0px; height: calc(100vh - 85px); } #contactCenter .contact__dialog .sidebar .contact__bubble-message-wrap { max-width: 300px; padding: 10px 15px; } #contactCenter .contact__dialog .sidebar .contact__bubble-message-wrap .contact__bubble-avatar { border-radius: 100%; background-color: #eff4fa; border: 1px solid #dbe7f2; width: 35px; height: 35px; margin-right: 14px; } #contactCenter .contact__dialog .sidebar .contact__bubble-message-wrap .bot-avatar-font { font-size: 20px; margin: 6px 5px; color: #149bf3 !important; } #contactCenter .contact__dialog .sidebar .contact__bubble-message-wrap .user-avatar-font { font-size: 18px; margin: 7px 9px; color: #149bf3 !important; } #contactCenter .contact__dialog .sidebar .contact_response { flex-direction: row-reverse; } #contactCenter .contact__dialog .sidebar .contact_response .contact__bubble-message-wrap { border-radius: 20px 0px 40px 20px; margin-right: 10px; margin-top: 7px; padding: 10px 15px; text-align: left; } #contactCenter .contact__dialog .sidebar.is-open { margin-right: 0; transition: .5s; } #contactCenter .contact__dialog .sidebar-header .closeIcon { cursor: pointer; position: absolute; z-index: 10000000; right: 20px; } #contactCenter .contact__dialog .sidebar-header .closeIcon .fa { font-size: 20px; margin-left: 20px; margin-top: 20px; color: #646777; } #contactCenter .contact__dialog .sidebar-header .agentz-loader-bg { background: #fafafa; position: fixed; margin: 30%; white-space: nowrap; } #contactCenter .contact__dialog .sidebar-header #chat .chat .widget-container { max-width: 495px !important; border: none !important; box-shadow: none !important; margin-left: 0px !important; } #contactCenter .contact__dialog .sidebar-header #chat .chat .widget-container .conversation-container { box-shadow: none !important; } #contactCenter .contact__dialog .sidebar-header #chat .chat .widget-container .header { border-bottom: 1px solid #d8e4f5; background-color: white !important; color: #646777 !important; } #contactCenter .contact__dialog .sidebar-header #chat .chat .widget-container .header .title { color: #646777 !important; } #contactCenter .contact__dialog .sidebar-header #chat .chat .messages-container { height: 73vh !important; max-height: none !important; } #contactCenter .contact__dialog .sidebar-header #chat .chat .messages-container .message { pointer-events: none !important; } #contactCenter .contact__dialog .sidebar ul p { padding: 10px; } #contactCenter .contact__dialog .menu-open { background: #6d7fcc; } #contactCenter .contact__dialog .nav-item:hover { color: #7386D5; background: #fff; } #contactCenter .contact__dialog .items-menu { background: #6d7fcc; } #contactCenter .contact__dialog li a.dropdown-toggle::after { display: inline-flex; position: relative; left: 60%; top: 10%; } #contactCenter .contact__dialog .sidebar-header > span { position: relative; float: right; margin: .5em; font-size: 2rem; cursor: pointer; display: none; } #contactCenter .contact__dialog .side-menu { height: calc(100vh - 130px); overflow-y: scroll; } #contactCenter .contact__dialog .side-menu::-webkit-scrollbar { width: 10px; } #contactCenter .contact__dialog .side-menu::-webkit-scrollbar-thumb { background: #5466B3; border-radius: 3px; } #contactCenter .contact__dialog .side-menu::-webkit-scrollbar-thumb:hover { background: #3A4C99; } #contactCenter .contact__dialog .content { padding: 20px; margin-left: 0; height: 100vh; } @media only screen and (max-width: 500px) { #contactCenter .contact__dialog body { overflow: hidden; } #contactCenter .contact__dialog .content.is-open { margin-left: 100%; } #contactCenter .contact__dialog .sidebar.is-open { min-width: 100%; max-width: 100%; margin-left: 0; transition: all 0.5s, height 0s; } #contactCenter .contact__dialog .sidebar.is-open > .sidebar-header span { display: unset; } #contactCenter .contact__dialog li a.dropdown-toggle::after { display: inline-block; position: relative; left: 68%; } } #contactCenter .contact__bubble .card { padding-bottom: 0px; border: 2px solid #f2f4f7; } #contactCenter .contact__bubble .panel .panel_anchor_data { text-decoration: underline; color: blue; margin-right: 10px; cursor: pointer; } #contactCenter .contact__bubble .panel .panel_disabled_anchor_data { text-decoration: underline; color: #646777; margin-right: 10px; } #contactCenter .contact__bubble .panel .panel__title { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; background: #fafbfe; } #contactCenter .contact__bubble .panel .panel__content { padding-bottom: 0px; padding-left: 15px; color: #646777; word-wrap: break-word; } #contactCenter .contact__bubble .panel .panel__body { font-size: 15px; font-weight: 400; } #contactCenter .contact__bubble .panel .panel__btns { font-size: 13px; } #contactCenter .contact__dialog-messages { margin-top: 0px; padding-left: 0px; } #contactCenter .contact__bubble-avatar .fa, #contactCenter .contact__bubble-avatar .fas, #contactCenter .contact__bubble-avatar .far, #contactCenter .contact__dialog-messages .fa, #contactCenter .contact__dialog-messages .fas, #contactCenter .contact__dialog-messages .far { font-size: 25px; padding: 11px; color: #646777; } #contactCenter .contact__bubble-message { font-size: 15px; } #contactCenter .contact__filter { border-bottom: 1px solid #f2f4f7 !important; height: 31px; } #contactCenter .contact__filter .btn-contact-filter { background-color: white; border: none; padding: 0px; height: 30px; border-radius: 0px; font-size: 14px; border-right: 1px solid #f2f4f7 !important; margin-right: 1px; } #contactCenter .contact__dialog-select-message p { margin-top: 10px; } #contactCenter .contact__topbar-button { color: #646777; margin-right: 20px; text-decoration: underline; font-weight: 500; } #contactCenter .dropdown-item { padding: 0px; } #contactCenter .dropdown-item div { margin: 7px 24px; } #contactCenter .page-title:last-child { margin-bottom: 20px; } #contactCenter .dropdown-item { font-size: 14px; } #contactCenter .dropdown .btn-group { margin-bottom: 20px; } #contactCenter .profile__activity { font-size: 14px; padding: 15px 0; } #contactCenter .profile__activity p { font-size: 14px; margin-top: 0px; } #contactCenter .form__form-group { margin-bottom: 5px; width: 100%; position: relative; margin-top: 5px; } #contactCenter .btn-toolbar > .btn { margin-left: 15px; } #contactCenter .contact__contact-preview { margin: unset !important; padding: 8px; padding-bottom: 0px; display: flex; flex-direction: row; } #contactCenter .btn { padding: 5px 25px; font-size: 14px; line-height: 1.5; margin-left: 10px; margin-right: 0px; } #contactCenter .dropdown .btn-group { margin-right: 0px; } #contactCenter .nav-tabs { border-bottom: 1px solid #EBEBEB !important; height: 47px; } #contactCenter .tabs.tabs--bordered-bottom .nav-tabs li .nav-link, #contactCenter .tabs--bordered-bottom#krr .nav-tabs li .nav-link { padding: 15px 20px; font-size: 14px; padding-bottom: 20px !important; padding-top: 24px !important; } #contactCenter .tabs.tabs--bordered-bottom .nav-tabs li .nav-link, #contactCenter .tabs--bordered-bottom#krr .nav-tabs li .nav-link { padding: 15px 20px; } #contactCenter .tabs.tabs--bordered-bottom .nav-tabs li .nav-link, #contactCenter .tabs--bordered-bottom#krr .nav-tabs li .nav-link, #contactCenter .tabs.tabs--bordered-bottom .nav-tabs li .nav-link:focus, #contactCenter .tabs--bordered-bottom#krr .nav-tabs li .nav-link:focus, #contactCenter .tabs.tabs--bordered-bottom .nav-tabs li .nav-link:hover, #contactCenter .tabs--bordered-bottom#krr .nav-tabs li .nav-link:hover { background-color: transparent; } #contactCenter .nav-link.active { border-bottom: 4px solid #149BF3 !important; padding-bottom: 13px !important; } #contactCenter .nav-link.active, #contactCenter .nav-link.active:focus, #contactCenter .nav-link.active:hover { border-radius: 0; border-bottom: 4px solid #149BF3 !important; } #contactCenter .grid .card-body { padding: 0px; text-align: left; height: 62px; padding-left: 5px; } #contactCenter .grid .fa-angle-down { margin-left: 5px; font-weight: 900; } #contactCenter .contact__search .search-input { height: 38px; position: relative; } #contactCenter .contact__search .search-input::before { display: block; position: absolute; width: 15px; z-index: 3; height: 15px; font-size: 20px; top: 11px; left: 16px; line-height: 32px; opacity: 0.6; } #contactCenter .contact__search .search-input > input { width: 100%; font-size: 14px; line-height: 22px; padding: 5px 10px 5px 10px; height: 37px; position: relative; border: none; } #contactCenter .contact__search .search-input > input:focus { outline: none; } #contactCenter .contact__searchmobile .search-input { height: 38px; position: relative; } #contactCenter .contact__searchmobile .search-input::before { display: block; position: absolute; width: 15px; z-index: 3; height: 15px; font-size: 20px; top: 11px; left: 16px; line-height: 32px; opacity: 0.6; } #contactCenter .contact__searchmobile .search-input > input { width: 100%; font-size: 14px; line-height: 22px; padding: 5px 10px 5px 10px; height: 37px; position: relative; border: none; } #contactCenter .contact__searchmobile .search-input > input:focus { outline: none; } #contactProfile .pagination__wrap { margin-top: 0px; } #contactProfile .pagination__wrap nav { margin-top: 0px; } #contactProfile .pagination__wrap nav ul { margin-top: 10px 0; } #contactProfile .pagination__wrap .pagination-info { margin-top: 26px; } #contactProfile .contact__dialog-messages-empty p { background-color: #f2f4f7; } #contactProfile .card-footer, #contactProfile .card-header { padding: 0px; box-shadow: none; border-radius: 2px; margin-bottom: 45px; margin-top: 10px; background-color: #eeeeeebf; } #contactProfile .card-footer .form__form-group, #contactProfile .card-header .form__form-group { margin-bottom: 0px; } #contactProfile .card-footer .form__form-group .form__form-group-label, #contactProfile .card-header .form__form-group .form__form-group-label { font-weight: 500; font-size: 14px; } #contactProfile .card-footer .form__form-group .material-form__field, #contactProfile .card-header .form__form-group .material-form__field { margin-top: 20px; background-color: white; border-radius: 5px; padding: 10px; } #contactProfile .card-footer .form__form-group .material-form__field label, #contactProfile .card-header .form__form-group .material-form__field label { padding-left: 10px; } #contactProfile .card-footer .form__button-toolbar, #contactProfile .card-header .form__button-toolbar { margin: 0 auto; } #contactProfile .card-footer .btn, #contactProfile .card-header .btn { padding: 5px 25px; font-size: 14px; line-height: 1.5; margin-right: 0px; margin-left: 10px; } #contactProfile .profile__information { padding: 15px; padding-left: 0px; padding-bottom: 10px; } #contactProfile .profile__information .profile__data { padding-left: 0px; font-size: 13px; width: 100%; } #contactProfile .profile__information .profile__work { margin-bottom: 0px; } #contactProfile .nav-tabs { border-bottom: 1px solid #E0E0E0 !important; height: 50px; } #contactProfile .nav-tabs .nav-item { margin-right: 10px; } #contactProfile .nav-link.active { border-bottom: 4px solid #70bbfd !important; padding-bottom: 13px !important; } #contactProfile .nav-link.active, #contactProfile .nav-link.active:focus, #contactProfile .nav-link.active:hover { border-radius: 0; border-bottom: 4px solid #70bbfd !important; } #contactProfile .tabs.tabs--bordered-bottom .nav-tabs li .nav-link, #contactProfile .tabs--bordered-bottom#krr .nav-tabs li .nav-link { padding: 15px 20px; color: black; } #contactProfile .tab-content { padding-left: 0px; padding-right: 0px; } #contactProfile .tab-content .tab-pane { padding: 20px; box-shadow: 0 0 0 0.2rem #e7e7e7; margin: 20px 10px; height: 77vh; border-radius: 5px; } #contactProfile .profile__card .profile__name { font-weight: 500; text-transform: uppercase; margin: 0; line-height: 18px; font-size: 20px; padding-bottom: 10px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -1px; } #contactProfile .profile__card .profile__current-tasks-title { padding: 13px; } #contactProfile .profile__card .profile__current-tasks-title .fa-address-card { font-size: 16px; margin-right: 10px; } #contactProfile .profile__card .profile__current-tasks-title .svg { float: left; margin-right: 10px; } #contactProfile .profile__card .profile__current-task { display: flex; flex-direction: column; margin-left: 0px; padding-left: 10px; padding-bottom: 0px; } #contactProfile .profile__card .profile__current-task label { color: black; margin-right: 10px; font-size: 12px; font-weight: 400; margin-bottom: 0px; } #contactProfile .profile__card .profile__current-task label .tab-pane { padding: 15px 20px; box-shadow: 0 0 0 0.2rem #e7e7e7; margin: 20px 10px; max-height: 77vh; } #contactProfile .profile__card .profile__current-task span { font-size: 14px; font-weight: 400; color: gray; line-height: 1; } .profile__information { padding: 25px; padding-left: 0px; padding-bottom: 10px; } .profile__information .profile__data { padding-left: 0px; font-size: 13px; } .profile__information .profile__work { margin-bottom: 0px; line-height: 0px; } #addNote .btn { padding: 5px 25px; font-size: 14px; line-height: 1.5; margin-left: 10px; margin-right: 0px; } .contact__search-input .Select-control { top: -3px; } .panel__title__message { background: #70bbfd; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; } .panel__title__message h5 { font-size: 13px; color: white; font-weight: 700; text-transform: uppercase; } .panel__content__message { padding-bottom: 0px; padding-left: 15px; color: #646777; word-wrap: break-word; padding: 10px; } .chat_anchor_data { text-decoration: underline; color: blue; margin-right: 10px; cursor: pointer; } .agentz-inbox-bubbleicon { font-size: 16px !important; padding: 1px !important; color: #646777 !important; } #copy.btn.btn-primary:before { background: #F2F4F7 !important; } .code pre { background: #F8F8F8 !important; } #code pre { background: #F8F8F8 !important; } #transform { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ReactCrop__image { display: block; max-width: 100%; max-height: none; } .rccs { margin: 0; -webkit-perspective: 1000px; perspective: 1000px; width: 290px; } .rccs__card { height: 182.873px; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; width: 290px; } .rccs__card--front, .rccs__card--back { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: linear-gradient(25deg, #939393, #717171); border-radius: 14.5px; color: #fff; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .rccs__card--front { z-index: 20; } .rccs__card--back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .rccs__card--back .rccs__issuer { background-position: bottom center; bottom: 5%; left: 50%; opacity: 0.6; right: auto; top: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rccs__card__background { height: 200%; left: -170%; position: absolute; top: -60%; -webkit-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 150%; left: -170%; } .rccs__card--flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .rccs__card--flipped .rccs__card--front { z-index: 10; } .rccs__card--flipped .rccs__card--back { z-index: 20; } .rccs__card--unknown > div { background: linear-gradient(25deg, #999, #999); -webkit-box-shadow: none; box-shadow: none; } .rccs__card--unknown .rccs__issuer { visibility: hidden; } .rccs__card:not(.rccs__card--unknown) .rccs__card__background { left: -22%; } .rccs__card--amex .rccs__card__background { background: linear-gradient(25deg, #308c67, #a3f2cf); } .rccs__card--amex .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .rccs__card--amex .rccs__cvc__front { opacity: 0.5; visibility: visible; } .rccs__card--dankort .rccs__card__background { background: linear-gradient(25deg, #ccc, #999); } .rccs__card--dankort .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg=="); } .rccs__card--dinersclub > div { color: #555; } .rccs__card--dinersclub .rccs__card__background { background: linear-gradient(25deg, #fff, #eee); } .rccs__card--dinersclub .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+"); } .rccs__card--discover > div { color: #555; } .rccs__card--discover .rccs__card__background { background: linear-gradient(25deg, #fff, #eee); } .rccs__card--discover .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4="); } .rccs__card--elo .rccs__card__background { background: linear-gradient(25deg, #211c18, #aaa7a2); } .rccs__card--elo .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+"); } .rccs__card--hipercard .rccs__card__background { background: linear-gradient(25deg, #8b181b, #de1f27); } .rccs__card--hipercard .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); } .rccs__card--jcb .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg=="); } .rccs__card--laser .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .rccs__card--maestro .rccs__card__background, .rccs__card--mastercard .rccs__card__background { background: linear-gradient(25deg, #f37b26, #fdb731); } .rccs__card--maestro .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg=="); } .rccs__card--mastercard .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4="); } .rccs__card--unionpay .rccs__issuer { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4="); } .rccs__card--visa .rccs__card__background, .rccs__card--visaelectron .rccs__card__background { background: linear-gradient(25deg, #0f509e, #1399cd); } .rccs__card--visa .rccs__issuer, .rccs__card--visaelectron .rccs__issuer { background-size: 75%; } .rccs__card--visa .rccs__issuer { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4="); } .rccs__card--visaelectron .rccs__issuer { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg=="); } .rccs__number { clear: both; font-family: Consolas, Courier, monospace; font-size: 20px; left: 10%; position: absolute; top: 45%; } .rccs__number.rccs__number--large { font-size: 17px; } .rccs__name { bottom: 15%; font-family: Consolas, Courier, monospace; font-size: 17px; left: 10%; line-height: 1; overflow: hidden; position: absolute; text-align: left; text-overflow: ellipsis; text-transform: uppercase; width: 60%; display: none; } .rccs__expiry { bottom: 15%; font-size: 0; line-height: 1; position: absolute; right: 10%; } .rccs__expiry > * { vertical-align: middle; } .rccs__expiry__valid { font-size: 10px; margin-bottom: 5px; } .rccs__expiry__value { font-family: Consolas, Courier, monospace; font-size: 16px; } .rccs__number, .rccs__name, .rccs__expiry, .rccs__cvc { opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .rccs__chip { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+"); background-repeat: no-repeat; background-size: contain; height: 26.36364px; left: 10%; position: absolute; top: 10%; width: 41.42857px; } .rccs__issuer { background-position: top right; background-repeat: no-repeat; background-size: contain; height: 23%; position: absolute; right: 10%; top: 10%; width: 40%; display: none; } .rccs__stripe { background-color: #2a1d16; height: 22%; left: 0; position: absolute; top: 9%; width: 100%; } .rccs__signature { background: repeating-linear-gradient(0.1deg, #fff 20%, #fff 40%, #fea 40%, #fea 44%, #fff 44%); height: 18%; left: 5%; position: absolute; top: 35%; width: 75%; } .rccs__cvc { color: #222; font-family: Consolas, Courier, monospace; font-size: 14px; left: 67%; line-height: 1; position: absolute; top: 42%; } .rccs__cvc__front { font-family: Consolas, Courier, monospace; font-size: 11.9px; opacity: 0; position: absolute; right: 10%; top: 38%; visibility: hidden; } .rccs--filled { opacity: 0.8 !important; } .rccs--focused { font-weight: 700; opacity: 1 !important; } .signup-container { padding: 50px 0; width: 100%; max-width: 80%; margin: 0 auto; } .signup-container .form__form-group-field > div { width: 100%; } .signup-container .form__form-group-icon { width: 5% !important; } .active-element.is-active { outline: none; } .active-element.is-active .rccs__card--front { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transform: scale(1.2); } .active-element.is-active .rccs__card__background { background: #70bbfd; } .active-element.is-active .rccs__number.rccs--filled { color: #fff; } .active-element.is-active .rccs__expiry__valid { color: #fff; } .active-element.is-active .rccs__expiry__value { color: #fff; } .is-active.pricing-card-active .pricing-card-active-inner { width: 120px; height: 120px; background-color: #fff; /* box-shadow: 0 3px 3px 0 rgba(132, 132, 132, 0.5), 0 1px 0 0 rgba(84, 83, 83, 0.5), inset 0 -1px 8px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); */ } .is-active.pricing-card-active { width: 100px; height: 86px; top: 12px !important; right: -30px !important; } .is-active.pricing-card-active .pricing-card-active-inner .pricing-card-active-label { color: #646777; } .dashed-box { border: 1px dashed #646777; height: 171px; width: 290px; padding-top: 65px; padding-left: 85px; margin-top: 30px; border-radius: 10px; } .dashed-box-single { border: 1px dashed #646777; height: 171px; width: 290px; padding-top: 80px; padding-left: 85px; margin-top: 30px; margin-left: 50px; border-radius: 10px; } .trial_expired { background: #646777; color: white; padding: 10px; border-radius: 6px; font-weight: 800; margin-right: 10px; } .live { background: #4CAF50; color: white; padding: 10px; border-radius: 6px; font-weight: 800; margin-right: 10px; } .cancelled { background: red; color: white; padding: 10px; border-radius: 6px; font-weight: 800; margin-right: 10px; } .trial { background: #b5e782; color: white; padding: 10px; border-radius: 6px; font-weight: 800; margin-right: 10px; } #customization-date .react-datepicker { transform: scale(1.4); margin-top: 35px; } #customization-date .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: unset; } #customization-date input { border: none; border-bottom: 1px solid #646777; font-size: 14px; } #customization-date input:focus { border: none; border-bottom: 1px solid #70bbfd; font-size: 14px; } /* By default all the buttons have an outline border and we are explicitly removing it, Added as part of PLAT - 6241 */ button:focus { outline: none !important; } .date-picker-new { width: 100%; } .date-picker-new > div, .date-picker-new .react-datepicker-wrapper, .date-picker-new .react-datepicker__input-container { width: 100%; } ._3d8ntS2imXIVxEC2yKiwag { font-variant: italics; } ._3yoClH_zzzxTCuZQR68tjo { margin: 0 30px; } /*# sourceMappingURL=main-c60c6890c5a586ba1512.css.map*/