@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@300;400;500;600;700&display=swap); .switch.switch-small { min-width: 33px; } .switch.switch-medium { min-width: 50px; } .switch.switch-large { min-width: 60px; } .switch.switch-small > .switch-pane > span { font-size: 9px; } .switch.switch-medium > .switch-pane > span { font-size: 16px; } .switch.switch-large > .switch-pane > span { font-size: 16px; } .switch { border: 1px solid #dfdfdf; position: relative; display: inline-block; box-sizing: content-box; padding: 0; margin: 0; cursor: pointer; box-shadow: rgb(223, 223, 223) 0 0 0 0 inset; transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; white-space: nowrap; } .switch small { border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: calc(100% - 30px); transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; background: #fff; display: flex; align-items: center; justify-content: center; } .switch.switch-small { height: 20px; border-radius: 20px; } .switch.switch-small small { width: 20px; height: 20px; right: calc(100% - 20px); } .switch.switch-small > .switch-pane > span { line-height: 20px; } .switch.switch-small > .switch-pane .switch-label-checked { padding-right: 25px; padding-left: 10px; } .switch.switch-small > .switch-pane .switch-label-unchecked { padding-left: 25px; padding-right: 10px; } .switch.switch-medium { height: 30px; border-radius: 30px; } .switch.switch-medium small { width: 30px; height: 30px; right: calc(100% - 30px); } .switch.switch-medium > .switch-pane > span { line-height: 30px; } .switch.switch-medium > .switch-pane .switch-label-checked { padding-right: 35px; padding-left: 15px; } .switch.switch-medium > .switch-pane .switch-label-unchecked { padding-left: 35px; padding-right: 15px; } .switch.switch-large { height: 40px; border-radius: 40px; } .switch.switch-large small { width: 40px; height: 40px; right: calc(100% - 40px); } .switch.switch-large > .switch-pane > span { line-height: 40px; } .switch.switch-large > .switch-pane .switch-label-checked { padding-right: 45px; padding-left: 20px; } .switch.switch-large > .switch-pane .switch-label-unchecked { padding-left: 45px; padding-right: 20px; } .switch.checked { background: rgb(100, 189, 99); } .switch.checked small { right: 0; left: auto; } .switch.checked .switch-pane { top: 0; } .switch.checked .switch-pane .switch-label-checked { display: block; } .switch.checked .switch-pane .switch-label-unchecked { display: none; } .switch.disabled { opacity: 0.5; cursor: not-allowed; } .switch .switch-pane { display: flex; flex-direction: column; height: 100%; min-height: 100%; justify-content: flex-start; align-items: center; top: 0; position: relative; pointer-events: none; } .switch .switch-pane > span { display: block; min-height: 100%; } .switch .switch-pane .switch-label { color: black; } .switch .switch-pane .switch-label-checked { display: none; } .switch .switch-pane .switch-label-unchecked { display: block; } .switch.loading { background-color: #f1f1f1; } .switch.loading small { background-color: transparent; border: none; box-shadow: none; right: 50%; transform: translateX(50%); } .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}/*# sourceMappingURL=default.theme.css.map */ .gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2} .emoji-mart, .emoji-mart * { box-sizing: border-box; line-height: 1.15; } .emoji-mart { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 16px; display: inline-block; color: #222427; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; } .emoji-mart .emoji-mart-emoji { padding: 6px; } .emoji-mart-bar { border: 0 solid #d9d9d9; } .emoji-mart-bar:first-child { border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .emoji-mart-bar:last-child { border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .emoji-mart-anchors { display: flex; flex-direction: row; justify-content: space-between; padding: 0 6px; line-height: 0; } .emoji-mart-anchor { position: relative; display: block; flex: 1 1 auto; color: #858585; text-align: center; padding: 12px 4px; overflow: hidden; transition: color .1s ease-out; margin: 0; box-shadow: none; background: none; border: none; } .emoji-mart-anchor:focus { outline: 0 } .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected { color: #464646; } .emoji-mart-anchor-selected .emoji-mart-anchor-bar { bottom: 0; } .emoji-mart-anchor-bar { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #464646; } .emoji-mart-anchors i { display: inline-block; width: 100%; max-width: 22px; } .emoji-mart-anchors svg, .emoji-mart-anchors img { fill: currentColor; height: 18px; } .emoji-mart-scroll { overflow-y: scroll; height: 270px; padding: 0 6px 6px 6px; will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */ } .emoji-mart-search { margin-top: 6px; padding: 0 6px; position: relative; } .emoji-mart-search input { font-size: 16px; display: block; width: 100%; padding: 5px 25px 6px 10px; border-radius: 5px; border: 1px solid #d9d9d9; outline: 0; } .emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration { /* remove webkit/blink styles for * via https://stackoverflow.com/a/9422689 */ -webkit-appearance: none; } .emoji-mart-search-icon { position: absolute; top: 3px; right: 11px; z-index: 2; padding: 2px 5px 1px; border: none; background: none; } .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; cursor: default; } .emoji-mart-category .emoji-mart-emoji:hover:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; } .emoji-mart-category-label { z-index: 2; position: relative; position: sticky; top: 0; } .emoji-mart-category-label span { display: block; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, .95); } .emoji-mart-category-list { margin: 0; padding: 0; } .emoji-mart-category-list li { list-style: none; margin: 0; padding: 0; display: inline-block; } .emoji-mart-emoji { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; border: none; background: none; box-shadow: none; } .emoji-mart-emoji-native { font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; } .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .emoji-mart-no-results .emoji-mart-category-label { display: none; } .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: .2em; } .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .emoji-mart-preview { position: relative; height: 70px; } .emoji-mart-preview-emoji, .emoji-mart-preview-data, .emoji-mart-preview-skins { position: absolute; top: 50%; transform: translateY(-50%); } .emoji-mart-preview-emoji { left: 12px; } .emoji-mart-preview-data { left: 68px; right: 12px; word-break: break-all; } .emoji-mart-preview-skins { right: 30px; text-align: right; } .emoji-mart-preview-skins.custom { right: 10px; text-align: right; } .emoji-mart-preview-name { font-size: 14px; } .emoji-mart-preview-shortname { font-size: 12px; color: #888; } .emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon { margin-left: .5em; } .emoji-mart-preview-emoticon { font-size: 11px; color: #bbb; } .emoji-mart-title span { display: inline-block; vertical-align: middle; } .emoji-mart-title .emoji-mart-emoji { padding: 0; } .emoji-mart-title-label { color: #999A9C; font-size: 26px; font-weight: 300; } .emoji-mart-skin-swatches { font-size: 0; padding: 2px 0; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff; } .emoji-mart-skin-swatches.custom { font-size: 0; border: none; background-color: #fff; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch { width: 16px; padding: 0 2px; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after { opacity: .75; } .emoji-mart-skin-swatch { display: inline-block; width: 0; vertical-align: middle; transition-property: width, padding; transition-duration: .125s; transition-timing-function: ease-out; } .emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s } .emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s } .emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s } .emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s } .emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s } .emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s } .emoji-mart-skin-swatch.selected { position: relative; width: 16px; padding: 0 2px; } .emoji-mart-skin-swatch.selected:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; background-color: #fff; border-radius: 100%; pointer-events: none; opacity: 0; transition: opacity .2s ease-out; } .emoji-mart-skin-swatch.custom { display: inline-block; width: 0; height: 38px; overflow: hidden; vertical-align: middle; transition-property: width, height; transition-duration: .125s; transition-timing-function: ease-out; cursor: default; } .emoji-mart-skin-swatch.custom.selected { position: relative; width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatch.custom.selected:after { content: ""; width: 0; height: 0; } .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover { background-color: #f4f4f4; border-radius: 10%; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom { width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after { opacity: .75; } .emoji-mart-skin-text.opened { display: inline-block; vertical-align: middle; text-align: left; color: #888; font-size: 11px; padding: 5px 2px; width: 95px; height: 40px; border-radius: 10%; background-color: #fff; } .emoji-mart-skin { display: inline-block; width: 100%; padding-top: 100%; max-width: 12px; border-radius: 100%; } .emoji-mart-skin-tone-1 { background-color: #ffc93a } .emoji-mart-skin-tone-2 { background-color: #fadcbc } .emoji-mart-skin-tone-3 { background-color: #e0bb95 } .emoji-mart-skin-tone-4 { background-color: #bf8f68 } .emoji-mart-skin-tone-5 { background-color: #9b643d } .emoji-mart-skin-tone-6 { background-color: #594539 } /* For screenreaders only, via https://stackoverflow.com/a/19758620 */ .emoji-mart-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Dark mode styles */ .emoji-mart-dark { color: #fff; border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-bar { border-color: #555453; } .emoji-mart-dark .emoji-mart-search input { color: #fff; border-color: #555453; background-color: #2f2f2f; } .emoji-mart-dark .emoji-mart-search-icon svg { fill: #fff; } .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before { background-color: #444; } .emoji-mart-dark .emoji-mart-category-label span { background-color: #222; color: #fff; } .emoji-mart-dark .emoji-mart-skin-swatches { border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-anchor:hover, .emoji-mart-dark .emoji-mart-anchor:focus, .emoji-mart-dark .emoji-mart-anchor-selected { color: #bfbfbf; } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } @charset "UTF-8"; .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button>.vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; /* NOSONAR */ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS, sans-serif; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog>* { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content>* { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; left: -2px; max-height: 15em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content::-webkit-scrollbar { width: 8px; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content::-webkit-scrollbar-track { border-radius: 0; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb { background: #363636; border-radius: 10px; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { z-index: 2; display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-user-select: none; user-select: none; } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .vjs-button>.vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: block; width: 100%; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 2em; /* min-width: 2em; */ padding-left: 4px; padding-right: 4px; width: auto; height: 30px; position: relative; top: 7px; } .vjs-live .vjs-time-control { display: block; } .video-js .vjs-remaining-time { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: block; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: block; } .vjs-time-divider { display: block; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-menu-open { opacity: 1 !important; } .video-js .vjs-play-control { cursor: pointer; } .vjs-play-control { opacity: 0.8; } .vjs-play-control:hover { opacity: 1; } .vjs-volume-panel { opacity: 0.8; } .vjs-volume-panel:hover { opacity: 1; } .vjs-fullscreen-control { opacity: 0.8; } .vjs-fullscreen-control:hover { opacity: 1; } .vjs-picture-in-picture-control { opacity: 0.8; } .vjs-picture-in-picture-control:hover { opacity: 1; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .vjs-playback-rate.vjs-menu-open .vjs-menu { display: block !important; } .vjs-playback-rate { opacity: 0.8; } .vjs-playback-rate:hover { opacity: 1; } .vjs-playback-rate>.vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS, sans-serif; content: ""; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS, sans-serif; content: " "; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { flex: auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting>select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span>select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js>*:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; background: none; } .video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) { outline: none; background: none; } div.vjs-playback-rate { width: 41px !important; border: 2px solid transparent; } div.vjs-playback-rate .vjs-menu { position: absolute; top: 20px; left: -2px; } div.vjs-playback-rate .vjs-menu .vjs-menu-content { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #FFFFFF; color: #000000; } div.vjs-playback-rate .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected { color: #FFFFFF !important; background-color: #FF3D00 !important; } .video-js .vjs-progress-control.vjs-default { bottom: initial !important; } .vjs-resolution-button .vjs-resolution-button-label { position: absolute; left: 0px; top: 15px; width: 100%; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 10em; } .video-js .vjs-controls-disabled .vjs-big-play-button { display: none !important; } .video-js .vjs-control { width: 3em; } .video-js .vjs-control.vjs-time-control { width: auto; } .video-js .vjs-control.vjs-vjsdownload { width: 1.8rem; margin-right: 4px; margin-left: 4px; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:after { top: -16px !important; height: 8px !important; } .video-js .vjs-menu-button-inline:before { width: 1.5em; } .vjs-menu-button-inline .vjs-menu { left: 3em; } .vjs-paused.vjs-has-started.video-js .vjs-big-play-button, .video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button { display: block; } .video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button { display: none !important; } .video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { padding: 0 0.4em 0.3em; } .video-js.vjs-ended .vjs-loading-spinner { display: none; } .video-js.vjs-ended .vjs-big-play-button { display: block !important; } video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started.video-js .vjs-big-play-button { display: block; } .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1.5em; margin-top: -1em; } .video-js .vjs-big-play-button { background-color: rgba(228, 68, 42, 0.91); font-size: 2.5em; border-radius: 3%; height: 1.7em !important; line-height: 1.7em !important; margin-top: -0.85em !important; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus, .video-js .vjs-big-play-button:active { background-color: #e4442a; } .video-js .vjs-loading-spinner { border-color: #e4442a; } .video-js .vjs-control-bar2 { background-color: #000000; } .video-js .vjs-control-bar { opacity: 1 !important; background-color: #000000 !important; color: #ffffff; font-size: 14px; } .video-js .vjs-play-progress, .video-js .vjs-volume-level { background-color: #ffffff; } .video-js .vjs-slider { background-color: #3b3d41; } .video-js .vjs-load-progress { background: rgba(255, 255, 255, 0.4); } .video-js .vjs-big-play-button { border-color: transparent; } .video-js * { outline: none !important; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload { cursor: pointer; display: block; font-family: VideoJS, sans-serif; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload { opacity: 0.8; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:hover { opacity: 1; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:before { display: block; position: relative; top: 4px; content: "\f101"; transform: rotate(90deg); font-size: 1.5em; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:after { display: block; content: " "; width: 4px; height: 5px; background-color: white; position: relative; top: -11px; left: calc(50% - 2px); } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:after, .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload:before { display: none; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload.vjs-menu-open .vjs-download-menu { display: block !important; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload { background: url('dwd_white.1009e2e3df13975d.png') no-repeat center; background-size: contain; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload.downloading { background: url('cloud_only_white.12611dfd94c57e80.png') no-repeat center !important; background-size: contain !important; } @keyframes spin { 100% { transform: rotate(360deg); } } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload { z-index: 9; font-family: "Montserrat", sans-serif !important; } .video-js.vjs-vjsdownload .vjs-button.vjs-vjsdownload.downloading:after { animation: spin 1s linear infinite; background: url('green_circle.5e83ee246d7f1aff.png') no-repeat center !important; background-size: contain !important; display: block; height: 33% !important; width: 50% !important; top: 8px !important; left: 8px !important; } .video-js.vjs-vjsdownload .vjs-download-menu { list-style: none; position: absolute; } .vjs-vjsdownload .vjs-download-menu { display: none; font-size: 14px; transform: translate(-35%, calc(-100% - 14px)); } .vjs-vjsdownload.vjs-control.vjs-button .vjs-download-menu { background-color: rgba(43, 51, 63, 0.7); } .video-js.vjs-vjsdownload .vjs-download-menu li { color: #ccc; cursor: default; display: block; font-family: Arial, Helvetica, sans-serif; /*font-weight: 600;*/ line-height: 1.5; padding: 0.25rem 0.75rem; text-align: left; text-shadow: none !important; white-space: nowrap; opacity: 0.8; } .video-js.vjs-vjsdownload .vjs-download-menu li.downloadable-file { opacity: 1; cursor: pointer; font-weight: 600; font-size: 13px; text-transform: capitalize; } .video-js.vjs-vjsdownload .vjs-download-menu li.downloadable-file:hover { background-color: rgba(255, 255, 255, 0.1); } .video-js { margin: 30px auto; } #test-control-panel { margin: 50px auto; width: 50%; height: auto; background-color: #fff; border: 2px solid #0097b1; display: flex; flex-wrap: wrap; } .control-section { width: 26%; border: 1px #0097b1 solid; padding: 2%; display: flex; flex-direction: column; margin: 5px; } .toolbarPallete { text-align: center; position: relative; } .hidden { display: none; } .toolbarOptions { cursor: pointer; padding: 8px 6px; } .toolbarOptions.separator { /* background-color: rgba(255, 255, 255, 0.6); height: 32px; margin: 0 2px; padding: 0; position: relative; top: 1px; width: 2px; vertical-align: top; */ width: 0; height: 0; padding: 0; } .toolbarOptionsColors { display: inline-block; border: 3px solid #24272E; border-radius: 50%; padding: 15px 15px; border-color: black; } .annotation-color-picker { background-color: #1d1d1d; border-radius: 4px; left: 0px; /* position: absolute; */ top: 65px; line-height: 1; display: block !important; } .annotation-color-picker>div { cursor: pointer; width: 14px; display: inline-block; height: 14px; margin: 5px; border-radius: 1rem; opacity: 0.8; } .annotation-color-picker>div.active { opacity: 1; border: 2px solid #18182D; outline: 2px solid #CCC; } .picker-wrapper { padding: 20px; } .annotation-color-picker>div:hover { opacity: 1; border: 2px solid #18182D; outline: 2px solid #CCC; } .selected-color { background-color: #ED0990; height: 24px; width: 24px; border-radius: 0.325rem; } .vjs-control.vjs-button.vac-player-btn, .vac-control, .vac-controls, .vac-comments-container { display: none !important; } .video-js.vjs-picture-in-picture .vac-canvas { display: none !important; } .video-js.vac-active .vjs-mouse-display { display: none !important; } .video-js.vac-active .vac-marker-owrap, .video-js.vac-active .vac-control { display: block; } .video-js.vac-active .vjs-control-bar { z-index: 2; } .video-js.vac-active .vac-player-btn i.vac-player-icon svg { fill: #FFFFFF !important; } .video-js.vac-active.vjs-has-started .vac-shape { display: block; } .video-js.vac-active.vjs-has-started .vjs-big-play-button { display: none !important; } .video-js.vac-disable-play .vjs-control { cursor: default; } .vac-hidden { display: none !important; } .video-js.vac-disable-fullscreen .vac-player-btn { display: none; } .video-js.vac-disable-play .vac-marker { display: none !important; } .video-js.vac-disable-play .vjs-big-play-button { display: none !important; } /* .video-js.vac-disable-play .vjs-play-control, .video-js.vac-disable-play .vjs-play-progress { visibility: hidden !important; } */ .video-js .vac-button { transition: all .2s ease-in-out; margin: 10px; line-height: 27px; font-size: 13px; padding: 0; width: calc(100% - 20px); text-align: center; border-radius: 2px; background: #FFFFFF; color: white; display: block; cursor: pointer; } .video-js .vac-button:hover { background-color: #10dcff; } .disabledButton { pointer-events: none; opacity: 0.3; } .video-js .vac-button-free { transition: all .2s ease-in-out; margin: 10px; line-height: 27px; font-size: 13px; padding: 0; width: calc(100% - 20px); text-align: center; border-radius: 2px; background: #FFFFFF; color: white; display: block; cursor: pointer; } .video-js .vac-video-cover { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.15); cursor: crosshair; } .video-js .vac-video-cover .vac-video-cover-canvas { width: 100%; height: 100%; position: relative; } .vac-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vac-disable-play.vac-active .vac-canvas { cursor: crosshair; z-index: 1; pointer-events: all; } .video-js .vac-video-write-new-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background-color: rgba(0, 0, 0, 0.7); } .video-js .vac-video-write-new-wrap.vac-new-comment { background-color: rgba(0, 0, 0, 0.4); } .video-js .vac-video-write-new-wrap .vac-video-write-new { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .video-js .vac-video-write-new-wrap .vac-video-write-new>div { width: 80%; max-width: 400px; border-radius: 2px; background: rgba(255, 255, 255, 0.85); padding: 20px; } .video-js .vac-video-write-new-wrap .vac-video-write-new>div h5 { margin: 0; padding: 0; font-size: 15px; color: #000; font-weight: normal; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox { border-radius: 1px; background-color: white; margin-top: 20px; width: 100%; border-bottom: 2px solid #A9A9A9; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox textarea { border: none; font-size: 13px; color: #383838; line-height: 16px; padding: 8px; box-sizing: border-box; min-height: 110px; width: 100%; resize: none; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox>div { padding: 10px; box-sizing: content-box; height: 27px; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox>div button { float: right; width: auto; padding: 0 40px; margin: 0; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox>div a { float: right; font-size: 12px; text-decoration: underline; line-height: 27px; display: inline-block; color: #383838; cursor: pointer; margin-right: 20px; } .video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox>div a:hover { color: #FF0000; } .video-js .vac-video-write-new-wrap .vac-video-write-new.vac-is-comment { display: block; } .video-js .vac-video-write-new-wrap .vac-video-write-new.vac-is-comment .vac-comment-showbox { position: absolute; padding: 0; margin: 0; max-width: none; } .video-js .vac-shape { position: absolute; z-index: 1; display: none; } .video-js .vac-controls, .video-js .vac-add-controls { z-index: 3; position: absolute; border-radius: 2px; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); top: 4px; left: 4px; padding: 4px 0 0 0; font-size: 14px; color: white; width: 150px; display: none; text-align: center; } .video-js .vac-controls i, .video-js .vac-add-controls i { color: #dbdcdc; font-size: 11px; font-style: normal; display: block; padding: 4px 0 0; } .video-js .vac-controls button, .video-js .vac-add-controls button { transition: all .2s ease-in-out; margin: 10px; line-height: 27px; font-size: 13px; padding: 0; width: calc(100% - 20px); text-align: center; border-radius: 2px; background: #FFFFFF; color: white; display: block; cursor: pointer; } .video-js .vac-controls button:hover, .video-js .vac-add-controls button:hover { background-color: #10dcff; } .video-js .vac-controls.vac-add-controls button, .video-js .vac-add-controls.vac-add-controls button { background-color: #A9A9A9; color: #383838; } .video-js .vac-controls.vac-add-controls button:hover, .video-js .vac-add-controls.vac-add-controls button:hover { background-color: #f4e26f; } .video-js .vac-controls.vac-add-controls a, .video-js .vac-add-controls.vac-add-controls a { margin: 3px auto 8px; text-transform: uppercase; display: inline-block; color: white; cursor: pointer; text-decoration: underline; font-size: 10px; } .video-js .vac-controls.vac-add-controls a:hover, .video-js .vac-add-controls.vac-add-controls a:hover { color: #FF0000; } .video-js .vac-controls .vac-annotation-nav, .video-js .vac-controls .vac-video-move, .video-js .vac-add-controls .vac-annotation-nav, .video-js .vac-add-controls .vac-video-move { margin-top: 8px; width: 100%; display: flex; flex-direction: row; } .video-js .vac-controls .vac-annotation-nav div, .video-js .vac-controls .vac-video-move div, .video-js .vac-add-controls .vac-annotation-nav div, .video-js .vac-add-controls .vac-video-move div { flex: 1; background-color: rgba(0, 0, 0, 0.8); text-align: center; line-height: 22px; color: #A9A9A9; transition: all .2s ease-in-out; cursor: pointer; font-size: 12px; } .video-js .vac-controls .vac-annotation-nav div:hover, .video-js .vac-controls .vac-video-move div:hover, .video-js .vac-add-controls .vac-annotation-nav div:hover, .video-js .vac-add-controls .vac-video-move div:hover { background-color: #A9A9A9; color: #000; } .video-js .vac-controls .vac-annotation-nav div.vac-a-prev, .video-js .vac-controls .vac-video-move div.vac-a-prev, .video-js .vac-add-controls .vac-annotation-nav div.vac-a-prev, .video-js .vac-add-controls .vac-video-move div.vac-a-prev { margin-right: 1px; } .video-js .vac-cursor-tool-tip { position: absolute; border-radius: 100%; z-index: 999; display: inline-block; white-space: nowrap; } .video-js .vac-player-btn { margin-right: 8px; cursor: pointer; } .video-js .vac-player-btn i.vac-player-icon svg { fill: white; transition: fill .2s ease-in-out; } .video-js .vac-player-btn i.vac-player-icon:hover svg { fill: #5ce7ff; } .video-js .vac-player-btn b { position: absolute; display: inline-block; top: 3px; right: 3px; color: #FFF; height: 14px; line-height: 14px; min-width: 14px; text-align: center; border-radius: 9px; font-size: 10px; font-weight: normal; background-color: #FF0000; } .video-js .vac-marker-owrap { display: none; z-index: 10; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .video-js .vac-marker-owrap .vac-marker-wrap { margin: 0 10px; height: 100%; position: relative; flex: auto; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable { position: absolute; width: 7px; margin-left: 0px; height: 30px; bottom: 6px; background: #FFFFFF; border-radius: 2px; cursor: pointer; transition: all .2s ease-in-out; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip { opacity: 1 !important; background: #A9A9A9; height: 35px; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering>div, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip>div, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering>div, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip>div { display: block; opacity: 1; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip.vac-ranged-marker { box-shadow: 7px 0 0 0 #A9A9A9 inset; background-color: rgba(169, 169, 169, 0.65); } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-active, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-active { background-color: #A9A9A9; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-active.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-active.vac-ranged-marker { box-shadow: 7px 0 0 0 #A9A9A9 inset; background-color: rgba(169, 169, 169, 0.8); } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-ranged-marker { background-color: rgba(255, 255, 255, 0.8); } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-marker-draggable, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-marker-draggable { border: 1px solid white; min-width: 7px !important; } /* .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker>div, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable>div { width: 100%; position: relative; display: none; opacity: 0; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } */ .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker>div span, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable>div span { text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #A9A9A9; display: block; position: absolute; max-width: 250px; bottom: -1px; line-height: 26px; height: 28px; overflow: hidden; padding: 0 5px; box-sizing: border-box; border-radius: 1px; background: rgba(0, 0, 0, 0.8); color: white; font-family: Arial , sans-serif; font-size: 12px; left: 0px; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker>div span b, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable>div span b { color: #A9A9A9; display: inline-block; margin-right: 5px; font-weight: normal; } .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker>div span.vac-right-side, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable>div span.vac-right-side { left: auto; right: 0px; } .video-js .vac-marker-owrap .vac-marker-wrap.vac-dim-all .vac-marker { height: 30px; opacity: .4; } .video-js .vac-marker-owrap .vac-marker-wrap.vac-dim-all .vac-marker.vac-force-tooltip>div { display: none; } .video-js .vac-comments-container { position: absolute; right: 0; top: 0; width: 15%; min-width: 225px; z-index: 11; background-color: rgba(255, 255, 255, 0.6); height: calc(100% - 42px); box-sizing: border-box; transition: all .15s linear; } .video-js .vac-comments-container:hover, .video-js .vac-comments-container.vac-active { width: 60%; max-width: 480px; } .video-js .vac-comments-container:hover .vac-comments-wrap, .video-js .vac-comments-container.vac-active .vac-comments-wrap { opacity: 1; } .video-js .vac-comments-container:hover.vac-active .vac-add-new-shapebox, .video-js .vac-comments-container.vac-active.vac-active .vac-add-new-shapebox { display: block; } .video-js .vac-comments-container:hover.vac-active .vac-reply-btn, .video-js .vac-comments-container.vac-active.vac-active .vac-reply-btn { display: none; } .video-js .vac-comments-container .vac-comments-wrap { opacity: .9; height: calc(100% - 26px); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 10px; border-left: 1px solid #dbdcdc; } .video-js .vac-comments-container .vac-comments-wrap::-webkit-scrollbar { width: 6px; background-color: transparent; } .video-js .vac-comments-container .vac-comments-wrap::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #383838; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment { border-radius: 1px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.43); } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header { width: 100%; padding: 2px 5px; color: #FFF; background-color: #383838; text-align: left; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header:hover .vac-delete-comment { display: inline; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name, .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp { display: inline-block; line-height: 16px; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name.vac-author-name, .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp.vac-author-name { font-weight: bold; text-align: left; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name.vac-timestamp, .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp.vac-timestamp { float: right; text-align: right; font-size: 10px; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-delete-comment { display: none; cursor: pointer; color: #FF0000; } .video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-body { width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 10px; background-color: #fff; color: #000; font-size: 13px; line-height: 16px; text-align: left; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 1px solid white; } .video-js .vac-comments-container .vac-comments-wrap .vac-reply-btn { margin: 10px 0 0 0; width: 100%; } .video-js .vac-comments-container .vac-comments-wrap .vac-add-new-shapebox { margin: 10px 0 0 0; border-radius: 2px; height: 157px; padding: 0; color: orange; display: none; } .video-js .vac-comments-container .vac-comments-control-bar { height: 26px; border-bottom: 1px solid #A9A9A9; line-height: 26px; padding: 0 10px; box-sizing: border-box; width: 100%; background: #000; } .video-js .vac-comments-container .vac-comments-control-bar .vac-range, .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons { display: inline-block; width: 49%; } .video-js .vac-comments-container .vac-comments-control-bar .vac-range.vac-range, .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons.vac-range { float: left; text-align: left; color: #A9A9A9; } .video-js .vac-comments-container .vac-comments-control-bar .vac-range.vac-range b, .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons.vac-range b { color: white; } .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons { float: right; text-align: right; font-size: 10px; } .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a { margin: 0 4px; cursor: pointer; color: red; } .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a.vac-close-comment-list { color: white; } .video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a:hover { text-decoration: underline; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1em; line-height: 2; text-align: center; top: 5px; font-weight: bold; } .video-js .canvas-free { position: absolute; border: 2px dotted #A9A9A9; left: 0%; top: 0%; width: 100%; height: 100%; } .video-js .canvas-free-render { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; } .canvas-container { width: 100px; /* background-color: #000; */ } .vjs-big-play-button { cursor: pointer; } .vjs-progress-control.vjs-control { position: absolute; width: 100%; height: 0; border-radius: 6px; } .video-js .vjs-progress-control .vjs-progress-holder { height: 4px; border-radius: 6px; } .video-js .vjs-progress-holder .vjs-load-progress { height: 4px; border-radius: 6px; } .video-js .vjs-play-progress { background-color: #e6431e; border-radius: 6px; } .video-js .vac-toggle-annot-display { cursor: pointer; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .video-js .vac-toggle-annot-display { opacity: 0.8; } .video-js .vac-toggle-annot-display:hover { opacity: 1; } .vac-marker.vac-ranged-marker, .video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable { height: 24px !important; bottom: -12px !important; } /* .video-js.vac-active.vac-disable-play .vjs-control-bar { background-color: transparent !important; } */ .vac-marker /*, .video-js.vac-active.vac-disable-play .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal, .video-js.vac-active.vac-disable-play .vjs-picture-in-picture-control.vjs-control.vjs-button, .video-js.vac-active.vac-disable-play .vjs-fullscreen-control.vjs-control.vjs-button, .video-js.vac-active.vac-disable-play .vjs-remaining-time.vjs-time-control.vjs-control, .video-js.vac-active.vac-disable-play .vjs-vjsdownload.vjs-control.vjs-button*/ { display: none; } .vac-disable-play.video-js .vjs-play-progress:before { display: none; } .vjs-duration-display { display: inline-flex !important } .vjs-duration-display .format-types { display: none; position: absolute; top: -61px; left: -63px; text-align: center; z-index: 9; line-height: 1em; } .vjs-duration-display .format-types.full-screen { top: -61px !important; } .vjs-duration-display .format-types.active { display: block; } .vjs-duration-display .format-types .std-format, .frame-format { width: 107px; border: 1px solid #E8E6E6; height: 30px; color: #1d1d1d; background-color: #E8E6E6; line-height: 1.5em; cursor: pointer; } .vjs-duration-display .format-types .frame-format.active, .std-format.active { background-color: #FF3D00 !important; color: #FFFFFF !important; } .vjs-duration .caret { transition: transform 0.15s linear; transform: rotate(90deg); font-size: 10px; } .vjs-duration .caret.active { transition: transform 0.15s linear; transform: rotate(-90deg); } .vjs-current-time { border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer !important; padding-left: 0.25em !important; } .vjs-time-divider { border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer !important; } .vjs-duration { border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer !important; } .vjs-current-time.active { border-left: 1px solid #E8E6E6; border-top: 1px solid #E8E6E6; border-bottom: 1px solid #E8E6E6; border-bottom-left-radius: 3px; background: #080d10; } .vjs-current-time.full-screen { border-top-left-radius: initial !important; border-bottom-left-radius: 3px; } .vjs-time-divider.active { border-top: 1px solid #E8E6E6; border-bottom: 1px solid #E8E6E6; background: #080d10; } .vjs-duration.active { border-right: 1px solid #E8E6E6; border-top: 1px solid #E8E6E6; border-bottom: 1px solid #E8E6E6; background: #080d10; border-bottom-right-radius: 3px; } .vjs-duration.full-screen { border-top-right-radius: initial !important; border-bottom-right-radius: 3px; } .vac-marker-draggable .before-arrow { position: absolute; cursor: ew-resize; transform: rotate(180deg); left: -9px; top: 6px; font-size: 10px; } .vac-marker-draggable .marker { width: 100%; height: 100%; background-color: black; cursor: grab; } .vac-marker-draggable .after-arrow { position: absolute; cursor: ew-resize; right: -9px; top: 6px; font-size: 10px; } .vac-marker-draggable .start-pin { width: 7px; height: 24px; background-color: black; border: 1px solid white; } body .video-container.portfolio-video-container .video-js.vjs-fullscreen .vjs-control.vjs-button.vjs-ellipsis-icon { display: none !important; } .vjs-control.vjs-button.vjs-ellipsis-icon { position: absolute; right: 0px; text-align: right; top: -2px; width: auto; } .vjs-control.vjs-button.vjs-ellipsis-icon:before { content: '\22EE'; font-size: 1.25rem; font-weight: bold; } .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-fullscreen-control.vjs-control.vjs-button, .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-duration.vjs-time-control.vjs-control, .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-time-control.vjs-time-divider, .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-current-time.vjs-time-control.vjs-control, .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal, .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-play-control.vjs-control.vjs-button { pointer-events: none; opacity: 0; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button { height: 24px; width: 2rem !important; top: 6px; left: -100px !important; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu { display: none !important; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-playback-rate-value { top: 0; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-vjsdownload.vjs-control.vjs-button { top: 9px !important; right: -20px; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-picture-in-picture-control.vjs-control.vjs-button { right: 1rem !important; top: 6px; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-picture-in-picture-control.vjs-control.vjs-button .vjs-icon-placeholder:before { top: -7px; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-playback-rate.vjs-hover { border-color: transparent !important; } body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button, body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-vjsdownload.vjs-control.vjs-button, body .video-container.portfolio-video-container .video-js:not(.vjs-fullscreen) .vjs-control-bar.three-dot-menu-hovered:not(.vjs-fullscreen) .vjs-picture-in-picture-control.vjs-control.vjs-button { display: block !important; height: 20px; } .vjs-resolution-button { color: #FFFFFF; font-family: VideoJS, sans-serif; width: 3.7em !important; opacity: 0.8; } .vjs-resolution-button:hover { opacity: 1; } .vjs-resolution-button>.vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-resolution-button .vjs-resolution-button-staticlabel { pointer-events: none; font-size: 1.5em; line-height: 3.5; text-align: center; } /* .vjs-resolution-button .vjs-resolution-button-staticlabel:before { content: '\f110'; font-size: 1.8em; line-height: 1.67; } */ .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: none; } .vjs-resolution-button .vjs-menu .vjs-selected { background-color: #fff !important; color: #2B333F !important; } .vjs-resolution-button .vjs-resolution-button-label { pointer-events: none; font-size: 1em; font-weight: 600; line-height: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; box-sizing: inherit; font-family: Arial, Helvetica, sans-serif; } .vjs-resolution-button ul.vjs-menu-content { width: 4em !important; } .vjs-resolution-button .vjs-menu { left: -4px; bottom: 0; } .vjs-resolution-button .vjs-menu li { text-transform: none; font-size: 1em; font-family: Arial, Helvetica, sans-serif; } .vjs-control-bar .subtitle-menu-container { display: none; position: absolute; bottom: 2.6125rem; left: 50%; transform: translateX(-50%); width: 320px; background-color: rgba(43, 51, 63, 0.7); color: #ccc; padding: 12px 10px; border-radius: 2px; } .vjs-control-bar .subtitle-menu-container * { text-shadow: none !important; } .vjs-control-bar.subtitle-menu-open .subtitle-menu-container { display: block; } .vjs-control-bar .subtitle-menu-container .subtitle-label { text-align: left; font-size: 14px; margin-bottom: 14px; } .subtitle-menu-container .subtitle-menu-item { display: flex; align-content: center; } .subtitle-menu-container .subtitle-menu-item .file-name-label { margin-right: auto; } .subtitle-menu-container .subtitle-menu-item .file-download { cursor: pointer; margin-left: auto; } .subtitle-menu-container .subtitle-menu-item .file-download:hover { opacity: 0.8; } .subtitle-menu-container .subtitle-menu-item { display: flex; align-items: center; } .subtitle-menu-container .vjs-subtitle-toggle { margin-top: -10px; margin-right: 8px; } .subtitle-menu-container .file-name-label { flex: 1; text-align: left; } /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}.ql-bubble{box-sizing:border-box}.ql-bubble *{box-sizing:border-box}.ql-bubble .ql-hidden{display:none}.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}.ql-bubble .ql-formats:after{clear:both;content:'';display:table}.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}.ql-bubble .ql-empty{fill:none}.ql-bubble .ql-even{fill-rule:evenodd}.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}.ql-bubble .ql-transparent{opacity:.4}.ql-bubble .ql-direction svg:last-child{display:none}.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}.ql-bubble .ql-direction.ql-active svg:first-child{display:none}.ql-bubble .ql-editor h1{font-size:2em}.ql-bubble .ql-editor h2{font-size:1.5em}.ql-bubble .ql-editor h3{font-size:1.17em}.ql-bubble .ql-editor h4{font-size:1em}.ql-bubble .ql-editor h5{font-size:.83em}.ql-bubble .ql-editor h6{font-size:.67em}.ql-bubble .ql-editor a{text-decoration:underline}.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-bubble .ql-editor img{max-width:100%}.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-bubble .ql-picker.ql-header{width:98px}.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-bubble .ql-picker.ql-font{width:108px}.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-bubble .ql-picker.ql-size{width:98px}.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}.ql-bubble .ql-color-picker svg{margin:1px}.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}.ql-bubble .ql-tooltip-editor{display:none}.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\00D7";font-size:16px;font-weight:bold}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:normal;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease 200ms;visibility:hidden}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after{visibility:visible} /*# sourceMappingURL=quill.bubble.css.map*/ /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc} /*# sourceMappingURL=quill.snow.css.map*/ .ql-mention-list-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);overflow:auto;width:270px;z-index:9001}.ql-mention-loading{font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list{list-style:none;margin:0;overflow:hidden;padding:0}.ql-mention-list-item{cursor:pointer;font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list-item.disabled{cursor:auto}.ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.mention{background-color:#d3e1eb;border-radius:6px;height:24px;margin-right:2px;padding:3px 0;-webkit-user-select:all;user-select:all;width:65px}.mention>span{margin:0 3px} /** color **/ .c-mtm-brand { color: #FF5900 !important; } .c-full-white { color: #ffffff !important; } .c-mtm-black { color: #1C202C !important; } .c-mtm-red { color: #FF4A6D !important; } .c-mtm-purple { color: #69699D !important; } .c-mtm-green { color: #6DC58F !important; } .c-mtm-dark-purple { color: #2E2E53 !important; } .c-mtm-orange { color: #FF5900 !important; } .c-mtm-full-black { color: #000000 !important; } .c-mtm-purple { border-color: #69699D !important; } .b-mtm-brand { background-color: #FF5900 !important; } .b-mtm-brand-secondary { background-color: #FD5021 !important; } .b-mtm-red-light { background-color: #EB4545 !important; } .b-mtm-full-white { background-color: #ffffff !important; } .b-mtm-red { background-color: #FF4A6D !important; } .b-mtm-black { background-color: #1C202C !important; } .b-mtm-green { background-color: #6DC58F !important; } .b-mtm-grey { background-color: #ECEEF4 !important; } .b-purple-default { background-color: #E0E6FA !important; } .br-brand { border-color: #FF5900 !important; } .br-white { border-color: #ffffff !important; } .br-purple { border-color: #69699D !important; } .t-uppercase { text-transform: uppercase; } ._bold { font-weight: bold !important; } ._600 { font-weight: 600 !important; } ._700 { font-weight: 700 !important; } ._800 { font-weight: 800 !important; } .b-r-4 { border-radius: 4px; } .mtm-icon { background-position: center; background-repeat: no-repeat; background-size: contain; } .mtm-icon-share-link { background-image: url("/assets/img/icons/review-link/copy-link-red-dark.svg"); } .mtm-icon-share-link-red { background-image: url("/assets/img/icons/review-link/copy-link-red.svg"); } .mtm-icon-side-by-side { background-image: url("/assets/img/icons/side-by-side.svg"); } .mtm-icon-above-and-below { background-image: url("/assets/img/icons/above-and-below.svg"); } .mtm-icon-back { background-image: url("/assets/img/back_icon.svg"); } .mtm-icon-draw { background-image: url("/assets/img/icons/draw.svg"); } .mtm-icon-align-left { background-image: url("/assets/img/icons/align-left.svg"); } .mtm-icon-align-left.active, .mtm-icon-align-left:hover { background-image: url("/assets/img/icons/align-left-hover.svg"); } .mtm-icon-align-right { background-image: url("/assets/img/icons/align-right.svg"); } .mtm-icon-align-right.active, .mtm-icon-align-right:hover { background-image: url("/assets/img/icons/align-right-hover.svg"); } .mtm-icon-align-center { background-image: url("/assets/img/icons/align-center.svg"); } .mtm-icon-align-center.active, .mtm-icon-align-center:hover { background-image: url("/assets/img/icons/align-center-hover.svg"); } .mtm-icon-align-top { background-image: url("/assets/img/icons/align-top.svg"); } .mtm-icon-align-top.active, .mtm-icon-align-top:hover { background-image: url("/assets/img/icons/align-top-hover.svg"); } .mtm-icon-align-bottom { background-image: url("/assets/img/icons/align-bottom.svg"); } .mtm-icon-align-bottom.active, .mtm-icon-align-bottom:hover { background-image: url("/assets/img/icons/align-bottom-hover.svg"); } .mtm-icon-folder-open { background-image: url("/assets/img/icons/folder-open.svg"); } .mtm-icon-folder-closed { background-image: url("/assets/img/icons/folder-closed.svg"); } .mtm-icon-pin { background-image: url("/assets/img/icons/pin.svg"); } .mtm-icon-plane { background-image: url("/assets/img/icons/plane.svg"); } .mtm-icon-smile { background-image: url("/assets/img/icons/smile.svg"); } .mtm-icon-task-icon { background-image: url("/assets/img/icons/task-icon.svg"); } .mtm-icon-task-icon-black { background-image: url("/assets/img/icons/task-icon-black.svg"); } .mtm-icon-crown-red { background-image: url("/assets/img/icons/crown-red.svg"); } .mtm-icon-calendar-black { background-image: url("/assets/img/icons/calendar-black.svg"); } .mtm-icon-add { background-image: url("/assets/img/icons/add-icon.svg"); } .mtm-icon-union-green { background-image: url("/assets/img/icons/union-green.svg"); } .mtm-icon-union-gray { background-image: url("/assets/img/icons/union-gray.svg"); } .mtm-icon-union-orange { background-image: url("/assets/img/icons/union-orange.svg"); } .mtm-icon-union-white { background-image: url("/assets/img/icons/union-white.svg"); } .mtm-icon-camera-black { background-image: url("/assets/img/icons/camera-black.svg"); } .mtm-icon-share-icon { background-image: url("/assets/img/icons/share-icon.svg"); } .mtm-icon-edit-pencil-circle { background-image: url("/assets/img/icons/edit-pencil-circle.svg"); } .mtm-icon-upload-icon-circle { background-image: url("/assets/img/icons/upload-icon-circle.svg"); } .mtm-icon-section-tree { background-image: url("/assets/img/icons/section-icon-tree.svg"); } .mtm-icon-sub-section-tree { background-image: url("/assets/img/icons/sub-section-icon-tree.svg"); } .mtm-icon-topic-tree { background-image: url("/assets/img/icons/topic-icon-tree.svg"); } .mtm-icon-option-tree { background-image: url("/assets/img/icons/option-icon-tree.svg"); } .mtm-icon-version-tree { background-image: url("/assets/img/icons/version-icon-tree.svg"); } .mtm-icon-polygon-left { background-image: url("/assets/img/polygon-left.svg"); } .mtm-icon-polygon-right { background-image: url("/assets/img/polygon-right.svg"); } .mtm-icon-add-user { background-image: url("/assets/img/icons/add-user.svg"); } .mtm-icon-add-group { background-image: url("/assets/img/icons/add-group.svg"); } .mtm-icon-import-team { background-image: url("/assets/img/icons/import-team.svg"); } .mtm-icon-subtitle-file { background-image: url("/assets/img/icons/subtitle-file.svg"); } .mtm-icon-download-green { background-image: url("/assets/img/icons/download-green.svg"); } .w-18 { width: 18px; } .h-18 { height: 18px; } .w-24 { width: 24px; } .h-24 { height: 24px; } .w-28 { width: 28px; } .h-28 { height: 28px; } .w-50 { width: 50%; } .w-25 { width: 25%; } .pointer { cursor: pointer; } .text { cursor: text; } .rounded-modal .modal-content { border-radius: 15px; } a.btn.disabled { cursor: not-allowed !important; } .mtm-button { border-radius: 0.25rem; padding: 0.25rem 1rem; text-decoration: none; } .mtm-button:hover { opacity: 0.8; text-decoration: none; } .mtm-button.mtm-main-button { color: #ffffff; background-color: #ff5900; } .mtm-button.mtm-main-button:hover { color: #ffffff; background-color: rgba(255, 89, 0, 0.9) !important; } .mtm-button.mtm-white-button { background-color: #ffffff; border: 1px solid #D4D4DE; } .mtm-button.mtm-border-white-button { border: 2px solid #ffffff; } .mtm-button.mtm-border-orange-button { border: 2px solid #ff5900; } .mtm-button.mtm-border-button { border: 1px solid #000; } .mtm-button.mtm-grey-button { background-color: #CDD3E4; } .mtm-button.mtm-black-button { background-color: #18182D; } .manage-storage-modal .modal-dialog, .transfer-ownership-modal .modal-dialog, .delete-files-modal .modal-dialog, .add-or-remove-storage-modal .modal-dialog { max-width: 800px; } .add-new-company-user-modal .modal-dialog { max-width: 500px !important; } .add-new-company-user-modal .modal-dialog .modal-body { min-width: 500px !important; } /* .responsive-modal { width: calc(100vw - 80px); padding-left: 80px; @media screen and (min-width: 992px) { width: auto; padding-left: 0; } } */ .mtm-checkbox { display: block; position: relative; padding-left: 20px; cursor: pointer; font-size: 16px; -webkit-user-select: none; user-select: none; } .mtm-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .mtm-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 4px; background-color: rgba(255, 255, 255, 0); border: 2px solid #eee; } .mtm-checkbox:hover input~.checkmark { background-color: rgba(255, 255, 255, 0.2); } .mtm-checkbox input:checked~.checkmark { background-color: white; } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .mtm-checkbox.double-tick input:checked~.checkmark:before, .mtm-checkbox input:checked~.checkmark:after { display: block; } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox.double-tick .checkmark:after { width: 5px; height: 9px; } .mtm-checkbox.double-tick .checkmark:after { top: 5px; left: 7px; } .mtm-checkbox.double-tick .checkmark:before { top: 1px; left: 7px; } .mtm-checkbox.double-tick.mtm-checkbox-green .checkmark:before, .mtm-checkbox.mtm-checkbox-green .checkmark:after { border-color: #4FC18E; } .mtm-checkbox.double-tick.mtm-checkbox-red .checkmark:before, .mtm-checkbox.mtm-checkbox-red .checkmark:after { border-color: #E94913; } .comparer-container .drawing-hidden.video-player .video-js.vjs-fluid { padding-top: 24rem !important; } .comparer-container .slider-opacity .ngx-slider.animate .ngx-slider-pointer { transition: none; } .comparer-container .slider-opacity .ngx-slider-limit, .comparer-container .slider-opacity .ngx-slider-model-value { display: none; } .comparer-container .slider-opacity .ngx-slider .ngx-slider-pointer { background-color: #ffffff; top: -10px; width: 24px; height: 24px; } .comparer-container .slider-opacity .ngx-slider .ngx-slider-pointer::after { background-color: #E94913; width: 16px; height: 16px; position: absolute; top: 4px; left: 4px; border-radius: 8px; } mtm-version-comparer .above-and-below mtm-media-player .media-player-container { pointer-events: none !important; } mtm-version-comparer .above-and-below mtm-media-player .media-player-container .vjs-big-play-button { display: none !important; } .timer-caption-editor .vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue>div { font-size: 101% !important; } .media-player-preview.modal .modal-dialog { width: 780px; } mtm-subtitle-style-control * { font-size: 12px; } .conversation-container simple-chat-popup .chat-messages { background-color: #ffffff; } .conversation-container simple-chat-popup .chat-messages .chat-input-message { border-top: 1px solid #e2e6ec !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } .conversation-container simple-chat-popup .text-secondar { color: red; } .conversation-container simple-chat-popup .emoji-mart { right: auto !important; top: auto !important; bottom: 44px; } .conversation-container simple-chat-popup .emoji-mart .emoji-mart-scroll { height: 172px !important; } .conversation-container mtm-group-chat-picture .group-container { border: 2px solid #EEF2F9; } .conversation-container mtm-user-profile-picture .icon-image, .conversation-container mtm-user-profile-picture .icon-color { border: 2px solid #EEF2F9; } key-file .loader-container .text-secondar { color: red; } .dashboard-container .task-info-detail { max-width: 218px !important; min-width: 218px !important; } .team-data-list-container .folder-table-row { box-shadow: none !important; } .team-data-list-container.rightbar-blocks-no-collapsed .leftbadge .file-info .nameFileFolder { font-size: 14px !important; margin-left: 6px !important; margin-bottom: 22px !important; } .team-data-list-container.rightbar-blocks-no-collapsed .leftbadge .small-list-view .file-info { padding-right: 0 !important; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge { min-width: 0 !important; flex-basis: 0 !important; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge .badgebtn-container { right: unset !important; left: 45px; bottom: 10px !important; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge li.mt-1 { margin-top: 0 !important; font-size: 0.625rem !important; width: 1.25rem !important; height: 18px; } .task-dropdown-menu .task-dropdown-item { cursor: pointer; font-size: 12px; padding: 6px 8px; } .task-dropdown-menu .task-dropdown-item.dropdown-item:active { background-color: #e9ecef; } mtm-create-task .description-editor-nav { border-top-left-radius: 8px; border-top-right-radius: 8px; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor { flex-flow: column-reverse; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor emoji-mart { bottom: 22px; right: 0; left: auto; top: auto; } .task-main-page-component .single-task-content .task-info-detail { max-width: auto; min-width: auto; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin { right: 4px; bottom: 5px; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile { right: 20px; bottom: 5px; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin, mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile { position: absolute !important; right: 0 !important; bottom: 4px !important; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin::after mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile::after { content: ""; width: 100%; background-color: #e2e6ec; height: 16px; } mtm-create-task .description-editor-nav mtm-text-editor .mtm-text-editor.expandable .mtm-text-editor-element { width: 100%; font-size: 13px; padding: 6px 8px !important; height: auto !important; min-height: 53px !important; } mtm-create-task .task-related-to-dropdown .mtm-assets-dropdown .items-list { border-radius: 10px 10px 0 0 !important; border-top: 1px solid #e2e6ec !important; border-bottom: none !important; transform: translateY(calc(-100% - 32px)); top: auto !important; } mtm-create-task .task-related-to-dropdown .mtm-assets-dropdown .mtm-assets-item.root.open { border-radius: 0 0 10px 10px !important; } mtm-create-task mtm-text-editor emoji-mart.emoji-mart { display: block !important; } //for workspace mtm-create-task-w2 component mtm-create-task-w2 .description-editor-nav { border-top-left-radius: 8px; border-top-right-radius: 8px; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor { flex-flow: column-reverse; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor emoji-mart { bottom: 22px; right: 0; left: auto; top: auto; } .task-main-page-component .single-task-content .task-info-detail { max-width: auto; min-width: auto; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin { right: 4px; bottom: 5px; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile { right: 20px; bottom: 5px; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin, mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile { position: absolute !important; right: 0 !important; bottom: 4px !important; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-pin::after mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor .mtm-icon-smile::after { content: ""; width: 100%; background-color: #e2e6ec; height: 16px; } mtm-create-task-w2 .description-editor-nav mtm-text-editor .mtm-text-editor.expandable .mtm-text-editor-element { width: 100%; font-size: 13px; padding: 6px 8px !important; height: auto !important; min-height: 53px !important; } mtm-create-task-w2 .task-related-to-dropdown .mtm-assets-dropdown .items-list { border-radius: 10px 10px 0 0 !important; border-top: 1px solid #e2e6ec !important; border-bottom: none !important; transform: translateY(calc(-100% - 32px)); top: auto !important; } mtm-create-task-w2 .task-related-to-dropdown .mtm-assets-dropdown .mtm-assets-item.root.open { border-radius: 0 0 10px 10px !important; } mtm-create-task-w2 mtm-text-editor emoji-mart.emoji-mart { display: block !important; } quill-editor .ql-emojiblot .ap, quill-editor #emoji-palette #tab-panel .ap { margin-top: 0; } quill-editor .quill-mention-list { max-height: 320px; overflow: auto; } .mention { background-color: rgba(232, 66, 6, 0.1) !important; color: #ff5900 !important; font-size: 14px !important; } .has-float-label { display: block; position: relative; label, > span { position: absolute; cursor: text; font-size: 75%; opacity: 1; transition: all 0.2s; left: 0.75rem; z-index: 3; line-height: 1; padding: 0 1px; &::after { content: " "; display: block; position: absolute; background: #fff; height: 2px; top: 50%; left: -0.2em; right: -0.2em; z-index: -1; } } .form-control { &::-webkit-input-placeholder { opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; } &:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 1; } &:placeholder-shown:not(:focus) + * { opacity: 0.5; } } } .input-group { .has-float-label { display: table-cell; .form-control { border-radius: 0.25rem; } &:not(:last-child), &:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0; } &:not(:first-child), &:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; } } } .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}/*# sourceMappingURL=default.theme.css.map */ .ag-filter-panel-buttons { display: flex; justify-content: flex-end; overflow: hidden; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0; flex-wrap: wrap; gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-filter-panel-buttons-button { line-height: 1.5; } .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button { color: var(--ag-filter-panel-apply-button-color); background-color: var(--ag-filter-panel-apply-button-background-color); } .ag-filter-panel > *:where(:last-child) { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-row.ag-row-pinned-source { color: var(--ag-pinned-source-row-text-color); background-color: var(--ag-pinned-source-row-background-color); font-weight: var(--ag-pinned-source-row-font-weight); } .ag-row.ag-row-pinned { color: var(--ag-pinned-row-text-color); background-color: var(--ag-pinned-row-background-color); font-weight: var(--ag-pinned-row-font-weight); } .ag-floating-top-viewport { border-bottom: var(--ag-pinned-row-border); } .ag-floating-bottom-viewport { border-top: var(--ag-pinned-row-border); } .ag-measurement-container { --ag-legacy-styles-loaded: "true"; } .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; font-family: inherit; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-column-arrow { font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color)); } .ag-icon-column-arrow::before { content: var(--ag-icon-font-code-column-arrow, "\f13a"); display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display)); } .ag-icon-column-arrow::after { background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image)); display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-un-pin { font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color)); } .ag-icon-un-pin::before { content: var(--ag-icon-font-code-un-pin, "\f13b"); display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display)); } .ag-icon-un-pin::after { background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pinned-bottom { font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color)); } .ag-icon-pinned-bottom::before { content: var(--ag-icon-font-code-pinned-bottom, "\f13e"); display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display)); } .ag-icon-pinned-bottom::after { background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image)); display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pinned-top { font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color)); } .ag-icon-pinned-top::before { content: var(--ag-icon-font-code-pinned-top, "\f13f"); display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display)); } .ag-icon-pinned-top::after { background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image)); display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chevron-up { font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color)); } .ag-icon-chevron-up::before { content: var(--ag-icon-font-code-chevron-up, "\f140"); display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display)); } .ag-icon-chevron-up::after { background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chevron-down { font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color)); } .ag-icon-chevron-down::before { content: var(--ag-icon-font-code-chevron-down, "\f141"); display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display)); } .ag-icon-chevron-down::after { background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chevron-left { font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color)); } .ag-icon-chevron-left::before { content: var(--ag-icon-font-code-chevron-left, "\f142"); display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display)); } .ag-icon-chevron-left::after { background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chevron-right { font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color)); } .ag-icon-chevron-right::before { content: var(--ag-icon-font-code-chevron-right, "\f143"); display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display)); } .ag-icon-chevron-right::after { background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter-add { font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color)); } .ag-icon-filter-add::before { content: var(--ag-icon-font-code-filter-add, "\f144"); display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display)); } .ag-icon-filter-add::after { background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-edit { font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color)); } .ag-icon-edit::before { content: var(--ag-icon-font-code-edit, "\f145"); display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display)); } .ag-icon-edit::after { background-image: var(--ag-icon-image-edit, var(--ag-icon-image)); display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-tooltip-error-background-color: color-mix( in srgb, var(--ag-background-color), var(--ag-invalid-color) 10% ); --ag-tooltip-error-text-color: var(--ag-invalid-color); --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%); --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #bbb; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-range-header-highlight-color: color-mix( in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 8% ); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-color: var(--ag-secondary-border-color); --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-full-row-invalid-background-color: color-mix( in srgb, var(--ag-background-color), var(--ag-invalid-color) 25% ); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-error-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-pagination-panel-height: var(--ag-header-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-row-numbers-selected-color: #bbb; --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-chart-menu-panel-width: var(--ag-tab-min-width); --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-find-match-color: var(--ag-foreground-color); --ag-find-active-match-color: var(--ag-foreground-color); --ag-find-match-background-color: #ffff00; --ag-find-active-match-background-color: #ffa500; --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%); --ag-cell-batch-edit-text-color: #422f00; --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color); --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color); --ag-filter-panel-apply-button-color: var(--ag-foreground-color); --ag-filter-panel-apply-button-background-color: var(--ag-background-color); --ag-filter-panel-card-subtle-color: var(--ag-foreground-color); --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color); } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } .ag-sticky-bottom { border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-root-wrapper, .ag-popup { --ag-indentation-level: 0; } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -webkit-user-select: none; user-select: none; } .ag-selectable { -webkit-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-virtual-list-viewport .ag-tab-guard { position: sticky; } .ag-tab-guard-top { top: 1px; } .ag-tab-guard-bottom { bottom: 1px; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9b9b9b; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport, .ag-header-viewport, .ag-floating-top-viewport, .ag-floating-bottom-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { overflow-x: auto; -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar, .ag-header-viewport::-webkit-scrollbar, .ag-floating-top-viewport::-webkit-scrollbar, .ag-floating-bottom-viewport::-webkit-scrollbar, .ag-sticky-top-viewport::-webkit-scrollbar, .ag-sticky-bottom-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; overflow-x: hidden; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-viewport { position: relative; } .ag-spanning-container { position: absolute; top: 0; z-index: 1; } .ag-sticky-top-container, .ag-sticky-bottom-container, .ag-floating-top-container, .ag-floating-bottom-container { min-height: 1px; } .ag-sticky-top, .ag-sticky-bottom { z-index: 1; } .ag-center-cols-viewport { min-height: 100%; width: 100%; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-pinned-left-floating-top, .ag-pinned-right-floating-top, .ag-floating-bottom-container, .ag-pinned-left-floating-bottom, .ag-pinned-right-floating-bottom, .ag-sticky-top-container, .ag-sticky-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; overflow: hidden; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; overflow: hidden; } .ag-header-cell-label { text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; overflow: visible; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .ag-header-group-cell .ag-header-cell-comp-wrapper { display: flex; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-header-cell-comp-wrapper-limited-height > div { overflow: hidden; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -3px; } .ag-rtl .ag-header-cell-resize { left: -3px; } .ag-pinned-left-header .ag-header-cell-resize { right: -3px; } .ag-pinned-right-header .ag-header-cell-resize { left: -3px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-spanned-cell-wrapper { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, opacity 0.2s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s; } .ag-row-animation.ag-prevent-animation .ag-row, .ag-row-animation.ag-prevent-animation .ag-row.ag-after-created { transition: none !important; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-cell-wrap-text { white-space: normal; word-break: break-word; } .ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper { align-items: normal; height: 100%; } .ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value { height: 100%; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; top: 0; line-height: initial; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input { height: 100%; min-height: 100%; width: 100%; line-height: normal; } .ag-row.ag-row-editing-invalid .ag-cell-inline-editing { opacity: 0.8; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; width: 100%; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-date-floating-filter-wrapper { display: flex; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { display: inline-flex; align-items: center; cursor: move; white-space: nowrap; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -webkit-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top, .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top, .ag-pinned-right-floating-top, .ag-pinned-left-floating-bottom, .ag-pinned-right-floating-bottom { overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top, .ag-sticky-bottom { position: absolute; display: flex; width: 100%; overflow: hidden; height: 0px; } .ag-sticky-bottom { box-sizing: content-box !important; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -webkit-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -webkit-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-context-menu-loading-icon { position: absolute; pointer-events: none; } .ag-pill-container { display: flex; gap: 0.25rem; flex-wrap: nowrap; } .ag-pill { display: flex; white-space: nowrap; padding: 0 0.25rem; align-items: center; } .ag-pill .ag-pill-button { border: none; padding: 0; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -webkit-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -webkit-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; contain: paint; } .ag-header-group-cell-no-group.ag-header-span-height { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; } .ag-header-group-cell-label, .ag-cell-label-container { padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel, .ag-status-panel.ag-status-panel-aggregations .ag-status-name-value { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-row-number-cell { width: 100%; white-space: nowrap; overflow: hidden; -webkit-user-select: none; user-select: none; } .ag-ltr .ag-row-number-cell { text-align: right; } .ag-rtl .ag-row-number-cell { text-align: left; } .ag-row-numbers-resizer { position: absolute; bottom: -2px; left: 0; height: 4px; width: 100%; cursor: ns-resize; } .ag-floating-bottom .ag-row-numbers-resizer { bottom: unset; top: -2px; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: inline; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date], .ag-floating-filter-input .ag-input-field-input[type=datetime-local] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: visible; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue, .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); width: 100%; height: 100%; } .ag-spectrum-alpha { --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,"); } .ag-spectrum-alpha-background { background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px; width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; position: relative; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-spectrum-alpha .ag-spectrum-slider { background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-pill-select { display: flex; flex-direction: column; } .ag-pill-select .ag-column-drop { flex: unset; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-measurement-container { width: 0; overflow: hidden; visibility: hidden; } .ag-measurement-container div { position: absolute; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid, input[class^=ag-][type=text]:focus.invalid, input[class^=ag-][type=text]:focus:invalid, input[class^=ag-][type=number]:focus.invalid, input[class^=ag-][type=number]:focus:invalid, input[class^=ag-][type=tel]:focus.invalid, input[class^=ag-][type=tel]:focus:invalid, input[class^=ag-][type=date]:focus.invalid, input[class^=ag-][type=date]:focus:invalid, input[class^=ag-][type=datetime-local]:focus.invalid, input[class^=ag-][type=datetime-local]:focus:invalid, textarea[class^=ag-]:focus.invalid, textarea[class^=ag-]:focus:invalid { box-shadow: var(--ag-input-error-focus-box-shadow); border-color: var(--ag-invalid-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } input[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid, button[class^=ag-]:focus:invalid, button[class^=ag-]:focus.invalid { box-shadow: var(--ag-input-error-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -webkit-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid { box-shadow: var(--ag-input-error-focus-box-shadow); } .ag-picker-field-wrapper.invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); padding-right: var(--ag-grid-size); } .ag-color-picker .ag-picker-field-display { display: flex; flex-direction: row; align-items: center; min-height: var(--ag-list-item-height); } .ag-ltr .ag-color-picker-color, .ag-ltr .ag-color-picker-value { margin-right: var(--ag-grid-size); } .ag-rtl .ag-color-picker-color, .ag-rtl .ag-color-picker-value { margin-left: var(--ag-grid-size); } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 2px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; border: 2px solid white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-colors { margin-top: 10px; } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-color-input .ag-color-input-color { position: absolute; } .ag-ltr .ag-color-input .ag-color-input-color { margin-left: var(--ag-grid-size); } .ag-rtl .ag-color-input .ag-color-input-color { margin-right: var(--ag-grid-size); } .ag-color-picker-color, .ag-color-input-color { width: var(--ag-icon-size); height: var(--ag-icon-size); border: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-radius: 2px; } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row:hover, .ag-rich-select-row-highlighted { background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color)); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-pill { border: 1px solid var(--ag-chip-border-color); border-radius: var(--ag-border-radius); background-color: var(--ag-chip-background-color); } .ag-ltr .ag-pill .ag-pill-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-pill .ag-pill-button { margin-right: var(--ag-grid-size); } .ag-pill:focus-visible { border-color: var(--ag-input-focus-border-color); } .ag-pill .ag-pill-button:hover { cursor: pointer; } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-cell-editor-tooltip { background-color: var(--ag-tooltip-error-background-color); color: var(--ag-tooltip-error-text-color); border: var(--ag-borders) var(--ag-tooltip-error-border-color); font-weight: 500; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-column, .ag-ltr .ag-column-select-column-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-column, .ag-rtl .ag-column-select-column-group { padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-pill-select .ag-column-drop { border-bottom: 0; min-height: unset; } .ag-pill-select .ag-column-drop-list { padding: 0; } .ag-pill-select .ag-select { padding-top: var(--ag-grid-size); } .ag-pill-select .ag-picker-field-wrapper { background-color: transparent; border: 0; } .ag-pill-select .ag-picker-field-display { cursor: pointer; } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-row > .ag-cell-wrapper.ag-row-group { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .ag-cell-wrapper.ag-row-group, .ag-cell-wrapper.ag-row-group-leaf-indent, .ag-cell-wrapper.ag-pivot-leaf-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); } .ag-cell-wrapper > .ag-group-checkbox-spacing { width: var(--ag-icon-size); margin-right: var(--ag-cell-widget-spacing); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row, .ag-spanned-row { color: var(--ag-data-color); } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row.ag-row-editing-invalid { background-color: var(--ag-full-row-invalid-background-color); } .ag-spanned-cell-wrapper { background-color: var(--ag-background-color); position: absolute; } .ag-spanned-cell-wrapper > .ag-spanned-cell { display: block; position: relative; } .ag-row-highlight-above::after, .ag-row-highlight-inside::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; pointer-events: none; } .ag-row-highlight-above::after { top: 0; } .ag-row-highlight-below::after { bottom: 0; } .ag-row-highlight-indent::after { display: block; width: auto; left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size)); right: 1px; } .ag-row-highlight-inside::after { display: block; width: auto; height: auto; inset: 0; background-color: var(--ag-selected-row-background-color); border: 1px solid var(--ag-range-selection-border-color); } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-header-range-highlight { background-color: var(--ag-range-header-highlight-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-ltr .ag-right-aligned-cell .ag-skeleton-effect { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-skeleton-effect { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-skeleton-container { width: 100%; height: 100%; align-content: center; } .ag-skeleton-effect { background-color: var(--ag-row-loading-skeleton-effect-color); width: 100%; height: 1em; border-radius: 0.25rem; animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; } @keyframes ag-skeleton-loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top:not(.ag-invisible) { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom:not(.ag-invisible) { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-find-cell { display: block; overflow: hidden; text-overflow: ellipsis; } .ag-find-match { color: var(--ag-find-match-color); background-color: var(--ag-find-match-background-color); } .ag-find-active-match { color: var(--ag-find-active-match-color); background-color: var(--ag-find-active-match-background-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-cell-range-selected.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-cell-range-selected-1.ag-cell-range-chart, .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-cell-range-selected-2.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-cell-range-selected-3.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-cell-range-selected-4.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: crosshair; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-cell-inline-editing.ag-cell-editing-error { border-color: var(--ag-invalid-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu.ag-tabs { min-width: var(--ag-tab-min-width); } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option { position: relative; } .ag-menu-option:focus-visible { outline: none; } .ag-menu-option:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs-header { display: flex; } .ag-tabs-header-wrapper { display: flex; } .ag-tabs-header-wrapper .ag-tabs-header { flex: 1; } .ag-tabs-close-button-wrapper { border: 0; border-right: var(--ag-borders) var(--ag-border-color); padding: var(--ag-grid-size); } .ag-tabs-close-button { border: 0; background-color: unset; cursor: pointer; padding: 0; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter { --ag-indentation-level: 0; } .ag-ltr .ag-set-filter-item { padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-item { padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { display: none; } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-filter-panel { display: flex; flex-direction: column; width: 100%; } .ag-filter-panel .ag-simple-filter-body-wrapper { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0; } .ag-filter-panel .ag-mini-filter { margin-top: var(--ag-widget-vertical-spacing); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-panel .ag-standard-button { transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; } .ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child, .ag-filter-panel .ag-set-filter-body-wrapper { margin-bottom: var(--ag-widget-container-vertical-padding); } .ag-filter-panel-container { flex: 1; overflow: auto; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0; } .ag-filter-panel-container > *:not(:last-child) { margin-bottom: var(--ag-widget-container-vertical-padding); } .ag-filter-card { border: 1px solid var(--ag-border-color); border-radius: var(--ag-border-radius); background-color: var(--ag-background-color); } .ag-ltr .ag-filter-card .ag-set-filter-item { padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); padding-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-filter-card .ag-set-filter-item { padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); padding-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-card-header { display: flex; flex-direction: row; align-items: center; padding-top: var(--ag-widget-vertical-spacing); } .ag-ltr .ag-filter-card-header > *:not(:last-child) { padding-right: var(--ag-grid-size); } .ag-rtl .ag-filter-card-header > *:not(:last-child) { padding-left: var(--ag-grid-size); } .ag-filter-card-heading { flex: 1; overflow: hidden; padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-ltr .ag-filter-card-heading { padding-left: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-filter-card-heading { padding-right: var(--ag-widget-horizontal-spacing); } .ag-filter-card-expand { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .ag-filter-card-title { overflow: hidden; text-overflow: ellipsis; } .ag-filter-card-expand-icon { display: flex; flex: 1; justify-content: end; } .ag-filter-card-editing-icon { margin: 0 var(--ag-grid-size); } .ag-filter-card-summary, .ag-filter-card-expand-icon .ag-icon, .ag-filter-card-delete-icon .ag-icon, .ag-filter-card-editing-icon .ag-icon { color: var(--ag-filter-panel-card-subtle-color); } .ag-filter-card-expand-icon .ag-icon, .ag-filter-card-delete-icon .ag-icon { transition: color 0.25s ease-in-out; } .ag-filter-card-expand-icon:hover .ag-icon, .ag-filter-card-delete-icon:hover .ag-icon { color: var(--ag-filter-panel-card-subtle-hover-color); } .ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon { color: var(--ag-filter-panel-card-subtle-hover-color); } .ag-filter-card-expand, .ag-filter-card-delete { border-radius: var(--ag-button-border-radius); background: none; border: none; cursor: pointer; padding: 0; } .ag-filter-panel .ag-standard-button { cursor: pointer; } .ag-filter-card-summary, .ag-filter-type-select { margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-ltr .ag-filter-card-delete { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-filter-card-delete { margin-left: var(--ag-widget-horizontal-spacing); } .ag-filter-card-summary { margin-bottom: var(--ag-widget-container-vertical-padding); } .ag-filter-type-select { padding-top: var(--ag-widget-vertical-spacing); } .ag-filter-card-add { padding: 0; border: 0; } .ag-filter-add-button { display: flex; flex-direction: row; width: 100%; align-items: center; line-height: 1.5; } .ag-ltr .ag-filter-add-button-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-add-button-label { margin-right: var(--ag-grid-size); } .ag-filter-add-select { border: 0; } .ag-ltr .ag-filter-add-select .ag-text-field-input { padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important; } .ag-rtl .ag-filter-add-select .ag-text-field-input { padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important; } .ag-filter-add-select .ag-rich-select-value { padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size); border: 0; } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-highlight-before::after, .ag-header-highlight-after::after { content: ""; position: absolute; height: 100%; width: 1px; } .ag-header-highlight-before::after { left: 0px; } .ag-header-highlight-after::after { right: 0px; } .ag-pinned-left-header .ag-header-highlight-after::after { right: 1px; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; align-items: unset; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-pagination-panel-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; min-width: var(--ag-chart-menu-panel-width); } .ag-chart-menu-hidden ~ .ag-chart-docked-container { display: none; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -webkit-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -webkit-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev:focus-within, .ag-chart-settings-next:focus-within { box-shadow: var(--ag-input-focus-box-shadow); border-radius: 1px; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper { display: flex; flex-direction: column; position: relative; -webkit-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper { height: 100%; overflow-y: auto; } .ag-chart-advanced-settings { background-color: var(--ag-control-panel-background-color); } .ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings { width: 100%; } .ag-chart-advanced-settings-wrapper { padding-bottom: 0; } .ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section { display: flex; margin: 0; } .ag-chart-advanced-settings-section { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-chart-advanced-settings-section:not(:last-child) { border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-charts-data-group-item:not(:last-child) { margin-bottom: var(--ag-grid-size); } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-menu-toolbar-button { border: 0; background-color: unset; padding: 0 2px; border-radius: 1px; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; padding: 1px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); border-width: 2px; padding: unset; } .ag-chart-mini-thumbnail:focus-visible { outline: none; border-color: var(--ag-minichart-selected-chart-color); box-shadow: var(--ag-input-focus-box-shadow); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); position: relative; } .ag-charts-advanced-settings-top-level-group-title-bar { position: relative; background-color: unset; } .ag-charts-data-group-title-bar:focus-visible { outline: none; } .ag-charts-data-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-format-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-format-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-title-bar .ag-charts-data-group-title, .ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title { cursor: pointer; } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { margin-top: var(--ag-grid-size); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container { padding: var(--ag-grid-size); } .ag-ltr .ag-charts-format-top-level-group-container, .ag-ltr .ag-charts-advanced-settings-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-charts-format-top-level-group-container, .ag-rtl .ag-charts-advanced-settings-top-level-group-container { margin-right: calc(var(--ag-grid-size) * 2); } .ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-no-header-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header { margin: 0; } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-buttons { display: contents; } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -webkit-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard { position: absolute; } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-row-number-cell { background-color: var(--ag-header-background-color); color: var(--ag-header-foreground-color); font-size: var(--ag-font-size); font-family: var(--ag-font-family); } .ag-row-number-header.ag-row-number-selection-enabled { cursor: cell; } .ag-row-number-range-highlight { background-color: var(--ag-range-header-highlight-color); } .ag-row-number-range-selected { background-color: var(--ag-row-numbers-selected-color); } .ag-ltr .ag-row-number-header, .ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) { border-right: var(--ag-pinned-column-border); } .ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled { cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto; } .ag-rtl .ag-row-number-header, .ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) { border-left: var(--ag-pinned-column-border); } .ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled { cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto; } .ag-cell-batch-edit { background-color: var(--ag-cell-batch-edit-background-color); color: var(--ag-cell-batch-edit-text-color); } .ag-cell.ag-cell-inline-editing { background-color: var(--ag-background-color); background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color)); } .ag-row-batch-edit { background-color: var(--ag-row-batch-edit-background-color); color: var(--ag-row-batch-edit-text-color); } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active { box-shadow: var(--ag-input-error-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); font-family: inherit; color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active { box-shadow: var(--ag-input-error-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } @font-face { font-family: "agGridAlpine"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABYgAAsAAAAALyQAABXQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKsnypPAE2AiQDgmgLgTYABCAFhEYHhkUb5ChlBGwcAPHYSUAUJXMzElFBKc7+/0OCNkaI+HHamlJAkxnRpkST9u5ev/XGo7HZ035fr+JSYjDQIxFCWGJJ+6YxMUvnue2AIcfQec/9TxyzDZTDDklCkyCaI2eTPIFCoQglYwnoVTWgkdWvqzSBuxL6oJvfK4Q2Nf1e/WIGJBCkhlRO1KbxhvmW4Tb7g7b1D1aMZi3Qw8JCGxAFdZeoOfPrYmIHRh1cVOFV4EV6tVcV/NCL1F8BMAPPRvjg6LaLSWM0WLep3KputKobOSFhZkUdODWgZfeY8cias1X5JN/kS4KsGbImgtTdy+Qruj9T33KtSeYblnPKmO33ve4YdJiEk3hCnEsE/J/Osl0dIM8RF9311HWj0ayt769Zr+yj2VkirY50rAPiMFTE1vryYh97Q6gAVUmZVMBluiv69KmpaFKWVzRtsJRDGT6AzS4lSHGaK8KIXfb4FbnoxjTweISSY6tjbNUNbLWRhCgWYOTFR74dASptuyRNzbgBMmcPfXqDacTsugHPq8fZU0/vg3aTyJIugYZcck9G08gn/6MlxsdGNphfLyrJfKEv+ktayai6TRFJ2jw3HaNRcQaTIInSqzFNFpusbE7CLZikJNMHQhMInSHMlm6VbUmOysuxfl9XgONjp880mt/YZdmlYQorFAZNG6dIqdt1SSiKG2D6bC6VXb31AqonpBI8jCdP0eNgXNfIV7hcibwdknClcOsWC394MdNnbLkix+j816h2yuqSa6zocJnsLyjbEU9d3BRihC2EwdEJtuuq5vomrk/lbtncSl9HMD1cA/m7r4yJylh0zvPIFxuS/C2wHy6P4sw1iRR62a4rrI++rYsZ4TbRasVA6BD9g8j/XJDGtopQDas3ljfP883PAzd9jCJSDX6MjvyoifbiSXcnnrBS0cbGD77L1Ivt+qnCmloQdxIPnfFE5dbYxtLul9I4LLi9RRRuXIoZ6mJdXxj9YkZ3lFQBf/24Wspwbhu5IhHu+yIZiVElJd5NxulUjofGeM4k1pWBcLxn7EtdGxEtTV6OoMD2Dynh0gfRaDZbCpgdNZA50NyhLPmwSEckTFu2azYrP2wcQTODPfKIcKoelY2fLvhPRilazL0Gu8Ee+d/UlPNXbdN0zKFUPUbdOWNMrXOmQbzTDjQmgkJW3P4hyhrKVs3Onktk9IfemxLcnwbHhKihbIJMEorJWadV69/zyhcn0ktQrI39YuAnhvv6TiXSLOGGFtGDEIenklUDthYlAsUs/DwcZlB7SI0sts2Tv35FqmrdVVbhli/2w1WecrCRBFayoJ5zcUSGesJEXr8rOlwev+5fzgjJ/sQjNMjWs6PAvfsfPp7rCyqQUXLMXtHacf4Iv3Ulnpuxu5BSTu1bUA2QOHsOOkEBWf/yqugkP7J7TKSQtFUtWgZvZcNz7/xIf+L//+ty30sfEkzY6y1mMmTm61ctO/YLAlFdzmGOowPPNXS45V1iCkPJJTBk6RkYi5DIiGxRMVRcQlJKupNbVk5eQVFJWcWESVNjmGn8CXFOVU1dQ1PLvAWLlixbsWrNug2bttRt27FLlrNn34FDR46dOHXm3IVLV64hSjGbyZv8nz++6nhspLUNdJZ8YYbQF3gwtHqDMarpqoHioMV7Qdc12QQOkXFwmKyCI2QRHCWbwTEyBY6TneAEmQAnyTI4RWbAGbICzpIlcI5sAefJHLhAZsFFsg1cJpPgClkAV8k0uEa2gutkB7hB5sFNsgZuke1gPXi7IAG5BwqQAAuIgAqYgAuEQAqUQAuMwAqcwAuCIAqSIAuKoAqaoAuGYAqWYAuO4Aqe4AuBEAqREAuJkAqZkAuFUAqVUAuN0Aqd0PufbpD3RmESZiOHtIx6SGvWswm7cAincAkP4Sm8hLcxBOkzhiF9s72f8OceoAq7b8+zAZ5CWRdUtpmVxGsP8ygXBJTmrozg42KFpY/8FV+C1U1GlK/Nt2INUfnMt9tqzvELDn+OJFk73rWP8mrGiMtVNQRFhZVsKQcCWZmMJBVx4npYwQ5xoUL/zWazUzZZKr9dtBojspEykZTSNhnXrjbdJD03A6kmVSRnlM3qYLAtAzDWlXsyqUb7fFZbhqeddiXVH5NuQwDpESLHXvH4lrUAoAQEYYCzYDehixhflaAkzvsoYYspjxHWHee8DJkkd2E3TSuSZpI6u+i00cXirS4Ga/4Bdn7BSIqzNOVJomEPYhggFbuQ9op57xjw6cfv41ethyeh3zjxYIvCqUrvT7MjBMOa7xX/PoQNyhdUkr/klOYi5bZDQH9uvYTGlNIELeQN9yAXzlhe7EYuTZaMSKMFzGfAg71B6lfoz3FQNsBrvECdAW9whVpNMFEkpipcc1hT7LmAL4MW/ty7ENziD9KCUMS4s08vlMvIPFAtlXZAY+/Ri9g6fxjoOdMRS1VkHgP69opVG5jPWzbVD51D5hjnqBOZi0UbWzVolA6IB6pHjKO1pfZXirma5pTMMtBtWxi9X7ArRU55PgoLe20dREgul+44IhPFMvzFFYqzs3ZaWKbygo2GXq+bzSY03makchwQTTRaLWzN7jXPHdIPn7cuHjWOXFhpPuuZDMYLlWbyO6qnIlqKuNddYV/IakNtzgzzGwexVWmnPNoiXWMP0McRahvt7DMPiEy3c+9DZhUaaxQ1SeiKVIK29LpiKkSO1RfFFqXqqN5sMjF6skXP1ac1ugJbPNUnzOTKBEtebEL9JNrizao2N1gtX9brRKqwr0VeDtabJZnYK0Rjk6dfXY0A4mYwvJKCNOQbGE8RqmAX4ghiah3ManJKDQRgPwjBJRoEBrCOBYIg6FV0U5JcCWzmBgd4SpLTLJgxbj7FGbkWRlDx5AakS6axfgSw9fh649ojBIauDSiM3Hgt+Fd9wdL9ARhcaQGPYBULPckU0o3B9PNgLehC8GgjbdYLaMUznGgW+EKfH17NMhLjlBKWoHwBJiQj1Eei8Zh0pSmbzbh6uQH0TBtpaMcT89EgtAxahHMLWBW9bFaN2rKQF4MgxCqL5p/fhKPvn32X75haW3gwKo87NO7cHCLY7bsnHZo3ipH4in2RgtBO7sy6NU6O1oZuHTGACza2owcHMu10ozH4q8Xb6vVZ3/SdaTaHfJ3Z2WrN/b435Gnwsy+Htlbqwvbns0dDNfJxEhNnr5yFhI+bDzkWuT337sTa0NX6cAxZfRiG3DSfDSIY4n6Ah+x4MadvH5oFML+DAM6OB2s93/It3+rbxBazH4xNzOobo/HWilHjY3PoWD6942UABI9JZcPFvzYMQiuwB3WvpGyS3K8qGVVWVbpR4d2JiSxZYlZ2RqwDttdnJR+24O6JCaJ4Pb1XB5NnqHHy6VgK9FWZ3qw9049t2XadplmXAQJodlLtDwiKAlBd4GyhF3C/1RKpoT0ZYJjRsDtH+pG4x3xhvLSe68/WYkqftoYwgfo5TNCgWRXgmQv6tCisSdZniD41bLSaaiQT9oS6PUFvL/taaOimCVabHucb4AzMj43GEmxUeVy5rTAhPr9JhbYcWCJwOvbi1KMjSqLITy+sTZ3I0nFpEYllaWFUTjRFkbTvbts2LsI2KAnqxi4eWzvt+2TlRaxJbhLfEALhjGNEed4SqL2tbH7kOKZm6xHXFtmHoTwrUAGuIZjM+qcr2yOE2romzcA5U90R5YJM2YAuVJKN8ZcHg8/h1om6CrVEAox7Ni4HAOGtEY5YTTUnXIEwiHFXZ+FYTUkEZvMHrf1C8p0vsBDZuGJCcsr3k//A/31Uxv/AHE86fvuYpmx78UYyNtH1XXScHZwv5rAg4Rd0mhgLBgd+L73/5X/y+525+glkAEPfttf1zOuaM6drXs93prn/rjk9875j6F5YtHOCIhTYwesAA/uDvmbgGshhw4ihs9PQZYC4RWZb74jb3qfsdoQ3/Hj82LZubqmpF85v2pSalu7MDgtvCU8u7LHtG4pe25yaGv44tXbtyrIyKjUp8YLe2IXzF3Ylbd8+5w8N0x8U4M8k/pwD/TdHdDzdgN6MBNlp53XVg0dbRHx3jXs2fCUwETn+jQ3+KkL1TZ95xR/Yqt3W/8pCFRuUcuUV1RX4HJubJ5Xmlb7VgUUUZi5yAsHtD9WVHc0T5HsowdXBMcFVwQLr2qqYvu+m15vO7hmUu9YhYufHlOa19+3nsm67OlfHjKyRu/mf7UBcPBKCUJvVDj2J7Twnj31c3yOVvjk5zLGOq3Y7Mhlu7izHy99QuzmOvTUtf9rTs1HHtR7fBeuh2/W1O6q36HJb41ArSnvljTrY5G+VurtvPI/2JcwJPcIhGaHg1mPXmWJLY/DvMJqWOR0qZHCvRVrbrkF1sMM+duxxwYOs63ckYg5PE8PVVLmLhlv14jEaHiYu7S5sCy7w5bFmFd6AJoYXxFqb7HmpL9Z4KfawMbbvMEIJ7krvSsMeWnXC6BF+ZQ+h/DgM0r/NoV3SMZ/d7Qu53aPr5jSMdsed6P4/E/LwvNW3iLPWTlH29JTUhqzu44vROQxXRmzO2Oye2Gk0aydfJxRayLhOxg8N31cnuuEqqVJpQoqzjbK23lHpnFCBTHv6Glmp5dZng1He1uOVLhImp1aUWF+VZcYwxSVl4wXq39Rs0+rYMDWHowyLtbUq7uJlRYEqgqdSpYrY+QxxqUT9HMgZqtCP3nxvznN1SRlTXHxj0Vuv9LZeo2yHyiM4o+IreKULpxpDK6OmiWsCCYK9Opf3HSFzpx7f9Rv2uNce7Hv0GL7xTxxXrL81nstfiW8ErOlNDRipxw34EX1wPC7GziBJryGDDovH4kici+sHDLihKzDDsN737uzE43H9cBwGhGXwaa/CWNdmeT7q/bfZbBo9MA1lRtjzle25l705fbOwOC6uqNU0ICTOxt7ryTZx0oi0zk1vZaAIzdK+WJcCPFP4KdMDf/yoqlioPUVVXiI/hb8vOaFtI5N/CAQ272amVDCAdXXlPqNQJJK9wTOrOy5dXXlPiaCn0H9LqMN0Bh0O98Z0gA0IzhTsvp/LA41ZEf3/PsY0xcfBW9antuTZBWFTwl3y4fZaj60tCE8JS04OSwkvEFaz192+7cmuTnGBuFCUDWIm1e+8+2/Gv2d3+YO/0bLUnkdJn8ae5g9ffv6g2kgY1hoIyDAsWGDtKUqbdWGlua6sZP7WRMz7IYuVPPBaqayuoFkwAkTp5+uWLHnzhnw7N2reXsN3o7GwFbVlMjvK3a3a6IuXtC2ye3nf4/OdO9DnYmqRczhyK2SUTCvSH1r8/SBsiD1/C+OGaIPWfjzUevDnVboTyvP7NOaw43KSILIIcnpLCEepCNW1TyfjIRHkik9894X3bAQspZV+bO8xmLcwjMN+8ZM7LKCrF8ePjtH3Ugqfm0XdLZyvH3dc36IaOw52fO7/QJWmf//t3NTmKm1QbuDMmYG5QdqrpimcOfO+YW3Q1YTUluWTG7WCPD4/T6B9XLTuP4+vFTxm1oavg/JWqbR1Oinj04P/nGxYTZWPTGJ6L8tfCGXw1jx5Mo3K3Y3vjh/EuBi8XemYqgrg7EPc/o7wydvkDykJTav1/PlTKhUJvb0lEiAluiIdfN4xL+2Vcb1UAmfOLKI0dgL5yqsirDRRuGZ+S8gmbVaWtap+wvhlqhqxcLm9Dr8H0q8ajQ/RWlSoVm/ezDt0GKrveK3El2/2kPb25fhmmq2IJWYBcecO2km59UYI+LokuCrtuSBoOGj19XWBaP3QhE0aZQuhHDiEHTpAKFo0is0TmFiIIgN5mpLuzvGi8sP44YFQ+JWbxjOSQjQZBF5bA26T6h3oDrs3ejq2HYPQnn/NUYdnUOPnAG3cIW7SLt0BHf1xRwe5ft369SQ8c6qsvJySakudWGg0fjfsnRflfPVKRkZSKTrz4GBPWUmdeeWFk4pQa3otbNu2eHHd+XRRAMOCVl2hVL4eSO7pppOnTmr27CETRJmZnz3uv7Rb1LZ4Cb3Nyr28o70dbPhOTkO6cAI24axLxlxwwV3AZhFdfmY8Nh5FJLoVUjzUXAu+Njz8NPgplr1G6w968uBh0+e2EP1lEbdjxtOKBY+eBX13EXt2Gu9pxgratYfFbuVOiNlRoE9oUD/YSu/uyZAkzp5nMfF5ll3k8P/9Z1tLMkt6uu3byFmwFXRM2+puYeCceQGK3ae0uLYGr3Gow4FTp3jXr6M3rsu7FisV01d4zTBRTDM8VyxXKFaEz0BBP+7///+subcfy1CHkIj/f6sNHhwNACBSwzOXID8NHUnVjVSAGVFGkrXb64+MR06Y87ke+P8PbkL+QmesQZ5UtQVEi4hZVUY8UQ/df2ZDIgK2mRQ1zaaew+7//ANiBrNfWxcxb8IAsbPodd4hzm2ahzSYrPTIGDB3aivZqAqVgtRDN4RqpHMUgniRpBpkE+KiWsiQ2Klq73qV+aiGmomkmMzTxGoUMcXywlE0B4u6biB1LeKNrKSSGcjMNon6/5x4dQBtzeYWOyV+t7ZDzICSb/Pm+Hi85XiXWIPr95gC9KNlTtnWX+jyfxfK0tmOe/+yrL/+Eyk9ba3+C5cxNmCLjwDw18wSZziPkCLBI0kF/54DIIF4HTSLlkMJDTBMJJYQgDlgmyCkcHE7eB0aAQFoYQMQ2mD8G3FBCArgvrbcDB5oeZx4QYT74IOWfxEEjGLxu2EYQ8nvMf6XBPclpkD4G32JRuit0Hf5j5IDU/Xa3ct7fb+QUIyiq063Knf+TbWpGuG2+sm0XlGMXCXhD7R6PKum9+ee4/gNHy23PeN/SXBfYgqEv3H/yJVoRGKHkPyPO8jwY2OqXo8vktov5jEVoOB11enm+HPn3/Qpm8pyhNsAf1bKJCE+gS+Ykp0PtFgdzwWc9P783Fcjq462Er7m7wSVj/NH75YijyJKojTKojwqfv+gqqPml4HX9npBlGRF1XTDtGzH9fwgjOIkzfKirOqm7fphnOZl3fbjvG73x/Olajrjhiks23HbnW6v7/lBOBiOxjdubtGrMt4LeqOBaWxE+JIHJtuxNWQxjuzZiG5nRbSfJ77Wfhm6J+oygRwqShvIKO558wpJ+ZeWI0udQqytTEIsLeW5ZVIxVtENLafbyArnPLC5G9iiQ4fZjvBatzkdO5nKA90Mb1jnaPJ5EFSMmxBrNEfJJlmHXkIaeeGShsIAHUZsdBwDKc51Etm4QH7ammtowx2HLVKZGsqJXAmvOiQmXBBrbWLkC7pRqiBHHKRAoxQ61mkS7AKXvJWSvh+uT0WVqeam2VDZaCTBn3WYTYfz3F4X144vFDKdrAUYWazpWTcYtGPuZ6+C2JM4o1fmhDQt1BbPMMWSRyI6sWkrdH31KiSqtm9uXvYs1gMox4U63KaV9UKErj6xKrdzokI5zcfG7sTg0pKWIdM0emXXghUYV2ve419sbZwbogsKBjwIICgEYCC4QAYLEc7wCSe4Qu2ghQIJbtBBA/ce); font-weight: normal; font-style: normal; } .ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark { --ag-alpine-active-color: #2196f3; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-row-hover-color: rgba(33, 150, 243, 0.1); --ag-column-hover-color: rgba(33, 150, 243, 0.1); --ag-input-focus-border-color: rgba(33, 150, 243, 0.4); --ag-range-selection-background-color: rgba(33, 150, 243, 0.2); --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36); --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49); --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59); --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%); --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: #babfc7; --ag-secondary-border-color: #dde2eb; --ag-header-background-color: #f8f8f8; --ag-tooltip-background-color: #f8f8f8; --ag-odd-row-background-color: #fcfcfc; --ag-control-panel-background-color: #f8f8f8; --ag-subheader-background-color: #fff; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: #999; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-find-match-color: var(--ag-foreground-color); --ag-find-match-background-color: #ffff00; --ag-find-active-match-color: var(--ag-foreground-color); --ag-find-active-match-background-color: #ffa500; --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-alpine-active-color); --ag-range-selection-border-color: var(--ag-alpine-active-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-input-border-color: var(--ag-border-color); --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color); --ag-input-error-focus-box-shadow: 0 0 2px 0.1rem var(--ag-invalid-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-menu-background-color: var(--ag-header-background-color); --ag-filter-panel-apply-button-color: var(--ag-background-color); --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color); --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5); --ag-chip-background-color: rgba(24, 29, 31, 0.07); --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3); --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15); --ag-borders: solid 1px; --ag-border-radius: 3px; --ag-borders-side-button: none; --ag-side-button-selected-background-color: transparent; --ag-header-column-resize-handle-display: block; --ag-header-column-resize-handle-width: 2px; --ag-header-column-resize-handle-height: 30%; --ag-grid-size: 6px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridAlpine; --ag-selected-tab-underline-color: var(--ag-alpine-active-color); --ag-selected-tab-underline-width: 2px; --ag-selected-tab-underline-transition-speed: 0.3s; --ag-tab-min-width: 240px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: var(--ag-card-shadow); --ag-side-bar-panel-width: 250px; } .ag-theme-alpine-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-find-match-color: var(--ag-background-color); --ag-find-active-match-color: var(--ag-background-color); --ag-filter-panel-apply-button-color: var(--ag-foreground-color); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); --ag-cell-batch-edit-text-color: #f3d0b3; color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-alpine-auto-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-find-match-color: var(--ag-background-color); --ag-find-active-match-color: var(--ag-background-color); --ag-filter-panel-apply-button-color: var(--ag-foreground-color); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); --ag-cell-batch-edit-text-color: #f3d0b3; color-scheme: dark; } } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-row-number-cell, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine .ag-filter-card-title, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-row-number-cell, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-card-title, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-row-number-cell, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-card-title { font-weight: 700; color: var(--ag-header-foreground-color); } .ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row { font-size: calc(var(--ag-font-size) + 1px); } .ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-alpine input[class^=ag-][type=text], .ag-theme-alpine input[class^=ag-][type=number], .ag-theme-alpine input[class^=ag-][type=tel], .ag-theme-alpine input[class^=ag-][type=date], .ag-theme-alpine input[class^=ag-][type=datetime-local], .ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]), .ag-theme-alpine-dark input[class^=ag-][type=text], .ag-theme-alpine-dark input[class^=ag-][type=number], .ag-theme-alpine-dark input[class^=ag-][type=tel], .ag-theme-alpine-dark input[class^=ag-][type=date], .ag-theme-alpine-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark input[class^=ag-][type=text], .ag-theme-alpine-auto-dark input[class^=ag-][type=number], .ag-theme-alpine-auto-dark input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark input[class^=ag-][type=date], .ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab { padding: calc(var(--ag-grid-size) * 1.5); transition: color 0.4s; flex: 1 1 auto; } .ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar { padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px); } .ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); } .ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar { margin-top: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar { padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar { padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: var(--ag-border-color); padding-left: var(--ag-grid-size); margin-bottom: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 700; } .ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons { width: calc(var(--ag-grid-size) * 5); } .ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: 1px solid; border-color: var(--ag-alpine-active-color); color: var(--ag-alpine-active-color); background-color: var(--ag-background-color); font-weight: 600; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover { border-color: var(--ag-alpine-active-color); background-color: var(--ag-row-hover-color); } .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active { border-color: var(--ag-alpine-active-color); background-color: var(--ag-alpine-active-color); color: var(--ag-background-color); } .ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar { padding: calc(var(--ag-grid-size) * 2); padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); opacity: 0.75; } .ag-theme-alpine .ag-pill-select .ag-column-drop, .ag-theme-alpine-dark .ag-pill-select .ag-column-drop, .ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon { color: inherit; } .ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button { margin-left: calc(var(--ag-grid-size) * 2); margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button { margin-right: calc(var(--ag-grid-size) * 2); margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { border-left: dashed 1px; border-left-color: var(--ag-border-color); margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { border-right: dashed 1px; border-right-color: var(--ag-border-color); margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list { padding-top: calc(var(--ag-grid-size) * 0.5); padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-alpine .ag-filter-add-button .ag-icon, .ag-theme-alpine-dark .ag-filter-add-button .ag-icon, .ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-alpine .ag-list-item-hovered::after, .ag-theme-alpine-dark .ag-list-item-hovered::after, .ag-theme-alpine-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-pill .ag-pill-button:hover, .ag-theme-alpine-dark .ag-pill .ag-pill-button:hover, .ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-highlight-before::after, .ag-theme-alpine .ag-header-highlight-after::after, .ag-theme-alpine-dark .ag-header-highlight-before::after, .ag-theme-alpine-dark .ag-header-highlight-after::after, .ag-theme-alpine-auto-dark .ag-header-highlight-before::after, .ag-theme-alpine-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine .ag-disabled .ag-icon, .ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine [disabled] .ag-icon, .ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine-dark .ag-disabled .ag-icon, .ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine-dark [disabled] .ag-icon, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine-auto-dark .ag-disabled .ag-icon, .ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine-auto-dark [disabled] .ag-icon { color: var(--ag-disabled-foreground-color); } @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /** color **/ @font-face { font-family: "Poppins-Bold"; src: url('Poppins-Bold.01059139c680e2e8.ttf'); } @font-face { font-family: "Poppins-Regular", sans-serif; src: url('Poppins-Regular.4dae410f5b6accf6.ttf'); } .emoji-mart, .emoji-mart * { box-sizing: border-box; line-height: 1.15; } .emoji-mart { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 16px; display: inline-block; color: #222427; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; } .emoji-mart .emoji-mart-emoji { padding: 6px; } .emoji-mart-bar { border: 0 solid #d9d9d9; } .emoji-mart-bar:first-child { border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .emoji-mart-bar:last-child { border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .emoji-mart-anchors { display: flex; flex-direction: row; justify-content: space-between; padding: 0 6px; line-height: 0; } .emoji-mart-anchor { position: relative; display: block; flex: 1 1 auto; color: #858585; text-align: center; padding: 12px 4px; overflow: hidden; transition: color 0.1s ease-out; margin: 0; box-shadow: none; background: none; border: none; } .emoji-mart-anchor:focus { outline: 0; } .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected { color: #464646; } .emoji-mart-anchor-selected .emoji-mart-anchor-bar { bottom: 0; } .emoji-mart-anchor-bar { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #464646; } .emoji-mart-anchors i { display: inline-block; width: 100%; max-width: 22px; } .emoji-mart-anchors svg, .emoji-mart-anchors img { fill: currentColor; height: 18px; } .emoji-mart-scroll { overflow-y: scroll; height: 270px; padding: 0 6px 6px 6px; will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */ } .emoji-mart-search { margin-top: 6px; padding: 0 6px; position: relative; } .emoji-mart-search input { font-size: 16px; display: block; width: 100%; padding: 5px 25px 6px 10px; border-radius: 5px; border: 1px solid #d9d9d9; outline: 0; } .emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration { /* remove webkit/blink styles for * via https://stackoverflow.com/a/9422689 */ -webkit-appearance: none; } .emoji-mart-search-icon { position: absolute; top: 3px; right: 11px; z-index: 2; padding: 2px 5px 1px; border: none; background: none; } .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; cursor: default; } .emoji-mart-category .emoji-mart-emoji:hover:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; } .emoji-mart-category-label { z-index: 2; position: relative; position: sticky; top: 0; } .emoji-mart-category-label span { display: block; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.95); } .emoji-mart-category-list { margin: 0; padding: 0; } .emoji-mart-category-list li { list-style: none; margin: 0; padding: 0; display: inline-block; } .emoji-mart-emoji { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; border: none; background: none; box-shadow: none; } .emoji-mart-emoji-native { font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; } .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .emoji-mart-no-results .emoji-mart-category-label { display: none; } .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: 0.2em; } .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .emoji-mart-preview { position: relative; height: 70px; } .emoji-mart-preview-emoji, .emoji-mart-preview-data, .emoji-mart-preview-skins { position: absolute; top: 50%; transform: translateY(-50%); } .emoji-mart-preview-emoji { left: 12px; } .emoji-mart-preview-data { left: 68px; right: 12px; word-break: break-all; } .emoji-mart-preview-skins { right: 30px; text-align: right; } .emoji-mart-preview-skins.custom { right: 10px; text-align: right; } .emoji-mart-preview-name { font-size: 14px; } .emoji-mart-preview-shortname { font-size: 12px; color: #888; } .emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon { margin-left: 0.5em; } .emoji-mart-preview-emoticon { font-size: 11px; color: #bbb; } .emoji-mart-title span { display: inline-block; vertical-align: middle; } .emoji-mart-title .emoji-mart-emoji { padding: 0; } .emoji-mart-title-label { color: #999A9C; font-size: 26px; font-weight: 300; } .emoji-mart-skin-swatches { font-size: 0; padding: 2px 0; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff; } .emoji-mart-skin-swatches.custom { font-size: 0; border: none; background-color: #fff; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch { width: 16px; padding: 0 2px; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after { opacity: 0.75; } .emoji-mart-skin-swatch { display: inline-block; width: 0; vertical-align: middle; transition-property: width, padding; transition-duration: 0.125s; transition-timing-function: ease-out; } .emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s; } .emoji-mart-skin-swatch:nth-child(2) { transition-delay: 0.03s; } .emoji-mart-skin-swatch:nth-child(3) { transition-delay: 0.06s; } .emoji-mart-skin-swatch:nth-child(4) { transition-delay: 0.09s; } .emoji-mart-skin-swatch:nth-child(5) { transition-delay: 0.12s; } .emoji-mart-skin-swatch:nth-child(6) { transition-delay: 0.15s; } .emoji-mart-skin-swatch.selected { position: relative; width: 16px; padding: 0 2px; } .emoji-mart-skin-swatch.selected:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; background-color: #fff; border-radius: 100%; pointer-events: none; opacity: 0; transition: opacity 0.2s ease-out; } .emoji-mart-skin-swatch.custom { display: inline-block; width: 0; height: 38px; overflow: hidden; vertical-align: middle; transition-property: width, height; transition-duration: 0.125s; transition-timing-function: ease-out; cursor: default; } .emoji-mart-skin-swatch.custom.selected { position: relative; width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatch.custom.selected:after { content: ""; width: 0; height: 0; } .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover { background-color: #f4f4f4; border-radius: 10%; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom { width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after { opacity: 0.75; } .emoji-mart-skin-text.opened { display: inline-block; vertical-align: middle; text-align: left; color: #888; font-size: 11px; padding: 5px 2px; width: 95px; height: 40px; border-radius: 10%; background-color: #fff; } .emoji-mart-skin { display: inline-block; width: 100%; padding-top: 100%; max-width: 12px; border-radius: 100%; } .emoji-mart-skin-tone-1 { background-color: #ffc93a; } .emoji-mart-skin-tone-2 { background-color: #fadcbc; } .emoji-mart-skin-tone-3 { background-color: #e0bb95; } .emoji-mart-skin-tone-4 { background-color: #bf8f68; } .emoji-mart-skin-tone-5 { background-color: #9b643d; } .emoji-mart-skin-tone-6 { background-color: #594539; } /* For screenreaders only, via https://stackoverflow.com/a/19758620 */ .emoji-mart-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Dark mode styles */ .emoji-mart-dark { color: #fff; border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-bar { border-color: #555453; } .emoji-mart-dark .emoji-mart-search input { color: #fff; border-color: #555453; background-color: #2f2f2f; } .emoji-mart-dark .emoji-mart-search-icon svg { fill: #fff; } .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before { background-color: #444; } .emoji-mart-dark .emoji-mart-category-label span { background-color: #222; color: #fff; } .emoji-mart-dark .emoji-mart-skin-swatches { border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-anchor:hover, .emoji-mart-dark .emoji-mart-anchor:focus, .emoji-mart-dark .emoji-mart-anchor-selected { color: #bfbfbf; } /** color **/ /** color **/ .c-mtm-brand { color: #ff5900 !important; } .c-full-white { color: #ffffff !important; } .c-mtm-black { color: #1c202c !important; } .c-mtm-red { color: #ff4a6d !important; } .c-mtm-purple { color: #69699d !important; } .c-mtm-dark-purple { color: #2e2e53 !important; } .c-mtm-orange { color: #ff5900 !important; } .c-mtm-full-black { color: #000000 !important; } .c-mtm-full-white { color: #ffffff !important; } .b-mtm-brand { background-color: #ff5900 !important; } .b-mtm-brand-secondary { background-color: #fd5021 !important; } .b-mtm-red-light { background-color: #eb4545 !important; } .b-mtm-full-white { background-color: #ffffff !important; } .b-mtm-red { background-color: #ff4a6d !important; } .b-mtm-black { background-color: #1c202c !important; } .b-mtm-green { background-color: #6dc58f !important; } .b-mtm-grey { background-color: #eceef4 !important; } .b-purple-default { background-color: #e0e6fa !important; } .br-brand { border-color: #ff5900 !important; } .br-white { border-color: #ffffff !important; } .br-purple { border-color: #69699d !important; } ._1-line-text-ellipsis { display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-word; padding-right: 3px; text-wrap: nowrap; } .t-uppercase { text-transform: uppercase; } ._bold { font-weight: bold !important; } .opacity-30 { opacity: 0.3; } .opacity-50 { opacity: 0.5; } .opacity-100 { opacity: 1; } .pointer-events-none { pointer-events: none; } ._600 { font-weight: 600 !important; } ._700 { font-weight: 700 !important; } ._800 { font-weight: 800 !important; } ._400 { font-weight: 400 !important; } ._500 { font-weight: 500 !important; } .f-7 { font-size: 7px; } .f-8 { font-size: 8px; } .f-9 { font-size: 9px; } .f-10 { font-size: 10px; } .f-11 { font-size: 11px; } .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-15 { font-size: 15px; } .f-16 { font-size: 16px; } .f-17 { font-size: 17px; } .f-18 { font-size: 18px; } .f-22 { font-size: 22px; } .b-r-4 { border-radius: 4px; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .g-10 { gap: 10px; } .g-20 { gap: 20px; } .ngb-dp-navigation-select { gap: 3px; } .form-select { background: #fd5021; border: none; border-radius: 3px; color: white; } .ngb-dp-day.outside, .ngb-dp-day:has(.outside) { pointer-events: none; } .ngb-dp-day .bg-primary { background-color: #fd5021 !important; border-radius: 50% !important; color: white !important; } .ngb-dp-day .btn-light { border-radius: 2.88px; background: #f1f2ff; } .ngb-dp-day .btn-light:hover { background-color: #f9a993 !important; } .ngb-dp-day { background: white; margin: 1px; } .ngb-dp-today { border: none !important; } .ngb-dp-day button, .ngb-dp-day button:active, .ngb-dp-day button:focus, .ngb-dp-day button.active, .ngb-dp-day button:hover, .ngb-dp-day select, .ngb-dp-day select:active, .ngb-dp-day select:focus, .ngb-dp-day select.active, .ngb-dp-day select:hover, .ngb-dp-day .btn, .ngb-dp-day .btn:active, .ngb-dp-day .btn:focus, .ngb-dp-day .btn.active, .ngb-dp-day .btn:hover, .ngb-dp-day .btn-link, .ngb-dp-day .btn-link:active, .ngb-dp-day .btn-link:focus, .ngb-dp-day .btn-link.active, .ngb-dp-day .btn-link:hover, .ngb-dp-day .btn-light, .ngb-dp-day .btn-light:active, .ngb-dp-day .btn-light:focus, .ngb-dp-day .btn-light.active, .ngb-dp-day .btn-light:hover, .ngb-dp-day .btn-primary, .ngb-dp-day .btn-primary:active, .ngb-dp-day .btn-primary:focus, .ngb-dp-day .btn-primary.active, .ngb-dp-day .btn-primary:hover, .ngb-dp-navigation-select button, .ngb-dp-navigation-select button:active, .ngb-dp-navigation-select button:focus, .ngb-dp-navigation-select button.active, .ngb-dp-navigation-select button:hover, .ngb-dp-navigation-select select, .ngb-dp-navigation-select select:active, .ngb-dp-navigation-select select:focus, .ngb-dp-navigation-select select.active, .ngb-dp-navigation-select select:hover, .ngb-dp-navigation-select .btn, .ngb-dp-navigation-select .btn:active, .ngb-dp-navigation-select .btn:focus, .ngb-dp-navigation-select .btn.active, .ngb-dp-navigation-select .btn:hover, .ngb-dp-navigation-select .btn-link, .ngb-dp-navigation-select .btn-link:active, .ngb-dp-navigation-select .btn-link:focus, .ngb-dp-navigation-select .btn-link.active, .ngb-dp-navigation-select .btn-link:hover, .ngb-dp-navigation-select .btn-light, .ngb-dp-navigation-select .btn-light:active, .ngb-dp-navigation-select .btn-light:focus, .ngb-dp-navigation-select .btn-light.active, .ngb-dp-navigation-select .btn-light:hover, .ngb-dp-navigation-select .btn-primary, .ngb-dp-navigation-select .btn-primary:active, .ngb-dp-navigation-select .btn-primary:focus, .ngb-dp-navigation-select .btn-primary.active, .ngb-dp-navigation-select .btn-primary:hover, .ngb-dp-arrow button, .ngb-dp-arrow button:active, .ngb-dp-arrow button:focus, .ngb-dp-arrow button.active, .ngb-dp-arrow button:hover, .ngb-dp-arrow select, .ngb-dp-arrow select:active, .ngb-dp-arrow select:focus, .ngb-dp-arrow select.active, .ngb-dp-arrow select:hover, .ngb-dp-arrow .btn, .ngb-dp-arrow .btn:active, .ngb-dp-arrow .btn:focus, .ngb-dp-arrow .btn.active, .ngb-dp-arrow .btn:hover, .ngb-dp-arrow .btn-link, .ngb-dp-arrow .btn-link:active, .ngb-dp-arrow .btn-link:focus, .ngb-dp-arrow .btn-link.active, .ngb-dp-arrow .btn-link:hover, .ngb-dp-arrow .btn-light, .ngb-dp-arrow .btn-light:active, .ngb-dp-arrow .btn-light:focus, .ngb-dp-arrow .btn-light.active, .ngb-dp-arrow .btn-light:hover, .ngb-dp-arrow .btn-primary, .ngb-dp-arrow .btn-primary:active, .ngb-dp-arrow .btn-primary:focus, .ngb-dp-arrow .btn-primary.active, .ngb-dp-arrow .btn-primary:hover, .custom-select button, .custom-select button:active, .custom-select button:focus, .custom-select button.active, .custom-select button:hover, .custom-select select, .custom-select select:active, .custom-select select:focus, .custom-select select.active, .custom-select select:hover, .custom-select .btn, .custom-select .btn:active, .custom-select .btn:focus, .custom-select .btn.active, .custom-select .btn:hover, .custom-select .btn-link, .custom-select .btn-link:active, .custom-select .btn-link:focus, .custom-select .btn-link.active, .custom-select .btn-link:hover, .custom-select .btn-light, .custom-select .btn-light:active, .custom-select .btn-light:focus, .custom-select .btn-light.active, .custom-select .btn-light:hover, .custom-select .btn-primary, .custom-select .btn-primary:active, .custom-select .btn-primary:focus, .custom-select .btn-primary.active, .custom-select .btn-primary:hover { outline: none !important; box-shadow: none !important; border-color: transparent !important; } .ngb-dp-content *:focus { outline: none !important; border: 0 !important; box-shadow: none !important; } .ngb-dp-arrow-btn, .ngb-dp-arrow-btn:focus, .ngb-dp-arrow-btn:active { outline: none !important; box-shadow: none !important; border: none !important; } .ngb-dp-arrow .btn-link:hover, .ngb-dp-arrow .btn-link:focus, .ngb-dp-arrow .btn-link:active { color: #fd5021 !important; } .dropdown-menu { box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important; border-radius: 10px; } .ngb-dp-weekday { color: #18182d !important; } .ngb-dp-weekdays { padding-left: 15px !important; } .ngb-dp-header { padding-top: 10px !important; } .mtm-icon { background-position: center; background-repeat: no-repeat; background-size: contain; } .mtm-icon-topic-arrow-left { background-image: url("/assets/img/icons/topic-v2/arrow-left.svg"); } .mtm-icon-topic-arrow-right { background-image: url("/assets/img/icons/topic-v2/arrow-right.svg"); } .mtm-icon-topic-next { background-image: url("/assets/img/icons/topic-v2/next.svg"); } .mtm-icon-topic-prev { background-image: url("/assets/img/icons/topic-v2/prev.svg"); } .mtm-icon-linked-item { background-image: url("/assets/img/icons/linked-item.svg"); } .mtm-icon-topic-pencil { background-image: url("/assets/img/icons/topic-v2/pencil.svg"); } .mtm-icon-topic-file { background-image: url("/assets/img/icons/topic-v2/file.svg"); } .mtm-icon-topic-download { background-image: url("/assets/img/icons/topic-v2/download.svg"); } .mtm-icon-topic-info { background-image: url("/assets/img/icons/topic-v2/info.svg"); } .mtm-icon-topic-list { background-image: url("/assets/img/icons/topic-v2/list.svg"); } .mtm-icon-topic-folder { background-image: url("/assets/img/icons/topic-v2/folder.svg"); } .mtm-icon-topic-folder-open { background-image: url("/assets/img/icons/topic-v2/folder-open-black.svg"); } .mtm-icon-topic-angle-down-small { background-image: url("/assets/img/icons/topic-v2/angle-down-small.svg"); } .mtm-icon-copy-link { background-image: url("/assets/img/icons/copy-link.svg"); } .mtm-icon-lock { background-image: url("/assets/img/icons/lock.svg"); } .mtm-icon-share-link { background-image: url("/assets/img/icons/review-link/copy-link-red-dark.svg"); } .mtm-icon-share-link-red { background-image: url("/assets/img/icons/review-link/copy-link-red.svg"); } .mtm-icon-side-by-side { background-image: url("/assets/img/icons/side-by-side.svg"); } .mtm-icon-above-and-below { background-image: url("/assets/img/icons/above-and-below.svg"); } .mtm-icon-cross { background-image: url("/assets/img/icons/cross.svg"); } .mtm-icon-back { background-image: url("/assets/img/back_icon.svg"); } .mtm-icon-restricted { background-image: url("/assets/img/icons/review-link/restricted.svg"); } .mtm-icon-anyone { background-image: url("/assets/img/icons/review-link/anyone.svg"); } .mtm-icon-draw { background-image: url("/assets/img/icons/draw.svg"); } .mtm-icon-align-left { background-image: url("/assets/img/icons/align-left.svg"); } .mtm-icon-align-left.active, .mtm-icon-align-left:hover { background-image: url("/assets/img/icons/align-left-hover.svg"); } .mtm-icon-align-right { background-image: url("/assets/img/icons/align-right.svg"); } .mtm-icon-align-right.active, .mtm-icon-align-right:hover { background-image: url("/assets/img/icons/align-right-hover.svg"); } .mtm-icon-align-center { background-image: url("/assets/img/icons/align-center.svg"); } .mtm-icon-align-center.active, .mtm-icon-align-center:hover { background-image: url("/assets/img/icons/align-center-hover.svg"); } .mtm-icon-align-top { background-image: url("/assets/img/icons/align-top.svg"); } .mtm-icon-align-top.active, .mtm-icon-align-top:hover { background-image: url("/assets/img/icons/align-top-hover.svg"); } .mtm-icon-align-bottom { background-image: url("/assets/img/icons/align-bottom.svg"); } .mtm-icon-align-bottom.active, .mtm-icon-align-bottom:hover { background-image: url("/assets/img/icons/align-bottom-hover.svg"); } .mtm-icon-folder-open { background-image: url("/assets/img/icons/folder-open.svg"); } .mtm-icon-folder-closed { background-image: url("/assets/img/icons/folder-closed.svg"); } .mtm-icon-pin { background-image: url("/assets/img/icons/pin.svg"); } .mtm-icon-plane { background-image: url("/assets/img/icons/plane.svg"); } .mtm-icon-smile { background-image: url("/assets/img/icons/smile.svg"); } .mtm-icon-task-icon { background-image: url("/assets/img/icons/task-icon.svg"); } .mtm-icon-task-icon-black { background-image: url("/assets/img/icons/task-icon-black.svg"); } .mtm-icon-crown-red { background-image: url("/assets/img/icons/crown-red.svg"); } .mtm-icon-calendar-black { background-image: url("/assets/img/icons/calendar-black.svg"); } .mtm-icon-add { background-image: url("/assets/img/icons/add-icon.svg"); } .mtm-icon-pencil-grey { background-image: url("/assets/img/icons/pencil-grey.svg"); } .mtm-icon-white-check { background-image: url("/assets/img/icons/white-check.svg"); } .mtm-icon-right-triangle-black { background-image: url("/assets/img/icons/right-triangle-black.svg"); } .mtm-icon-left-triangle-circle-black { background-image: url("/assets/img/icons/left-triangle-circle-black.svg"); } .mtm-icon-left-triangle-white { background-image: url("/assets/img/project-v2/right-triangle-white.svg"); } .mtm-icon-right-triangle-white { background-image: url("/assets/img/project-v2/left-triangle-white.svg"); } .mtm-icon-expander-vertical { background-image: url("/assets/img/expander-vertical.svg"); } .mtm-icon-move-element { background-image: url("/assets/img/move-element.svg"); } .mtm-icon-info-grey { background-image: url("/assets/img/icons/info.svg"); } .w-18 { width: 18px; } .h-18 { height: 18px; } .w-24 { width: 24px; } .h-24 { height: 24px; } .w-28 { width: 28px; } .h-28 { height: 28px; } .w-50 { width: 50%; } .w-25 { width: 25%; } .pointer { cursor: pointer; } .text { cursor: text; } .rounded-modal .modal-content { border-radius: 15px; } a.btn.disabled { cursor: not-allowed !important; } .mtm-button { border-radius: 0.25rem; padding: 0.25rem 1rem; text-decoration: none; } .mtm-button:hover { opacity: 0.8; text-decoration: none; } .mtm-button.mtm-main-button { color: #ffffff; background-color: #ff5900; } .mtm-button.mtm-main-button:hover { color: #ffffff; background-color: rgba(255, 89, 0, 0.9) !important; } .mtm-button.mtm-white-button { background-color: #ffffff; border: 1px solid #d4d4de; } .mtm-button.mtm-border-white-button { border: 2px solid #ffffff; } .mtm-button.mtm-border-orange-button { border: 2px solid #ff5900; } .mtm-button.mtm-border-button { border: 1px solid #000; } .manage-storage-modal .modal-dialog, .transfer-ownership-modal .modal-dialog, .delete-files-modal .modal-dialog, .add-or-remove-storage-modal .modal-dialog { max-width: 800px; } .add-new-company-user-modal .modal-dialog { max-width: 500px !important; } .add-new-company-user-modal .modal-dialog .modal-body { min-width: 500px !important; } .mtm-checkbox { display: block; position: relative; padding-left: 20px; cursor: pointer; font-size: 16px; -webkit-user-select: none; user-select: none; } .mtm-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .mtm-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 4px; background-color: rgba(255, 255, 255, 0); border: 2px solid #eee; } .mtm-checkbox:hover input ~ .checkmark { background-color: rgba(255, 255, 255, 0.2); } .mtm-checkbox input:checked ~ .checkmark { background-color: white; } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .mtm-checkbox.double-tick input:checked ~ .checkmark:before, .mtm-checkbox input:checked ~ .checkmark:after { display: block; } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .mtm-checkbox.double-tick .checkmark:before, .mtm-checkbox.double-tick .checkmark:after { width: 5px; height: 9px; } .mtm-checkbox.double-tick .checkmark:after { top: 5px; left: 7px; } .mtm-checkbox.double-tick .checkmark:before { top: 1px; left: 7px; } .mtm-checkbox.double-tick.mtm-checkbox-green .checkmark:before, .mtm-checkbox.mtm-checkbox-green .checkmark:after { border-color: #4fc18e; } .mtm-checkbox.double-tick.mtm-checkbox-red .checkmark:before, .mtm-checkbox.mtm-checkbox-red .checkmark:after { border-color: #e94913; } .comparer-container .drawing-hidden.video-player .video-js.vjs-fluid { padding-top: 24rem !important; } .comparer-container .slider-opacity .ngx-slider.animate .ngx-slider-pointer { transition: none; } .comparer-container .slider-opacity .ngx-slider-limit, .comparer-container .slider-opacity .ngx-slider-model-value { display: none; } .comparer-container .slider-opacity .ngx-slider .ngx-slider-pointer { background-color: #ffffff; top: -10px; width: 24px; height: 24px; } .comparer-container .slider-opacity .ngx-slider .ngx-slider-pointer::after { background-color: #e94913; width: 16px; height: 16px; position: absolute; top: 4px; left: 4px; border-radius: 8px; } mtm-version-comparer .above-and-below mtm-media-player .media-player-container { pointer-events: none !important; } mtm-version-comparer .above-and-below mtm-media-player .media-player-container .vjs-big-play-button { display: none !important; } .timer-caption-editor .vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue > div { font-size: 101% !important; } .media-player-preview.modal .modal-dialog { width: 780px; } .media-player-preview.modal .modal-content { background-color: transparent !important; } mtm-subtitle-style-control * { font-size: 12px; } .conversation-container simple-chat-popup .chat-messages { background-color: #ffffff; } .conversation-container simple-chat-popup .chat-messages .chat-input-message { border-top: 1px solid #e2e6ec !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } .conversation-container simple-chat-popup .text-secondar { color: red; } .conversation-container simple-chat-popup .emoji-mart { right: auto !important; top: auto !important; bottom: 44px; } .conversation-container simple-chat-popup .emoji-mart .emoji-mart-scroll { height: 172px !important; } .conversation-container mtm-group-chat-picture .group-container { border: 2px solid #eef2f9; } .conversation-container mtm-user-profile-picture .icon-image, .conversation-container mtm-user-profile-picture .icon-color { border: 2px solid #eef2f9; } key-file .loader-container .text-secondar { color: red; } .team-data-list-container .folder-table-row { box-shadow: none !important; } .team-data-list-container.rightbar-blocks-no-collapsed .leftbadge .file-info .nameFileFolder { font-size: 14px !important; margin-left: 6px !important; margin-bottom: 22px !important; } .team-data-list-container.rightbar-blocks-no-collapsed .leftbadge .file-info input { height: 20px !important; margin-bottom: 20px !important; } .team-data-list-container.rightbar-blocks-no-collapsed .leftbadge .small-list-view .file-info { padding-right: 0 !important; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge { min-width: 0 !important; flex-basis: 0 !important; position: absolute; left: 0; top: 0; width: 100%; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge { height: auto !important; top: 26px; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge .badgebtn-container { right: unset !important; left: 45px; bottom: -4px !important; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge li.mt-1 { margin-top: 0 !important; font-size: 0.625rem !important; width: 1.25rem !important; height: 18px; color: #18182d; border-color: #18182d; } .team-data-list-container.rightbar-blocks-no-collapsed .rightbadge li.mt-1 i { color: #18182d; } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Poppins", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.1875rem; } h2, .h2 { font-size: 1.75rem; } h3, .h3 { font-size: 1.53125rem; } h4, .h4 { font-size: 1.3125rem; } h5, .h5 { font-size: 1.09375rem; } h6, .h6 { font-size: 0.875rem; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, container-fluid .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .admin-page { max-width: 1280px !important; padding: 0 !important; } .admin-page .container, .admin-page .container-sm, .admin-page .container-md, .admin-page .container-lg, .admin-page .container-xl { max-width: 1280px !important; padding: 0 !important; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 2.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.75rem 0; margin-bottom: 0; font-size: 0.875rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 1.5rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 6rem !important; background-position: right 3rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 3.625rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1.5rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2.5rem/calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 1.5rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 6rem !important; background-position: right 3rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 3.625rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1.5rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 2.5rem/calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.875rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; border: none; } .btn-link { color: #abaed0; } .ngb-dp-weekday { font-style: normal !important; font-weight: 500; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.75rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2.5rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.3125rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.15625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.15625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.15625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.15625rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 2.5rem 0.75rem 1.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1.5rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1.5rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 1.5rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 1.5rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 1.5rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 1.5rem); padding: 0.75rem 1.5rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.40625rem; padding-bottom: 0.40625rem; margin-right: 1rem; font-size: 1rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #eceef4; background-clip: border-box; border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid whitesmoke; } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid whitesmoke; } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d !important; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d !important; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 4.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.65625rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 2rem; font-weight: normal; line-height: 1; color: grey; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: grey; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: whitesmoke; background-clip: padding-box; border-radius: 10px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.3 !important; background-color: #000000 !important; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .collaborator-avatar .tooltip-inner { max-width: 100%; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-70 { height: 80vh !important; } .vh-80 { height: 80vh !important; } .vh-90 { height: 90vh !important; } .vh-100 { height: 100vh !important; } .mh-vh-50 { max-height: 50vh; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black { color: #000 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a, sans-serif; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; width: 10px; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*! * 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("/assets/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0"); src: url("/assets/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/assets/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/assets/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/assets/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/assets/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome, sans-serif; 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: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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-up-down-left-right:before { content: "\f0b2"; } .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-up-down-left-right:before { content: "\f0b2"; } .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; } body { position: absolute; height: 100%; width: 100%; overflow: auto !important; } body .crisp-client #crisp-chatbox a { margin-right: 0 !important; } body.project-loaded .crisp-client #crisp-chatbox a { margin-right: 0 !important; } body.project-loaded.right-bar-shown .crisp-client #crisp-chatbox a { margin-right: 72px !important; } body.project-loaded.right-bar-shown.right-bar-collapsed .crisp-client #crisp-chatbox a { margin-right: 0px !important; } ul { padding-inline-start: 0; } .container-inner { background-color: #fdfdfd; border-radius: 8px; padding: 0.5em; } .container-inner .row { margin-right: 0; margin-left: 0; } .container-inner .row.btn-footer { margin-right: 3em; margin-bottom: 1em; } @keyframes fading { from { opacity: 0; } to { opacity: 1; } } .popover { max-width: max-content !important; } .popover-top { animation: fading 0.3s; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .container-small-width { max-width: 975px; } .has-float-label > span { top: 0.5em; color: #636c72; } .has-float-label .form-control:placeholder-shown:not(:focus) + * { top: 1.2em; font-size: 100%; } .has-float-label-datepicker { position: absolute; display: flex; z-index: 600; margin-left: 12px; color: #808080; font-size: 75%; top: 3px; left: 0; } .date-picker { padding-top: 18px !important; } .form-control { padding-left: 0.75rem; line-height: inherit; } .form-control-danger { border: 1px solid red !important; } input.form-control { line-height: inherit; height: 50px; } ngb-timepicker input.form-control { padding: 10px; height: 10px; line-height: 10px; } ngb-timepicker .visually-hidden { display: none; } .ngb-dp-header .visually-hidden { display: none !important; } ngb-datepicker-navigation .visually-hidden { display: none; } input { color: #000000 !important; } textarea.form-control { line-height: inherit; } .btn-green { background-color: #6dc58f; color: white; } .btn-orange { background-color: #fd5021; color: white; } .btn-green { background-color: #6dc58f; color: white; } .modal { text-align: center; padding: 0 !important; } .modal:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .btn { font-family: "Poppins", sans-serif; transition: none !important; } .btn-lg, .btn-group-lg > .btn { height: 50px; } .btn-long-text { width: 200px; height: 65px; font-size: 0.73rem !important; } .dropdown-toggle-admin-companies { background-color: white !important; border: 1px solid whitesmoke !important; color: #676666 !important; width: 100%; margin-top: 5px !important; font-family: inherit; font-size: 1em !important; padding: 6px !important; height: 31px !important; } .caret-admin-companies { padding: 0 12px 0 0; border: none; color: whitesmoke; } .dropdown-menu-admin-companies { margin: 0 !important; padding: 3px 0 !important; } .dropdown-menu { padding: 0 !important; margin: 0 !important; } .dropdown-menu-item-admin-companies { margin: 0 !important; font-size: 12px; padding: 3px 7px !important; } .dropdown-menu-item-admin-companies > div > input { font-size: 0.7rem !important; padding: 0 3px !important; } .dropdown-menu-item-admin-companies > div > span.input-group-btn > button { border: none !important; padding: 0 !important; font-size: 0.5rem !important; } .upload-modal .modal-content { height: 452px; } .signed-url-upload-modal .modal-content { width: 700px; } .breadcrumb { margin: 0; z-index: 99; border-radius: 0; color: white; padding: 15px 0; font-size: 0.9rem; text-transform: capitalize; background-color: transparent; } .breadcrumb .active { color: white; font-weight: 700; } .breadcrumb .active:before { font-weight: 400; } .breadcrumb a, .breadcrumb a:visited { color: white; } .breadcrumb-item a { text-decoration: none; color: inherit; cursor: pointer; } .breadcrumb-item + .breadcrumb-item:before { content: ">"; color: white; padding: 0 0.75rem; } .tooltip { animation: show 0.2s; } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .modal.fade { animation: show 0.25s; } a.text-primary { color: #49b092 !important; } a.text-primary:hover { color: #49b092 !important; } .dropdown-toggle { border-radius: 0.25rem; } .dropdown-toggle.dropdown-single { width: 100% !important; } .dropdown-toggle, .dropdown-toggle:focus { color: #808080; border: none; width: 100%; font-size: 1.1em; font-family: inherit; padding: 10px 15px; } .dropdown-toggle:after { color: #69699d; float: right; position: absolute; font-size: 1.25rem; top: 50%; right: 10px; } select.form-control-float-label { padding-top: 18px; padding-bottom: 4px; padding-left: 8px; } .select-language + .dropdown-menu { background-color: whitesmoke; border: none; border-radius: none; margin-top: 0; width: 100%; min-width: 0; overflow-x: hidden; } .select-language + .dropdown-menu .dropdown-divider { display: none; } .select-language + .dropdown-menu .dropdown-item { margin: 0.5rem 0; padding-right: 10px; } .select-language + .dropdown-menu .dropdown-item .input-group-addon { display: none; } .select-language + .dropdown-menu .dropdown-item input { padding: 0; font-family: inherit; font-size: 0.9rem; border: none; background: transparent; height: auto; } .select-language + .dropdown-menu .dropdown-item:hover, .select-language + .dropdown-menu .dropdown-item:active, .select-language + .dropdown-menu .dropdown-item:focus { background-color: whitesmoke !important; } .select-language + .dropdown-menu .dropdown-item a { color: #4dbd89; } .select-language + .dropdown-menu .dropdown-item a span:first-child { float: right; } .select-language + .dropdown-menu .dropdown-item a span:last-child { float: left; } .select-language + .dropdown-menu .dropdown-item a:hover, .select-language + .dropdown-menu .dropdown-item a:focus { text-decoration: none; } .notifications .dropdown-item:hover, .notifications .dropdown-item:active, .notifications .dropdown-item:focus { background-color: whitesmoke !important; } .nav-tabs { background-color: #f7f7f7; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; } .nav-tabs .nav-item .nav-link { padding: 15px 45px 12px 45px; font-size: 1.1em; color: #adadad; border-bottom: 3px solid #f7f7f7 !important; } .account-change-password-modal .modal-dialog { max-width: 900px !important; } .account-change-password-modal .change-password-page { min-height: 540px !important; } .nav-tabs .nav-item .active { border-bottom: 3px solid #e6431e !important; color: #e6431e !important; background-color: inherit; border: none; } .tab-content { background-color: #fdfdfd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 25px; } .table { font-size: 0.9em; } .table thead tr th { font-weight: 600; border: none; } .table-striped tbody tr:nth-of-type(odd) { background-color: #fafafa; } .star-icon { font-size: 1.5rem !important; } .star-icon:before { color: #f7be39 !important; } .global-r { font-size: 2.5rem !important; } .ngb-dp-day .btn-secondary { border-radius: 0; background-color: white; color: grey; } .fc-day-header { color: grey; } .fc-bg .fc-state-highlight { background-color: whitesmoke !important; } .fc-agendaDay-view .fc-bg .fc-state-highlight { background-color: white !important; } .fc-widget-header { border: none !important; margin-bottom: 0.5rem; } .fc-view { animation: show 0.2s; } .fc-header-toolbar { display: none; } .fc-day-number { font-size: 1rem; font-weight: 600; color: grey !important; } .fc-slats td { height: 1.48rem !important; } .fc-more { color: #e44a27 !important; font-weight: 600; } .fc-axis span { color: grey; font-weight: 600; } .fc-close { font-size: 0.8em !important; } .fc-event { border-radius: 0 !important; animation: show 0.3s; } .mtm-field { background-color: white; padding: 0.5rem 0; margin: 0.5rem 0; height: 1rem; } .mtm-field .row { position: relative; left: 1.5rem; } .mtm-field .daily-event { align-self: center; } .mtm-field .daily-event button { border: none; background-color: transparent; } .mtm-field .daily-event button:focus, .mtm-field .daily-event button:active { outline: none; } .ng2-auto-complete { z-index: 999; } .ng2-auto-complete li, .ng2-auto-complete ul { border: none !important; margin: 0 !important; padding: 0 !important; } .ng2-auto-complete .media { background-color: #f7f7f7; color: #808080; } .intl-tel-input { width: 100%; } .intl-tel-input .country-list { z-index: 999 !important; } .card-block h6 { margin-bottom: 0.2rem; } .card-block .card-text { color: grey; margin-bottom: 0.5rem; } .user-menu .nav-link svg, .sidebar-left .nav-link svg { transition: all 0.2s; stroke: grey; fill: grey; } .user-menu .nav-link svg.no-stroke, .sidebar-left .nav-link svg.no-stroke { stroke: none; } .user-menu .nav-link svg #Rectangle-6, .sidebar-left .nav-link svg #Rectangle-6 { transition: all 0.2s; fill: grey; } .user-menu .nav-link:hover svg, .sidebar-left .nav-link:hover svg { stroke: white; fill: white; } .user-menu .nav-link:hover svg.no-stroke, .sidebar-left .nav-link:hover svg.no-stroke { stroke: none; } .user-menu .nav-link:hover svg #Rectangle-6, .sidebar-left .nav-link:hover svg #Rectangle-6 { fill: white; } .user-menu .active svg, .sidebar-left .active svg { stroke: white; fill: white; } .user-menu .active svg #Rectangle-6, .sidebar-left .active svg #Rectangle-6 { fill: white; } .user-menu .nav-link { color: #fff !important; font-size: 0.8em; font-weight: 600; line-height: 1; } .ui-timepicker-wrapper { background-color: #efefef !important; } .mtm-xl .modal-dialog { max-width: 700px; } .modal-open .modal { overflow-y: hidden; } .videocall-xl .modal-dialog { max-width: 1200px; max-height: 800px; width: 80%; } @media (min-width: 979px) and (max-width: 1330px) { .videocall-xl .modal-dialog { max-width: calc(100% - 200px); } } @media (min-width: 768px) and (max-width: 979px) { .videocall-xl .modal-dialog { max-width: calc(100% - 150px); } } @media (max-width: 767px) { .videocall-xl .modal-dialog { max-width: calc(100% - 200px); } } .btn:focus { outline: 0; box-shadow: none; } body.safari-mac input.form-control { height: 53px; } .toggle-children-wrapper { zoom: 2; } .node-content-wrapper { max-width: unset !important; width: 75% !important; } ngb-modal-backdrop { opacity: 0 !important; } ngb-modal-window { animation: show 0.1s !important; background-color: rgba(46, 46, 83, 0.8); overflow-y: scroll !important; z-index: 9999 !important; } ngb-modal-window::-webkit-scrollbar { display: none !important; } ngb-modal-window.show ~ .dropdown { z-index: 10000 !important; } .mtmCommentTextInput { bottom: 10px; width: 100%; font-size: 1.1em; color: #292b2c; outline: none; height: 100%; overflow-y: auto; word-wrap: break-word; min-height: 35px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1490196078); padding: 11px 9px 11px 11px; } [contenteditable]:empty:before { content: attr(placeholder); } .nonePointerEvents { pointer-events: none; border: 3px solid red; } .ng2-auto-complete { max-height: 200px; overflow-y: auto; } loading-data { display: contents !important; } drag-scroll { height: 100% !important; } drag-scroll .drag-scroll-content { height: 100% !important; padding-right: 15px; padding-left: 15px; } drag-scroll .drag-scroll-content::-webkit-scrollbar { height: 12px !important; widows: 0 !important; } drag-scroll .drag-scroll-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15) !important; } .has-danger-combo-box { border: 1px solid red; } @keyframes slidePopup { from { margin-right: 3px; } to { margin-right: 200px; } } @keyframes slidePopupReverse { from { margin-right: 200px; } to { margin-right: 3px; } } .input-group { border: 1px solid #ced4da; border-radius: 5px; background-color: white; display: flex; justify-content: center; align-items: center; } .input-group .date-picker { border-top: unset; border-bottom: unset; border-left: unset; } .input-group .input-group-addon { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; padding-left: 7px; padding-right: 7px; cursor: pointer; } .input-group .input-group-addon i { border-width: 0 !important; } .dropdown-input-group { border: 1px solid #ced4da; border-radius: 5px; } .dropdown-menu { opacity: 1; } .dropdown-toggle { width: 100%; color: black; height: 50px; } .card-block { padding: 1.25rem; } .mtm-scroll-auto { overflow: auto; } .mtm-scroll-only-x { overflow-x: scroll !important; overflow-y: hidden !important; } .mtm-scroll-only-y { overflow-x: hidden !important; overflow-y: scroll !important; } .btn-outline { border-color: #6c757d; } .btn-danger { background-color: #e84206; border-color: #e84206; } .btn-danger:hover { background-color: #e84206; border-color: #e84206; color: black; } .toast { opacity: 1 !important; animation: show 1.71s !important; } .toast-container .toast { box-shadow: 0 0 12px #454545 !important; } .project-filter-panel-container .project-filter-panel .filter-project-date-container div label { opacity: 1 !important; } .mtm-description-textarea { background-color: #efefef !important; width: 100%; min-height: 48px; padding: 7px; border-color: #efefef; height: 48px; } .mtm-newline { white-space: pre-line; } .contact-modal-content, .modal-dialog { display: inline-table; } .company-project-detail-modal-company-profiles { background-color: rgba(0, 0, 0, 0.31); color: black; } .company-project-detail-modal-company-profiles div:nth-child(1) { max-width: unset !important; } .company-matched-blur-color { background-color: rgba(254, 167, 134, 0.65) !important; } .div-disabled { pointer-events: none; opacity: 0.5; background: #ccc; } ngb-tooltip-window { z-index: 9999 !important; } ngb-tooltip-window.tooltip { min-width: 180px; max-width: 480px !important; } ngb-tooltip-window.tooltip.show { pointer-events: none; } ngb-tooltip-window .user-full-name, ngb-tooltip-window .user-position { white-space: nowrap; } .badge { transition: all 0.05s; } loading-data { display: block; } .index-animation-container { overflow: hidden !important; z-index: 999999; } .has-float-label > span:after { display: none; } .dropdown-item { padding: 0.5rem 1rem; } .border-separator { border-bottom: 1px solid #eef2f9; } .modal-body { min-width: 620px !important; } .mtm-default-button { background-color: #e84206; border-color: #e84206; color: #ffffff; } .mtm-default-button:hover { background-color: rgba(232, 66, 6, 0.8); border-color: rgba(232, 66, 6, 0.8); color: #ffffff; cursor: pointer; } .t-no-wrap { white-space: nowrap; } .pointer { cursor: pointer; } .mentioned-group, .mentioned-user { display: inline; border-radius: 0.125rem; cursor: pointer; font-size: 0.875rem; padding: 1px; word-break: break-word; white-space: nowrap; margin-right: 5px; } mention-list.dropup { top: unset !important; } mention-list.dropup .mtm-group-chat-picture { cursor: pointer !important; } .mentioned-user { background: rgba(232, 66, 6, 0.1); font-size: 0.875rem; font-weight: normal; } .mentioned-group { color: black; font-weight: 600; } .mentioned-group.group-not-visible { font-weight: normal !important; } .mention-menu li:hover a { background-color: rgba(232, 66, 6, 0.2) !important; color: #000000 !important; cursor: pointer; } .mention-menu .mention-active a, .mention-menu .mention-active:hover a { background-color: #e6431e !important; color: #000000 !important; } .chat-messages .chat-comments .comment-right .chat-message span.mentioned-group { color: #efefef !important; } .chat-messages .chat-comments .chat-message span.mentioned-user:hover, .chat-messages .chat-comments .chat-message span.mentioned-group:hover { opacity: 0.9; } .modal-chat-file-preview .modal-dialog.modal-lg { min-width: 480px; } .proposal-step-container .mentioned-group, .proposal-step-container .mentioned-user { cursor: default !important; } .media-player-container .mtm-text-editor .mtm-text-editor-element { -moz-appearance: textfield-multiline; -webkit-appearance: textarea; height: auto; max-height: 84px; min-height: 84px; padding: 11px !important; overflow: auto; width: 100%; } .mtm-file-reorder-body .min-h-250 { min-height: auto !important; } ngb-datepicker .ngb-dp-day.hidden { display: block !important; height: 0 !important; } hr-preview-subcmp .drawing-hidden.video-player .video-js.vjs-fluid { padding-top: 79% !important; } hr-preview-subcmp .min-h-250 { min-height: 146px !important; } simple-chat-popup .chat-comment .mtm-text-editor-element { padding: 0.875rem 1rem !important; } simple-chat-popup .chat-comment .comment-content .chat-message .comment-has-edited { font-size: 10px; white-space: nowrap; } simple-chat-popup .chat-comment .comment-content .chat-message .comment-has-edited::after { font-size: 0.625rem; z-index: 1; } .shooting-tooltip .shooting-title { white-space: break-spaces; } .company-portfolio-preview-modal .modal-content { border: none !important; border-radius: 0.5rem !important; } .modal-content { background-color: #ffffff !important; } .file-confirm-container { max-width: 640px; min-width: 640px; } .file-confirm-container .modal-header { padding: 0.5rem !important; } .file-confirm-container .modal-header.no-header-border { border-bottom: none !important; } .file-confirm-container .modal-body .container { text-align: center; } .file-confirm-container .modal-body .description { font-size: 1rem !important; font-weight: bold !important; margin-top: 1rem !important; margin-bottom: 0.5rem !important; } .file-confirm-container .modal-body .description-meta { font-size: 0.75rem; width: 340px; margin: 0 auto; } .file-confirm-container .modal-body .note-info { background-color: #f3f3f3; margin-top: 1rem; padding: 0.5rem 1rem; margin-left: -31px; margin-right: -31px; } .file-confirm-container .modal-body .note-info .issue-files { line-height: 2; } .file-confirm-container .modal-body .note-info .issue-files .issue-file-title { color: #cc3c30; font-weight: bold; } .file-confirm-container .modal-body .btn.b-mtm-grey.c-mtm-purple { margin-right: 1rem; } .file-confirm-container .modal-body .btn.c-full-white.b-mtm-brand { margin-left: 1rem; } mtm-image-slider .not-previewable-message { color: #ffffff; opacity: 0.9; } hr-preview-subcmp .not-previewable-message { font-size: 0.75rem; } .modal-blur-background .container-fluid, .modal-blur-background .container-sm, .modal-blur-background .container-md, .modal-blur-background .container-lg, .modal-blur-background .container-xl { filter: blur(2px); } .has-error .items-list, .has-error .mtm-assets-dropdown, .has-error .form-control { border: 1px solid #e44a27 !important; } .has-error .validation-error-message { color: #e44a27 !important; } .review-link-component-container .asset-thumbnail .image-file { width: 56px !important; } input:focus { border: 1px solid #ced4da !important; box-shadow: none !important; } .proposal-page-breadcrumb li:nth-child(1) { display: none; } .proposal-page-breadcrumb li:nth-child(2)::before { display: none; } .create-shot-take-scene-page-breadcrumb li:nth-child(4) { display: none; } .blacklisted-tooltipped:hover { position: relative; } .blacklisted-tooltipped:hover::after { animation: yb 0.1s forwards ease-in 0.4s; background: #191844; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); bottom: 100%; color: #ffffff; content: attr(title); display: table-cell; font-family: "Montserrat", sans-serif !important; font-size: 0.625rem; font-style: normal; margin-bottom: 0.5rem; text-decoration: none; padding: 6px 12px; position: absolute; right: 50%; transform: translate(50%); width: max-content; } .clipboard-tooltipped { position: relative; } .clipboard-tooltipped::after { animation: yb 0.1s forwards ease-in 0.4s; background: #191844; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); bottom: 100%; color: #ffffff; content: attr(title); display: table-cell; font-family: "Montserrat", sans-serif !important; font-size: 0.625rem; font-style: normal; margin-bottom: 0.5rem; text-decoration: none; padding: 4px 8px; position: absolute; right: 50%; transform: translate(50%); width: max-content; } .clipboard-tooltipped.review-link::after { font-family: "Poppins", sans-serif; font-size: 12px; background: #ffffff; border: 1px solid #dde2f0; color: #2e2e53; display: flex; justify-content: center; align-items: center; } .mtm-icon-share-icon.clipboard-tooltipped::after { right: -100% !important; margin-bottom: 1rem !important; text-transform: none; } *[disabled] { cursor: not-allowed !important; } .header-right-side-container.public-link .combobox-3 { transform: translateX(-48%) !important; } mtm-new-user-project mtm-inviter-dropdown .mtm-inviter-dropdown-component input.form-control { border-radius: 4px; height: 50px; } mtm-dashboard mtm-comment-preview .comment-preview-component-container { display: inline; } mtm-new-user-project mtm-dropdown ul li:nth-child(7)::after, mtm-project-permissions mtm-dropdown ul li:nth-child(7)::after { content: " "; border-bottom: 1px solid #dee2e6; position: absolute; width: 100%; } .master-file-selection-modal .modal-dialog { min-width: 780px; width: 100%; } .mtm-dash-border { border-style: dashed !important; } mtm-format-request .download-list mtm-preview-asset *, mtm-deliverables .download-list mtm-preview-asset * { border: none !important; border-radius: 0 !important; } .format-request .dropdown-menu, .export-create .dropdown-menu { min-width: 100% !important; } .format-request .dropdown-menu .item-list-menu, .export-create .dropdown-menu .item-list-menu { max-height: 258px; overflow-y: auto; overflow-x: unset !important; margin-bottom: 2.5rem; width: auto !important; } .stylism-card audio { height: 15rem !important; } .stylism-card audio .audio { bottom: unset !important; } .gray a { color: gray !important; } .rowNumberColor div a { color: gray !important; } .drop-zone { width: 100%; height: 100%; display: grid; align-items: center; } .upload-link > .drop-zone { min-height: 12.5rem !important; } .rounded-circle > .drop-zone { border-radius: 100%; } #create-workspace .ng-autocomplete .autocomplete-container { height: 50px; } #create-workspace .ng-autocomplete .autocomplete-container .input-container input { background-color: #eceef4; height: 50px; } #create-workspace .ng-autocomplete .suggestions-container ul li a { padding: 3px 15px; } #create-new-event .ng-autocomplete .autocomplete-container { height: 50px; border-color: gray; } #create-new-event .ng-autocomplete .autocomplete-container .input-container input { background-color: #efefef; height: 50px; } #create-new-event .ng-autocomplete .suggestions-container ul li a { padding: 2px 15px; } #admin-invitation .ng-autocomplete { width: 100% !important; } #admin-invitation .ng-autocomplete .autocomplete-container { height: 50px; box-shadow: none !important; } #admin-invitation .ng-autocomplete .autocomplete-container .input-container input:focus { border: none !important; background-color: inherit !important; height: 50px; } #admin-invitation .ng-autocomplete .autocomplete-container .not-found { padding: none; border: none; } #admin-invitation .ng-autocomplete .suggestions-container { margin-top: -1px; z-index: 9; } #admin-invitation .ng-autocomplete .suggestions-container ul li a { padding: 0px 0px; font-weight: 100; color: black; box-shadow: none !important; } .add-company-user-modal .modal-lg { max-width: 100% !important; } .add-company-user-modal .modal-content { padding: 1.5rem !important; } .plan-renewal-failed-component .modal-content { max-width: 720px !important; width: 720px; } .limit-storage-modal .modal-dialog { max-width: 800px; width: 800px; } .company-roles-and-permission-modal .modal-dialog { max-width: 1200px; width: 100%; } mtm-signup-detail input, mtm-signup-detail select { background: #f3f7f8 !important; } mtm-signup-detail selector-mtm-tel-input .search-value { background: #fff !important; } mtm-signup-detail selector-mtm-tel-input .custom-drop-down-button { background: #f3f7f8 !important; } #changeBackgroundcolor .image-container { border-radius: 6px; background-color: #2e2e53; border-top-left-radius: 6px !important; border-bottom-right-radius: 0px !important; } #changeBackgroundcolor .two-users-container { border: 10px solid #2e2e53; } #changeBackgroundcolor .preview-image { border-right: 5px solid #2e2e53 !important; border-left: 5px solid #2e2e53 !important; } .emoji-mart-bar { display: none !important; } .emoji-mart section { width: 277px !important; } simple-chat-popup mtm-text-editor .emoji-mart { z-index: 995; right: 0px !important; } simple-chat-popup mtm-text-editor .emoji-mart section { width: 264px !important; } #changeMtmUploadfileColor .upload-link { background: rgba(236, 238, 244, 0.3) !important; border: 2px dashed #a7b2d2; border-radius: 6px; max-height: 118px !important; min-height: 118px !important; } #changeDropDownStyle { background-color: #eceef4; } #changeDropDownStyle .dropdown-menu { min-width: 100% !important; background-color: #eceef4 !important; } #changeDropDownStyle .item-list-menu { max-height: 258px; overflow-y: auto; overflow-x: unset !important; margin-bottom: 2.5rem; width: auto !important; background-color: #eceef4 !important; } #changeDropDownStyle .btn-group { background-color: #eceef4 !important; } #changeDropDownStyle .dropdown-toggle { background-color: #eceef4 !important; } #changeDropDownStyle .dropdown-toggle:after { color: #000 !important; } #changeDropDownStyle .multiple { color: #000 !important; } .dropdown-folder, .dropdown-original-language { width: 100%; } .dropdown-folder .dropdown-item, .dropdown-original-language .dropdown-item { padding: 0.75rem 1rem; cursor: pointer; } .dropdown-folder .dropdown-item, .dropdown-folder .dropdown-menu, .dropdown-folder .btn-group, .dropdown-original-language .dropdown-item, .dropdown-original-language .dropdown-menu, .dropdown-original-language .btn-group { font-weight: 400; font-size: 14px; line-height: 16px; color: #5f5f8f; background-color: #eceef4 !important; } .dropdown-folder .dropdown-toggle, .dropdown-original-language .dropdown-toggle { font-weight: 400; font-size: 14px; line-height: 16px; background-color: #eceef4 !important; color: #5f5f8f; } .dropdown-folder .dropdown-toggle::after, .dropdown-original-language .dropdown-toggle::after { color: #69699d !important; } .dropdown-folder .dropdown-toggle .multiple, .dropdown-original-language .dropdown-toggle .multiple { color: #5f5f8f !important; font-size: 14px !important; } .subtitle-editor-component .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 !important; } .subtitle-editor-component .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 3rem !important; } .subtitle-editor-component .timer-caption-editor .drawing-hidden.video-player .video-js.vjs-fluid { padding-top: 59% !important; } .subtitle-editor-component .timer-caption-editor .drawing-hidden.video-player .video-js.vjs-fluid.vjs-fullscreen { padding-top: 54% !important; } /* .subtitle-editor-component .timer-caption-editor .video-js .vjs-text-track-display, .subtitle-editor-component .timer-caption-editor .video-js video { height: calc(100% - 44px) !important; } */ .subtitle-editor-component .timer-caption-editor .video-js video { max-height: calc(100% - 44px) !important; } .subtitle-tooltip { pointer-events: none; } .subtitle-tooltip.show { opacity: 1 !important; } .subtitle-tooltip .arrow::before { border-top-color: #ffffff; } .subtitle-tooltip .tooltip-inner { background: #ffffff; border: 1px solid #ffffff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 5px 14px; } .subtitle-tooltip .tooltip-inner .imported-editing-tooltip .imported-editing-title { color: #2e2e53; font-style: normal; font-weight: 400; font-size: 12px; } .file-modal-component .modal-content { width: 1239px; } .key-file-component .key-file-asset-item .preview-asset-container .image-container, slctr-hrfiles-cmp .recent-upload-assets .preview-asset-container .image-container { height: 73% !important; } .key-file-component .key-file-asset-item .preview-asset-container .title-container, slctr-hrfiles-cmp .recent-upload-assets .preview-asset-container .title-container { height: 27% !important; } .key-file-component .key-file-asset-item mtm-comment-preview .comment-edited-container, slctr-hrfiles-cmp .recent-upload-assets mtm-comment-preview .comment-edited-container { font-size: 1rem !important; font-weight: 600; width: 200px !important; } slctr-hrfiles-cmp .recent-upload-assets .preview-asset-container .image-container { height: 73% !important; } slctr-hrfiles-cmp .recent-upload-assets .preview-asset-container .title-container { height: 27% !important; } slctr-hrfiles-cmp .recent-upload-assets mtm-comment-preview .comment-edited-container { font-size: 1rem !important; font-weight: 600; width: 200px !important; } #fileListView { padding: 0 !important; } #fileListView slctr-hrfiles-cmp .controllersContainer { padding-right: 1rem !important; } #fileListView slctr-hrfiles-cmp .file-list { padding: 0px !important; } #fileListView slctr-hrfiles-cmp .file-list .list-view .folder-table-row hr-badgebtn-subcmp ul { bottom: 15px; } #fileListView slctr-hrfiles-cmp .file-list .grid-view .folder-content { margin-right: 10px; min-width: 0; max-width: 48%; flex: 1 1 33%; } #newProjectFileUpload .upload-link { background: rgba(236, 238, 244, 0.3019607843) 30%; border: 2px dashed #a7b2d2; border-radius: 6px; max-height: 100% !important; } #newProjectBrandFileUpload .upload-link { background: rgba(236, 238, 244, 0.3019607843) 30%; border: 2px dashed #a7b2d2; border-radius: 6px; max-height: 60px !important; min-height: 60px !important; max-width: 100%; min-width: 100%; } .month-year-selected-flag { opacity: 0; } .month-year-selected-flag.selected { opacity: 1; } .calendar-container .fc-day-other { background-color: #eef2f9 !important; } mtm-toaster notification-view .description { width: 353px !important; margin: 0 !important; } mtm-toaster notification-view .label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } mtm-toaster notification-view .notification-container .notification-body, mtm-single-task .task-content { max-height: 72px; min-height: 72px; height: 100%; } mtm-toaster .notification-container { box-shadow: 0px 2px 8px -5px #333333; } .asset-version-dropdown-menu { margin: 0 -8px !important; min-width: 222px !important; } #search-video .ng-autocomplete .autocomplete-container { width: 524px; height: 35px; padding: 10px; background: #ffffff; border: 1px solid #e2e6ec; border-radius: 10px; } #search-video .ng-autocomplete .autocomplete-container .input-container input { width: 524px; height: 35px; padding: 10px; background: #ffffff; border-radius: 10px; position: relative; top: -11px; left: -11px; font-weight: 700; font-size: 12px; line-height: 18px; display: flex; align-items: center; border: none; } #search-video .ng-autocomplete .autocomplete-container .input-container input:focus { border: none !important; } #search-video .ng-autocomplete .autocomplete-container .input-container input::placeholder { font-weight: 400; font-size: 12px; display: flex; align-items: center; color: #000000; padding: 5px; } #search-video .ng-autocomplete .suggestions-container ul li a { padding: 5px 10px; display: flex; } #search-video .ng-autocomplete .suggestions-container ul li a b { color: #000; font-weight: 400; font-size: 15px; } #search-video .ng-autocomplete .not-found { display: none; } #search-video .ng-autocomplete .autocomplete-container .suggestions-container { position: relative; width: 524px; background: white; height: auto; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2509803922); box-sizing: border-box; top: -11px; right: 11px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #search-video .ng-autocomplete .autocomplete-container.active { z-index: 999; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } ag-grid-angular .ag-cell { border-right-color: var(--ag-row-border-color, var(--ag-secondary-border-color, #dde2eb)) !important; } .ql-editor { padding: 1rem !important; } .ql-editor .mention { cursor: pointer; } .ql-editor::-webkit-scrollbar { width: 5px; } .ql-editor::-webkit-scrollbar-track { border-radius: 0; } .ql-editor::-webkit-scrollbar-thumb { background: #cfd7ee; border-radius: 5px; } mtm-comment hr-grid-subcmp .compact-view .flex-fill { justify-content: center !important; } mtm-comment hr-grid-subcmp .file-name { width: 160px !important; margin-right: 88px !important; } mtm-comment hr-grid-subcmp .file-size { display: none !important; } ag-grid-angular .ag-cell-value { height: auto !important; white-space: pre-wrap; word-break: break-all; line-height: 1.2; font-family: "Poppins-Regular", sans-serif; } .admin-company-portfolio-modal .modal-dialog { width: 100%; max-width: 1280px !important; } .admin-company-portfolio-modal .modal-dialog .modal-content { padding: 1.5rem; } .account-manage-component-header, .account-manage-page-container, mtm-edit-workspace, mtm-edit-workspace-permissions, task-main-page, mtm-review-link-main-page { display: block; margin: 0 auto; } @media (max-width: 1500px) { .account-manage-component-header, .account-manage-page-container, mtm-edit-workspace, mtm-edit-workspace-permissions, task-main-page, mtm-review-link-main-page { margin: 0 0.5rem; } } #anayltic-filter .ng-select .ng-select-container { min-height: 33px; background: #000; border: none; border-radius: 8px; } #anayltic-filter .ng-select .ng-arrow-wrapper .ng-arrow { border-color: #fff transparent transparent; } #anayltic-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 0px; } #anayltic-filter .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #fff; font-weight: 400; font-size: 12px; top: 8px; } #anayltic-filter .ng-select .ng-dropdown-panel { background-color: #000; } #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { background-color: #000; color: #fff; } #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type=radio], #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items input[type=checkbox] { width: 30px; } #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { color: #fff; background-color: #000; font-size: 10px; } #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, #anayltic-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { background-color: #000; color: #fff; font-size: 10px; font-weight: 600; } #SelectDroupdownList .ng-select { width: 100%; } #SelectDroupdownList .ng-select .ng-select-container { background-color: #f8f9fa; border: 1px solid #ced4da; border-radius: 4px; padding: 5px; } #SelectDroupdownList .ng-select .ng-select-container .ng-placeholder { color: #6c757d; font-size: 14px; text-align: center; } #SelectDroupdownList .ng-select .ng-dropdown-panel { border: none; background-color: #ffffff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 12px; margin-top: 8px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option:hover { background-color: #f1f2ff !important; border-radius: 12px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option { background-color: white !important; border-radius: 6px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: #f1f2ff; border-radius: 6px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .scroll-host { padding: 5px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .option-control { width: 24px; height: 24px; border-radius: 4px; background-color: #ffffff; border: 2px solid #ddd; appearance: none; margin-left: 10px; position: relative; } #SelectDroupdownList .ng-select .ng-dropdown-panel .option-control::before { content: ""; display: block; width: 100%; height: 100%; background-color: white; border-radius: 4px; position: absolute; top: 0; left: 0; box-sizing: border-box; } #SelectDroupdownList .ng-select .ng-dropdown-panel .option-control::after { content: ""; display: block; width: 8px; height: 14px; border: solid #52cfa2; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: 4px; left: 8px; opacity: 0; transition: opacity 0.2s ease-in-out; text-align: center; } #SelectDroupdownList .ng-select .ng-dropdown-panel .option-control:checked::after { opacity: 1; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-dropdown-header { border-bottom: none; padding: 5px 7px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option { padding: 8px 12px; font-size: 14px; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option .color-badge { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc; background-color: inherit; margin-right: 10px; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option .option-control { margin-left: 10px; accent-color: red; order: 2; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option.ng-option-marked { background-color: #ebf5ff; font-weight: 600; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option.ng-option-selected, #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option.ng-option-selected.ng-option-marked { background-color: rgba(33, 150, 243, 0.4); color: #000; } #SelectDroupdownList .ng-select .ng-dropdown-panel .ng-option:hover { background-color: #e9ecef; } #SelectDroupdownList .ng-select .ng-header .form-control { border: none; background-color: #f8f9fa; text-align: center; font-size: 14px; } #SelectDroupdownList .ng-select .ng-header .form-control:focus { outline: none; box-shadow: none; } #SelectDroupdownList .ng-select .selected-options { display: flex; justify-content: center; align-items: center; gap: 10px; } #SelectDroupdownList .ng-select .selected-options .color-badge { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc; background-color: inherit; } #SelectDroupdownList .ng-select .ng-optgroup .ng-optgroup-tmp { display: flex; align-items: center; padding: 8px; background-color: #007bff; color: white; border-bottom: 1px solid #ced4da; } #SelectDroupdownList .ng-select .ng-optgroup .ng-optgroup-tmp input[type=checkbox] { margin-right: 10px; accent-color: red; } #SelectDroupdownList .ng-select .ng-optgroup .ng-optgroup-tmp span { font-size: 14px; } .selected-list-item { font-weight: 600; padding: 8px; background-color: #f8f9fa; border-radius: 4px; display: flex; align-items: center; } .selected-list-item i.fa-window-close { color: #dc3545; cursor: pointer; margin-right: 10px; } .selected-list-item i.fa-window-close:hover { color: #c82333; } #visualization-filter .ng-select .ng-select-container { min-height: 24px; background: #ffffff; border: 1px solid #e6e9ee; border-radius: 5px; } #visualization-filter .ng-select .ng-arrow-wrapper .ng-arrow { border-color: #000 transparent transparent; } #visualization-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 0px; } #visualization-filter .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #000; font-weight: 600; font-size: 10px; } #visualization-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { color: #000; background-color: #ebf5ff; font-size: 10px; } #visualization-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, #visualization-filter .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { background-color: rgba(33, 150, 243, 0.4); color: #000; font-size: 10px; font-weight: 600; } #analyticsUIswitch .switch-small { width: 26.5px; height: 13.25px; } #analyticsUIswitch small { width: 14px; height: 14px; } .admin-company-brand-modal .modal-dialog { width: 100%; } .admin-company-brand-modal .modal-dialog .admin-brand-management-component { padding: 1rem 1.5rem; } .file-item-list hr-grid-subcmp .file-name { max-width: 150px !important; margin-right: 64px !important; } .add-brand-workspace-component .modal-dialog { width: 1080px; max-width: initial; } .add-brand-component .modal-dialog { width: 480px; max-width: initial; } mtm-audio-mic-visualizer main { height: 64px; position: relative; display: flex; justify-content: center; align-items: center; } mtm-audio-mic-visualizer main > div { display: inline-block; width: 4px; height: 64px; margin: 0 6px; background: currentColor; transform: scaleY(0.5); opacity: 0.25; } mtm-audio-mic-visualizer main.error { color: #f7451d; max-width: 30em; margin: 0 auto; white-space: pre-line; } @media (min-width: 768px) { mtm-audio-mic-visualizer main.error { min-width: 20em; } } .file-item-list.dropdown-menu.show { transform: translate(-50%, 16px); } .aspect-ratio-dropdown-menu, .aspect-ratio-filter-dropdown-menu { height: auto; overflow-y: visible; width: 230px !important; } .aspect-ratio-dropdown-menu .aspect-ratio-selected-flag, .aspect-ratio-filter-dropdown-menu .aspect-ratio-selected-flag { color: #6dc58f; font-size: 13px; } .aspect-ratio-dropdown-menu .aspect-ratio-selected-flag .fa-check, .aspect-ratio-filter-dropdown-menu .aspect-ratio-selected-flag .fa-check { font-size: 15px; opacity: 0; } .aspect-ratio-dropdown-menu .aspect-ratio-selected-flag.selected .fa-check, .aspect-ratio-filter-dropdown-menu .aspect-ratio-selected-flag.selected .fa-check { opacity: 1; } .aspect-ratio-dropdown-menu .aspect-ratio-dropdown-item, .aspect-ratio-filter-dropdown-menu .aspect-ratio-dropdown-item { padding: 0.25rem 0.5rem; margin: 0.25rem 0.5rem; border-radius: 6px; } .aspect-ratio-dropdown-menu .aspect-ratio-dropdown-item:hover, .aspect-ratio-filter-dropdown-menu .aspect-ratio-dropdown-item:hover { background-color: rgb(207, 215, 238); } .aspect-ratio-dropdown-menu.strategy, .aspect-ratio-filter-dropdown-menu.strategy { width: 246px !important; } .aspect-ratio-dropdown-menu.strategy .strategy-description, .aspect-ratio-filter-dropdown-menu.strategy .strategy-description { font-size: 10px; color: rgb(105, 105, 157); margin-left: 28px; } .dropup .aspect-ratio-dropdown-menu { transform: translateX(10px); } .dropdown-menu-campaign, .dropdown-menu-workspace { transform: translate(-18px, -58px); } .campaign-drive-general .breadcrumb-item a { color: #6c757d !important; } .campaign-drive-general .breadcrumb-item.active span { color: #6c757d !important; } .campaign-drive-general .breadcrumb-item::before { color: #000 !important; } @keyframes blink { 0% { color: red; } 50% { color: transparent; } 100% { color: red; } } .blinking-text { animation: blink 1s infinite; /* Adjust the animation duration as needed */ } .admin-user-project-teams-modal .modal-dialog { width: 100% !important; min-width: 1020px !important; max-width: 1020px !important; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-arrow-wrapper .ng-arrow { border-color: #fff transparent transparent; } .status-filter-wrapper .ng-select.ng-select-multiple.ng-select-opened > .ng-select-container { background-color: transparent; color: white; border-color: white; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-select-container { background-color: transparent; color: white; border-color: white; height: 41px; border-radius: 10px; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 0px; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { color: #fff; font-weight: 400; font-size: 14px; top: 10px !important; padding-bottom: 10px !important; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input input:focus { border: 0 !important; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel { background-color: rgba(0, 0, 0, 0.3019607843); } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { color: white; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: rgba(255, 255, 255, 0.3333333333); font-weight: 600; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { background-color: rgba(0, 0, 0, 0.3019607843); color: #fff; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type=radio], .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items input[type=checkbox] { width: 30px; } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { color: #fff; background-color: rgba(0, 0, 0, 0.3019607843); } .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .status-filter-wrapper .ng-select.ng-select-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { background-color: rgba(255, 255, 255, 0.3333333333); color: #000; font-weight: 600; } .project-list-status-selector .ng-dropdown-panel-items .ng-option .option-label { font-size: 13px; } .comment-input-textarea-content mtm-text-editor #emoji-palette { top: 0 !important; transform: translateX(100%); } .comment-input-textarea-content mtm-text-editor #tab-panel { height: 112px !important; } .annotation-nav-comment mtm-text-editor #emoji-palette { width: 250px !important; transform: translateX(158%) !important; } .dropdown { z-index: 8; } .subtitle-editor-component .customize-mode .video-js { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .subtitle-editor-component .customize-mode .video-js .vjs-text-track-display { display: none !important; } .subtitle-editor-component .customize-mode .vjs-control-bar, .subtitle-editor-component .customize-mode .vjs-big-play-button { display: none !important; } .change-password-page { min-height: 432px; max-width: 56rem !important; } .change-password-page .password-checker .password-generator-section { position: absolute; left: -100%; top: 80px; } .change-password-page .password-checker .password-generator-section .min-same-floor .ngx-slider-floor { opacity: 0 !important; } .verification-form .password-checker-component .sample-password-label { width: 382px !important; } .user-tooltip .user-name { color: #ffffff; } .file-close-btn { background-color: transparent; } .ellipse-text { width: 120px; display: -webkit-box; /* Needed for line-clamp */ -webkit-line-clamp: 2; /* Limit to 2 lines */ -webkit-box-orient: vertical; /* Box orientation */ overflow: hidden; /* Hide overflowing text */ text-overflow: ellipsis; /* Show ellipsis (...) */ word-wrap: break-word; /* break long words */ } .upload-modal-window { width: calc(100% - 80px); margin-left: 80px; } @media (min-width: 1200px) { .upload-modal-window { width: 100%; margin-left: auto; margin-right: auto; } } @media (max-width: 991.98px) { .modal-open .modal { min-height: 100vh; } .modal-open .modal .modal-dialog { width: calc(100% - 100px); margin-left: 90px; } .modal-open .modal .modal-body { min-width: auto !important; } } .nav-item.subsection-button.gu-mirror { background-color: rgba(0, 0, 0, 0.8); } .nav-item.subsection-button.gu-mirror .dates, .nav-item.subsection-button.gu-mirror .fa-times { display: none !important; } .switch.checked { background: #43cb9a; } #projectnotificationsetting .switch-small { width: 15px; height: 15px; } #projectnotificationsetting .switch.checked { background: #43cb9a; } #projectnotificationsetting small { width: 15px; height: 15px; } #projectnotificationsetting .switch.switch-small small { right: calc(100% - 15px); } #projectnotificationsetting .switch.checked small { right: 0 !important; } #projectnotificationsetting .switch.switch-small { min-width: 31px; } .updated-main-container { background-color: #fff !important; } .updated-main-container .breadcrumb-container { background-color: #fff !important; padding: 1rem 0rem 0rem 0rem !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843); margin: 0px 10px; } .custom-scroller { overflow-y: scroll; overflow-x: hidden; } .custom-scroller::-webkit-scrollbar { width: 6px; background: #000; } .custom-scroller::-webkit-scrollbar-track { background: #fff; } .custom-scroller::-webkit-scrollbar-thumb { background: #000; border-radius: 0; border: 3px solid #000; } .custom-scroller::-webkit-scrollbar-thumb:hover { background: #000; } .comment-editor-dropdown-menu { min-width: 100px; } .comment-editor-dropdown-menu .dropdown-item { font-size: 0.75rem; font-family: "Poppins", sans-serif; } .comment-editor-mention-container { max-height: 250px; } @media screen and (min-width: 768px) { .comment-editor-mention-container { max-height: 350px; } } .registration-selection::selection { color: #fff; background: #ff6b00; /* New color for registration users */ } @media (max-width: 991.98px) { .review-link-login-modal .modal-dialog { margin: 1rem 0 !important; } } .eye-icon { top: 50%; /* Center vertically */ right: 10px; /* Fixed right position */ cursor: pointer; /* Pointer cursor for better UX */ transform: translateY(-50%); /* Adjust for perfect vertical centering */ width: 20px; /* Fixed width */ height: 20px; /* Fixed height */ line-height: 20px; /* Center the icon vertically within its box */ color: inherit; /* Inherit color from the input field */ } .topic-option-dropdown .dropdown-menu { width: 175px; } .topic-option-dropdown .dropdown-menu.subsection-sub-menu-dropdown { width: 200px; max-height: 320px; overflow-y: auto; } .topic-option-dropdown .dropdown-menu .dropdown-item { font-family: "Poppins", sans-serif; font-weight: 700; } .topic-option-dropdown .dropdown-menu .dropdown-item span { font-size: 0.7rem; text-transform: uppercase; } .media-player-version-dropdown { z-index: 500 !important; } .grecaptcha-badge { display: none !important; } project-subsection { display: block; } @media (min-width: 1199.8px) { project-subsection { overflow: hidden; } } @media (max-width: 767.8px) { project-subsection { overflow-y: visible; } } #videoJsEl.vjs-fullscreen { padding-top: calc(var(--vh, 1vh) * 100 - 42px) !important; } #videoJsEl.vjs-fullscreen .vjs-tech { left: 50%; top: calc(50% - 21px); transform: translate(-50%, -50%); height: calc(var(--vh, 1vh) * 100 - 42px) !important; } #videoJsEl.vjs-fullscreen .vjs-control-bar { top: auto !important; } #videoJsEl.vjs-fullscreen .vac-canvas { top: calc(50% - 21px) !important; } .media-player.annotation-content-preview { overflow: visible !important; margin-bottom: 42px !important; } .media-player.annotation-content-preview .vjs-control-bar { top: 100% !important; } .media-player.annotation-content-preview .annotation-bar-container { margin-top: 42px !important; margin-bottom: -42px !important; } .project-section-page-active.review-link-page-active .subsection-explorer-container:not(.collapsed) { width: calc(100vw - 26px) !important; } @media screen and (min-width: 768px) { .project-section-page-active.review-link-page-active .subsection-explorer-container:not(.collapsed) { width: 300px !important; } } @media (max-width: 575.8px) { .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: calc(var(--vh, 1vh) * 54px) !important; flex-direction: column !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 54px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 112px !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 112px !important; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail { margin: 4px 12px 6px 0px; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 20) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 298px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .waveform-container wave { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-top, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-bottom { display: none !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .video-js-element-width-track .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 96px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .video-js-element-width-track .video-js.video-js-element-container.vjs-has-started { height: calc(var(--vh, 1vh) * 100 - 138px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 96px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container.vjs-has-started { height: calc(var(--vh, 1vh) * 100 - 138px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 138px) !important; } } @media (min-width: 576px) and (max-width: 767.8px) { .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: calc(var(--vh, 1vh) * 54px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .subsection-comments-container.collapsed { overflow: visible !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component { gap: 1rem; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 54px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded.comment-collapsed .mtm-pdf-slider-component { gap: 1rem; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 323px) !important; } } @media (max-width: 767.8px) { .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .media-container .min-h-250 { height: calc(100vh - 90px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .document-container .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 36) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 176px) !important; } } @media (min-width: 768px) { .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-content { padding: 1rem !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .mainarea .subsection-content { padding: 0 !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: auto !important; flex-direction: column; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 136px; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail { margin: 4px 12px 6px 0px; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded { flex-direction: row; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .left-pane, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .left-pane { flex-direction: column; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .left-pane:not(.collapsed), .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .left-pane:not(.collapsed) { width: 209px; min-width: 209px; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 54px) !important; gap: 1rem; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.share-link-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 130px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 244px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container--without-comment-bar, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container--without-comment-bar { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container.share-link-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 214px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .document-container .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container.share-link-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .document-container .image-outer-container.share-link-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container .media-container .image-outer-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 214px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container.share-link-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container.release-preview, .project-section-page-active.media-preview-fullscreen:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 214px) !important; } } @media screen and (min-width: 992px) { .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .share-form-container { height: calc(var(--vh, 1vh) * 100 - 204px); } } @media screen and (max-width: 767.8px) { .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .waveform-container wave { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 96px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.vjs-has-started { height: calc(var(--vh, 1vh) * 100 - 138px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 138px) !important; } } @media screen and (min-width: 768px) { .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper comments-v2 .comment-list { height: calc(var(--vh, 1vh) * 100 - 250px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 292px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 220px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 220px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container--without-comment-bar { padding-top: calc(var(--vh, 1vh) * 100 - 164px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 246px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 320px) !important; } .project-section-page-active.floating-menu-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 320px) !important; } } @media (max-width: 767.8px) { .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .mainarea { overflow: hidden; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .comment-list { height: calc(var(--vh, 1vh) * 62 - 262px) !important; } } @media screen and (max-width: 767.8px) { .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content .release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content .preview-wrapper { gap: 0.5rem !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content .release-preview.no-comment, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content .preview-wrapper.no-comment { gap: 0 !important; } } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded { margin-left: 0; } @media screen and (max-width: 767.8px) { .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper { gap: 0.5rem !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .waveform-container wave, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .waveform-container wave { height: calc(var(--vh, 1vh) * 37) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-top, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-bottom, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-top, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .audio-annotation-component.fullscreen:not(.has-comment) .audio-element-component .colour-spacer-bottom { display: none !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment { gap: 0 !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 138px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 96px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview { height: calc(var(--vh, 1vh) * 100 - 382px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 382px) !important; } } @media screen and (min-width: 768px) { .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper { padding: 0 !important; flex-direction: row !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview comments-v2 .subsection-comments-container.collapsed, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper comments-v2 .subsection-comments-container.collapsed { width: 0 !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview comments-v2 .comment-list, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper comments-v2 .comment-list { height: calc(var(--vh, 1vh) * 100 - 330px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview comments-v2 .comment-list.fullscreen, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper comments-v2 .comment-list.fullscreen { height: calc(var(--vh, 1vh) * 100 - 100px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .media-player-container .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .media-player-container .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 388px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 388px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .video-js-element-width-track.fullscreen .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 262px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 262px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview .video-js-element-width-track.fullscreen .video-js.video-js-element-container--without-comment-bar, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper .video-js-element-width-track.fullscreen .video-js.video-js-element-container--without-comment-bar { height: calc(var(--vh, 1vh) * 100 - 166px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 166px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment { gap: 0 !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 320px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 320px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 394px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 394px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 394px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container { height: calc(var(--vh, 1vh) * 100 - 96px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 172px) !important; padding-top: calc(var(--vh, 1vh) * 100 - 172px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .release-preview.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active) .subsection-content.tree-expanded .preview-wrapper.no-comment .video-js-element-width-track.fullscreen .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 172px) !important; } } .project-section-page-active .image-annotation-component { width: 100%; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } @media (min-width: 1200px) and (max-width: 1436.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 512px) !important; } } @media (min-width: 767.8px) and (max-width: 1199.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } } @media (min-width: 1200px) and (max-width: 1436.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 472px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container--without-comment-bar, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container--without-comment-bar, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container--without-comment-bar { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 512px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; overflow: auto; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 506px) !important; } } @media (min-width: 1437px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } } @media (max-width: 767.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 498px) !important; } } @media (max-width: 1198.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 204px); } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 354px); } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 436px) !important; } } @media (max-width: 1198.8px) and (max-width: 767.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 270px) !important; } } @media (max-width: 1198.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; } } @media (min-width: 1198.98px) and (max-width: 1436.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 432px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.share-link-preview, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.fullscreen, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.fullscreen { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.new-comment-ui, .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active) .subsection-preview-component.has-pages .preview-wrapper { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } } .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } @media (min-width: 1200px) and (max-width: 1436.8px) { .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 512px) !important; } } @media (min-width: 767.8px) and (max-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 385px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .min-h-250 { height: calc(100vh - 54px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 385px) !important; } } @media (min-width: 1200px) and (max-width: 1436.8px) { .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 472px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container--without-comment-bar, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container--without-comment-bar, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container--without-comment-bar { height: calc(var(--vh, 1vh) * 100 - 367px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 512px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; overflow: auto; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .min-h-250 { height: calc(100vh - 54px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 506px) !important; } } @media (min-width: 1437px) { .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250 { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .min-h-250.share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .min-h-250.share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .min-h-250.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 350px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 436px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 436px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; overflow: auto; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .min-h-250, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .min-h-250 { height: inherit !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 352px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container.share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container.release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 352px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 436px) !important; } .project-section-page-active:not(.review-link-page-active) .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { gap: 0.5rem; } @media (max-width: 767.8px) { .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: auto !important; flex-direction: column !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 498px) !important; } } @media (max-width: 1198.8px) { .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: auto !important; flex-direction: column; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 136px; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail { margin: 4px 12px 6px 0px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded { flex-direction: row; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .left-pane, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .left-pane { flex-direction: column; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .left-pane:not(.collapsed), .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .left-pane:not(.collapsed) { width: 209px; min-width: 209px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 278px); gap: 1rem; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.share-link-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 354px); } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 436px) !important; } } @media (max-width: 1198.8px) and (max-width: 767.8px) { .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 498px) !important; } } @media (max-width: 1198.8px) { .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; overflow: auto; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 242px) !important; } } @media (min-width: 1198.98px) and (max-width: 1436.8px) { .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper { height: calc(var(--vh, 1vh) * 100 - 278px) !important; flex-direction: column; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 136px; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 506px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed { flex-direction: row; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 278px) !important; gap: 1rem; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.share-link-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 354px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .mtm-pdf-slider-component.fullscreen, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .mtm-pdf-slider-component.fullscreen { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .left-pane, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .left-pane { flex-direction: column; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container.share-link-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container.release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container.share-link-preview { height: calc(var(--vh, 1vh) * 100 - 354px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.tree-expanded .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .has-pages-wrapper.comment-collapsed .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 356px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.new-comment-ui, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .release-preview, .project-section-page-active:not(.review-link-page-active) .subsection-preview-component.has-pages .preview-wrapper { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 35) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .min-h-250 { height: inherit !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 178px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 84px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 214px) !important; } @media (min-width: 767.8px) and (max-width: 1199.8px) { .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.review-link-page-active .media-player-container .document-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.review-link-page-active .media-player-container .document-container .image-outer-container:not(.fullscreen).share-link-preview, .project-section-page-active.review-link-page-active .media-player-container .media-container .image-outer-container:not(.fullscreen).release-preview, .project-section-page-active.review-link-page-active .media-player-container .media-container .image-outer-container:not(.fullscreen).share-link-preview { height: calc(var(--vh, 1vh) * 100 - 214px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 254px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .min-h-250 { height: inherit !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 290px) !important; } } @media (min-width: 1200px) { .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container .media-container .min-h-250 { height: inherit !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.new-comment-ui .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .min-h-250, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .min-h-250 { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container, .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.media-preview-fullscreen .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .document-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen), .project-section-page-active.review-link-page-active .media-player-container.expanded .media-container .pdf-file-frame-container.has-page-container .image-outer-container:not(.fullscreen) { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper { gap: 0.5rem; } @media (max-width: 767.98px) { .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper { height: auto !important; flex-direction: column; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 136px; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail { margin: 4px 12px 6px 0px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 47) !important; overflow: auto; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 90px) !important; } } @media (min-width: 768px) and (max-width: 1198.8px) { .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper { height: auto !important; flex-direction: column; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: 136px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane { flex-direction: row; display: flex; flex: 1; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: 136px; overflow-y: auto; overflow-x: hidden; width: 100%; flex: 1; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container .slide-thumbnail { margin: 4px 12px 6px 0px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; overflow: auto; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } } @media (min-width: 1200px) and (max-width: 1436.8px) { .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages { overflow: hidden !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component.collapsed-mode { height: 30px; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .left-pane .slide-list-container { height: calc(var(--vh, 1vh) * 100 - 100px) !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 68px) !important; overflow: auto; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 68px) !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .release-preview, .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .preview-wrapper, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .release-preview, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .preview-wrapper { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } } @media (min-width: 1437px) { .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .has-pages-wrapper .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container .page-list-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; overflow: auto; } .project-section-page-active.media-preview-fullscreen .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container, .project-section-page-active.review-link-page-active .subsection-preview-component.has-pages .media-player-container.expanded .page-list-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; overflow: auto; } } .project-section-page-active.media-preview-fullscreen .subsection-explorer-container, .project-section-page-active.review-link-page-active .subsection-explorer-container { height: auto !important; } .project-section-page-active.media-preview-fullscreen .subsection-explorer-container .subsection-explorer-content, .project-section-page-active.review-link-page-active .subsection-explorer-container .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 120px) !important; } .project-section-page-active .kpf-preview-container { height: calc(var(--vh, 1vh) * 100 - 278px); } @media (min-width: 767.8px) { .project-section-page-active .subsection-content, .project-section-page-active .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 20px) !important; } .project-section-page-active .subsection-content .subsection-explorer-content, .project-section-page-active .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 90px) !important; } } @media (min-width: 767.8px) and (max-width: 1199.7px) { .project-section-page-active .tree-explorer { position: fixed; bottom: 2px; } .project-section-page-active .subsection-content .image-annotation-component { width: 100%; } .project-section-page-active .subsection-content:not(.tree-expanded) { margin-left: 311px; } } @media (min-width: 1199.8px) { .project-section-page-active .subsection-comments-container { height: auto !important; overflow-y: auto; overflow-x: hidden !important; } .project-section-page-active .annotation-bar-container { width: 100%; } } .project-section-page-active .annotation-bar-container { width: 100%; } .project-section-page-active.compare-mode .main-layout-container .mainarea { overflow: auto !important; } .project-section-page-active #jsd-widget { display: none !important; } .project-section-page-active .mainarea { height: calc(var(--vh, 1vh) * 100 - 300px); } .project-section-page-active:not(.compare-mode) .main-container { overflow: hidden !important; } @media (max-width: 767px) { .project-section-page-active:not(.compare-mode) .main-container { overflow: visible !important; } } @media (min-width: 767.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 311px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 304px) !important; } .project-section-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 200px) !important; overflow: auto; } } @media (min-width: 1199.8px) { .project-section-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 312px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (max-width: 767px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .main-container { overflow: auto !important; } } @media (min-width: 767.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 311px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 304px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 240px) !important; overflow: auto; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 312px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 243px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 308px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 288px) !important; overflow: auto; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 244px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active.floating-menu-active:not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active.floating-menu-active:not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 268px) !important; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active.floating-menu-active:not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 170px) !important; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active.floating-menu-active:not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 68px) !important; } } @media (min-width: 767.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 342px) !important; } .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { overflow: auto; } } @media (min-width: 767.8px) and (max-width: 1199px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { overflow: auto; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 240px) !important; overflow: hidden; } } @media (min-width: 1199.8px) { .project-section-page-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 138px) !important; overflow: hidden; } } .project-section-page-active.media-preview-page-active .annotation-content-preview { height: auto !important; } .project-section-page-active.media-preview-page-active .annotation-content-preview .vac-canvas { opacity: 1; } .project-section-page-active.media-preview-page-active .annotation-content-preview.element-resizing .vac-canvas { opacity: 0; } .project-section-page-active.media-preview-page-active .media-player-container { min-height: unset !important; } .project-section-page-active.media-preview-page-active .resize-observer-element:not(.element-initialized) video { opacity: 0; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 80px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 80px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 132px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 132px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 174px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 174px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 84px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.release-pdf-preview, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.release-pdf-preview { height: calc(var(--vh, 1vh) * 100 - 426px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-preview-element, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-preview-element { height: calc(var(--vh, 1vh) * 100 - 88px) !important; } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 276px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 276px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 314px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 314px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview { padding-top: calc(var(--vh, 1vh) * 100 - 280px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 280px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview.vjs-has-started, .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 204px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 204px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 246px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 246px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 288px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 275px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 275px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview { padding-top: calc(var(--vh, 1vh) * 100 - 280px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 280px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 418px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 418px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 460px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 460px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .pdf-file-frame-container.release-pdf-preview { height: calc(var(--vh, 1vh) * 100 - 280px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .image-preview-element { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.media-preview-page-active #videoJsEl.vjs-fullscreen { padding-top: calc(var(--vh, 1vh) * 100) !important; } @media (min-width: 767.8px) and (max-width: 1199px) { .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 54px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 54px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 54px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 54px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 96px); } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.release-pdf-preview, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.release-pdf-preview { height: calc(var(--vh, 1vh) * 100 - 368px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 362px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-preview-element, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-preview-element { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview.vjs-has-started, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 394px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.release-preview.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 394px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 320px); } } @media (min-width: 767.8px) { .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .office-failed, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .office-failed { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.new-comment-ui .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 121px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.new-comment-ui .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 116px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.new-comment-ui .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 163px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.new-comment-ui .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.new-comment-ui .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 158px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container.expanded .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 96px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.release-pdf-preview, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.release-pdf-preview { height: calc(var(--vh, 1vh) * 100 - 126px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .pdf-file-frame-container.has-page-container .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 138px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen .media-player-container .image-preview-element, .project-section-page-active.media-preview-page-active.review-link-page-active .media-player-container .image-preview-element { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } .project-section-page-active.media-preview-page-active.media-preview-fullscreen comments-v2 .comment-list, .project-section-page-active.media-preview-page-active.review-link-page-active comments-v2 .comment-list { height: calc(var(--vh, 1vh) * 100 - 108px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 320px); } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) subsection-kpf-preview .media-player-container .video-js.video-js-element-container--without-comment-bar { padding-top: calc(var(--vh, 1vh) * 100 - 204px) !important; } .project-section-page-active.media-preview-page-active.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) subsection-kpf-preview .media-player-container .video-js.video-js-element-container--without-comment-bar.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 246px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 440px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 440px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 482px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 482px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container--without-comment-bar { padding-top: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 346px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container .video-js.video-js-element-container .vjs-text-track-display.vjs-has-started { height: calc(var(--vh, 1vh) * 100 - 388px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 278px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview { padding-top: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 352px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview.vjs-has-started, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 394px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.release-preview.vjs-has-started .vjs-text-track-display, .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) .media-player-container.expanded .video-js.video-js-element-container.share-link-preview.vjs-has-started .vjs-text-track-display { height: calc(var(--vh, 1vh) * 100 - 394px); } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) subsection-kpf-preview .media-player-container .video-js.video-js-element-container--without-comment-bar { padding-top: calc(var(--vh, 1vh) * 100 - 278px) !important; } .project-section-page-active.media-preview-page-active:not(.review-link-page-active):not(.media-preview-fullscreen) subsection-kpf-preview .media-player-container .video-js.video-js-element-container--without-comment-bar.vjs-has-started { padding-top: calc(var(--vh, 1vh) * 100 - 320px) !important; } } .project-section-page-active.media-preview-page-active .media-player-container.old-item .video-player.annotation-active .video-js.vjs-fluid { padding-top: 37% !important; } .project-section-page-active.media-preview-page-active .media-player-container.old-item .media-player.annotation-content-preview { border-radius: 0; overflow: hidden; } .project-section-page-active.media-preview-page-active .media-player-container.old-item .video-js-element-container { margin: 0 auto !important; min-height: 42px; } .project-section-page-active.media-preview-page-active .media-player-container.old-item .video-player.annotation-active .video-js.vjs-fluid.vjs-fullscreen { padding-top: 0; } .project-section-page-active.media-preview-page-active .media-player-container.old-item .drawing-hidden.video-player .video-js.vjs-fluid { padding-top: 38%; } .project-section-page-active.media-preview-fullscreen .video-js-element-container .vjs-control-bar, .project-section-page-active.media-preview-page-active .video-js-element-container .vjs-control-bar, .project-section-page-active.review-link-page-active .video-js-element-container .vjs-control-bar { background-color: #000 !important; } .project-section-page-active.media-preview-fullscreen .video-js-element-container .vjs-control-bar.generating-bar, .project-section-page-active.media-preview-page-active .video-js-element-container .vjs-control-bar.generating-bar, .project-section-page-active.review-link-page-active .video-js-element-container .vjs-control-bar.generating-bar { opacity: 0; } @media (min-width: 767.8px) and (max-width: 1199px) { .project-section-page-active.media-preview-fullscreen .subsection-content, .project-section-page-active.review-link-page-active .subsection-content { height: auto; max-height: 100%; overflow-y: auto; overflow-x: hidden; } } .project-section-page-active .processing-video-container { height: 300px; } @media screen and (min-width: 768px) { .project-section-page-active .processing-video-container { height: calc(var(--vh, 1vh) * 100 - 280px); } } .project-section-page-active.modal-open .media-player-preview .preview-modal-container .media-player-container .video-js.video-js-element-container { padding-top: 38%; } body.less-space child-layout header { padding: 0; } body.less-space .breadcrumb-container { padding: 2px 1rem !important; } body.less-space .main-nav-bottom { height: 52px !important; } body.less-space .subsection-scroller { padding-top: 8px !important; } body.less-space .project-main-container .mainarea .main-content { margin-top: 4px !important; } body.less-space .image-drawing-container.expanded { padding: 2px 8px !important; } body.less-space mtm-nav .progress-bar { height: 37px !important; } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 342px) !important; } } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 186px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 230px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 188px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } } body.less-space:not(.review-link-page-active):not(.media-preview-page-active):not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } body.less-space.project-section-page-active .root-layout { overflow: hidden !important; } body.less-space.floating-menu-active .main-container .app-header { width: auto !important; margin: 4px !important; } body.less-space.floating-menu-active .main-container .main-content { padding: 0 !important; margin: 0 6px !important; } body.less-space.floating-menu-active .main-container .timeline-nav { width: calc(100vw - 12px) !important; } body.less-space .breadcrumb-container { padding: 2px 1rem !important; } body.less-space .main-nav-bottom { height: 52px !important; } body.less-space .subsection-scroller { padding-top: 8px !important; } body.less-space .project-main-container .mainarea .main-content { margin-top: 4px !important; } body.less-space .image-drawing-container.expanded { padding: 2px 8px !important; } body.less-space mtm-nav .progress-bar { height: 37px !important; } @media (min-width: 1199.8px) { body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) share-link-edit .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 204px) !important; overflow-y: auto; overflow-x: hidden !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container .comment-list { height: calc(var(--vh, 1vh) * 100 - 250px) !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .mtm-pdf-slider-component { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } } @media (min-width: 767.8px) { body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 268px) !important; } } @media (min-width: 1199.8px) { body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } } @media (min-width: 1199.8px) { body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 112px) !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 146px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 112px) !important; } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 278px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 342px) !important; } } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen).media-preview-page-active:not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } } @media (min-width: 1199.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-content { height: calc(var(--vh, 1vh) * 100 - 186px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .subsection-comments-container { height: calc(var(--vh, 1vh) * 100 - 230px) !important; overflow-y: auto; overflow-x: hidden !important; } } @media (min-width: 767.8px) { body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer { height: calc(var(--vh, 1vh) * 100 - 188px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-fullscreen) .nav-collapsed .tree-explorer .subsection-explorer-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } } body.less-space.floating-menu-active:not(.review-link-page-active):not(.media-preview-page-active):not(.media-preview-fullscreen) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 204px) !important; } body.less-space:not(.review-link-page-active):not(.media-preview-page-active):not(.media-preview-fullscreen):not(.floating-menu-active) .subsection-content { height: calc(var(--vh, 1vh) * 100 - 278px) !important; } .asset-preview-uploading { height: 100%; } .asset-preview-uploading .uploading-text { position: absolute; color: white; font-size: 0.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .asset-preview-uploading .uploading-loader { color: white !important; display: inline-block; width: 65px; height: 65px; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } @media screen and (min-width: 768px) { .asset-preview-uploading .uploading-loader { width: 80px; height: 80px; border-width: 0.35rem; } } @keyframes asset-processing { 0% { background-color: #2f2f2f; } 100% { background-color: #808080; } } .asset-preview-processing { animation: asset-processing 2s infinite alternate; font-family: "Poppins", sans-serif; color: white; font-size: 0.6rem; } .asset-preview-upload-progress .progress-text { font-family: "Poppins", sans-serif; color: white; display: none; } @media screen and (min-width: 768px) { .asset-preview-upload-progress .progress-text { display: block; font-size: 0.7rem; } } .comment-count { border-radius: 3px; border: 1px solid #000000; font-weight: 700; font-size: 10px; color: #000; text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; position: relative; } .comment-count::before { content: ""; left: -6px; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid black; } .file-count { border-radius: 10px; font-size: 10px; padding-left: 0.5rem; padding-right: 0.5rem; display: flex; align-items: center; text-align: center; background: rgba(0, 0, 0, 0.1019607843); } .file-count--circle { width: 25px; height: 25px; background: black; border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center; } .selected-row > .title-outer-row > .title-row > .right-items > .file-count { background: rgba(255, 255, 255, 0.3019607843); } body.compare-mode .subsection-content { overflow: visible !important; height: auto !important; } body.compare-mode .main-layout-container .mainarea { overflow: auto !important; } body.compare-mode project-subsection { overflow: visible !important; } body.compare-mode project-subsection mtm-version-comparer .comment-section .media-wrapper { min-height: unset !important; } .tooltip-icon { font-size: 10px; } .tooltip-icon .popover-body { padding: 0.25rem 0.5rem; } .tooltip-icon .link-input { width: 150px; } .tooltip-icon .link-input, .tooltip-icon .link-save { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; } .tooltip-icon .link-input:focus-visible, .tooltip-icon .link-save:focus-visible { outline: none; } .dropdown-toggle-container { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: background-color 0.2s ease; box-sizing: border-box; min-width: 22px; min-height: 22px; max-width: 22px; max-height: 22px; padding: 0; } .dropdown-toggle-container::after { display: none !important; } .dropdown-toggle-container:hover { background-color: #555; } .dropdown-toggle-container:hover .three-dot-icon span { background-color: white; } .three-dot-icon { display: flex; flex-direction: column; align-items: center; gap: 3px; } .three-dot-icon span { width: 3px; height: 3px; background-color: #555; border-radius: 50%; transition: background-color 0.2s ease; } body.review-link-page-active .fixed-breadcrumb-container { display: none !important; } body.media-preview-fullscreen .main-layout-container .main-content { margin: 4px !important; padding: 0 !important; } body.media-preview-fullscreen .main-layout-container .main-container header { display: none; } body.media-preview-fullscreen .main-layout-container .breadcrumb-container { display: none !important; } body.media-preview-fullscreen .main-layout-container .menubar { display: none; } body.media-preview-fullscreen .main-layout-container .right-pane { display: none; } body.media-preview-fullscreen .main-layout-container .has-right-pane { margin-right: 0; } body.media-preview-fullscreen .main-layout-container .project-main-container .project-main-nav { display: none; } body.media-preview-fullscreen .main-layout-container subsection-explorer.tree-explorer { display: none; } body.media-preview-fullscreen .main-layout-container .tree-collapse-button { display: none !important; } body.media-preview-fullscreen .subsection-content { height: calc(100vh - 51px); margin-left: 0 !important; overflow-y: auto; } body.media-preview-fullscreen.release-fullscreen .fixed-breadcrumb-container, body.media-preview-fullscreen.release-fullscreen subsection-explorer, body.media-preview-fullscreen.share-link-fullscreen .fixed-breadcrumb-container, body.media-preview-fullscreen.share-link-fullscreen subsection-explorer { display: none !important; } body.media-preview-fullscreen.dashboard-fullscreen #jsd-widget, body.media-preview-fullscreen.dashboard-fullscreen .fa-caret-down, body.media-preview-fullscreen.dashboard-fullscreen .asset-list-widget, body.media-preview-fullscreen.dashboard-fullscreen .recent-activity-container { display: none !important; } body.media-preview-fullscreen.dashboard-fullscreen .dashboard-widget { height: calc(var(--vh, 1vh) * 100 - 110px) !important; } @media screen and (min-width: 768px) { body.media-preview-fullscreen.dashboard-fullscreen .dashboard-widget .pdf-file-frame-container, body.media-preview-fullscreen.dashboard-fullscreen .dashboard-widget .image-non-annotation, body.media-preview-fullscreen.dashboard-fullscreen .dashboard-widget .image-outer-container { height: calc(var(--vh, 1vh) * 100 - 110px) !important; } body.media-preview-fullscreen.dashboard-fullscreen .dashboard-widget .video-js-element-container { padding-top: calc(var(--vh, 1vh) * 100 - 110px) !important; } } body.media-preview-fullscreen.dashboard-fullscreen .kpf-tree-widget-container { height: calc(var(--vh, 1vh) * 100 - 110px) !important; } body.media-preview-fullscreen.dashboard-fullscreen .kpf-tree-widget-container .content-container { height: calc(var(--vh, 1vh) * 100 - 110px) !important; } body.media-preview-fullscreen .share-form-container { height: calc(var(--vh, 1vh) * 100 - 54px) !important; } body.media-preview-fullscreen .kpf-preview-container { height: calc(var(--vh, 1vh) * 100 - 54px); } .z-9999 { z-index: 9999 !important; } .h-px-31 { height: 31px; } .custom-dropdown .dropdown-toggle:after { display: none; } .share-dropdown-menu { background-color: white; border-radius: 4px; border: 1px solid rgb(207, 215, 238); } .share-tree-menu.single-share-link { border: none; } .share-tree-menu.show .dropdown-toggle { background-color: #d6ddea; } .share-tree-menu .btn { gap: 0.25rem; display: block; } .share-tree-menu .btn .label { font-size: 10px; font-weight: 700; text-transform: uppercase; } .share-tree-menu .btn:hover { background-color: #d6ddea; } .share-tree-menu .btn-edit-share-link .icon-container, .share-tree-menu .btn-copy-link .icon-container, .share-tree-menu .btn-new-share .icon-container { color: white; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; } .share-tree-menu .btn-edit-share-link .icon-container, .share-tree-menu .btn-copy-link .icon-container { background-color: transparent; } .share-tree-menu .btn-new-share .icon-container { background-color: #000; } .security-dropdown-menu span { font-size: 12px; } .dropdown.show .fa-chevron-down { transform: rotate(180deg); } .participant-dropdown-menu.release-participant-dropdown-menu { max-width: 218px; } .participant-dropdown-menu.share-link-participant-dropdown-menu { max-width: 218px; } .participant-dropdown-menu .participant-dropdown-menu-container { max-height: 189px; overflow-x: hidden; overflow-y: scroll; font-size: 11px; } .participant-dropdown-menu .user-participant-box { width: 100% !important; height: 30px; font-size: 11px; } .participant-dropdown-menu .mtm-checkbox { transform: translateY(-9px); } .participant-dropdown-menu .dropdown-item { cursor: pointer; } .participant-dropdown-menu .dropdown-item:focus, .participant-dropdown-menu .dropdown-item.active { background-color: white !important; color: #000 !important; } .participant-dropdown-menu .dropdown-item:hover { background-color: #e9ecef !important; } .participant-dropdown-menu .checkmark { background-color: white !important; } .send-email-modal .dropdown { z-index: 9999 !important; } .share-dropdown-menu { border-radius: 4px; border: 1px solid rgb(207, 215, 238) !important; } .share-dropdown-menu .btn-new-share { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .share-dropdown-menu .share-dropdown-submenu { position: relative; } .share-dropdown-menu .share-dropdown-submenu .share-tree-menu { border: 1px solid rgb(207, 215, 238) !important; } .share-dropdown-menu .share-dropdown-submenu .share-tree-menu .dropdown-item { border-radius: 0; } .share-dropdown-menu .share-dropdown-submenu .dropdown-toggle { border-radius: 0; } .share-dropdown-menu .share-dropdown-submenu .dropdown-toggle::after { display: none; } .share-dropdown-menu .share-dropdown-submenu.share-dropdown-submenu:first-child .dropdown-toggle { border-top-left-radius: 4px; border-top-right-radius: 4px; } .share-dropdown-menu .share-dropdown-submenu .btn-existing { height: 30px; } .share-dropdown-menu .share-dropdown-submenu .btn-existing .label { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .share-dropdown-menu .share-dropdown-submenu.show .dropdown-toggle i { transform: rotate(90deg); } .share-dropdown-menu .share-dropdown-submenu .dropdown-menu { position: absolute !important; top: -25px !important; left: 100% !important; margin-top: -6px !important; } .share-dropdown-menu .share-dropdown-submenu.static { position: static; } .share-dropdown-menu .share-dropdown-submenu.static .dropdown-menu { position: static !important; transform: none !important; } @media (max-width: 767px) { .share-dropdown-menu .share-dropdown-submenu { position: static; } .share-dropdown-menu .share-dropdown-submenu .dropdown-menu { position: static !important; transform: none !important; } } .modal-dialog .notification-modal-container.common-delete-modal { text-align: center; font-family: "Poppins", sans-serif; border-radius: 6px; overflow: hidden; } .modal-dialog .notification-modal-container.common-delete-modal .modal-header { border-bottom: none; } .modal-dialog .notification-modal-container.common-delete-modal .modal-title { font-size: 15px; font-weight: 700; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body { padding: 0; } @media screen and (min-width: 576px) { .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body { min-width: 400px !important; } } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .container { padding: 0; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .description { font-size: 12px; font-weight: 400; padding-left: 0.5rem; padding-right: 0.5rem; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .description.desc1 { margin-bottom: 0.25rem !important; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .description.desc3 { font-weight: 700; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons { display: flex; flex-direction: row !important; justify-content: center; align-items: center; gap: 0.5rem; background-color: #eceef4; padding: 0.5rem; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons button.btn { width: 90px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 700; font-size: 12px; text-transform: uppercase; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons button.btn.btn-cancel { background-color: white !important; border: 1px solid white !important; color: #000; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons button.btn.btn-cancel:hover { background-color: #ccc !important; border-color: #ccc !important; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons button.btn.btn-confirm { background-color: #000 !important; border: 1px solid #000 !important; color: white; } .modal-dialog .notification-modal-container.common-delete-modal .modal-body.notification-modal-body .buttons button.btn.btn-confirm:hover { background-color: #333 !important; border-color: #333 !important; } .compare-dropdown.dropdown .dropdown-menu { padding: 0.25rem !important; } .compare-dropdown.dropdown .dropdown-item { gap: 0.5rem; display: flex; align-items: center; padding: 0.35rem !important; } .compare-dropdown.dropdown .dropdown-item:hover { background-color: #d6ddea; border-radius: 4px; } .compare-dropdown.dropdown .dropdown-item span { font-family: "Poppins", sans-serif; font-size: 11px; } body.release-save-notify-modal .dropdown { z-index: 9999 !important; } .subsection-asset-picker-container subsection-topics .topic:hover .curve { margin-bottom: -2px; z-index: 1000; border-top: 2px solid #43cb9a; border-left: 2px solid #43cb9a; border-right: 2px solid #43cb9a; } .subsection-asset-picker-container subsection-topics .topic:hover .topic-inner { border: 2px solid #43cb9a; } .subsection-asset-picker-container subsection-options subsection-options-grid-item .option { border: 1px solid #d6ddea; } .subsection-asset-picker-container subsection-options subsection-options-grid-item .option:hover { border: 2px solid #43cb9a; } .subsection-asset-picker-container subsection-options .version:hover .curve { margin-bottom: -2px; z-index: 1000; border-top: 2px solid #43cb9a; border-left: 2px solid #43cb9a; border-right: 2px solid #43cb9a; } .subsection-asset-picker-container subsection-options .version:hover .topic-inner { border: 2px solid #43cb9a; } .subsection-asset-picker-container subsection-file-list subsection-file-grid-item .file-grid-item { border: 1px solid #d6ddea; } .subsection-asset-picker-container subsection-file-list subsection-file-grid-item .file-grid-item:hover { border: 2px solid #43cb9a; } mtm-timeline-blocks { position: relative !important; } .horizontal-timeline-parent { max-width: 85vw; } .modal-open .modal.full-mobile-window { display: flex !important; justify-content: center !important; align-items: center !important; } .modal-open .modal.full-mobile-window .modal-dialog.full-mobile-modal { width: 100vw; max-width: unset; height: 99vh; max-height: 99vh; margin-left: 0; margin-right: 0; } @media screen and (min-width: 1200px) { .modal-open .modal.full-mobile-window .modal-dialog.full-mobile-modal { width: auto; height: auto; } } .dropdown button.dropdown-toggle.btn.action-button-dark { height: 20px !important; width: 20px !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0 !important; } .dropdown button.dropdown-toggle.btn.action-button-dark:hover { background-color: #72757d; } .dropdown button.dropdown-toggle.btn.action-button-dark:hover svg { color: #ffffff; } .dropdown button.dropdown-toggle.btn.action-button-white { height: 20px !important; width: 20px !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0 !important; } .dropdown button.dropdown-toggle.btn.action-button-white:hover { background-color: rgba(0, 0, 0, 0.1019607843); } .tree-grid.custom-table { height: 100% !important; min-height: 0 !important; font-family: "Poppins-Regular", sans-serif; } .tree-grid.custom-table .ag-root-wrapper { border: none; border-radius: 8px; } .tree-grid.custom-table .ag-cell-label-container { padding: 0; } .tree-grid.custom-table .ag-header { border: none; background-color: #F1F5FB; } .tree-grid.custom-table .ag-cell-wrapper { overflow: hidden; } .tree-grid.custom-table .ag-header-cell { padding: 0 12px !important; } .tree-grid.custom-table .ag-header-cell-resize::after { height: 100% !important; top: 0 !important; } .tree-grid.custom-table .ag-cell { display: flex; padding: 0 12px !important; border-right-color: #E0E0E0 !important; } .tree-grid.custom-table .ag-row { cursor: pointer; font-size: 12px; border-color: rgba(0, 0, 0, 0.1); background-color: white !important; } .tree-grid.custom-table .ag-header-cell-text { font-size: 12px; font-weight: 700; font-family: "Poppins-Regular", sans-serif; } .tree-grid.custom-table .ag-layout-auto-height .ag-center-cols-clipper { min-height: 0; } .tree-grid.custom-table .ag-layout-auto-height .ag-center-cols-container { min-height: 0; } .tree-grid.custom-table .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .tree-grid.custom-table .dropdown-toggle { height: auto !important; padding: 0 !important; } .tree-grid.custom-table .dropdown-toggle:after { display: none; } .tree-grid.custom-table .dropdown-toggle.btn { height: 100% !important; } .tree-grid.custom-table .file-menu-dropdown .btn { padding: 0; border: none; background: transparent; } .tree-grid.custom-table .file-menu-dropdown .btn:focus { box-shadow: none; } .tree-grid.custom-table .file-menu-dropdown .dropdown-menu { min-width: 120px; } .tree-grid.custom-table :host ::ng-deep .dropdown-toggle:after { display: none; } .tree-grid.custom-table .ag-header-cell { border-right: 1px solid #E0E0E0 !important; } .tree-grid.custom-table .ag-pinned-right-header { border-left: none !important; } .tree-grid.custom-table .ag-pinned-right-header .ag-header-row::after { display: none !important; } .tree-grid.custom-table .action-cell { height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border-left: none !important; } .tree-grid.custom-table .action-cell .ag-cell-wrapper { height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .tree-grid.custom-table .action-cell .ag-cell-wrapper .ag-cell-value { height: 100% !important; display: flex; align-items: center; justify-content: center; } .tree-grid.custom-table .action-cell .ag-cell-wrapper app-tree-actions-cell-renderer, .tree-grid.custom-table .action-cell .ag-cell-wrapper app-actions-cell-renderer, .tree-grid.custom-table .action-cell .ag-cell-wrapper mtm-actions-cell-renderer, .tree-grid.custom-table .action-cell .ag-cell-wrapper app-version-actions-cell-renderer, .tree-grid.custom-table .action-cell .ag-cell-wrapper mtm-file-actions-cell-renderer, .tree-grid.custom-table .action-cell .ag-cell-wrapper mtm-kpf-file-actions-cell-renderer { height: 100% !important; width: 100% !important; display: flex; align-items: center; justify-content: center; } mtm-subsectionfile-name-cell-renderer .asset-preview-uploading .uploading-loader { width: 18px; height: 18px; border-width: 0.25rem; } mtm-subsectionfile-name-cell-renderer .asset-preview-uploading .uploading-text { display: none; } /*# sourceMappingURL=styles.add83ba95bec7b55.css.map*/