:root{--Layout-body-padding: var(--gap-xs);--Layout-aside-padding: var(--gap-xs)}html,body{width:100%;height:100%}body{overflow-x:hidden}.cxd-AppLayout{height:100%;min-height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:stretch}.cxd-AppLayout-body{position:relative}.cxd-AppLayout--folded.cxd-AppLayout--asideFixed .cxd-AppLayout-aside{min-width:var(--Layout-aside--folded-width);width:var(--Layout-aside--folded-width)}.cxd-AppLayout--folded.cxd-AppLayout--asideFixed .cxd-AppLayout-content.cxd-AppLayout-content--row .cxd-AppLayout-body{margin-left:var(--Layout-aside--folded-width);width:calc(100% - var(--Layout-aside--folded-width))}.cxd-AppLayout--folded.cxd-AppLayout--asideFixed.cxd-AppLayout--row .cxd-AppLayout-content{left:var(--Layout-aside--folded-width);width:calc(100% - var(--Layout-aside--folded-width))}.cxd-AppLayout-header{width:100%;height:var(--Layout-header-height);min-height:var(--Layout-header-height);background:var(--Layout-header-bg);box-shadow:var(--Layout-header-boxShadow)}.cxd-AppLayout-content{display:flex;flex-direction:column;width:100%;height:100%}.cxd-AppLayout-content--row{flex-direction:row}.cxd-AppLayout--row.cxd-AppLayout--withFooter .cxd-AppLayout-content{padding-bottom:var(--Layout-footer-height)}.cxd-AppLayout-footer{height:var(--Layout-footer-height);min-height:var(--Layout-footer-height);background:var(--Layout-header-bg);position:absolute;bottom:0;left:0;right:0;z-index:0}.cxd-AppLayout-aside{width:var(--Layout-aside-width);min-width:var(--Layout-aside-width);overflow:auto}.cxd-AppLayout-body{display:flex;flex-direction:column;height:100%;width:100%}.cxd-AppLayout-body-placeholder{display:flex;align-items:center;justify-content:center;font-size:50px}.cxd-AppLayout--row{flex-direction:row !important}.cxd-AppLayout--row .cxd-AppLayout-content{width:calc(100% - var(--Layout-aside-width))}.cxd-AppLayout--row .cxd-AppLayout-footer{left:var(--Layout-aside-width)}.cxd-AppLayout--row.cxd-AppLayout--asideFixed.cxd-AppLayout--footerFixed .cxd-AppLayout-footer{left:var(--Layout-aside-width)}.cxd-AppLayout--row.cxd-AppLayout--asideFixed{padding-top:0}.cxd-AppLayout--row.cxd-AppLayout--asideFixed .cxd-AppLayout-content{position:relative;left:var(--Layout-aside-width)}.cxd-AppLayout--row.cxd-AppLayout--asideFixed .cxd-AppLayout-footer{left:0}.cxd-AppLayout--row.cxd-AppLayout--asideFixed.cxd-AppLayout--headerFixed .cxd-AppLayout-content .cxd-AppLayout-header{width:calc(100% - var(--Layout-aside-width))}.cxd-AppLayout--row.cxd-AppLayout--asideFixed.cxd-AppLayout--headerFixed.cxd-AppLayout--folded .cxd-AppLayout-content .cxd-AppLayout-header{width:calc(100% - var(--Layout-aside--folded-width))}.cxd-AppLayout--boxed{margin-right:auto;margin-left:auto}.cxd-AppLayout--inner-boxed .cxd-AppLayout-content{flex-grow:0;margin-right:auto;margin-left:auto}.cxd-AppLayout--withHeader .cxd-AppLayout-content--row{height:calc(100% - var(--Layout-header-height))}.cxd-AppLayout--withFooter .cxd-AppLayout-content--row .cxd-AppLayout-aside{height:calc(100% - var(--Layout-footer-height))}.cxd-AppLayout--noFooter .cxd-AppLayout-content{padding-bottom:0;height:100%}.cxd-AppLayout--headerFixed{padding-top:var(--Layout-header-height)}.cxd-AppLayout--headerFixed .cxd-AppLayout-header{position:fixed;top:0;width:100%;z-index:1200}.cxd-AppLayout--headerFixed .cxd-AppLayout-content{height:100%}.cxd-AppLayout--headerFixed.cxd-AppLayout--row .cxd-AppLayout-content{padding-top:var(--Layout-header-height)}.cxd-AppLayout--footerFixed .cxd-AppLayout-footer{position:fixed}.cxd-AppLayout--footerFixed .cxd-AppLayout-content{padding-bottom:var(--Layout-footer-height)}.cxd-AppLayout--asideFixed .cxd-AppLayout-aside{height:100%;position:fixed}.cxd-AppLayout--asideFixed .cxd-AppLayout-content.cxd-AppLayout-content--row .cxd-AppLayout-body{margin-left:var(--Layout-aside-width);width:calc(100% - var(--Layout-aside-width))}.cxd-AppLayout--asideFixed.cxd-AppLayout--withHeader.cxd-AppLayout--withFooter .cxd-AppLayout-content--row .cxd-AppLayout-aside{height:calc(100% - var(--Layout-header-height) - var(--Layout-footer-height))}.cxd-AppLayout--asideFixed.cxd-AppLayout--withHeader .cxd-AppLayout-content--row .cxd-AppLayout-aside{height:calc(100% - var(--Layout-header-height))}@media(min-width: 768px){.cxd-AppLayout{display:flex;flex-direction:column}.cxd-AppLayout-header{width:100%}.cxd-AppLayout--boxed{width:47.5rem}.cxd-AppLayout--boxed.cxd-AppLayout--headerFixed .cxd-AppLayout-header{width:47.5rem}.cxd-AppLayout--inner-boxed .cxd-AppLayout-content{width:47.5rem}.cxd-AppLayout-aside{width:var(--Layout-aside-width);transition:width var(--animation-duration) ease}.cxd-AppLayout--asideFixed .cxd-AppLayout-aside{height:100%}.cxd-AppLayout--asideFixed .cxd-AppLayout-aside:before{position:fixed;z-index:15}}@media(min-width: 992px){.cxd-AppLayout--boxed{width:61.25rem}.cxd-AppLayout--boxed.cxd-AppLayout--headerFixed .cxd-AppLayout-header{width:61.25rem}.cxd-AppLayout--inner-boxed .cxd-AppLayout-content{width:61.25rem}}@media(min-width: 1200px){.cxd-AppLayout--boxed{width:73.75rem}.cxd-AppLayout--boxed.cxd-AppLayout--headerFixed .cxd-AppLayout-header{width:73.75rem}.cxd-AppLayout--inner-boxed .cxd-AppLayout-content{width:73.75rem}}.ae-Editor .cxd-AppLayout{padding-top:0}.ae-Editor .cxd-AppLayout-header,.ae-Editor .cxd-AppLayout-aside,.ae-Editor .cxd-AppLayout-footer{position:absolute;background:transparent}.ae-Editor .cxd-AppLayout-content{width:100%;height:100%}.ae-Editor .cxd-AppLayout-content .cxd-AppLayout-body{width:100% !important;margin-left:0 !important}.ae-Editor .cxd-AppLayout-content--row .cxd-AppLayout-body{margin-left:var(--Layout-aside-width) !important;width:calc(100% - var(--Layout-aside-width)) !important}.ae-Editor .cxd-AppLayout--withHeader{padding-top:var(--Layout-header-height)}.ae-Editor .cxd-AppLayout--withHeader .cxd-AppLayout-content{height:calc(100% - var(--Layout-header-height))}.ae-Editor .cxd-AppLayout--withFooter .cxd-AppLayout-content,.ae-Editor .cxd-AppLayout--withFooter .cxd-AppLayout-content--row .cxd-AppLayout-aside{height:calc(100% - var(--Layout-footer-height)) !important}.ae-Editor .cxd-AppLayout--withFooter.cxd-AppLayout--withHeader .cxd-AppLayout-content--row .cxd-AppLayout-aside{height:calc(100% - var(--Layout-header-height) - var(--Layout-footer-height)) !important}.ae-Editor .cxd-AppLayout--row.cxd-AppLayout--withHeader{padding-top:0}.ae-Editor .cxd-AppLayout--row.cxd-AppLayout--withHeader .cxd-AppLayout-content{padding-top:var(--Layout-header-height)}.ae-Editor .cxd-AppLayout--row.cxd-AppLayout--withFooter .cxd-AppLayout-footer{left:0}.ae-Editor .cxd-AppLayout--row .cxd-AppLayout-content{width:calc(100% - var(--Layout-aside-width)) !important;height:100% !important} :root{--Layout-body-padding: var(--gap-xs);--Layout-aside-padding: var(--gap-xs)}html,body{width:100%;height:100%}body{overflow-x:hidden}.antd-AppLayout{height:100%;min-height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:stretch}.antd-AppLayout-body{position:relative}.antd-AppLayout--folded.antd-AppLayout--asideFixed .antd-AppLayout-aside{min-width:var(--Layout-aside--folded-width);width:var(--Layout-aside--folded-width)}.antd-AppLayout--folded.antd-AppLayout--asideFixed .antd-AppLayout-content.antd-AppLayout-content--row .antd-AppLayout-body{margin-left:var(--Layout-aside--folded-width);width:calc(100% - var(--Layout-aside--folded-width))}.antd-AppLayout--folded.antd-AppLayout--asideFixed.antd-AppLayout--row .antd-AppLayout-content{left:var(--Layout-aside--folded-width);width:calc(100% - var(--Layout-aside--folded-width))}.antd-AppLayout-header{width:100%;height:var(--Layout-header-height);min-height:var(--Layout-header-height);background:var(--Layout-header-bg);box-shadow:var(--Layout-header-boxShadow)}.antd-AppLayout-content{display:flex;flex-direction:column;width:100%;height:100%}.antd-AppLayout-content--row{flex-direction:row}.antd-AppLayout--row.antd-AppLayout--withFooter .antd-AppLayout-content{padding-bottom:var(--Layout-footer-height)}.antd-AppLayout-footer{height:var(--Layout-footer-height);min-height:var(--Layout-footer-height);background:var(--Layout-header-bg);position:absolute;bottom:0;left:0;right:0;z-index:0}.antd-AppLayout-aside{width:var(--Layout-aside-width);min-width:var(--Layout-aside-width);overflow:auto}.antd-AppLayout-body{display:flex;flex-direction:column;height:100%;width:100%}.antd-AppLayout-body-placeholder{display:flex;align-items:center;justify-content:center;font-size:50px}.antd-AppLayout--row{flex-direction:row !important}.antd-AppLayout--row .antd-AppLayout-content{width:calc(100% - var(--Layout-aside-width))}.antd-AppLayout--row .antd-AppLayout-footer{left:var(--Layout-aside-width)}.antd-AppLayout--row.antd-AppLayout--asideFixed.antd-AppLayout--footerFixed .antd-AppLayout-footer{left:var(--Layout-aside-width)}.antd-AppLayout--row.antd-AppLayout--asideFixed{padding-top:0}.antd-AppLayout--row.antd-AppLayout--asideFixed .antd-AppLayout-content{position:relative;left:var(--Layout-aside-width)}.antd-AppLayout--row.antd-AppLayout--asideFixed .antd-AppLayout-footer{left:0}.antd-AppLayout--row.antd-AppLayout--asideFixed.antd-AppLayout--headerFixed .antd-AppLayout-content .antd-AppLayout-header{width:calc(100% - var(--Layout-aside-width))}.antd-AppLayout--row.antd-AppLayout--asideFixed.antd-AppLayout--headerFixed.antd-AppLayout--folded .antd-AppLayout-content .antd-AppLayout-header{width:calc(100% - var(--Layout-aside--folded-width))}.antd-AppLayout--boxed{margin-right:auto;margin-left:auto}.antd-AppLayout--inner-boxed .antd-AppLayout-content{flex-grow:0;margin-right:auto;margin-left:auto}.antd-AppLayout--withHeader .antd-AppLayout-content--row{height:calc(100% - var(--Layout-header-height))}.antd-AppLayout--withFooter .antd-AppLayout-content--row .antd-AppLayout-aside{height:calc(100% - var(--Layout-footer-height))}.antd-AppLayout--noFooter .antd-AppLayout-content{padding-bottom:0;height:100%}.antd-AppLayout--headerFixed{padding-top:var(--Layout-header-height)}.antd-AppLayout--headerFixed .antd-AppLayout-header{position:fixed;top:0;width:100%;z-index:1200}.antd-AppLayout--headerFixed .antd-AppLayout-content{height:100%}.antd-AppLayout--headerFixed.antd-AppLayout--row .antd-AppLayout-content{padding-top:var(--Layout-header-height)}.antd-AppLayout--footerFixed .antd-AppLayout-footer{position:fixed}.antd-AppLayout--footerFixed .antd-AppLayout-content{padding-bottom:var(--Layout-footer-height)}.antd-AppLayout--asideFixed .antd-AppLayout-aside{height:100%;position:fixed}.antd-AppLayout--asideFixed .antd-AppLayout-content.antd-AppLayout-content--row .antd-AppLayout-body{margin-left:var(--Layout-aside-width);width:calc(100% - var(--Layout-aside-width))}.antd-AppLayout--asideFixed.antd-AppLayout--withHeader.antd-AppLayout--withFooter .antd-AppLayout-content--row .antd-AppLayout-aside{height:calc(100% - var(--Layout-header-height) - var(--Layout-footer-height))}.antd-AppLayout--asideFixed.antd-AppLayout--withHeader .antd-AppLayout-content--row .antd-AppLayout-aside{height:calc(100% - var(--Layout-header-height))}@media(min-width: 768px){.antd-AppLayout{display:flex;flex-direction:column}.antd-AppLayout-header{width:100%}.antd-AppLayout--boxed{width:47.5rem}.antd-AppLayout--boxed.antd-AppLayout--headerFixed .antd-AppLayout-header{width:47.5rem}.antd-AppLayout--inner-boxed .antd-AppLayout-content{width:47.5rem}.antd-AppLayout-aside{width:var(--Layout-aside-width);transition:width var(--animation-duration) ease}.antd-AppLayout--asideFixed .antd-AppLayout-aside{height:100%}.antd-AppLayout--asideFixed .antd-AppLayout-aside:before{position:fixed;z-index:15}}@media(min-width: 992px){.antd-AppLayout--boxed{width:61.25rem}.antd-AppLayout--boxed.antd-AppLayout--headerFixed .antd-AppLayout-header{width:61.25rem}.antd-AppLayout--inner-boxed .antd-AppLayout-content{width:61.25rem}}@media(min-width: 1200px){.antd-AppLayout--boxed{width:73.75rem}.antd-AppLayout--boxed.antd-AppLayout--headerFixed .antd-AppLayout-header{width:73.75rem}.antd-AppLayout--inner-boxed .antd-AppLayout-content{width:73.75rem}}.ae-Editor .antd-AppLayout{padding-top:0}.ae-Editor .antd-AppLayout-header,.ae-Editor .antd-AppLayout-aside,.ae-Editor .antd-AppLayout-footer{position:absolute;background:transparent}.ae-Editor .antd-AppLayout-content{width:100%;height:100%}.ae-Editor .antd-AppLayout-content .antd-AppLayout-body{width:100% !important;margin-left:0 !important}.ae-Editor .antd-AppLayout-content--row .antd-AppLayout-body{margin-left:var(--Layout-aside-width) !important;width:calc(100% - var(--Layout-aside-width)) !important}.ae-Editor .antd-AppLayout--withHeader{padding-top:var(--Layout-header-height)}.ae-Editor .antd-AppLayout--withHeader .antd-AppLayout-content{height:calc(100% - var(--Layout-header-height))}.ae-Editor .antd-AppLayout--withFooter .antd-AppLayout-content,.ae-Editor .antd-AppLayout--withFooter .antd-AppLayout-content--row .antd-AppLayout-aside{height:calc(100% - var(--Layout-footer-height)) !important}.ae-Editor .antd-AppLayout--withFooter.antd-AppLayout--withHeader .antd-AppLayout-content--row .antd-AppLayout-aside{height:calc(100% - var(--Layout-header-height) - var(--Layout-footer-height)) !important}.ae-Editor .antd-AppLayout--row.antd-AppLayout--withHeader{padding-top:0}.ae-Editor .antd-AppLayout--row.antd-AppLayout--withHeader .antd-AppLayout-content{padding-top:var(--Layout-header-height)}.ae-Editor .antd-AppLayout--row.antd-AppLayout--withFooter .antd-AppLayout-footer{left:0}.ae-Editor .antd-AppLayout--row .antd-AppLayout-content{width:calc(100% - var(--Layout-aside-width)) !important;height:100% !important} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @font-face { font-family: iconfont; src: url(./static/f3d5e446bf3bc036680a.eot); src: url(./static/f3d5e446bf3bc036680a.eot#iefix) format('embedded-opentype'), url(./static/0a8bf9120756a0ba6c3b.woff2?__inline) format('woff2'), url(./static/77b04052fed72aec66a7.woff) format('woff'), url(./static/0afca8cdabadaef86d2d.ttf) format('truetype'), url(./static/596153639a2a145958fe.svg#iconfont) format('svg'); } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-master:before { content: '\e91a'; } .icon-jiedian:before { content: '\e919'; } .icon-yunjisuan:before { content: '\e918'; } .icon-bmr-kafka:before { content: '\e917'; } .icon-bmr-hbase:before { content: '\e916'; } .icon-bmr-hadoop:before { content: '\e915'; } .icon-bmr-druid:before { content: '\e914'; } .icon-cpts:before { content: '\e913'; } .icon-edap-tool-btn-add:before { content: '\e912'; } .icon-edap-hadoop:before { content: '\e911'; } .icon-edap-plugin-spark:before { content: '\e910'; } .icon-edap-plugin-shell:before { content: '\e90f'; } .icon-edap-plugin-python:before { content: '\e90e'; } .icon-edap-plugin-group:before { content: '\e90d'; } .icon-edap-tool-execute:before { content: '\e90c'; } .icon-edap-tool-async:before { content: '\e90b'; } .icon-edap-tool-sync:before { content: '\e90a'; } .icon-edap-tool-stop:before { content: '\e909'; } .icon-edap-tool-manual:before { content: '\e908'; } .icon-edap-tool-setting:before { content: '\e907'; } .icon-edap-tool-plan:before { content: '\e906'; } .icon-edap-tool-format:before { content: '\e905'; } .icon-edap-tool-import:before { content: '\e904'; } .icon-edap-tool-output:before { content: '\e903'; } .icon-edap-tool-save:before { content: '\e902'; } .icon-edap-plugin-more:before { content: '\e901'; } .icon-edap-folder-close:before { content: '\e900'; } .icon-edap-folder-open:before { content: '\e8ff'; } .icon-edap-mapping:before { content: '\e8fe'; } .icon-edap-analyse:before { content: '\e8f9'; } .icon-edap-file:before { content: '\e8fa'; } .icon-edap-sink:before { content: '\e8fb'; } .icon-edap-source:before { content: '\e8fc'; } .icon-edap-transform:before { content: '\e8fd'; } .icon-resource-recycle:before { content: '\e8f8'; } .icon-enterprise-org:before { content: '\e8f7'; } .icon-tag-management:before { content: '\e8f6'; } .icon-isv:before { content: '\e8f5'; } .icon-ccr:before { content: '\e8f4'; } .icon-protect-node:before { content: '\e8f3'; } .icon-rabbitmq:before { content: '\e8f2'; } .icon-idaas:before { content: '\e8ef'; } .icon-ai-iqi:before { content: '\e8f0'; } .icon-tuoguan:before { content: '\e8f1'; } .icon-vc-sdk:before { content: '\e8ee'; } .icon-queue:before { content: '\e8e3'; } .icon-Glasses:before { content: '\e8e4'; } .icon-filter1:before { content: '\e8e5'; } .icon-closed:before { content: '\e8e6'; } .icon-terminated:before { content: '\e8e7'; } .icon-database:before { content: '\e8e8'; } .icon-stopped:before { content: '\e8e9'; } .icon-running1:before { content: '\e8ea'; } .icon-table:before { content: '\e8eb'; } .icon-failed:before { content: '\e8ec'; } .icon-folder1:before { content: '\e8ed'; } .icon-xunixiaohao:before { content: '\e8e2'; } .icon-vms:before { content: '\e8e1'; } .icon-pns:before { content: '\e8e0'; } .icon-bss-no-effect:before { content: '\e8df'; } .icon-bss-risk:before { content: '\e8dd'; } .icon-bss-in-protection:before { content: '\e8de'; } .icon-video-class:before { content: '\e8dc'; } .icon-abc-stack:before { content: '\e8db'; } .icon-iqi:before { content: '\e8da'; } .icon-cos:before { content: '\e8d9'; } .icon-https:before { content: '\e8d8'; } .icon-aca:before { content: '\e8d7'; } .icon-lps:before { content: '\e8d6'; } .icon-bci:before { content: '\e8d5'; } .icon-pdc-manage:before { content: '\e8cf'; } .icon-pdc-aksk:before { content: '\e8d0'; } .icon-pdc-overview:before { content: '\e8d1'; } .icon-pdc-apply:before { content: '\e8d2'; } .icon-pdc-task:before { content: '\e8d3'; } .icon-pdc-share:before { content: '\e8d4'; } .icon-sugar:before { content: '\e8ce'; } .icon-ils:before { content: '\e8cd'; } .icon-acg-logo:before { content: '\e8cc'; } .icon-cnap:before { content: '\e8cb'; } .icon-location_blank:before { content: '\e8ca'; } .icon-suggestion:before { content: '\e8c9'; } .icon-big-v:before { content: '\e8c7'; } .icon-full-screen-square:before { content: '\e8c8'; } .icon-bct:before { content: '\e8c6'; } .icon-standard_abc:before { content: '\e8c5'; } .icon-ltsa:before { content: '\e8c1'; } .icon-rtsa:before { content: '\e8c2'; } .icon-ltda:before { content: '\e8c3'; } .icon-rtda:before { content: '\e8c4'; } .icon-shape:before { content: '\e8c0'; } .icon-bell:before { content: '\e8bf'; } .icon-standard_bts:before { content: '\e8be'; } .icon-shangxiaicon:before { content: '\e8bd'; } .icon-duanshipin:before { content: '\e8bb'; } .icon-chuanmei:before { content: '\e8bc'; } .icon-triangle-alarm:before { content: '\e8ba'; } .icon-channel:before { content: '\e8b9'; } .icon-cfs:before { content: '\e8b8'; } .icon-bbe:before { content: '\e8b7'; } .icon-xiaolvyun:before { content: '\e8b6'; } .icon-limit:before { content: '\e8b5'; } .icon-console-drag:before { content: '\e8b4'; } .icon-console-trash:before { content: '\e8b1'; } .icon-console-more-option:before { content: '\e8b2'; } .icon-console-setting:before { content: '\e8b3'; } .icon-duhome:before { content: '\e8b0'; } .icon-unit-new:before { content: '\e8af'; } .icon-bior:before { content: '\e8ae'; } .icon-easydl:before { content: '\e8ad'; } .icon-ethereum:before { content: '\e8aa'; } .icon-xchain:before { content: '\e8ab'; } .icon-fabric:before { content: '\e8ac'; } .icon-protect:before { content: '\e8a9'; } .icon-pingo:before { content: '\e8a8'; } .icon-bsc:before { content: '\e8a7'; } .icon-switch:before { content: '\e8a6'; } .icon-ai-market-buyer:before { content: '\e8a4'; } .icon-ai-market-supplier:before { content: '\e8a5'; } .icon-filter:before { content: '\e8a3'; } .icon-mongodb:before { content: '\e8a2'; } .icon-bid:before { content: '\e8a1'; } .icon-kms:before { content: '\e8a0'; } .icon-insight:before { content: '\e89f'; } .icon-jarvis:before { content: '\e89e'; } .icon-dumap:before { content: '\e89c'; } .icon-ccc:before { content: '\e89d'; } .icon-bbm:before { content: '\e89b'; } .icon-searchforum:before { content: '\e899'; } .icon-searchmarket:before { content: '\e89a'; } .icon-api-platform:before { content: '\e894'; } .icon-header-authentication:before { content: '\e895'; } .icon-start-guide:before { content: '\e896'; } .icon-header-product-doc:before { content: '\e897'; } .icon-self-service:before { content: '\e898'; } .icon-yuyinfuwu:before { content: '\e893'; } .icon-cvm-audio-file:before { content: '\e890'; } .icon-cvm-text2audio:before { content: '\e891'; } .icon-cvm-phone-number:before { content: '\e892'; } .icon-hisk:before { content: '\e88f'; } .icon-itm:before { content: '\e88e'; } .icon-host-eye:before { content: '\e88d'; } .icon-ivc:before { content: '\e884'; } .icon-thin-more:before { content: '\e88c'; } .icon-auto-scaling:before { content: '\e88b'; } .icon-thin-arrow-top:before { content: '\e88a'; } .icon-subtask:before { content: '\e889'; } .icon-dba:before { content: '\e888'; } .icon-bfe:before { content: '\e887'; } .icon-infinite:before { content: '\e886'; } .icon-dealrecord:before { content: '\e885'; } .icon-deployment-mode:before { content: '\e880'; } .icon-operation-mode:before { content: '\e881'; } .icon-carrieroperator-line:before { content: '\e882'; } .icon-tech-spec:before { content: '\e883'; } .icon-aibody:before { content: '\e87f'; } .icon-httpdns:before { content: '\e87e'; } .icon-bcmedit:before { content: '\e873'; } .icon-bcmquestion:before { content: '\e874'; } .icon-bcmmore:before { content: '\e875'; } .icon-bcmtrash:before { content: '\e876'; } .icon-bcmlayout:before { content: '\e877'; } .icon-bcmcalendar:before { content: '\e878'; } .icon-bcmalarm:before { content: '\e879'; } .icon-bcmconsole:before { content: '\e87a'; } .icon-bcmchart:before { content: '\e87b'; } .icon-bcmsearch:before { content: '\e87c'; } .icon-bcmrefresh:before { content: '\e87d'; } .icon-bcs:before { content: '\e872'; } .icon-edge:before { content: '\e871'; } .icon-auto-snapshot:before { content: '\e86f'; } .icon-message-queue:before { content: '\e870'; } .icon-eth:before { content: '\e86c'; } .icon-dapp:before { content: '\e86d'; } .icon-contract:before { content: '\e86e'; } .icon-eyeclose:before { content: '\e86b'; } .icon-ids:before { content: '\e86a'; } .icon-file-search:before { content: '\e867'; } .icon-file-list:before { content: '\e868'; } .icon-file-status:before { content: '\e869'; } .icon-all-services:before { content: '\e866'; } .icon-marketing-bottom-put:before { content: '\e863'; } .icon-marketing-order-put:before { content: '\e864'; } .icon-marketing-ad-put:before { content: '\e865'; } .icon-download:before { content: '\e678'; } .icon-app-order-list:before { content: '\e861'; } .icon-app-finance-overview:before { content: '\e862'; } .icon-camera:before { content: '\e860'; } .icon-user-pause-ratio:before { content: '\e85b'; } .icon-tm-mobile:before { content: '\e85c'; } .icon-online-user:before { content: '\e85d'; } .icon-play-ratio:before { content: '\e85e'; } .icon-fs-screen-time:before { content: '\e85f'; } .icon-scroll-top:before { content: '\e75e'; } .icon-auto-capacity:before { content: '\e85a'; } .icon-cvca:before { content: '\e859'; } .icon-agent:before { content: '\e781'; } .icon-finance:before { content: '\e773'; } .icon-organization:before { content: '\e858'; } .icon-header-help:before { content: '\e796'; } .icon-process-tobuy-new:before { content: '\e855'; } .icon-process-login-new:before { content: '\e856'; } .icon-process-qualify-new:before { content: '\e857'; } .icon-arrow-left:before { content: '\e854'; } .icon-trash-alt:before { content: '\e853'; } .icon-eye:before { content: '\e852'; } .icon-ssp:before { content: '\e746'; } .icon-audit-failed:before { content: '\e7d2'; } .icon-audit-passed:before { content: '\e7d3'; } .icon-audit-progressing:before { content: '\e851'; } .icon-personal-dev:before { content: '\e7c8'; } .icon-big-website:before { content: '\e7c9'; } .icon-process-tobuy:before { content: '\e7ca'; } .icon-mirror-experience:before { content: '\e7cb'; } .icon-enterprise-website:before { content: '\e7cc'; } .icon-process-login:before { content: '\e7cd'; } .icon-process-qualify:before { content: '\e7ce'; } .icon-promotion:before { content: '\e7cf'; } .icon-enterprice-app:before { content: '\e7d0'; } .icon-safety:before { content: '\e7d1'; } .icon-convm:before { content: '\e850'; } .icon-cce-node:before { content: '\e84f'; } .icon-auto-renew:before { content: '\e84e'; } .icon-bond:before { content: '\e84d'; } .icon-insurance:before { content: '\e848'; } .icon-note:before { content: '\e849'; } .icon-finance1:before { content: '\e84a'; } .icon-big-data:before { content: '\e84b'; } .icon-bank:before { content: '\e84c'; } .icon-like:before { content: '\e7c7'; } .icon-fin-group:before { content: '\e845'; } .icon-fin-center:before { content: '\e846'; } .icon-fin-bank:before { content: '\e847'; } .icon-function:before { content: '\e842'; } .icon-database-view:before { content: '\e843'; } .icon-procedure:before { content: '\e844'; } .icon-mct-pending:before { content: '\e841'; } .icon-drds:before { content: '\e840'; } .icon-cfc:before { content: '\e7c6'; } .icon-afd:before { content: '\e83f'; } .icon-pre-sale-tel:before { content: '\e7c5'; } .icon-roboticvision:before { content: '\e83e'; } .icon-audio:before { content: '\e7c4'; } .icon-hosteye:before { content: '\e83b'; } .icon-dcs:before { content: '\e7c3'; } .icon-download-alt:before { content: '\e83d'; } .icon-adx-pause:before { content: '\e7c2'; } .icon-purchase-length-sale:before { content: '\e7c1'; } .icon-bdtrd:before { content: '\e83c'; } .icon-ad-audit:before { content: '\e7c0'; } .icon-dsp-se:before { content: '\e7bd'; } .icon-dsp-console:before { content: '\e7be'; } .icon-dsp-biz:before { content: '\e7bf'; } .icon-srd:before { content: '\e83a'; } .icon-docs:before { content: '\e765'; } .icon-product-price:before { content: '\e76a'; } .icon-product-forum:before { content: '\e776'; } .icon-record-help:before { content: '\e7b6'; } .icon-customer-tel:before { content: '\e7bc'; } .icon-single-download:before { content: '\e75a'; } .icon-official-notice:before { content: '\e75b'; } .icon-official-forum:before { content: '\e75c'; } .icon-contact-us:before { content: '\e75d'; } .icon-scan-download:before { content: '\e75f'; } .icon-submit-ticket:before { content: '\e760'; } .icon-cloud-secretary:before { content: '\e761'; } .icon-feedback:before { content: '\e762'; } .icon-reward-feedback:before { content: '\e763'; } .icon-business-consult:before { content: '\e764'; } .icon-paddle-set:before { content: '\e836'; } .icon-paddle-upload:before { content: '\e837'; } .icon-paddle-download:before { content: '\e838'; } .icon-cmd:before { content: '\e839'; } .icon-dns:before { content: '\e835'; } .icon-thin-arrow-left:before { content: '\e759'; } .icon-brs:before { content: '\e834'; } .icon-new-search:before { content: '\e758'; } .icon-thin-arrow:before { content: '\e757'; } .icon-electricity-sales-solution:before { content: '\e756'; } .icon-build-site:before { content: '\e661'; } .icon-huike:before { content: '\e662'; } .icon-operation:before { content: '\e663'; } .icon-record:before { content: '\e669'; } .icon-mike:before { content: '\e753'; } .icon-zhike:before { content: '\e754'; } .icon-mirror:before { content: '\e755'; } .icon-new-tag:before { content: '\e660'; } .icon-itma:before { content: '\e833'; } .icon-ai-image-search:before { content: '\e831'; } .icon-ai-image-recognition:before { content: '\e832'; } .icon-bch-ip:before { content: '\e830'; } .icon-hme:before { content: '\e65f'; } .icon-iotunicom:before { content: '\e82f'; } .icon-rtb-app:before { content: '\e637'; } .icon-rtb-agency:before { content: '\e639'; } .icon-rtb-media:before { content: '\e64a'; } .icon-rtb-big:before { content: '\e653'; } .icon-rtb-sem:before { content: '\e654'; } .icon-rtb-data:before { content: '\e655'; } .icon-rtb-dsp:before { content: '\e65d'; } .icon-rtb-web:before { content: '\e65e'; } .icon-bdl-gpu:before { content: '\e82b'; } .icon-bdl-cpu:before { content: '\e82c'; } .icon-bdl-tensorboard:before { content: '\e82d'; } .icon-bdl-memory:before { content: '\e82e'; } .icon-byapi:before { content: '\e622'; } .icon-chart-item:before { content: '\e61d'; } .icon-native-ads:before { content: '\e82a'; } .icon-unbind:before { content: '\e67c'; } .icon-bind:before { content: '\e67b'; } .icon-edit:before { content: '\e829'; } .icon-copy:before { content: '\e603'; } .icon-nlptec:before { content: '\e827'; } .icon-kgpie:before { content: '\e828'; } .icon-vcs:before { content: '\e7fd'; } .icon-tts:before { content: '\e74c'; } .icon-imagetec:before { content: '\e617'; } .icon-speechtec:before { content: '\e613'; } .icon-kgtec:before { content: '\e614'; } .icon-artec:before { content: '\e615'; } .icon-vodtec:before { content: '\e616'; } .icon-cce:before { content: '\e826'; } .icon-videoSearch:before { content: '\e60d'; } .icon-videoPush:before { content: '\e60e'; } .icon-contentGet:before { content: '\e60f'; } .icon-contentDel:before { content: '\e610'; } .icon-contentAny:before { content: '\e611'; } .icon-contentSend:before { content: '\e612'; } .icon-linkOnline:before { content: '\e60a'; } .icon-beforeLink:before { content: '\e60b'; } .icon-testLink:before { content: '\e60c'; } .icon-link:before { content: '\e6ba'; } .icon-cli:before { content: '\e825'; } .icon-arp:before { content: '\e752'; } .icon-shopping-cart:before { content: '\e824'; } .icon-ai-resource:before { content: '\e820'; } .icon-ai-plat:before { content: '\e821'; } .icon-ai-app1:before { content: '\e822'; } .icon-ai-data:before { content: '\e823'; } .icon-adx:before { content: '\e751'; } .icon-data-mark:before { content: '\e81e'; } .icon-data-collection:before { content: '\e81f'; } .icon-apollo:before { content: '\e74d'; } .icon-shangqing-solution:before { content: '\e750'; } .icon-ar:before { content: '\e74f'; } .icon-tag:before { content: '\e81c'; } .icon-prop:before { content: '\e81d'; } .icon-asr:before { content: '\e74a'; } .icon-unit:before { content: '\e74e'; } .icon-wake:before { content: '\e74b'; } .icon-folder:before { content: '\e81b'; } .icon-imagecensoring:before { content: '\e749'; } .icon-information:before { content: '\e81a'; } .icon-calculator:before { content: '\e819'; } .icon-retail-solution:before { content: '\e748'; } .icon-E-Profile:before { content: '\e747'; } .icon-backup-solution:before { content: '\e818'; } .icon-overview-msg:before { content: '\e812'; } .icon-overview-invoice:before { content: '\e813'; } .icon-overview-agent:before { content: '\e814'; } .icon-overview-desc:before { content: '\e815'; } .icon-overview-instance:before { content: '\e816'; } .icon-overview-balance:before { content: '\e817'; } .icon-short-video-solution:before { content: '\e811'; } .icon-kg:before { content: '\e810'; } .icon-maximize:before { content: '\e80e'; } .icon-minimize:before { content: '\e80f'; } .icon-vcr:before { content: '\e745'; } .icon-prophet-solution:before { content: '\e80d'; } .icon-cloudadanti:before { content: '\e609'; } .icon-fpga:before { content: '\e744'; } .icon-video-circle:before { content: '\e73b'; } .icon-return:before { content: '\e72f'; } .icon-change-password:before { content: '\e730'; } .icon-data-sheet:before { content: '\e733'; } .icon-data-graph:before { content: '\e734'; } .icon-quit:before { content: '\e735'; } .icon-top1:before { content: '\e736'; } .icon-preview:before { content: '\e737'; } .icon-api:before { content: '\e738'; } .icon-top3:before { content: '\e739'; } .icon-top2:before { content: '\e73a'; } .icon-display-position:before { content: '\e73c'; } .icon-ios:before { content: '\e73d'; } .icon-android:before { content: '\e73e'; } .icon-flash:before { content: '\e73f'; } .icon-image:before { content: '\e740'; } .icon-click-rate:before { content: '\e741'; } .icon-click-amount:before { content: '\e742'; } .icon-display-amount:before { content: '\e743'; } .icon-color-circle:before { content: '\e72e'; } .icon-color-error:before { content: '\e72c'; } .icon-color-correct:before { content: '\e72d'; } .icon-baiduyun:before { content: '\e72a'; } .icon-shanchu:before { content: '\e689'; } .icon-bingpai:before { content: '\e693'; } .icon-icon-test:before { content: '\e694'; } .icon-huodongicon:before { content: '\e6bf'; } .icon-shangxin:before { content: '\e6cc'; } .icon-shupai:before { content: '\e6da'; } .icon-wode:before { content: '\e6dc'; } .icon-xialajiantou:before { content: '\e6dd'; } .icon-sousuo:before { content: '\e6de'; } .icon-xiaoxi:before { content: '\e6e0'; } .icon-x:before { content: '\e6ec'; } .icon-youjiantou:before { content: '\e6ee'; } .icon-duigou:before { content: '\e6ef'; } .icon-kongzhitai:before { content: '\e6f0'; } .icon-baiduqianbao:before { content: '\e705'; } .icon-zhifubao:before { content: '\e706'; } .icon-weixinqianbao:before { content: '\e707'; } .icon-daijinquan:before { content: '\e708'; } .icon-shimingrenzheng:before { content: '\e70e'; } .icon-shoushimima:before { content: '\e710'; } .icon-kefudianhua:before { content: '\e715'; } .icon-gongdanfankui:before { content: '\e716'; } .icon-shezhi:before { content: '\e717'; } .icon-xianxiadakuanzhanghao:before { content: '\e71a'; } .icon-yue:before { content: '\e725'; } .icon-yuezhangdan:before { content: '\e727'; } .icon-zhangdanguanli:before { content: '\e728'; } .icon-zhanghuxinxi:before { content: '\e729'; } .icon-waf:before { content: '\e80c'; } .icon-doc-feedback:before { content: '\e680'; } .icon-correct:before { content: '\e67e'; } .icon-bsg:before { content: '\e679'; } .icon-bdl:before { content: '\e7a7'; } .icon-setting:before { content: '\e80b'; } .icon-de:before { content: '\e674'; } .icon-app-tel:before { content: '\e7fe'; } .icon-app-wxpay:before { content: '\e7ff'; } .icon-app-consumption:before { content: '\e800'; } .icon-app-feedback:before { content: '\e801'; } .icon-app-verify:before { content: '\e802'; } .icon-app-balance:before { content: '\e803'; } .icon-app-bill:before { content: '\e804'; } .icon-app-alipay:before { content: '\e805'; } .icon-app-coupon:before { content: '\e806'; } .icon-app-account:before { content: '\e807'; } .icon-app-unionpay:before { content: '\e808'; } .icon-app-setting:before { content: '\e809'; } .icon-app-newsale:before { content: '\e80a'; } .icon-va:before { content: '\e7fc'; } .icon-vca:before { content: '\e7fb'; } .icon-ai-startup-solution:before { content: '\e673'; } .icon-warning-mark:before { content: '\e7f9'; } .icon-question-mark:before { content: '\e7fa'; } .icon-re:before { content: '\e672'; } .icon-speech:before { content: '\e66a'; } .icon-video_ai-solution:before { content: '\e7f7'; } .icon-face:before { content: '\e66b'; } .icon-ai-tv-instruction:before { content: '\e7d4'; } .icon-ai-vehicle-instruction:before { content: '\e7d5'; } .icon-ai-train:before { content: '\e7d6'; } .icon-ai-tv-show:before { content: '\e7d7'; } .icon-ai-travel:before { content: '\e7d8'; } .icon-ai-video:before { content: '\e7d9'; } .icon-ai-translation:before { content: '\e7da'; } .icon-ai-website:before { content: '\e7db'; } .icon-ai-weather:before { content: '\e7dc'; } .icon-ai-alarm:before { content: '\e7dd'; } .icon-ai-app:before { content: '\e7de'; } .icon-ai-calendar:before { content: '\e7df'; } .icon-ai-account:before { content: '\e7e0'; } .icon-ai-contacts:before { content: '\e7e1'; } .icon-ai-film-news:before { content: '\e7e2'; } .icon-ai-hotel:before { content: '\e7e3'; } .icon-ai-flight:before { content: '\e7e4'; } .icon-ai-instruction:before { content: '\e7e5'; } .icon-ai-knowledge:before { content: '\e7e6'; } .icon-ai-joke:before { content: '\e7e7'; } .icon-ai-message:before { content: '\e7e8'; } .icon-ai-music:before { content: '\e7e9'; } .icon-ai-navigate-instruction:before { content: '\e7ea'; } .icon-ai-map:before { content: '\e7eb'; } .icon-ai-novel:before { content: '\e7ec'; } .icon-ai-phone-charges:before { content: '\e7ed'; } .icon-ai-recipe:before { content: '\e7ee'; } .icon-ai-search:before { content: '\e7ef'; } .icon-ai-player:before { content: '\e7f0'; } .icon-ai-sns:before { content: '\e7f1'; } .icon-ai-radio:before { content: '\e7f2'; } .icon-ai-setting:before { content: '\e7f3'; } .icon-ai-story:before { content: '\e7f4'; } .icon-ai-stock:before { content: '\e7f5'; } .icon-ai-telephone:before { content: '\e7f6'; } .icon-dsp:before { content: '\e7b7'; } .icon-pctr:before { content: '\e7b8'; } .icon-adsel:before { content: '\e7b9'; } .icon-dmp:before { content: '\e7ba'; } .icon-adn:before { content: '\e7bb'; } .icon-close:before { content: '\e6eb'; } .icon-feedapi:before { content: '\e7b5'; } .icon-sem:before { content: '\e7b3'; } .icon-refererapi:before { content: '\e7b2'; } .icon-dts:before { content: '\e7b4'; } .icon-vpc:before { content: '\e778'; } .icon-verify:before { content: '\e7ac'; } .icon-calendar:before { content: '\e7b1'; } .icon-bmr:before { content: '\e7ae'; } .icon-wallet:before { content: '\e7af'; } .icon-verify-agent:before { content: '\e7b0'; } .icon-verify-email:before { content: '\e7ab'; } .icon-verify-mobile:before { content: '\e7ad'; } .icon-antiporn:before { content: '\e7a9'; } .icon-nlp:before { content: '\e7aa'; } .icon-modbus:before { content: '\e7a8'; } .icon-moladb:before { content: '\e7a5'; } .icon-bbs:before { content: '\e7a6'; } .icon-tsdb:before { content: '\e7a2'; } .icon-iotviz:before { content: '\e7a3'; } .icon-iotdm:before { content: '\e7a4'; } .icon-batch:before { content: '\e791'; } .icon-sr:before { content: '\e792'; } .icon-iotre:before { content: '\e793'; } .icon-beian:before { content: '\e79c'; } .icon-qss:before { content: '\e79d'; } .icon-iot:before { content: '\e79e'; } .icon-mat:before { content: '\e79f'; } .icon-bcd:before { content: '\e7a0'; } .icon-wmt:before { content: '\e7a1'; } .icon-ticket:before { content: '\e797'; } .icon-down-arrow:before { content: '\e798'; } .icon-search:before { content: '\e799'; } .icon-overview:before { content: '\e79a'; } .icon-header-message:before { content: '\e79b'; } .icon-iam-user:before { content: '\e780'; } .icon-collapse1:before { content: '\e795'; } .icon-cas:before { content: '\e77e'; } .icon-bes:before { content: '\e77f'; } .icon-network:before { content: '\e794'; } .icon-ddos:before { content: '\e766'; } .icon-accesskey:before { content: '\e767'; } .icon-gpu:before { content: '\e768'; } .icon-authinfo:before { content: '\e769'; } .icon-kafka:before { content: '\e76b'; } .icon-bml:before { content: '\e76c'; } .icon-palo:before { content: '\e76d'; } .icon-bls:before { content: '\e76e'; } .icon-eip:before { content: '\e76f'; } .icon-bos:before { content: '\e770'; } .icon-blb:before { content: '\e771'; } .icon-rds:before { content: '\e772'; } .icon-sms:before { content: '\e774'; } .icon-ses:before { content: '\e775'; } .icon-cdn:before { content: '\e777'; } .icon-scs:before { content: '\e779'; } .icon-di:before { content: '\e77a'; } .icon-doc:before { content: '\e77b'; } .icon-ocr:before { content: '\e77c'; } .icon-exit:before { content: '\e77d'; } .icon-bbc:before { content: '\e782'; } .icon-vod:before { content: '\e783'; } .icon-lss:before { content: '\e784'; } .icon-mct:before { content: '\e785'; } .icon-myaccount:before { content: '\e786'; } .icon-bss:before { content: '\e787'; } .icon-apm:before { content: '\e788'; } .icon-cds:before { content: '\e789'; } .icon-bae:before { content: '\e78a'; } .icon-bcc:before { content: '\e78b'; } .icon-bcm:before { content: '\e78c'; } .icon-mkt:before { content: '\e78d'; } .icon-bch:before { content: '\e78e'; } .icon-dcc:before { content: '\e78f'; } .icon-et:before { content: '\e790'; } .icon-arrow-right:before { content: '\e63b'; } .icon-running:before { content: '\e63c'; } .icon-clock:before { content: '\e63d'; } .icon-auditing:before { content: '\e63e'; } .icon-object:before { content: '\e63f'; } .icon-mount:before { content: '\e640'; } .icon-hold:before { content: '\e641'; } .icon-pie:before { content: '\e642'; } .icon-solution-doc:before { content: '\e643'; } .icon-sdktool:before { content: '\e645'; } .icon-product-doc:before { content: '\e646'; } .icon-user-guide:before { content: '\e647'; } .icon-contact:before { content: '\e648'; } .icon-notice:before { content: '\e649'; } .icon-beian-doc:before { content: '\e644'; } .icon-isp:before { content: '\e64b'; } .icon-security:before { content: '\e64c'; } .icon-serialise:before { content: '\e64d'; } .icon-site-manage:before { content: '\e64e'; } .icon-searchall:before { content: '\e64f'; } .icon-searchdoc:before { content: '\e650'; } .icon-searchsite:before { content: '\e651'; } .icon-zhidahao:before { content: '\e635'; } .icon-video:before { content: '\e652'; } .icon-admin:before { content: '\e633'; } .icon-cloud:before { content: '\e634'; } .icon-fc-ad:before { content: '\e656'; } .icon-pricing:before { content: '\e657'; } .icon-about:before { content: '\e658'; } .icon-reference:before { content: '\e659'; } .icon-authentication:before { content: '\e65a'; } .icon-bae4:before { content: '\e65b'; } .icon-baepro4:before { content: '\e65c'; } .icon-alarm-clock:before { content: '\e664'; } .icon-mvp:before { content: '\e665'; } .icon-round-right-fill:before { content: '\e666'; } .icon-month:before { content: '\e667'; } .icon-demand:before { content: '\e668'; } .icon-bmr-cluster:before { content: '\e66c'; } .icon-bmr-cluster-template:before { content: '\e66d'; } .icon-bmr-crontask:before { content: '\e66e'; } .icon-bmr-step:before { content: '\e66f'; } .icon-lss-stat:before { content: '\e671'; } .icon-table-trend:before { content: '\e675'; } .icon-typical-sample:before { content: '\e67a'; } .icon-horn:before { content: '\e67d'; } .icon-bcc-new:before { content: '\e698'; } .icon-blb-new:before { content: '\e699'; } .icon-bos-new:before { content: '\e69a'; } .icon-cds-new:before { content: '\e69b'; } .icon-cdn-new:before { content: '\e69c'; } .icon-rds-new:before { content: '\e69d'; } .icon-scs-new:before { content: '\e69e'; } .icon-moladb-new:before { content: '\e69f'; } .icon-bae-staff:before { content: '\e67f'; } .icon-vod-overview:before { content: '\e682'; } .icon-io:before { content: '\e683'; } .icon-processing:before { content: '\e684'; } .icon-agentlist:before { content: '\e685'; } .icon-policy:before { content: '\e68e'; } .icon-collaborator:before { content: '\e68f'; } .icon-contact1:before { content: '\e690'; } .icon-baseinfo:before { content: '\e691'; } .icon-qualify:before { content: '\e692'; } .icon-certificatelist:before { content: '\e695'; } .icon-letterlist:before { content: '\e697'; } .icon-bss-new:before { content: '\e6a0'; } .icon-bcm-new:before { content: '\e6a1'; } .icon-ses-new:before { content: '\e6a2'; } .icon-sms-new:before { content: '\e6a3'; } .icon-qss-new:before { content: '\e6a4'; } .icon-mat-new:before { content: '\e6a5'; } .icon-bae-new:before { content: '\e6a6'; } .icon-qns-new:before { content: '\e6a7'; } .icon-mct-new:before { content: '\e6a8'; } .icon-lss-new:before { content: '\e6a9'; } .icon-bfr-new:before { content: '\e6aa'; } .icon-ocr-new:before { content: '\e6ab'; } .icon-bmr-new:before { content: '\e6ac'; } .icon-bml-new:before { content: '\e6ad'; } .icon-palo-new:before { content: '\e6ae'; } .icon-bch-new:before { content: '\e6af'; } .icon-website-new:before { content: '\e6b0'; } .icon-video-new:before { content: '\e6b1'; } .icon-image-new:before { content: '\e6b2'; } .icon-stgcdn-new:before { content: '\e6b3'; } .icon-bigdata-new:before { content: '\e6b4'; } .icon-app-new:before { content: '\e6b5'; } .icon-marketing-new:before { content: '\e6b6'; } .icon-education-new:before { content: '\e6b7'; } .icon-iot-new:before { content: '\e6b8'; } .icon-hybridcloud-new:before { content: '\e6b9'; } .icon-new-ribbon:before { content: '\e6bb'; } .icon-sale-tag:before { content: '\e6bc'; } .icon-cert:before { content: '\e6bd'; } .icon-license:before { content: '\e6be'; } .icon-lss-commercial:before { content: '\e6c0'; } .icon-saml:before { content: '\e6c2'; } .icon-agent-customer:before { content: '\e686'; } .icon-agent-info:before { content: '\e687'; } .icon-agent-resource:before { content: '\e6c3'; } .icon-star-solid:before { content: '\e6c4'; } .icon-star-hollow:before { content: '\e6c5'; } .icon-forum:before { content: '\e6c6'; } .icon-scrolltop:before { content: '\e6c7'; } .icon-write:before { content: '\e6c8'; } .icon-faq:before { content: '\e6c9'; } .icon-hot:before { content: '\e6ca'; } .icon-dialogue:before { content: '\e6cb'; } .icon-new:before { content: '\e6cd'; } .icon-newdialog:before { content: '\e6ce'; } .icon-vod-media:before { content: '\e681'; } .icon-bml-experiment:before { content: '\e6cf'; } .icon-location1:before { content: '\e6d0'; } .icon-move:before { content: '\e6d3'; } .icon-bml-dataset:before { content: '\e676'; } .icon-bml-model:before { content: '\e677'; } .icon-zoom-in:before { content: '\e6d6'; } .icon-zoom-out:before { content: '\e6d7'; } .icon-original-size:before { content: '\e6d8'; } .icon-voice:before { content: '\e6d9'; } .icon-iot-rule-engine:before { content: '\e6db'; } .icon-subnet:before { content: '\e6df'; } .icon-bml-evaluate:before { content: '\e6d1'; } .icon-bml-history:before { content: '\e6d4'; } .icon-saveas:before { content: '\e6d5'; } .icon-save:before { content: '\e6e1'; } .icon-stop:before { content: '\e6e2'; } .icon-play:before { content: '\e6e3'; } .icon-bml-train:before { content: '\e6e4'; } .icon-bml-predict:before { content: '\e6e6'; } .icon-bml-scheduling:before { content: '\e6e7'; } .icon-fail-reverse:before { content: '\e6d2'; } .icon-warning-new:before { content: '\e6e5'; } .icon-ok-reverse:before { content: '\e6e8'; } .icon-bml-waiting:before { content: '\e6e9'; } .icon-bucket:before { content: '\e6ea'; } .icon-bps:before { content: '\e6ed'; } .icon-lss-audit:before { content: '\e6f1'; } .icon-iot-device-group:before { content: '\e6f2'; } .icon-iot-device-list:before { content: '\e6f3'; } .icon-game-solution:before { content: '\e6c1'; } .icon-marketing-solution:before { content: '\e6f4'; } .icon-education-solution:before { content: '\e6f5'; } .icon-iot-solution:before { content: '\e6f6'; } .icon-hybridcloud-solution:before { content: '\e6f7'; } .icon-finance-solution:before { content: '\e6f8'; } .icon-website-solution:before { content: '\e6f9'; } .icon-video-solution:before { content: '\e6fa'; } .icon-image-solution:before { content: '\e6fb'; } .icon-stg_cdn-solution:before { content: '\e6fc'; } .icon-opinion-solution:before { content: '\e6fd'; } .icon-data_warehousing-solution:before { content: '\e6fe'; } .icon-app-solution:before { content: '\e6ff'; } .icon-platform-calculate-solution:before { content: '\e700'; } .icon-platform-image-solution:before { content: '\e701'; } .icon-recommender-solution:before { content: '\e7f8'; } .icon-platform-industry-solution:before { content: '\e702'; } .icon-log_analysis-solution:before { content: '\e703'; } .icon-lifescience-solution:before { content: '\e704'; } .icon-plus:before { content: '\e600'; } .icon-magnifier:before { content: '\e601'; } .icon-minus:before { content: '\e602'; } .icon-sdk-upload:before { content: '\e709'; } .icon-console-upload:before { content: '\e70a'; } .icon-trash:before { content: '\e604'; } .icon-tool-upload:before { content: '\e70b'; } .icon-downarrow:before { content: '\e605'; } .icon-lss-session:before { content: '\e670'; } .icon-location:before { content: '\e606'; } .icon-lss-template:before { content: '\e70d'; } .icon-collapse:before { content: '\e607'; } .icon-refresh:before { content: '\e608'; } .icon-bss-security:before { content: '\e70f'; } .icon-sort-normal:before { content: '\e711'; } .icon-sort-descending:before { content: '\e712'; } .icon-sort-ascending:before { content: '\e713'; } .icon-entertainment-solution:before { content: '\e714'; } .icon-security-solution:before { content: '\e719'; } .icon-renewmanage:before { content: '\e718'; } .icon-vpn:before { content: '\e722'; } .icon-deposit:before { content: '\e71b'; } .icon-sdk:before { content: '\e618'; } .icon-accountrecharge:before { content: '\e688'; } .icon-bccinstance:before { content: '\e619'; } .icon-dealrecord-old:before { content: '\e68a'; } .icon-bccimage:before { content: '\e61a'; } .icon-billingorder:before { content: '\e68b'; } .icon-cdndomain:before { content: '\e61b'; } .icon-accountmanage:before { content: '\e68c'; } .icon-cdnrefresh:before { content: '\e61c'; } .icon-invoicemanage:before { content: '\e68d'; } .icon-coupon:before { content: '\e696'; } .icon-warning:before { content: '\e61e'; } .icon-discountmanage:before { content: '\e71c'; } .icon-statistics:before { content: '\e61f'; } .icon-eipgroup:before { content: '\e72b'; } .icon-sendauth:before { content: '\e620'; } .icon-announcement:before { content: '\e71d'; } .icon-block:before { content: '\e621'; } .icon-install:before { content: '\e71e'; } .icon-bounce:before { content: '\e623'; } .icon-common-payment:before { content: '\e71f'; } .icon-sendingmail:before { content: '\e624'; } .icon-common-reliable:before { content: '\e720'; } .icon-template:before { content: '\e625'; } .icon-common-customer-support:before { content: '\e721'; } .icon-deploy:before { content: '\e626'; } .icon-scale:before { content: '\e627'; } .icon-refundmanage:before { content: '\e731'; } .icon-user:before { content: '\e628'; } .icon-view:before { content: '\e732'; } .icon-money:before { content: '\e629'; } .icon-create:before { content: '\e62a'; } .icon-list:before { content: '\e62b'; } .icon-bookmark:before { content: '\e62c'; } .icon-adviser-solution:before { content: '\e723'; } .icon-guide:before { content: '\e62d'; } .icon-platform-ai-solution:before { content: '\e724'; } .icon-balance:before { content: '\e62e'; } .icon-ok:before { content: '\e62f'; } .icon-customer_service-solution:before { content: '\e726'; } .icon-fail:before { content: '\e630'; } .icon-waiting:before { content: '\e631'; } .icon-status:before { content: '\e632'; } .icon-full-screen:before { content: '\e70c'; } .icon-buy:before { content: '\e636'; } .icon-info:before { content: '\e638'; } .icon-order-list:before { content: '\e63a'; } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .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-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url(./static/23f19bb08961f37aaf69.eot); src: url(./static/23f19bb08961f37aaf69.eot?#iefix) format("embedded-opentype"), url(./static/d878b0a6a1144760244f.woff2) format("woff2"), url(./static/2285773e6b4b172f07d9.woff) format("woff"), url(./static/527940b104eb2ea366c8.ttf) format("truetype"), url(./static/2f517e09eb2ca6650ff5.svg#fontawesome) format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url(./static/77206a6bb316fa0aded5.eot); src: url(./static/77206a6bb316fa0aded5.eot?#iefix) format("embedded-opentype"), url(./static/7a3337626410ca2f4071.woff2) format("woff2"), url(./static/bb58e57c48a3e911f15f.woff) format("woff"), url(./static/491974d108fe4002b2aa.ttf) format("truetype"), url(./static/4689f52cc96215721344.svg#fontawesome) format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url(./static/9bbb245e67a133f6e486.eot); src: url(./static/9bbb245e67a133f6e486.eot?#iefix) format("embedded-opentype"), url(./static/1551f4f60c37af51121f.woff2) format("woff2"), url(./static/eeccf4f66002c6f2ba24.woff) format("woff"), url(./static/be9ee23c0c6390141475.ttf) format("truetype"), url(./static/7a8b4f130182d19a2d7c.svg#fontawesome) format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa.fa-glass:before { content: "\f000"; } .fa.fa-meetup { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-star-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-o:before { content: "\f005"; } .fa.fa-remove:before { content: "\f00d"; } .fa.fa-close:before { content: "\f00d"; } .fa.fa-gear:before { content: "\f013"; } .fa.fa-trash-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-trash-o:before { content: "\f2ed"; } .fa.fa-file-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-o:before { content: "\f15b"; } .fa.fa-clock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-clock-o:before { content: "\f017"; } .fa.fa-arrow-circle-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-down:before { content: "\f358"; } .fa.fa-arrow-circle-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-up:before { content: "\f35b"; } .fa.fa-play-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-play-circle-o:before { content: "\f144"; } .fa.fa-repeat:before { content: "\f01e"; } .fa.fa-rotate-right:before { content: "\f01e"; } .fa.fa-refresh:before { content: "\f021"; } .fa.fa-list-alt { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-dedent:before { content: "\f03b"; } .fa.fa-video-camera:before { content: "\f03d"; } .fa.fa-picture-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-picture-o:before { content: "\f03e"; } .fa.fa-photo { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-photo:before { content: "\f03e"; } .fa.fa-image { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-image:before { content: "\f03e"; } .fa.fa-pencil:before { content: "\f303"; } .fa.fa-map-marker:before { content: "\f3c5"; } .fa.fa-pencil-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-pencil-square-o:before { content: "\f044"; } .fa.fa-share-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-share-square-o:before { content: "\f14d"; } .fa.fa-check-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-check-square-o:before { content: "\f14a"; } .fa.fa-arrows:before { content: "\f0b2"; } .fa.fa-times-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-circle-o:before { content: "\f057"; } .fa.fa-check-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-check-circle-o:before { content: "\f058"; } .fa.fa-mail-forward:before { content: "\f064"; } .fa.fa-expand:before { content: "\f424"; } .fa.fa-compress:before { content: "\f422"; } .fa.fa-eye { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-eye-slash { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-warning:before { content: "\f071"; } .fa.fa-calendar:before { content: "\f073"; } .fa.fa-arrows-v:before { content: "\f338"; } .fa.fa-arrows-h:before { content: "\f337"; } .fa.fa-bar-chart { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bar-chart:before { content: "\f080"; } .fa.fa-bar-chart-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bar-chart-o:before { content: "\f080"; } .fa.fa-twitter-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gears:before { content: "\f085"; } .fa.fa-thumbs-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-thumbs-o-up:before { content: "\f164"; } .fa.fa-thumbs-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-thumbs-o-down:before { content: "\f165"; } .fa.fa-heart-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-heart-o:before { content: "\f004"; } .fa.fa-sign-out:before { content: "\f2f5"; } .fa.fa-linkedin-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linkedin-square:before { content: "\f08c"; } .fa.fa-thumb-tack:before { content: "\f08d"; } .fa.fa-external-link:before { content: "\f35d"; } .fa.fa-sign-in:before { content: "\f2f6"; } .fa.fa-github-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-lemon-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-lemon-o:before { content: "\f094"; } .fa.fa-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-square-o:before { content: "\f0c8"; } .fa.fa-bookmark-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bookmark-o:before { content: "\f02e"; } .fa.fa-twitter { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook:before { content: "\f39e"; } .fa.fa-facebook-f { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-f:before { content: "\f39e"; } .fa.fa-github { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-credit-card { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-feed:before { content: "\f09e"; } .fa.fa-hdd-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hdd-o:before { content: "\f0a0"; } .fa.fa-hand-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-right:before { content: "\f0a4"; } .fa.fa-hand-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-left:before { content: "\f0a5"; } .fa.fa-hand-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-up:before { content: "\f0a6"; } .fa.fa-hand-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-down:before { content: "\f0a7"; } .fa.fa-arrows-alt:before { content: "\f31e"; } .fa.fa-group:before { content: "\f0c0"; } .fa.fa-chain:before { content: "\f0c1"; } .fa.fa-scissors:before { content: "\f0c4"; } .fa.fa-files-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-files-o:before { content: "\f0c5"; } .fa.fa-floppy-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-floppy-o:before { content: "\f0c7"; } .fa.fa-navicon:before { content: "\f0c9"; } .fa.fa-reorder:before { content: "\f0c9"; } .fa.fa-pinterest { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pinterest-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus:before { content: "\f0d5"; } .fa.fa-money { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-money:before { content: "\f3d1"; } .fa.fa-unsorted:before { content: "\f0dc"; } .fa.fa-sort-desc:before { content: "\f0dd"; } .fa.fa-sort-asc:before { content: "\f0de"; } .fa.fa-linkedin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linkedin:before { content: "\f0e1"; } .fa.fa-rotate-left:before { content: "\f0e2"; } .fa.fa-legal:before { content: "\f0e3"; } .fa.fa-tachometer:before { content: "\f3fd"; } .fa.fa-dashboard:before { content: "\f3fd"; } .fa.fa-comment-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-comment-o:before { content: "\f075"; } .fa.fa-comments-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-comments-o:before { content: "\f086"; } .fa.fa-flash:before { content: "\f0e7"; } .fa.fa-clipboard { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paste { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paste:before { content: "\f328"; } .fa.fa-lightbulb-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-lightbulb-o:before { content: "\f0eb"; } .fa.fa-exchange:before { content: "\f362"; } .fa.fa-cloud-download:before { content: "\f381"; } .fa.fa-cloud-upload:before { content: "\f382"; } .fa.fa-bell-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bell-o:before { content: "\f0f3"; } .fa.fa-cutlery:before { content: "\f2e7"; } .fa.fa-file-text-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-text-o:before { content: "\f15c"; } .fa.fa-building-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-building-o:before { content: "\f1ad"; } .fa.fa-hospital-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hospital-o:before { content: "\f0f8"; } .fa.fa-tablet:before { content: "\f3fa"; } .fa.fa-mobile:before { content: "\f3cd"; } .fa.fa-mobile-phone:before { content: "\f3cd"; } .fa.fa-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-circle-o:before { content: "\f111"; } .fa.fa-mail-reply:before { content: "\f3e5"; } .fa.fa-github-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-folder-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-folder-o:before { content: "\f07b"; } .fa.fa-folder-open-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-folder-open-o:before { content: "\f07c"; } .fa.fa-smile-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-smile-o:before { content: "\f118"; } .fa.fa-frown-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-frown-o:before { content: "\f119"; } .fa.fa-meh-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-meh-o:before { content: "\f11a"; } .fa.fa-keyboard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-keyboard-o:before { content: "\f11c"; } .fa.fa-flag-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-flag-o:before { content: "\f024"; } .fa.fa-mail-reply-all:before { content: "\f122"; } .fa.fa-star-half-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-o:before { content: "\f089"; } .fa.fa-star-half-empty { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-empty:before { content: "\f089"; } .fa.fa-star-half-full { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-full:before { content: "\f089"; } .fa.fa-code-fork:before { content: "\f126"; } .fa.fa-chain-broken:before { content: "\f127"; } .fa.fa-shield:before { content: "\f3ed"; } .fa.fa-calendar-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-o:before { content: "\f133"; } .fa.fa-maxcdn { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-html5 { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-css3 { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ticket:before { content: "\f3ff"; } .fa.fa-minus-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-minus-square-o:before { content: "\f146"; } .fa.fa-level-up:before { content: "\f3bf"; } .fa.fa-level-down:before { content: "\f3be"; } .fa.fa-pencil-square:before { content: "\f14b"; } .fa.fa-external-link-square:before { content: "\f360"; } .fa.fa-compass { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-down:before { content: "\f150"; } .fa.fa-toggle-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-down:before { content: "\f150"; } .fa.fa-caret-square-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-up:before { content: "\f151"; } .fa.fa-toggle-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-up:before { content: "\f151"; } .fa.fa-caret-square-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-right:before { content: "\f152"; } .fa.fa-toggle-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-right:before { content: "\f152"; } .fa.fa-eur:before { content: "\f153"; } .fa.fa-euro:before { content: "\f153"; } .fa.fa-gbp:before { content: "\f154"; } .fa.fa-usd:before { content: "\f155"; } .fa.fa-dollar:before { content: "\f155"; } .fa.fa-inr:before { content: "\f156"; } .fa.fa-rupee:before { content: "\f156"; } .fa.fa-jpy:before { content: "\f157"; } .fa.fa-cny:before { content: "\f157"; } .fa.fa-rmb:before { content: "\f157"; } .fa.fa-yen:before { content: "\f157"; } .fa.fa-rub:before { content: "\f158"; } .fa.fa-ruble:before { content: "\f158"; } .fa.fa-rouble:before { content: "\f158"; } .fa.fa-krw:before { content: "\f159"; } .fa.fa-won:before { content: "\f159"; } .fa.fa-btc { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitcoin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitcoin:before { content: "\f15a"; } .fa.fa-file-text:before { content: "\f15c"; } .fa.fa-sort-alpha-asc:before { content: "\f15d"; } .fa.fa-sort-alpha-desc:before { content: "\f881"; } .fa.fa-sort-amount-asc:before { content: "\f160"; } .fa.fa-sort-amount-desc:before { content: "\f884"; } .fa.fa-sort-numeric-asc:before { content: "\f162"; } .fa.fa-sort-numeric-desc:before { content: "\f886"; } .fa.fa-youtube-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-xing { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-xing-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube-play { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube-play:before { content: "\f167"; } .fa.fa-dropbox { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stack-overflow { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-instagram { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-flickr { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-adn { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket-square:before { content: "\f171"; } .fa.fa-tumblr { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-tumblr-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-long-arrow-down:before { content: "\f309"; } .fa.fa-long-arrow-up:before { content: "\f30c"; } .fa.fa-long-arrow-left:before { content: "\f30a"; } .fa.fa-long-arrow-right:before { content: "\f30b"; } .fa.fa-apple { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-windows { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-android { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linux { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-dribbble { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-skype { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-foursquare { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-trello { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gratipay { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gittip { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gittip:before { content: "\f184"; } .fa.fa-sun-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sun-o:before { content: "\f185"; } .fa.fa-moon-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-moon-o:before { content: "\f186"; } .fa.fa-vk { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-weibo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-renren { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pagelines { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stack-exchange { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-arrow-circle-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-right:before { content: "\f35a"; } .fa.fa-arrow-circle-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-left:before { content: "\f359"; } .fa.fa-caret-square-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-left:before { content: "\f191"; } .fa.fa-toggle-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-left:before { content: "\f191"; } .fa.fa-dot-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-dot-circle-o:before { content: "\f192"; } .fa.fa-vimeo-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-try:before { content: "\f195"; } .fa.fa-turkish-lira:before { content: "\f195"; } .fa.fa-plus-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-plus-square-o:before { content: "\f0fe"; } .fa.fa-slack { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wordpress { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-openid { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-institution:before { content: "\f19c"; } .fa.fa-bank:before { content: "\f19c"; } .fa.fa-mortar-board:before { content: "\f19d"; } .fa.fa-yahoo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stumbleupon-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stumbleupon { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-delicious { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-digg { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper-pp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-drupal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-joomla { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-spoon:before { content: "\f2e5"; } .fa.fa-behance { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-behance-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-steam { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-steam-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-automobile:before { content: "\f1b9"; } .fa.fa-envelope-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-envelope-o:before { content: "\f0e0"; } .fa.fa-spotify { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-deviantart { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-soundcloud { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-file-pdf-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-pdf-o:before { content: "\f1c1"; } .fa.fa-file-word-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-word-o:before { content: "\f1c2"; } .fa.fa-file-excel-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-excel-o:before { content: "\f1c3"; } .fa.fa-file-powerpoint-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-powerpoint-o:before { content: "\f1c4"; } .fa.fa-file-image-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-image-o:before { content: "\f1c5"; } .fa.fa-file-photo-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-photo-o:before { content: "\f1c5"; } .fa.fa-file-picture-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-picture-o:before { content: "\f1c5"; } .fa.fa-file-archive-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-archive-o:before { content: "\f1c6"; } .fa.fa-file-zip-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-zip-o:before { content: "\f1c6"; } .fa.fa-file-audio-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-audio-o:before { content: "\f1c7"; } .fa.fa-file-sound-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-sound-o:before { content: "\f1c7"; } .fa.fa-file-video-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-video-o:before { content: "\f1c8"; } .fa.fa-file-movie-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-movie-o:before { content: "\f1c8"; } .fa.fa-file-code-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-code-o:before { content: "\f1c9"; } .fa.fa-vine { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-codepen { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-jsfiddle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-life-ring { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-bouy { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-bouy:before { content: "\f1cd"; } .fa.fa-life-buoy { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-buoy:before { content: "\f1cd"; } .fa.fa-life-saver { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-saver:before { content: "\f1cd"; } .fa.fa-support { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-support:before { content: "\f1cd"; } .fa.fa-circle-o-notch:before { content: "\f1ce"; } .fa.fa-rebel { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ra { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ra:before { content: "\f1d0"; } .fa.fa-resistance { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-resistance:before { content: "\f1d0"; } .fa.fa-empire { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ge { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ge:before { content: "\f1d1"; } .fa.fa-git-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-git { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-hacker-news { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator-square:before { content: "\f1d4"; } .fa.fa-yc-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc-square:before { content: "\f1d4"; } .fa.fa-tencent-weibo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-qq { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-weixin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wechat { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wechat:before { content: "\f1d7"; } .fa.fa-send:before { content: "\f1d8"; } .fa.fa-paper-plane-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paper-plane-o:before { content: "\f1d8"; } .fa.fa-send-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-send-o:before { content: "\f1d8"; } .fa.fa-circle-thin { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-circle-thin:before { content: "\f111"; } .fa.fa-header:before { content: "\f1dc"; } .fa.fa-sliders:before { content: "\f1de"; } .fa.fa-futbol-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-futbol-o:before { content: "\f1e3"; } .fa.fa-soccer-ball-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-soccer-ball-o:before { content: "\f1e3"; } .fa.fa-slideshare { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-twitch { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yelp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-newspaper-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-newspaper-o:before { content: "\f1ea"; } .fa.fa-paypal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-wallet { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-visa { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-mastercard { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-discover { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-amex { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-paypal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-stripe { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bell-slash-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bell-slash-o:before { content: "\f1f6"; } .fa.fa-trash:before { content: "\f2ed"; } .fa.fa-copyright { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-eyedropper:before { content: "\f1fb"; } .fa.fa-area-chart:before { content: "\f1fe"; } .fa.fa-pie-chart:before { content: "\f200"; } .fa.fa-line-chart:before { content: "\f201"; } .fa.fa-lastfm { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-lastfm-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ioxhost { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-angellist { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-cc:before { content: "\f20a"; } .fa.fa-ils:before { content: "\f20b"; } .fa.fa-shekel:before { content: "\f20b"; } .fa.fa-sheqel:before { content: "\f20b"; } .fa.fa-meanpath { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-meanpath:before { content: "\f2b4"; } .fa.fa-buysellads { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-connectdevelop { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-dashcube { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-forumbee { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-leanpub { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-sellsy { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-shirtsinbulk { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-simplybuilt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-skyatlas { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-diamond { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-diamond:before { content: "\f3a5"; } .fa.fa-intersex:before { content: "\f224"; } .fa.fa-facebook-official { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-official:before { content: "\f09a"; } .fa.fa-pinterest-p { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-whatsapp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-hotel:before { content: "\f236"; } .fa.fa-viacoin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-medium { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc:before { content: "\f23b"; } .fa.fa-optin-monster { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-opencart { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-expeditedssl { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-battery-4:before { content: "\f240"; } .fa.fa-battery:before { content: "\f240"; } .fa.fa-battery-3:before { content: "\f241"; } .fa.fa-battery-2:before { content: "\f242"; } .fa.fa-battery-1:before { content: "\f243"; } .fa.fa-battery-0:before { content: "\f244"; } .fa.fa-object-group { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-object-ungroup { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sticky-note-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sticky-note-o:before { content: "\f249"; } .fa.fa-cc-jcb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-diners-club { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-clone { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hourglass-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hourglass-o:before { content: "\f254"; } .fa.fa-hourglass-1:before { content: "\f251"; } .fa.fa-hourglass-2:before { content: "\f252"; } .fa.fa-hourglass-3:before { content: "\f253"; } .fa.fa-hand-rock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-rock-o:before { content: "\f255"; } .fa.fa-hand-grab-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-grab-o:before { content: "\f255"; } .fa.fa-hand-paper-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-paper-o:before { content: "\f256"; } .fa.fa-hand-stop-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-stop-o:before { content: "\f256"; } .fa.fa-hand-scissors-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-scissors-o:before { content: "\f257"; } .fa.fa-hand-lizard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-lizard-o:before { content: "\f258"; } .fa.fa-hand-spock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-spock-o:before { content: "\f259"; } .fa.fa-hand-pointer-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-pointer-o:before { content: "\f25a"; } .fa.fa-hand-peace-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-peace-o:before { content: "\f25b"; } .fa.fa-registered { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-creative-commons { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gg { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gg-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-tripadvisor { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-odnoklassniki { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-odnoklassniki-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-get-pocket { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wikipedia-w { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-safari { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-chrome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-firefox { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-opera { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-internet-explorer { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-television:before { content: "\f26c"; } .fa.fa-contao { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-500px { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-amazon { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-calendar-plus-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-plus-o:before { content: "\f271"; } .fa.fa-calendar-minus-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-minus-o:before { content: "\f272"; } .fa.fa-calendar-times-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-times-o:before { content: "\f273"; } .fa.fa-calendar-check-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-check-o:before { content: "\f274"; } .fa.fa-map-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-map-o:before { content: "\f279"; } .fa.fa-commenting:before { content: "\f4ad"; } .fa.fa-commenting-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-commenting-o:before { content: "\f4ad"; } .fa.fa-houzz { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-vimeo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-vimeo:before { content: "\f27d"; } .fa.fa-black-tie { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fonticons { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit-alien { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-edge { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-credit-card-alt:before { content: "\f09d"; } .fa.fa-codiepie { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-modx { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fort-awesome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-usb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-product-hunt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-mixcloud { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-scribd { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pause-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-pause-circle-o:before { content: "\f28b"; } .fa.fa-stop-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-stop-circle-o:before { content: "\f28d"; } .fa.fa-bluetooth { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bluetooth-b { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gitlab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpbeginner { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpforms { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-envira { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wheelchair-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wheelchair-alt:before { content: "\f368"; } .fa.fa-question-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-question-circle-o:before { content: "\f059"; } .fa.fa-volume-control-phone:before { content: "\f2a0"; } .fa.fa-asl-interpreting:before { content: "\f2a3"; } .fa.fa-deafness:before { content: "\f2a4"; } .fa.fa-hard-of-hearing:before { content: "\f2a4"; } .fa.fa-glide { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-glide-g { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-signing:before { content: "\f2a7"; } .fa.fa-viadeo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-viadeo-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat-ghost { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-first-order { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yoast { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-themeisle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-official { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-official:before { content: "\f2b3"; } .fa.fa-google-plus-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-circle:before { content: "\f2b3"; } .fa.fa-font-awesome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fa { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fa:before { content: "\f2b4"; } .fa.fa-handshake-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-handshake-o:before { content: "\f2b5"; } .fa.fa-envelope-open-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-envelope-open-o:before { content: "\f2b6"; } .fa.fa-linode { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-address-book-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-address-book-o:before { content: "\f2b9"; } .fa.fa-vcard:before { content: "\f2bb"; } .fa.fa-address-card-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-address-card-o:before { content: "\f2bb"; } .fa.fa-vcard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-vcard-o:before { content: "\f2bb"; } .fa.fa-user-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-user-circle-o:before { content: "\f2bd"; } .fa.fa-user-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-user-o:before { content: "\f007"; } .fa.fa-id-badge { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-drivers-license:before { content: "\f2c2"; } .fa.fa-id-card-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-id-card-o:before { content: "\f2c2"; } .fa.fa-drivers-license-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-drivers-license-o:before { content: "\f2c2"; } .fa.fa-quora { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-free-code-camp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-telegram { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-thermometer-4:before { content: "\f2c7"; } .fa.fa-thermometer:before { content: "\f2c7"; } .fa.fa-thermometer-3:before { content: "\f2c8"; } .fa.fa-thermometer-2:before { content: "\f2c9"; } .fa.fa-thermometer-1:before { content: "\f2ca"; } .fa.fa-thermometer-0:before { content: "\f2cb"; } .fa.fa-bathtub:before { content: "\f2cd"; } .fa.fa-s15:before { content: "\f2cd"; } .fa.fa-window-maximize { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-window-restore { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-rectangle:before { content: "\f410"; } .fa.fa-window-close-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-window-close-o:before { content: "\f410"; } .fa.fa-times-rectangle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-rectangle-o:before { content: "\f410"; } .fa.fa-bandcamp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-grav { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-etsy { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-imdb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ravelry { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-eercast { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-eercast:before { content: "\f2da"; } .fa.fa-snowflake-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-snowflake-o:before { content: "\f2dc"; } .fa.fa-superpowers { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpexplorer { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cab:before { content: "\f1ba"; } @charset "UTF-8"; :root { --black: #000; --white: #fff; --primary: #2468f2; --primary-onHover: #4f86f4; --primary-onActive: #1c53c1; --secondary: #b8babf; --secondary-onHover: #a4a6ad; --secondary-onActive: #9da0a7; --success: #30bf13; --success-onHover: #279c10; --success-onActive: #24910e; --info: #2468f2; --info-onHover: #0d54e2; --info-onActive: #0d4fd6; --warning: #ff9326; --warning-onHover: #ff8000; --warning-onActive: #f27a00; --danger: #f33e3e; --danger-onHover: #f11a1a; --danger-onActive: #ef0f0f; --light: #eaf6fe; --dark: #343a40; --fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --fontFamilyBase: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", Roboto, "Hiragino Sans GB", "Arial", "microsoft yahei ui", "Microsoft YaHei", SimSun, sans-serif; --fontSizeBase: 0.875rem; --fontSizeMd: 0.875rem; --fontSizeLg: 1rem; --fontSizeXl: 1.25rem; --fontSizeSm: 0.75rem; --fontSizeXs: 0.6875rem; --text-color: #151a26; --button-color: #fff; --animation-duration: 0.2s; --text--muted-color: #425278; --text--loud-color: #030405; --pre-color: var(--text-color); --borderColor: #d1d5db; --borderColorLight: #dfe2e6; --borderColorDarken: #b4bbc5; --borderRadius: 0.142rem; --borderRadiusMd: 0.285rem; --borderRadiusLg: 0.428rem; --boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --boxTooltipShadow: 0 4px 6px 1px rgb(8 14 26 / 6%), 0 1px 10px 0 rgb(8 14 26 / 5%), 0 2px 4px -1px rgb(8 14 26 / 4%); --lineHeightBase: 1.5; --body-lineHeight: var(--lineHeightBase); --borderWidth: 0.0625rem; --fontWeightNormal: 400; --fontWeightBase: var(--fontWeightNormal); --fontWeightMd: 500; --fontWeightBold: 700; --background: var(--white); --code-color: var(--danger); --code-background: var(--background); --pre-background: var(--background); --link-color: var(--info); --link-decoration: none; --link-onHover-color: var(--info-onHover); --link-onHover-decoration: underline; --body-bg: var(--light); --body-size: var(--fontSizeBase); --body-color: var(--text-color); --body-weight: var(--fontWeightBase); --gap-xs: 0.25rem; --gap-sm: 0.5rem; --gap-base: 0.75rem; --gap-md: 1rem; --gap-lg: 1.25rem; --gap-xl: 1.5rem; --icon-color: #4b5563; --icon-onHover-color: #111827; --icon-onDisabled-color: #6b7280; --label--default-bg: #374151; --label--primary-bg: var(--primary); --label--success-bg: var(--success); --label--info-bg: var(--info); --label--warning-bg: var(--warning); --label--danger-bg: var(--danger); --label-color: #fff; --label-link--hover-color: #fff; --scrollbar-width: 1.0625rem; --Alert--danger-bg: #f2dede; --Alert--danger-borderColor: #ebccd1; --Alert--danger-color: #a94442; --Alert--info-bg: #d9edf7; --Alert--info-borderColor: #0e7eee; --Alert--info-color: #31708f; --Alert--success-bg: #dff0d8; --Alert--success-borderColor: #d6e9c6; --Alert--success-color: #3c763d; --Alert--warning-bg: #fcf8e3; --Alert--warning-borderColor: #faebcc; --Alert--warning-color: #8a6d3b; --Alert-borderColor: transparent; --Alert-borderRadius: var(--borderRadiusMd); --Alert-borderWidth: var(--borderWidth); --Alert-boxShadow: none; --Alert-fontSize: var(--fontSizeBase); --Alert-marginBottom: var(--gap-md); --Alert-paddingX: var(--gap-sm); --Alert-paddingY: var(--gap-sm); --Audio-border: 0.0625rem solid #dee2e6; --Audio-height: 3.125rem; --Audio-input-width: 5rem; --Audio-item-margin: 0.625rem; --Audio-lineHeight: 3.125rem; --Audio-play-top: var(--gap-xs); --Audio-play-width: var(--gap-md); --Audio-process-minWidth: 5rem; --Audio-rate-bg: #dee2e6; --Audio-rate-height: 3.125rem; --Audio-rate-lineHeight: 3.125rem; --Audio-rate-width: 2.5rem; --Audio-rateControlItem-bg: #dee2e6; --Audio-rateControlItem-borderRight: 0.0625rem solid #d3dae0; --Audio-svg-height: var(--gap-md); --Audio-svg-top: 0.375rem; --Audio-svg-width: var(--gap-md); --Audio-thumb-bg: #606670; --Audio-thumb-height: 0.875rem; --Audio-thumb-marginTop: -0.3125rem; --Audio-thumb-width: 0.875rem; --Audio-times-margin: 0 var(--gap-xs); --Audio-times-width: 4.6875rem; --Audio-track-bg: #d7dbdd; --Audio-track-border: 0.0625rem solid transparent; --Audio-track-borderRadius: 0.1875rem; --Audio-track-height: 0.375rem; --Audio-volume-height: 3.125rem; --Audio-volume-lineHeight: 3.125rem; --Audio-volume-width: var(--gap-md); --Audio-volumeControl-width: 6.875rem; --Avatar-bg: #d1d5db; --Avatar-width: 2.5rem; --Avatar-size-large: 3rem; --Avatar-size-default: var(--Avatar-width); --Avatar-size-small: 2rem; --Avatar-icon-size-large: 1.25rem; --Avatar-icon-size-default: var(--fontSizeLg); --Avatar-icon-size-small: 0.75rem; --Badge-size: var(--gap-md); --Badge-color: var(--white); --Badge--success-bg: var(--success); --Badge--info-bg: var(--info); --Badge--warning-bg: var(--warning); --Badge--danger-bg: var(--danger); --Button--danger-bg: var(--danger); --Button--danger-border: var(--Button--danger-bg); --Button--danger-color: var(--button-color); --Button--danger-onActive-bg: var(--danger-onActive); --Button--danger-onActive-border: #e30e0e; --Button--danger-onActive-color: var(--Button--danger-color); --Button--danger-onHover-bg: var(--danger-onHover); --Button--danger-onHover-border: var(--danger-onActive); --Button--danger-onHover-color: var(--Button--danger-color); --Button--dark-bg: var(--dark); --Button--dark-border: var(--Button--dark-bg); --Button--dark-color: var(--button-color); --Button--dark-onActive-bg: #1d2124; --Button--dark-onActive-border: #171a1d; --Button--dark-onActive-color: var(--Button--dark-color); --Button--dark-onHover-bg: #23272b; --Button--dark-onHover-border: #1d2124; --Button--dark-onHover-color: var(--Button--dark-color); --Button--default-bg: var(--white); --Button--default-border: var(--borderColor); --Button--default-color: var(--text-color); --Button--default-onActive-bg: var(--white); --Button--default-onActive-border: var(--primary-onActive); --Button--default-onActive-color: var(--primary-onActive); --Button--default-onHover-bg: var(--white); --Button--default-onHover-border: var(--primary); --Button--default-onHover-color: var(--primary); --Button--iconOnly-minWidthRate: 4 / 3; --Button--info-bg: var(--info); --Button--info-border: var(--Button--info-bg); --Button--info-color: var(--button-color); --Button--info-onActive-bg: var(--info-onActive); --Button--info-onActive-border: #0c4bca; --Button--info-onActive-color: var(--Button--info-color); --Button--info-onHover-bg: var(--info-onHover); --Button--info-onHover-border: var(--info-onActive); --Button--info-onHover-color: var(--Button--info-color); --Button--lg-borderRadius: var(--borderRadius); --Button--lg-fontSize: var(--fontSizeLg); --Button--lg-height: 2.875rem; --Button--lg-lineHeight: 24 / 20; --Button--lg-paddingX: 1rem; --Button--lg-paddingY: calc( ( var(--Button--lg-height) - var(--Button-borderWidth) * 2 - var(--Button--lg-lineHeight) * var(--Button--lg-fontSize) ) / 2 ); --Button--light-bg: var(--light); --Button--light-border: var(--borderColor); --Button--light-color: var(--text-color); --Button--light-onActive-bg: #b9e1fc; --Button--light-onActive-border: #addcfb; --Button--light-onActive-color: var(--Button--light-color); --Button--light-onHover-bg: #c5e6fc; --Button--light-onHover-border: #b9e1fc; --Button--light-onHover-color: var(--Button--light-color); --Button--link-color: var(--primary); --Button--link-onDisabled-color: #4b5563; --Button--link-onDisabled-backgroundColor: transparent; --Button--link-onHover-color: var(--primary-onHover); --Button--link-onActive-color: var(--primary-onActive); --Button--md-fontSize: var(--Button-fontSize); --Button--md-height: var(--Button-height); --Button--md-lineHeight: var(--Button-lineHeight); --Button--md-paddingX: var(--Button-paddingX); --Button--md-paddingY: calc( ( var(--Button--md-height) - var(--Button-borderWidth) * 2 - var(--Button--md-lineHeight) * var(--Button--md-fontSize) ) / 2 ); --Button--primary-bg: var(--primary); --Button--primary-border: var(--Button--primary-bg); --Button--primary-color: var(--button-color); --Button--primary-onActive-bg: var(--primary-onActive); --Button--primary-onActive-border: var(--primary-onActive); --Button--primary-onActive-color: var(--Button--primary-color); --Button--primary-onHover-bg: var(--primary-onHover); --Button--primary-onHover-border: var(--primary-onHover); --Button--primary-onHover-color: var(--Button--primary-color); --Button--secondary-bg: var(--secondary); --Button--secondary-border: var(--Button--secondary-bg); --Button--secondary-color: var(--button-color); --Button--secondary-onActive-bg: var(--secondary-onActive); --Button--secondary-onActive-border: #9699a1; --Button--secondary-onActive-color: var(--Button--secondary-color); --Button--secondary-onHover-bg: var(--secondary-onHover); --Button--secondary-onHover-border: var(--secondary-onActive); --Button--secondary-onHover-color: var(--Button--secondary-color); --Button--sm-borderRadius: var(--borderRadius); --Button--sm-fontSize: var(--fontSizeSm); --Button--sm-height: 1.875rem; --Button--sm-lineHeight: 18 / 12; --Button--sm-paddingX: 0.5rem; --Button--sm-paddingY: calc( ( var(--Button--sm-height) - var(--Button-borderWidth) * 2 - var(--Button--sm-lineHeight) * var(--Button--sm-fontSize) ) / 2 ); --Button--success-bg: var(--success); --Button--success-border: var(--Button--success-bg); --Button--success-color: var(--button-color); --Button--success-onActive-bg: var(--success-onActive); --Button--success-onActive-border: #21850d; --Button--success-onActive-color: var(--Button--success-color); --Button--success-onHover-bg: var(--success-onHover); --Button--success-onHover-border: var(--success-onActive); --Button--success-onHover-color: var(--Button--success-color); --Button--enhance-border: var(--primary); --Button--enhance-color: var(--primary); --Button--enhance-onActive-bg: var(--white); --Button--enhance-onActive-border: var(--primary-onActive); --Button--enhance-onActive-color: var(--primary-onActive); --Button--enhance-onHover-bg: var(--white); --Button--enhance-onHover-border: var(--primary-onHover); --Button--enhance-onHover-color: var(--primary-onHover); --Button--warning-bg: var(--warning); --Button--warning-border: var(--Button--warning-bg); --Button--warning-color: var(--button-color); --Button--warning-onActive-bg: var(--warning-onActive); --Button--warning-onActive-border: #e57300; --Button--warning-onActive-color: var(--Button--warning-color); --Button--warning-onHover-bg: var(--warning-onHover); --Button--warning-onHover-border: var(--warning-onActive); --Button--warning-onHover-color: var(--Button--warning-color); --Button--xs-fontSize: var(--fontSizeXs); --Button--xs-height: 1.375rem; --Button--xs-lineHeight: 18 / 11; --Button--xs-paddingX: var(--gap-xs); --Button--xs-paddingY: calc( ( var(--Button--xs-height) - var(--Button-borderWidth) * 2 - var(--Button--xs-lineHeight) * var(--Button--xs-fontSize) ) / 2 ); --Button-borderRadius: var(--borderRadius); --Button-borderWidth: var(--Form-input-borderWidth); --Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --Button-textShadow: none; --Button-fontSize: var(--Form-input-fontSize); --Button-fontWeight: var(--fontWeightNormal); --Button-height: var(--Form-input-height); --Button-lineHeight: var(--Form-input-lineHeight); --Button-mimWidth: auto; --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); --Button-animation-spin: spin 1s infinite linear; --Button-onActive-color: var(--primary); --Button-onActive-border: var(--primary); --Button-onDisabled-borderColor: #dee2e6; --Button-onDisabled-opacity: 0.65; --Button-onDisabled-bg: #f2f3f3; --Button-onFocus-boxShadow: none; --Button-paddingX: 0.75rem; --Button-paddingX-right: 0.625rem; --Button-paddingY: calc( ( var(--Button-height) - var(--Button-borderWidth) * 2 - var(--Button-lineHeight) * var(--Button-fontSize) ) / 2 ); --Button-transition: color var(--animation-duration) ease-in-out, background-color var(--animation-duration) ease-in-out, border-color var(--animation-duration) ease-in-out, box-shadow var(--animation-duration) ease-in-out; --ButtonGroup--primary-isActive-color: var(--white); --ButtonGroup--primary-isActive-bg: var(--primary); --Breadcrumb-item-fontSize: var(--fontSizeMd); --Breadcrumb-item-default-color: #83868c; --Breadcrumb-item-hover-color: #2468f2; --Breadcrumb-item-active-color: #1c53c1; --Breadcrumb-item-last-color: #151a26; --BreadcrumbDropdown-item-default-color: #151a26; --BreadcrumbDropdown-item-default-bg: #ffffff; --BreadcrumbDropdown-item-hover-bg: #e9f0fd; --BreadcrumbDropdown-item-fontSize: var(--fontSizeSm); --BreadcrumbDropdown-item-height: 2rem; --BreadcrumbDropdown-item-paddingX: var(--gap-sm); --BreadcrumbDropdown-item-paddingY: calc( (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2 ); --Calendar-btn-bg: var(--info); --Calendar-btn-border: var(--Calendar-btn-bg); --Calendar-btn-borderRadius: var(--Button-borderRadius); --Calendar-btn-color: var(--white); --Calendar-btn-fontSize: var(--fontSizeSm); --Calendar-btn-height: 1.875rem; --Calendar-btn-lineHeight: var(--lineHeightBase); --Calendar-btn-onActive-bg: #0d4fd6; --Calendar-btn-onActive-border: #0c4bca; --Calendar-btn-onActive-color: var(--Calendar-btn-color); --Calendar-btn-onHover-bg: #0d54e2; --Calendar-btn-onHover-border: #0d4fd6; --Calendar-btn-onHover-color: var(--Calendar-btn-color); --Calendar-btn-paddingX: 0.625rem; --Calendar-btn-paddingY: calc( ( var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) * var(--Calendar-btn-fontSize) ) / 2 ); --Calendar-btnCancel-bg: var(--light); --Calendar-btnCancel-border: var(--Button--default-border); --Calendar-btnCancel-borderRadius: var(--Button-borderRadius); --Calendar-btnCancel-color: var(--text-color); --Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg); --Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border); --Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color); --Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg); --Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border); --Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color); --Calendar-cell-bg: var(--white); --Calendar-cell-onActive-bg: var(--info); --Calendar-cell-onBetween-bg: rgba(36, 104, 242, 0.1); --Calendar-cell-onDisabled-bg: #f7f7f9; --Calendar-cell-onHover-bg: #f7f7f9; --Calendar-color: #151b26; --Calendar-fontSize: var(--fontSizeSm); --Calendar-input-borderColor: var(--borderColor); --Calendar-input-borderRadius: var(--borderRadius); --Calendar-input-color: var(--info); --Calendar-input-fontSize: var(--fontSizeBase); --Calendar-input-height: 2.5rem; --Calendar-input-lineHeight: var(--lineHeightBase); --Calendar-input-onFocused-borderColor: var(--info); --Calendar-input-paddingX: 0.625rem; --Calendar-input-paddingY: calc( ( var(--Calendar-input-height) - var(--Calendar-input-lineHeight) * var(--Calendar-input-fontSize) ) / 2 ); --Calendar-shortcut-color: #151b26; --Calendar-shortcut-decoration: none; --Calendar-shortcut-onHover-color: #0b46be; --Calendar-shortcut-onHover-decoration: none; --Calendar-shortcuts-bg: transparent; --Calendar-shortcuts-height: 1.875rem; --Calendar-wLabel-color: #999; --Calendar-icon-bottom: -0.25rem; --Calendar-icon-width: 0.625rem; --Calendar-icon-height: 0.625rem; --Calendar-borderWidth: 0.0625rem; --Calendar-rdt-day: 6.25rem; --Calendar-schedule-content-padding: 0 0.25rem; --Calendar-schedule-content-height: 1.25rem; --Calendar-schedule-content-color: #fff; --Card-actions-borderColor: #dfe2e6; --Card-actions-fontSize: var(--fontSizeBase); --Card-actions-onChecked-onHover-bg: #c2ecf9; --Card-actions-onChecked-onHover-color: #1498c1; --Card-actions-onHover-bg: #f2f2f2; --Card-actions-onHover-color: #090d15; --Card-bg: var(--white); --Card-borderColor: var(--borderColor); --Card-borderRadius: var(--borderRadius); --Card-borderWidth: var(--borderWidth); --Card-secondary-color: #83868c; --Card-onChecked-bg: #d9f3fb; --Card-onChecked-borderColor: #abe4f6; --Card-onChecked-color: #20b9e8; --Card-onChecked-fieldLabel-color: #7dd6f1; --Card-onDragging-opacity: 0.1; --Card-onModified-bg: #e8f0fe; --Card-onModified-borderColor: #b7d0fc; --Card-onModified-color: #4285f4; --Card-onModified-fieldLabel-color: #a2c3fa; --Card-onModified-onHover-bg: #d0e0fd; --Card-onModified-onHover-color: #1266f1; --Cards--unsaved-heading-bg: #e8f0fe; --Cards--unsaved-heading-color: #4285f4; --Cards-fixedTop-boxShadow: var(--boxShadow); --Cards-placeholder-height: 6.25rem; --Cards-toolbar-marginX: 0; --Cards-toolbar-marginY: var(--gap-base); --Carousel--dark-control: black; --Carousel--light-control: white; --Carousel-arrowControl-height: var(--gap-lg); --Carousel-arrowControl-width: var(--gap-lg); --Carousel-bg: #f6f8f8; --Carousel-dot-borderRadius: 0.25rem; --Carousel-dot-height: 0.5rem; --Carousel-dot-margin: 0.4375rem var(--gap-xs); --Carousel-dot-width: 0.5rem; --Carousel-height: 12.5rem; --Carousel-imageDescription-bottom: 1.5625rem; --Carousel-imageTitle-bottom: 2.8125rem; --Carousel-minWidth: 6.25rem; --Carousel-svg-height: var(--gap-lg); --Carousel-svg-width: var(--gap-lg); --Carousel-transitionDuration: var(--animation-duration); --Checkbox--full-inner-size: 0.5rem; --Checkbox--sm--full-inner-size: 0.5rem; --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2); --Checkbox--sm-size: 1rem; --Checkbox-borderRadius: 0.125rem; --Checkbox-color: var(--Form-input-borderColor); --Checkbox-gap: var(--gap-xs); --Checkbox-gb: #fff; --Checkbox-size: 1rem; --Checkbox-inner-size: calc(var(--Checkbox-size) / 2); --Checkbox-onHover-color: var(--info); --Checkbox-onDisabled-bg: #e5e7eb; --Checkbox-onDisabled-color: var(--text--muted-color); --Checkbox-inner-onDisabled-bg: #d4d6d9; --Checkbox-disabled-unchecked-bg: #f2f3f3; --Checkbox-border-width: var(--Form-input-borderWidth); --Checkbox-paddingX: 0.75rem; --Checkbox-button-height: 2rem; --Checkbox-button-line-height: 1.75rem; --Checkbox-button-min-width: 5rem; --ColorPicker-bg: var(--white); --ColorPicker-borderColor: var(--Form-input-borderColor); --ColorPicker-borderRadius: var(--Form-input-borderRadius); --ColorPicker-borderWidth: var(--Form-input-borderWidth); --ColorPicker-color: var(--Form-input-color); --ColorPicker-fontSize: var(--Form-input-fontSize); --ColorPicker-height: var(--Form-input-height); --ColorPicker-lineHeight: var(--Form-input-lineHeight); --ColorPicker-onDisabled-bg: #e5e7eb; --ColorPicker-onDisabled-color: var(--text--muted-color); --ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor); --ColorPicker-onHover-bg: #f2f2f2; --ColorPicker-onHover-borderColor: var(--borderColor); --ColorPicker-paddingX: 0.75rem; --ColorPicker-paddingY: calc( ( var(--ColorPicker-height) - var(--ColorPicker-lineHeight) * var(--ColorPicker-fontSize) ) / 2 - var(--ColorPicker-borderWidth) ); --ColorPicker-placeholderColor: var(--Form-input-placeholderColor); --ColorPicker-boxShadow: var(--boxShadow); --Combo--horizontal-dragger-top: var(--Form-label-paddingTop); --Combo--horizontal-item-gap: var(--gap-xs); --Combo--vertical-item-borderColor: var(--borderColor); --Combo--vertical-item-borderRadius: var(--borderRadius); --Combo--vertical-item-borderWidth: var(--borderWidth); --Combo--vertical-item-gap: var(--gap-xs); --Combo--vertical-item-onHover-borderColor: var(--info); --Combo--vertical-item-paddingX: 0.625rem; --Combo--vertical-item-paddingY: 0.625rem; --Combo-addBtn-bg: var(--Button--info-bg); --Combo-addBtn-border: var(--Button--info-border); --Combo-addBtn-borderRadius: var(--Button-borderRadius); --Combo-addBtn-color: var(--Button--info-color); --Combo-addBtn-fontSize: var(--Button--sm-fontSize); --Combo-addBtn-height: 1.625rem; --Combo-addBtn-lineHeight: var(--Button--sm-lineHeight); --Combo-addBtn-onActive-bg: #0d4fd6; --Combo-addBtn-onActive-border: #adb4bf; --Combo-addBtn-onActive-color: var(--Combo-addBtn-color); --Combo-addBtn-onHover-bg: #0d54e2; --Combo-addBtn-onHover-border: #b4bbc5; --Combo-addBtn-onHover-color: var(--Combo-addBtn-color); --Combo-addBtn-paddingX: var(--Button--sm-paddingX); --Combo-addBtn-paddingY: calc( ( var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 - var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize) ) / 2 ); --Combo-items-marginBottom: var(--gap-sm); --Combo-toolbarBtn-color: var(--icon-color); --Combo-toolbarBtn-height: var(--gap-md); --Combo-toolbarBtn-lineHeight: 1; --Combo-toolbarBtn-onHover-color: #353c46; --Combo-toolbarBtn-paddingX: var(--gap-xs); --Combo-toolbarBtn-paddingY: 0.125rem; --Copyable-iconColor: var(--icon-color); --Copyable-onHover-iconColor: var(--icon-onHover-color); --Collapse-border: none; --Collapse-border-color: var(--borderColorLight); --Collapse-header-fontSize: var(--fontSizeMd); --Collapse-header-fontWeight: var(--fontWeightNormal); --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0; --Collapse-header-bg: transparent; --Collapse-header-onHover-bg: transparent; --Collapse-header-collapsed-border: var(--borderWidth) solid var(--Collapse-border-color); --Collapse-header-collapsed-borderTop: none; --Collapse-header-collapsed-borderBottom: var( --Collapse-header-collapsed-border ); --Collapse-header-wrapper-direction: row; --Collapse-content-padding: 1.125rem 0; --Collapse-content-color: var(--body-color); --Collapse-content-fontSize: var(--body-size); --Collapse-content-fontWeight: var(--body-weight); --Crud-toolbar-gap: var(--gap-xs); --Crud-toolbar-height: 1.875rem; --Crud-toolbar-lineHeight: var(--lineHeightBase); --DatePicker-bg: var(--white); --DatePicker-borderColor: var(--Form-input-borderColor); --DatePicker-borderRadius: var(--Form-input-borderRadius); --DatePicker-borderWidth: var(--Form-input-borderWidth); --DatePicker-color: #151b26; --DatePicker-header-onHover-color: #0b46be; --DatePicker-arrow-color: #84868c; --DatePicker-fontSize: var(--fontSizeSm); --DatePicker-header-select-borderColor: #fff; --DatePicker-height: var(--Form-input-height); --DatePicker-iconColor: var(--icon-color); --DatePicker-lineHeight: var(--Form-input-lineHeight); --DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor); --DatePicker-onHover-bg: var(--DatePicker-bg); --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor); --DatePicker-onHover-iconColor: var(--icon-onHover-color); --DatePicker-paddingX: 0.75rem; --DatePicker-paddingY: calc( ( var(--DatePicker-height) - var(--DatePicker-lineHeight) * var(--DatePicker-fontSize) ) / 2 - var(--DatePicker-borderWidth) ); --DatePicker-placeholderColor: var(--Form-input-placeholderColor); --DatePicker-minWidth: calc( var(--fontSizeLg) * 5 + var(--DatePicker-paddingX) * 2 + var(--Form-input-clearBtn-size) * 2 ); --DateRangePicker-minWidth: calc( var(--fontSizeLg) * 8 + var(--DatePicker-paddingX) * 2 + var(--Form-input-clearBtn-size) * 2 ); --LocationPicker-borderRadius: var(--Form-input-borderWidth); --Divider-borderStyle: solid; --Drawer-bg: var(--background); --Drawer-body-padding: var(--gap-base); --Drawer-close-color: var(--text--muted-color); --Drawer-close-onHover-color: var(--text-color); --Drawer-close-size: 0.75rem; --Drawer-content-borderColor: var(--borderColor); --Drawer-content-borderRadius: 0; --Drawer-content-borderWidth: var(--borderWidth); --Drawer-footer-borderColor: #dfe2e6; --Drawer-footer-padding: var(--gap-base); --Drawer-header-bg: #f9f9f9; --Drawer-header-borderColor: #dfe2e6; --Drawer-header-padding: var(--gap-base); --Drawer-overlay-bg: rgba(0, 0, 0, 0.6); --Drawer-title-fontColor: var(--text--loud-color); --Drawer-title-fontSize: var(--fontSizeMd); --Drawer-widthBase: 80%; --Drawer-widthLg: 50rem; --Drawer-widthMd: 31.25rem; --Drawer-widthSm: 18.75rem; --Drawer-widthXl: 90%; --Drawer-widthXs: 12.5rem; --DropDown-caret-marginLeft: var(--gap-sm); --DropDown-menu-bg: var(--white); --DropDown-menu-borderColor: var(--borderColor); --DropDown-menu-borderRadius: var(--borderRadius); --DropDown-menu-borderWidth: var(--borderWidth); --DropDown-menu-boxShadow: var(--boxShadow); --DropDown-menu-height: 2.125rem; --DropDown-menu-minWidth: 10rem; --DropDown-menu-paddingX: 0; --DropDown-menu-paddingY: var(--gap-xs); --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg); --DropDown-group-color: #848b99; --DropDown-menuItem-color: #151a26; --DropDown-menuItem-onHover-color: var(--primary); --DropDown-menuItem-onActive-color: var(--primary); --DropDown-menuItem-onDisabled-color: #b4b6ba; --DropDown-menuItem-paddingX: var(--gap-sm); --DropDown-menuItem-paddingY: calc( (var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) / 2 ); --Fieldset-legend-bgColor: var(--white); --Form--horizontal-gutterWidth: var(--gap-md); --Form--horizontal-label-align: right; --Form--horizontal-label-whiteSpace: "normal"; --Form--horizontal-label-widthBase: 7.5rem; --Form--horizontal-label-widthLg: 12.5rem; --Form--horizontal-label-widthMd: 10rem; --Form--horizontal-label-widthSm: 5.625rem; --Form--horizontal-label-widthXs: 3.75rem; --Form--horizontal-justify-label-align: left; --Form--horizontal-justify-value-align: right; --Form-control-widthBase: 12.5rem; --Form-control-widthLg: 20rem; --Form-control-widthMd: 15rem; --Form-control-widthSm: 10rem; --Form-control-widthXs: 5rem; --Form-description-color: #273047; --Form-description-fontSize: var(--fontSizeSm); --Form-fontSize: var(--fontSizeBase); --Form-item-fontSize: var(--Form-fontSize); --Form-item-fontColor: #5e626a; --Form-group--lg-gutterWidth: 2.5rem; --Form-group--md-gutterWidth: 1.875rem; --Form-group--sm-gutterWidth: var(--gap-md); --Form-group--xs-gutterWidth: 0.625rem; --Form-group-gutterWidth: var(--Form--horizontal-gutterWidth); --Form-input-addOnBg: #edf1f2; --Form-input-addOnColor: var(--text-color); --Form-input-addOnDividerBorderWidth: var(--borderWidth); --Form-input-bg: var(--white); --Form-input-borderColor: var(--borderColor); --Form-input-borderRadius: var(--borderRadius); --Form-input-borderWidth: 0.0625rem; --Form-input-boxShadow: none; --Form-input-color: var(--text-color); --Form-input-fontSize: var(--Form-fontSize); --Form-input-height: 1.875rem; --Form-input-iconColor: var(--icon-color); --Form-input-lineHeight: 1.4285714286; --Form-input-marginBottom: 0.375rem; --Form-input-onActive-color: var(--info); --Form-input-onDisabled-bg: #e5e7eb; --Form-input-onDisabled-borderColor: var(--Form-input-borderColor); --Form-input-onError-bg: var(--Form-input-bg); --Form-input-onError-borderColor: var(--danger); --Form-input-onFocus-addOnColor: var(--primary); --Form-input-onFocused-bg: var(--Form-input-bg); --Form-input-onFocused-borderColor: var(--info); --Form-input-onHover-iconColor: #1f2329; --Form-input-onHover-bg: rgba(255, 255, 255, 0.6); --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor); --Form-input-paddingX: 0.5rem; --Form-inputNumber-paddingX: 0.75rem; --Form-inputNumber-base-width: 1.5rem; --Form-inputNumber-base-height: 2rem; --Form-inputNumber-strong-disabled-color: #b4b6ba; --Form-input-paddingY: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ); --Form-input-placeholderColor: var(--text--muted-color); --Form-input-onDisabled-color: var(--text--muted-color); --Form-input-clearBtn-size: var(--fontSizeMd); --Form-input-clearBtn-padding: 0.1875rem; --Form-input-clearBtn-color: #cecfd1; --Form-input-clearBtn-color-onHover: #5e626a; --Form-input-clearBtn-color-onActive: #2d323c; --Form-item-gap: var(--gap-base); --Form-label-paddingTop: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ); --Form-row-gutterWidth: 0.625rem; --Form-select-bg: var(--white); --Form-select-borderColor: var(--Form-input-borderColor); --Form-select-borderRadius: var(--Form-input-borderRadius); --Form-select-borderWidth: var(--Form-input-borderWidth); --Form-select-caret-iconColor: var(--icon-color); --Form-select-caret-onHover-iconColor: var(--icon-onHover-color); --Form-select-checkall-bottomBorder: #eceff8; --Form-select-color: var(--text-color); --Form-select-input-fontSize: var(--fontSizeSm); --Form-select-menu-bg: var(--white); --Form-select-menu-color: var(--Form-select-color); --Form-select-menu-height: var(--Form-input-height); --Form-select-menu-onActive-bg: transparent; --Form-select-menu-onActive-color: var(--info); --Form-select-menu-onDisabled-bg: transparent; --Form-select-menu-onDisabled-color: var(--text--muted-color); --Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08); --Form-select-menu-onHover-color: var(--info); --Form-select-group-color: var(--Form-select-caret-iconColor); --Form-select-onError-borderColor: var(--Form-input-onError-borderColor); --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor); --Form-select-onFocused-color: var(--Form-select-color); --Form-select-onHover-bg: #f2f2f2; --Form-select-onHover-borderColor: var(--Form-input-borderColor); --Form-select-outer-borderWidth: 0.0625rem; --Form-select-outer-boxShadow: none; --Form-select-paddingX: var(--Form-input-paddingX); --Form-select-placeholderColor: var(--Form-input-placeholderColor); --Form-select-popoverGap: 0; --Form-select-search-height: var(--Form-select-menu-height); --Form-select-value-bgColor: var(--Form-input-onDisabled-bg); --Form-select-value-bgColor--dark: #46474f; --Form-select-value-borderColor: var(--Form-select-value-borderColor); --Form-select-valueIcon-color: var(--Form-select-valueIcon-color); --Form-select-valueIcon-color--dark: #e9e9e9; --Form-select-valueIcon-onHover-color: var(--Form-select-color); --Form-selectOption-height: var(--Form-input-height); --Form-selectValue-bg: #e4edfe; --Form-selectValue-onHover-bgColor: var(--Form-select-borderColor); --Form-selectValue-borderColor: #b3cbfc; --Form-selectValue-color: var(--info); --Form-selectValue-fontSize: var(--fontSizeSm); --Form-selectValue-onDisable-bg: #fdfdff; --Form-selectValue-onHover-bg: #ccdcfd; --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor); --Form-selectValue-onInvalid-color: var(--danger); --Form-valueLabel-maxWidth: 7.5rem; --Form-select-onFocus-boxShadow: none; --IconPicker-content-maxHeight: 21.875rem; --IconPicker-padding: var(--gap-xs); --IconPicker-selectedIcon-marginRight: var(--gap-xs); --IconPicker-sugItem-height: 1.75rem; --IconPicker-sugItem-lineHeight: 1.75rem; --IconPicker-sugItem-width: 1.75rem; --IconPicker-tab-height: 1.875rem; --IconPicker-tab-lineHeight: 1.875rem; --IconPicker-tab-onActive-bg: var(--white); --IconPicker-tab-padding: 0 0.625rem; --IconPicker-tabs-bg: #f0f3f4; --ImageControl-addBtn-bg: var(--Button--default-bg); --ImageControl-addBtn-border: var(--Button--default-border); --ImageControl-addBtn-borderRadius: 0; --ImageControl-addBtn-color: var(--Button--default-color); --ImageControl-addBtn-onActive-bg: #e6e6e6; --ImageControl-addBtn-onActive-border: #adb4bf; --ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color); --ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg); --ImageControl-addBtn-onDisabled-border: var( --Form-input-onDisabled-borderColor ); --ImageControl-addBtn-onDisabled-color: var(--text--muted-color); --ImageControl-addBtn-onHover-bg: #ececec; --ImageControl-addBtn-onHover-border: #b4bbc5; --ImageControl-addBtn-onHover-color: var(--Button--default-color); --ImageControl-addBtn-upload-color: var(--Button--default-color); --ImageControl-progress-borderRadius: 0; --FileControl-danger-color: #f33e3e; --FileControl-drag-color: #303540; --FileControl-border-color: #e8e9eb; --FileControl-onDisabled-color: #b8babf; --FileControl-onDisabled-bg: #f7f7f9; --FileControl-onHover-bg: #f2f2f4; --FileControl-icon-color: #84868c; --FileControl-icon-onHover-color: #5c5f66; --FileControl-progress-borderRadius: 0; --InputGroup-addOn-bg: var(--Form-input-addOnBg); --InputGroup-addOn-borderColor: var(--Form-input-borderColor); --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius); --InputGroup-addOn-borderWidth: var(--Form-input-borderWidth); --InputGroup-addOn-onFocused-borderColor: var( --Form-input-onFocused-borderColor ); --InputGroup-button-borderColor: var(--Form-input-borderColor); --InputGroup-button-borderRadius: var(--borderRadius); --InputGroup-button-borderWidth: var(--borderWidth); --InputGroup-height: var(--Form-input-height); --InputGroup-paddingX: 0.625rem; --InputGroup-paddingY: calc( ( var(--InputGroup-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ); --InputGroup-select-arrowColor: var(--icon-color); --InputGroup-select-bg: var(--white); --InputGroup-select-borderColor: var(--Form-select-borderColor); --InputGroup-select-borderRadius: var(--Form-select-borderRadius); --InputGroup-select-borderWidth: var(--Form-select-borderWidth); --InputGroup-select-color: var(--Form-select-color); --InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color); --InputGroup-select-onFocused-bg: var(--white); --InputGroup-select-onFocused-color: var(--Form-select-onFocused-color); --InputRange-padding: 1.25rem; --InputRange-onDisabled-color: var(--light); --InputRange-primaryColor: var(--primary); --InputRange-track-height: 0.375rem; --InputRange-track-bg: #f3f4f6; --InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color); --InputRange-track-onActive-bg: var(--InputRange-primaryColor); --InputRange-track-onActive-onDisabled-bg: #e5e7eb; --InputRange-track-onActive-transition: transform var(--animation-duration) ease-out left; --InputRange-track-border-radius: 0.25rem; --InputRange-track-dot-width: 0.375rem; --InputRange-track-dot-height: 0.375rem; --InputRange-track-dot-bg: var(--white); --InputRange-track-transition: left var(--animation-duration) ease-out, width var(--animation-duration) ease-out; --InputRange-handle-height: 1rem; --InputRange-handle-width: 1rem; --InputRange-handle-bg: var(--white); --InputRange-handle-border: 0.0625rem solid var(--InputRange-primaryColor); --InputRange-handle-onDisabled-border-color: #ceced1; --InputRange-handle-onActive-transform: scale(1.3); --InputRange-handle-onDrage-border-width: 0.125rem; --InputRange-handle-onDisabled-bg: var(--InputRange-onDisabled-color); --InputRange-handle-onDisabled-border: 0.0625rem solid var(--InputRange-onDisabled-color); --InputRange-handle-onFocus-borderRadius: var(--borderRadiusMd); --InputRange-handele-onFocus-boxShadow: 0 0 0 var(--InputRange-slider-onFocus-borderRadius) rgba(36, 104, 242, 0.2); --InputRange-handle-transition: transform var(--animation-duration) ease-out, box-shadow var(--animation-duration) ease-out; --InputRange-handle-icon-width: 0.5rem; --InputRange-handle-icon-height: 0.5rem; --InputRange-label-padding: 0.5rem; --InputRange-label-bg: #000; --InputRange-label-color: var(--white); --InputRange-label-font-size: 0.875rem; --InputRange-label-border-radius: 0.25rem; --InputRange-label-position-bottom: calc(100% + 8px); --Layout--offscreen-width: 75%; --Layout-aside--folded-width: 3.75rem; --Layout-aside--lg-width: 18.75rem; --Layout-aside--md-width: 15.625rem; --Layout-aside--sm-width: 9.375rem; --Layout-aside-bg: #343a40; --Layout-aside-color: #a0a0a0; --Layout-aside-onAcitve-bg: #272d33; --Layout-aside-onHover-bg: #2c3239; --Layout-aside-subList-bg: #1c2125; --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg); --Layout-aside-width: 12.5rem; --Layout-asideDivider-bg: #2e3344; --Layout-asideDivider-margin: var(--gap-sm) 0; --Layout-asideLabel-color: #868787; --Layout-asideLink-arrowColor: var(--Layout-asideLink-color); --Layout-asideLink-color: #b4b6bd; --Layout-asideLink-fontSize: var(--fontSizeBase); --Layout-asideLink-fontSize: var(--fontSizeBase); --Layout-asideLink-iconColor: inherit; --Layout-asideLink-onActive-arrowColor: var( --Layout-asideLink-onActive-color ); --Layout-asideLink-onActive-color: #fff; --Layout-asideLink-onHover-color: #fff; --Layout-asideLink-onHover-iconColor: inherit; --Layout-asideLink-onHover-iconSize: inherit; --Layout-brand-bg: var(--dark); --Layout-brand-color: #e0e0e0; --Layout-brandBar-color: #a0a0a0; --Layout-header-bg: var(--white); --Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); --Layout-header-height: 3.125rem; --Layout-headerBar-borderBottom: none; --Layout-footer-height: 3.125rem; --Layout-nav--folded-height: 3.125rem; --Layout-nav--folded-height: 3.125rem; --Layout-nav-height: 2.5rem; --Layout-nav-height: 2.5rem; --Layout-nav-lgHeight: 3.125rem; --Layout-nav-lgHeight: 3.125rem; --Layout-body-bg: var(--body-bg); --List--unsaved-heading-bg: #e8f0fe; --List--unsaved-heading-color: #4285f4; --List-bg: var(--white); --List-borderColor: var(--borderColor); --List-borderRadius: var(--borderRadius); --List-borderWidth: var(--borderWidth); --List-fixedTop-boxShadow: var(--boxShadow); --List-placeholder-height: 1.875rem; --List-toolbar-marginX: 0; --List-toolbar-marginY: var(--gap-base); --ListControl-fontSize: var(--Form-fontSize); --ListControl-gutterWidth: 0.625rem; --ListControl-item-bg: var(--white); --ListControl-item-borderColor: var(--borderColor); --ListControl-item-borderWidth: var(--borderWidth); --ListControl-item-borderRadius: 0.1875rem; --ListControl-item-color: var(--text-color); --ListControl-item-onActive-after-borderColor: var(--primary); --ListControl-item-onActive-before-bg: var(--white); --ListControl-item-onActive-bg: var(--primary); --ListControl-item-onActive-borderColor: #0d4fd6; --ListControl-item-onActive-color: var(--white); --ListControl-item-onActive-onHover-bg: var(--primary); --ListControl-item-onDisabled-bg: var(--ListControl-item-bg); --ListControl-item-onDisabled-borderColor: #dfe2e6; --ListControl-item-onDisabled-color: var(--ListControl-item-color); --ListControl-item-onDisabled-opacity: 0.6; --ListControl-item-onHover-bg: #ececec; --ListControl-item-onHover-borderColor: #b4bbc5; --ListControl-item-onHover-color: var(--ListControl-item-color); --ListControl-item-paddingX: 0.75rem; --ListControl-item-paddingY: 0.375rem; --ListControl-item-transition: none; --ListItem--strip-bg: #f6f8f8; --ListItem-borderColor: #dfe2e6; --ListItem-borderWidth: var(--List-borderWidth); --ListItem-onChecked-bg: #d9f3fb; --ListItem-onChecked-borderColor: #abe4f6; --ListItem-onChecked-color: #20b9e8; --ListItem-onChecked-fieldLabel-color: #7dd6f1; --ListItem-onDragging-opacity: 0.1; --ListItem-onModified-bg: #e8f0fe; --ListItem-onModified-borderColor: #b7d0fc; --ListItem-onModified-color: #4285f4; --ListItem-onModified-fieldLabel-color: #a2c3fa; --ListItem-paddingX: var(--gap-base); --ListItem-paddingY: var(--gap-sm); --ListItem--onHover-bg: rgba(0, 126, 255, 0.08); --ListItem--onHover-color: var(--info); --listMenu--onActive-borderColor: var(--info); --ListMenu-borderRadius: 0.125rem; --ListMenu-borderWidth: 0.0625rem; --ListMenu-bordrColor: var(--borderColor); --ListMenu-divider-color: var(--borderColorLight); --ListMenu-item--onActive-bg: transparent; --ListMenu-item--onActive-color: var(--info); --ListMenu-item--onDisabled-bg: transparent; --ListMenu-item--onDisabled-color: var(--text--muted-color); --ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08); --ListMenu-item--onHover-color: var(--info); --ListMenu-item-bg: var(--white); --ListMenu-item-color: var(--text-color); --ListMenu-item-height: 2.125rem; --Log-bg: #222; --Log-padding: var(--gap-sm) 0; --Log-line-padding: 0 var(--gap-sm); --Log-color: #f1f1f1; --Log-line--onHover-bg: #444; --Modal-bg: var(--background); --Modal-body--noHeader-paddingTop: var(--gap-base); --Modal-body-borderBottom: var(--Modal-content-borderWidth) solid #dfe2e6; --Modal-body-borderTop: var(--Modal-content-borderWidth) solid #dfe2e6; --Modal-body-paddingX: var(--gap-md); --Modal-body-paddingY: var(--gap-md); --Modal-close-color: var(--text--muted-color); --Modal-close-width: 0.75rem; --Modal-content-borderColor: var(--borderColor); --Modal-content-borderRadius: var(--borderRadius); --Modal-content-borderWidth: var(--borderWidth); --Modal-content-minHeight: unset; --Modal-content-startMarginTop: 3.75rem; --Modal-content-stepMarginTop: 1.875rem; --Modal-footer-button-width: 4.5rem; --Modal-footer-marginX: 0; --Modal-footer-marginY: 0; --Modal-footer-padding: var(--gap-sm); --Modal-header-bg: #f9f9f9; --Modal-header-height: 2.5rem; --Modal-header-paddingX: var(--gap-md); --Modal-header-paddingY: calc( ( var(--Modal-header-height) - var(--Modal-title-lineHeight) * var(--Modal-title-fontSize) ) / 2 ); --Modal-overlay-bg: rgba(0, 0, 0, 0.6); --Modal-title-color: var(--text--loud-color); --Modal-title-fontSize: var(--fontSizeBase); --Modal-title-fontWeight: var(--fontWeightMd); --Modal-title-lineHeight: var(--lineHeightBase); --Modal-widthBase: 31.25rem; --Modal-widthLg: 68.75rem; --Modal-widthMd: 50rem; --Modal-widthSm: 21.875rem; --Modal-widthXl: 90%; --Model-close-onHover-color: var(--text-color); --Nav-item-bg: transparent; --Nav-item-borderRadius: 0; --Nav-item-color: var(--text-color); --Nav-item-fontSize: var(--fontSizeBase); --Nav-item-onActive-bg: var(--info); --Nav-item-onActive-borderLeft: 3px solid transparent; --Nav-item-onActive-color: var(--white); --Nav-item-onDisabled-color: var(--text--muted-color); --Nav-item-onHover-bg: rgba(0, 0, 0, 0.05); --Nav-item-onHover-color: var(--text--loud-color); --Nav-subItem-fontSize: var(--fontSizeBase); --Nav-subItem-onActiveBeforeBg: #e5eaeb; --Nav-Item-maxWidth--tabs: 10rem; --Nav-Item-height: 2.5rem; --Number-bg: var(--Form-input-bg); --Number-borderColor: var(--Form-input-borderColor); --Number-borderRadius: var(--Form-input-borderRadius); --Number-borderWidth: var(--Form-input-borderWidth); --Number-handler--down-content: "-"; --Number-handler--up-content: "+"; --Number-handler--up-transform: none; --Number-handler-bg: var(--white); --Number-handler-borderBottom: 0.0625rem solid var(--Form-input-borderColor); --Number-handler-color: var(--Form-input-color); --Number-handler-fontFamily: inherit; --Number-handler-fontSize: var(--fontSizeBase); --Number-handler-onActive-bg: var(--Number-handler-onHover-bg); --Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg); --Number-handler-onDisabled-color: var(--text--muted-color); --Number-handler-onHover-bg: #f2f2f2; --Number-handler-onHover-color: var(--text-color); --Number-handler-width: var(--gap-lg); --Number-onDisabled-bg: var(--Form-input-bg); --Page-aside-bg: #dcf0fd; --Page-aside-maxWidth: 18.75rem; --Page-aside-width: 12.5rem; --Page-body-padding: var(--gap-base); --Page-content-paddingX: 0; --Page-content-paddingY: 0; --Page-header-paddingX: var(--gap-base); --Page-header-paddingY: var(--gap-base); --Page-header-bg: transparent; --Page-main-bg: transparent; --Page-title-color: var(--text--loud-color); --Page-title-fontSize: var(--fontSizeLg); --Page-title-fontWeight: var(--fontWeightNormal); --Page-title-lineHeight: 1.5; --Pagination-fontSize: var(--fontSizeBase); --Pagination-height: 1.875rem; --Pagination-minWidth: 1.875rem; --Pagination-onActive-backgroundColor: var(--primary); --Pagination-onActive-border: 0; --Pagination-onActive-color: var(--white); --Pagination-onDisabled-color: var(--text--muted-color); --Pagination-onDisabled-backgroundColor: #e5e7eb; --Pagination-padding: 0 0.5rem; --Pagination-light-color: #84868c; --Panel--default-badgeBg: #333; --Panel--default-badgeColor: #f5f5f5; --Panel--default-bg: #f6f8f8; --Panel--default-color: var(--text-color); --Panel--default-headingBorderColor: var(--borderColor); --Panel-bg: var(--white); --Panel-bodyPadding: var(--gap-base); --Panel-border: var(--borderWidth) solid transparent; --Panel-borderRadius: var(--borderRadius); --Panel-borderWidth: 0.0625rem; --Panel-boxShadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05); --Panel-btnToolbarTextAlign: right; --Panel-fixedBottom-borderTop: none; --Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); --Panel-footerBg: transparent; --Panel-footerBorderColor: var(--borderColorLight); --Panel-footerBorderRadius: 0 0 0.125rem 0.125rem; --Panel-footerButtonMarginLeft: var(--gap-sm); --Panel-footerPadding: var(--gap-sm) var(--gap-base); --Panel-headingBorderBottom: var(--borderWidth) solid transparent; --Panel-headingBorderRadius: var(--borderRadius) var(--borderRadius) 0 0; --Panel-headingPadding: var(--gap-sm) var(--gap-base); --Panel-marginBottom: var(--gap-lg); --Panel-titleColor: inherit; --Panel-titleFontSize: var(--fontSizeMd); --Panel-titleMarginBottom: 0; --Panel-titleMarginTop: 0; --Picker-iconColor: var(--icon-color); --Picker-onHover-iconColor: var(--icon-onHover-color); --PickerColumns-bg: white; --PickerColumns-toolbar-height: 3.125rem; --PickerColumns-title-fontSize: var(--fontSizeLg); --PickerColumns-title-color: #222; --PickerColumns-title-lineHeight: 1.5; --PickerColumns-action-padding: 0 var(--gap-md); --PickerColumns-action-fontSize: var(--fontSizeLg); --PickerColumns-confirmAction-color: #2468f2; --PickerColumns-cancelAction-color: #666; --PickerColumns-option-fontSize: var(--fontSizeLg); --PickerColumns-optionText-color: var(--text-color); --PickerColumns-optionDisabled-opacity: 0.3; --PickerColumns-loadingIcon-color: var(--icon-color); --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9); --PopOver-bg: white; --PopOverAble-iconColor: inherit; --PopOverAble-onHover-iconColor: inherit; --PopUp-cancelAction-color: #666; --Property-title-bg: #f2f2f2; --Property-label-bg: #f7f7f7; --Portlet-borderColor: var(--borderColor); --Portlet-borderStyle: solid; --Portlet-borderWidth: var(--borderWidth); --Portlet-borderRadius: var(--borderRadius); --QuickEdit-iconColor: inherit; --QuickEdit-iconSize: 0.8125rem; --QuickEdit-onFocus-borderColor: var(--info); --QuickEdit-onFocus-borderWidth: var(--borderWidth); --QuickEdit-onHover-iconColor: inherit; --Radio--sm-size: var(--Checkbox--sm-size); --Radio-color: var(--Checkbox-color); --Radio-inner-size: calc(var(--Radio-size) / 2); --Radio-onHover-color: var(--Checkbox-onHover-color); --Radio-size: var(--Checkbox-size); --Radio-onDisabled-bg: #e5e7eb; --Radio-onDisabled-color: var(--text--muted-color); --Radio-onFocus-boxShadow: none; --Remark-bg: #fff; --Remark-borderColor: var(--borderColor); --Remark-borderWidth: 0.0625rem; --Remark-icon-fontSize: var(--fontSizeBase); --Remark-iconColor: var(--icon-color); --Remark-marginLeft: var(--gap-sm); --Remark-onHover-bg: var(--primary); --Remark-onHover-borderColor: var(--primary); --Remark-onHover-iconColor: #fff; --Remark-width: 1rem; --ResultBox-tag-height: 1.5rem; --ResultBox-tag-marginBottom: 0.125rem; --ResultBox-icon--onDisabled-color: #ebebeb; --ResultBox-icon--onHover-color: #666666; --ResultBox-icon-color: #999; --ResultBox-value--onDisabled-color: #cccccc; --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1); --ResultBox-value--onHover-bg--dark: #b8babf; --ResultBox-value-bg: #f5f5f5; --ResultBox-value-color: #000; --ResultBox-value-clear-bg: #d4d6d9; --ResultBox-value-clear-hover-bg: #f5f5f5; --Rating-inactive-color: #e6e6e8; --Rating-star-margin: 0.5rem; --Rating-star-size: 1.5rem; --Satus-icon-width: var(--gap-lg); --Satus-icon-height: var(--Satus-icon-width); --Sparkline-line-color: var(--info); --Sparkline-area-color: rgba(36, 104, 242, 0.1); --Spinner--lg-height: 3rem; --Spinner--lg-width: 3rem; --Spinner--sm-height: 1rem; --Spinner--sm-width: 1rem; --Spinner-bg: url("data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --Spinner-height: 2rem; --Spinner-overlay-bg: rgba(255, 255, 255, 0.4); --Spinner-width: 2rem; --Spinner-color: #2468f2; --Switch-bgColor: #4b5563; --Switch-borderColor: #353c46; --Switch-gap: var(--gap-sm); --Switch-height: 1.375rem; --Switch-onActive-bgColor: var(--info); --Switch-onDisabled-bgColor: #ccc; --Switch-onDisabled-circle-BackgroundColor: var(--white); --Switch-onDisabled-color: #fff; --Switch-valueColor: var(--white); --Switch-width: 3.125rem; --Table--unsaved-heading-bg: #e8f0fe; --Table--unsaved-heading-color: #4285f4; --Table-bg: var(--background); --Table-borderColor: var(--borderColor); --Table-borderRadius: var(--borderRadius); --Table-borderWidth: var(--borderWidth); --Table-color: var(--text-color); --Table-expandBtn-color: var(--info); --Table-fixed-zIndex: 5; --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15); --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15); --Table-fixedTop-boxShadow: var(--boxShadow); --Table-fontSize: var(--fontSizeBase); --Table-heading-bg: var(--white); --Table-heading-height: 2.5rem; --Table-lineHeight: var(--lineHeightBase); --Table-onChecked-bg: #d9f3fb; --Table-onChecked-borderColor: #abe4f6; --Table-onChecked-color: #20b9e8; --Table-onDragging-opacity: 0.1; --Table-onHover-bg-rgb: 243, 246, 246; --Table-onHover-bg: #f3f6f6; --Table-onHover-borderColor: #d6dfdf; --Table-onHover-boxShadow: var(--boxShadow); --Table-onHover-color: var(--text-color); --Table-onModified-bg: #e8f0fe; --Table-onModified-borderColor: #d0e0fd; --Table-onModified-color: #4285f4; --Table-placeholder-height: 12.5rem; --Table-strip-bg: #f9fafa; --Table-tbody-borderTopColor: #d8dce1; --Table-thead-bg: #f6f8f8; --Table-thead-borderColor: var(--Table-borderColor); --Table-thead-borderWidth: var(--Table-borderWidth); --Table-thead-color: var(--text--loud-color); --Table-thead-fontSize: var(--fontSizeBase); --Table-thead-iconColor: var(--icon-color); --Table-toolbar-marginX: 0; --Table-toolbar-marginY: var(--gap-base); --Table-tree-borderColor: var(--Table-borderColor); --Table-searchableForm-backgroundColor: #f6f7f8; --Table-searchableForm-borderRadius: 0.25rem; --Table-empty-icon-size: 4.625rem; --TableCell--edge-paddingX: var(--gap-md); --TableCell--edge-paddingX-default: var(--gap-base); --TableCell-filterBtn--onActive-color: var(--primary); --TableCell-filterBtn-width: 1rem; --TableCell-filterPopOver-dropDownItem-height: 2.125rem; --TableCell-filterPopOver-dropDownItem-padding: 0 0.75rem; --TableCell-line-height-large: 2.5rem; --TableCell-line-height-middle: 1.875rem; --TableCell-height: 2.5rem; --TableCell-height-default: 2.5625rem; --TableCell-height-large: 3.8125rem; --TableCell-height-small: 2.0625rem; --TableCell-paddingX: var(--gap-sm); --TableCell-paddingX-large: var(--gap-base); --TableCell-paddingX-small: var(--gap-xs); --TableCell-paddingY: calc( (var(--TableCell-height) - var(--Table-fontSize) * var(--Table-lineHeight)) / 2 ); --TableCell-paddingY-default: calc( ( var(--TableCell-height-default) - var(--Table-fontSize) * var(--Table-lineHeight) ) / 2 ); --TableCell-paddingY-large: calc( ( var(--TableCell-height-large) - var(--Table-fontSize) * var(--Table-lineHeight) ) / 2 ); --TableCell-paddingY-small: calc( ( var(--TableCell-height-small) - var(--Table-fontSize) * var(--Table-lineHeight) ) / 2 ); --TableCell-searchBtn--onActive-color: var(--primary); --TableCell-searchBtn-width: 1rem; --TableCell-sortBtn--default-onActive-opacity: 1; --TableCell-sortBtn--default-opacity: 0; --TableCell-sortBtn--onActive-color: var(--primary); --TableCell-sortBtn-width: 0.5rem; --TableCell-icon-gap: var(--gap-sm); --Table-fixedLeftLast-boxShadow: inset 10px 0 8px -8px #00000026; --Table-fixedRightFirst-boxShadow: inset -10px 0 8px -8px #00000026; --Table-loading-padding: 30px 0px; --Tabs--card-bg: #f6f8f8; --Tabs--card-borderTopColor: var(--borderColor); --Tabs--card-linkMargin: 0 10px 0 0; --Tabs--card-linkPadding: 0.625rem 0.625rem; --Tabs--card-onActive-bg: var(--background); --Tabs--card-onActive-borderColor: var(--borderColor); --Tabs--card-padding: 0.375rem 0 0 0.625rem; --Tabs--card-add-gap: var(--gap-md); --Tabs--card-add-gap-top: 0.4375rem; --Tabs--card-arrow-gap: var(--gap-sm); --Tabs--line-borderColor: var(--borderColor); --Tabs--line-borderWidth: 0.125rem; --Tabs--line-content-bg: transparent; --Tabs--line-content-padding: var(--gap-base) 0; --Tabs--line-linkMargin: 0 32px 0 0; --Tabs--line-linkPadding: 0 0 8px; --Tabs--line-addPadding: 0 0 10px; --Tabs--line-padding: var(--gap-md); --Tabs--line-onHover-borderColor: var(--primary); --Tabs--line-onHover-color: var(--primary); --Tabs--radio-bg: #eaf6fe; --Tabs--vertical-onActive-borderColor: var(--primary); --Tabs--tiled-add-gap: var(--gap-base); --Tabs--simple-split-width: 0.0625rem; --Tabs--strong-add-size: 2rem; --Tabs--strong-arrow-size: 1.5rem; --Tabs-borderColor: var(--borderColor); --Tabs--simple-split-color: var(--Tabs-borderColor); --Tabs-borderRadius: var(--borderRadius); --Tabs-borderWidth: var(--borderWidth); --Tabs-color: var(--text-color); --Tabs-content-bg: var(--background); --Tabs-linkFontSize: var(--fontSizeBase); --Tabs-linkMargin: 0 0.1875rem 0 0; --Tabs-linkPadding: var(--gap-sm) var(--gap-base); --Tabs-onActive-bg: var(--background); --Tabs-onActive-borderColor: var(--borderColor); --Tabs-onActive-color: #374151; --Tabs-onDisabled-color: #4b5563; --Tabs-onHover-borderColor: #e5e7eb; --Tabs-add-icon-size: 0.9375rem; --Tabs-add-icon-padding: 0.0625rem; --Tabs-add-icon-margin: var(--gap-xs); --Tabs-add-margin: var(--gap-lg); --Tabs-gray-color: #83868c; --Tabs-close-margin: var(--gap-xs); --Tabs-close-marginTop: 0.0625rem; --Tabs-close-size: 0.75rem; --Tabs-link-maxWidth: 10rem; --Tabs--sidebar-sideWidth: 3.875rem; --Tabs--sidebar-sidePadding: 1.6875rem; --Tabs--sidebar-sideMargin: 0 0 1.375rem 0; --Tabs--sidebar-iconSize: 1.5rem; --Tabs--sidebar-iconMargin: 0.3125rem; --Tabs--vertical-bg: var(--Table-thead-bg); --Tabs--vertical-width: 8.75rem; --Tabs--vertical-onActive-color: var(--primary); --Tabs--vertical-onActive-border: var(--primary); --Tabs--vertical-onActive-bg: var(--Tabs--vertical-bg); --Tabs--vertical-onActive-borderWidth: 0 0 0 0.25rem; --Tabs--vertical-onActive-container-borderRight: none; --Tabs--vertical-onActive-container-bg: var(--Tabs--vertical-bg); --Tabs--chrome-onHover-bg: #f6f7f8; --Tabs--chrome-bg: #e7eaed; --Tabs--chrome-radius-size: 0.5rem; --Tabs--chrome-right-boder-color: var(--borderColorDarken); --TagControl-sugBtn-bg: var(--Button--default-bg); --TagControl-sugBtn-border: var(--Button--default-border); --TagControl-sugBtn-borderRadius: var(--Button-borderRadius); --TagControl-sugBtn-borderWidth: var(--Button-borderWidth); --TagControl-sugBtn-color: var(--Button--default-color); --TagControl-sugBtn-fontSize: var(--Button--sm-fontSize); --TagControl-sugBtn-height: var(--Button--sm-height); --TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight); --TagControl-sugBtn-onActive-bg: #e6e6e6; --TagControl-sugBtn-onActive-border: #adb4bf; --TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color); --TagControl-sugBtn-onHover-bg: #ececec; --TagControl-sugBtn-onHover-border: #b4bbc5; --TagControl-sugBtn-onHover-color: var(--Button--default-color); --TagControl-sugBtn-paddingX: var(--Button--sm-paddingX); --TagControl-sugBtn-paddingY: calc( ( var(--TagControl-sugBtn-height) - var(--Button-borderWidth) * 2 - var(--TagControl-sugBtn-lineHeight) * var(--TagControl-sugBtn-fontSize) ) / 2 ); --TagControl-sugTip-color: var(--info); --Toast-color: var(--text-color); --Toast--danger-bgColor: var(--background); --Toast--danger-borderColor: transparent; --Toast--danger-color: var(--Toast-color); --Toast--info-bgColor: var(--background); --Toast--info-borderColor: transparent; --Toast--info-color: var(--Toast-color); --Toast--success-bgColor: var(--background); --Toast--success-borderColor: transparent; --Toast--success-color: var(--Toast-color); --Toast--warning-bgColor: var(--background); --Toast--warning-borderColor: transparent; --Toast--warning-color: var(--Toast-color); --Toast-border-width: 0; --Toast-borderRadius: 0.125rem; --Toast-box-shadow: var(--boxShadow); --Toast-close-color: var(--icon-color); --Toast-close--onHover-color: var(--Toast-close-color); --Toast-icon-width: 1rem; --Toast-icon-height: var(--Toast-icon-width); --Toast-opacity: 0.8; --Toast-paddingL: 2.5rem; --Toast-paddingX: var(--gap-md); --Toast-paddingY: var(--gap-xs); --Toast-title-display: block; --Toast-width: 25rem; --Tooltip--attr-bg: rgba(0, 0, 0, 0.7); --Tooltip--attr-borderColor: var(--borderColor); --Tooltip--attr-borderRadius: var(--borderRadius); --Tooltip--attr-borderWidth: 0; --Tooltip--attr-boxShadow: var(--boxShadow); --Tooltip--attr-color: var(--background); --Tooltip--attr-fontSize: var(--fontSizeSm); --Tooltip--attr-gap: var(--gap-sm); --Tooltip--attr-lineHeigt: var(--lineHeightBase); --Tooltip--attr-paddingX: 0.625rem; --Tooltip--attr-paddingY: 0.125rem; --Tooltip--attr-transition: all var(--animation-duration) ease-in-out; --Tooltip-arrow-color: var(--Tooltip-bg); --Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85); --Tooltip-arrow-height: 0.25rem; --Tooltip-arrow-height: 0.25rem; --Tooltip-arrow-outerColor: #d1d5db; --Tooltip-arrow-width: 0.5rem; --Tooltip-arrow-width: 0.5rem; --Tooltip-bg: var(--background); --Tooltip-bg--dark: rgba(7, 12, 20, 0.85); --Tooltip-body-color: var(--text-color); --Tooltip-body-color--dark: var(--white); --Tooltip-body-paddingX: var(--gap-base); --Tooltip-body-paddingY: var(--gap-sm); --Tooltip-borderColor: var(--borderColor); --Tooltip-borderRadius: var(--borderRadiusLg); --Tooltip-borderWidth: var(--borderWidth); --Tooltip-boxShadow: var(--boxTooltipShadow); --Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12); --Tooltip-fontSize: var(--fontSizeSm); --Tooltip-fontWeight: var(--fontWeightMd); --Tooltip-maxWidth: 15rem; --Tooltip-minWidth: auto; --Tooltip-title-fontWeight: bold; --Tooltip-title-bg: #f7f7f7; --Tooltip-title-borderBottom-color: #ebebeb; --Tooltip-title-color: var(--text--loud-color); --Tooltip-title-color--dark: var(--white); --Tooltip-title-paddingX: var(--gap-base); --Tooltip-title-paddingY: var(--gap-sm); --Transfer-title-bg: #f6f8f8; --Transfer-selection-maxHeight: 21.875rem; --TabsTransfer-title-bg: #f7f7f9; --TabsTransfer-border-color: #e8e9eb; --Tree-indent: var(--gap-md); --Tree-icon-gap: var(--gap-xs); --Tree-icon-margin-right: 0.625rem; --Tree-inputHeight: calc(var(--Form-input-height) * 0.85); --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08); --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08); --Tree-itemArrowWidth: 1rem; --Tree-itemHeight: 1.875rem; --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color); --TreeSelect-popover-bg: #fff; --Wizard-badge-bg: #9ca3af; --Wizard-badge-border: 0; --Wizard-badge-borderRadius: 0.625rem; --Wizard-badge-color: var(--white); --Wizard-badge-fontSize: var(--fontSizeSm); --Wizard-badge-marginRight: 0.25rem; --Wizard-badge-onActive-backgroundColor: var(--info); --Wizard-badge-onComplete-backgroundColor: var(--info); --Wizard-badge-size: var(--gap-md); --Wizard-steps-bg--isComplete: #f1f5f9; --Wizard-steps-bg: #f3f4f6; --Wizard-steps-borderWidth: 0.0625rem; --Wizard-steps-height: 2.5rem; --Wizard-steps-li-onActive-arrow-bg: #fff; --Wizard-steps-li-onActive-bg: #fff; --Wizard-steps-li-onActive-color: var(--info); --Wizard-steps-liAfterContent: ""; --Wizard-steps-liVender: ""; --Wizard-steps-padding: 0; --Wizard-steps-textAlign: left; --Wizard-steps-ulDisplay: block; --Wizard-stepsContent-padding: var(--gap-base); --AnchorNav-links-container-borderRight: 0.0625rem solid #d3dae0; --AnchorNav-onActive-borderWidth: 0 0.125rem 0 0; --Steps-bg: var(--borderColorDarken); --Steps-status-success: var(--info); --Steps-status-error: var(--danger); --Steps-icon-fontsize: var(--fontSizeLg); --Steps-title-fontsize: var(--fontSizeLg); --Steps-title-color: var(--text--loud-color); --Steps-sub-title-fontsize: var(--fontSizeBase); --Steps-sub-title-color: var(--text-color); --Steps-line-bg: var(--Steps-bg); --Steps-line-success-bg: var(--Steps-status-success); --Progress-borderRadius: var(--borderRadius); --Progress-animate-backgroundColor: #fff; --Progress-bar-backgroundColor: #d3d9e6; --ColumnToggler-backgroundColor: var(--white); --ColumnToggler-borderRadius: 0.25rem; --ColumnToggler-lineHeight: 1.5rem; --ColumnToggler-title-fontColor: #080e1a; --ColumnToggler-fontColor: #151a26; --ColumnToggler-item-backgroundColor: #f6f7f8; --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1); --ColumnToggler-item-paddingX: 0.5rem; --ColumnToggler-item-paddingY: 0.25rem; --ColumnToggler-item-margin: 0.25rem; --ColumnToggler-item-dragBar-color: #d8d8d8; --InputFormula-header-bgColor: #fafafa; --InputFormula-icon-size: 1.5rem; --InputFormula-icon-color-onActive: var(--primary); --InputFormula-code-bgColor: #f2f2f4; --TimelineItem--axle-flex: 0 0 1.5rem; --TimelineItem--left-line-width: 0.125rem; --TimelineItem--left-line-left: 0.8125rem; --TimelineItem--left-line-top: 1.25rem; --TimelineItem--round-width: 0.5rem; --TimelineItem--round-height: 0.5rem; --TimelineItem--round-left: 0.625rem; --TimelineItem--round-top: 0.5rem; --TimelineItem--icon-width: 1rem; --TimelineItem--icon-height: 1rem; --TimelineItem--icon-left: 0.375rem; --TimelineItem--content-padding-bottom: var(--gap-md); --TimelineItem--content-margin-left: 0.125rem; --TimelineItem--content-time-margin-bottom: var(--gap-xs); --TimelineItem--content-title-margin-bottom: var(--gap-xs); --TimelineItem--detail-button-margin-bottom: var(--gap-base); --TimelineItem-detail-arrow-width: 1rem; --TimelineItem-detail-visible-padding: 0.625rem; --TimelineItem-detail-visible-max-width: 18.75rem; --Timeline-alternate-margin-left: var(--gap-xl); --TimelineItem--icon-radius: 50%; --TimelineItem--round-radius: 50%; --TimelineItem--content-radius: px2rem(2px); --TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0 rgba(0 0 0 / 10%); --TimelineItem--font-size: var(--fontSizeSm); --TimelineItem--text-primary-color: #151a26; --TimelineItem--text-secondary-color: #83868c; --TimelineItem--detail-button-color: var(--primary); --TimelineItem--line-bg: #e6e6e8; --TimelineItem--content-bg: #f2f2f4; --TimelineItem-round-bg: #dadbdd; --Timeline--success-bg: var(--success); --Timeline--info-bg: var(--info); --Timeline--warning-bg: var(--warning); --Timeline--danger-bg: var(--danger); --UserSelect--post-bg: #528eff; --UserSelect--department-bg: #ffab52; --UserSelect--role-bg: #0bc286; --UserSelect--border-color: #f7f7f9; --UserSelect--content-bg: #f5f7f8; --UserSelect--bread-color: #2468f2; --Tag-content-fontSize: var(--fontSizeSm); --Tag-height: 1.5rem; --Tag-borderRadius: 0.125rem; --Tag-fontColor: #151a26; --Tag-default-color: #f2f2f4; --Tag-inactive-color: #b4b6ba; --Tag-active-color: #2468f2; --Tag-processing-color: #1ac5ff; --Tag-success-color: #0bc286; --Tag-error-color: #e8684a; --Tag-warning-color: #ffb200; --Tag-checkable-bgColor: #f2f2f4; --Tag-checkable-bgColor-onDisable: #e6e6e8; --Tag-checkable-bgColor-onHover: #e6e6e8; --Tag-checkable-bgColor-onActive: #e6e6e8; --Tag-checkable-bgColor-onHover-onChecked: #4f86f4; --Tag-checkable-bgColor-onActive-onChecked: #1c53c1; --Tag-checkable-bgColor-onChecked: #2468f2; --Tag-checkable-fontColor-onDisable: #b4b6ba; --menu-background: #fff; --menu-box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12); --menu-border-radius: 4px; --menu-font-color: #151b26; --menu-font-family: PingFangSC-Regular; --menu-border-color: #e8e9eb; --menu-active-color: #2468f2; --menu-hover-bg-color: #e6f0ff; --menu-disabled-color: #b8babf; --default-icon-color: #84868c; --default-padding: 4px 12px; --menu-min-width: 150px; --menu-sub-min-width: 100px; } :root { --fontSizeXs: 10px; --fontSizeSm: 12px; --fontSizeMd: 14px; --fontSizeLg: 16px; --fontSizeXl: 18px; --fontSizeBase: var(--fontSizeMd); --borderColor: #e8e9eb; --borderRadius: 0.25rem; --body-bg: #ffffff; --text-color: #151a26; --text--muted-color: #b8babf; --text--loud-color: #333; --link-onHover-decoration: none; --icon-color: #999; --icon-onHover-color: var(--primary); --Layout-header-boxShadow: none; --Layout-header-bg: #f5f5f5; --Layout-aside-width: 11.25rem; --Layout-aside-bg: #1e1e28; --Layout-aside-subList-bg: #1e1e28; --Layout-brand-bg: #0f1012; --Layout-brand-color: #fff; --Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6); --Layout-asideLink-color: #fff; --Layout-asideLink-onHover-color: var(--primary); --Layout-asideLink-onActive-color: var(--primary); --Layout-asideLink-onHover-iconSize: 1rem; --Layout-asideLink-onHover-iconColor: var(--primary); --Layout-asideLink-fontSize: 0.75rem; --Layout-asideLink-arrowFontSize: 0.75rem; --Layout-asideLink-arrowColor: #8d99b0; --Layout-asideLink-onHover-arrowColor: #fff; --Layout-headerBar-borderBottom: 0 none; --Layout-asideDivider-margin: 0 0.625rem; --Layout-asideDivider-bg: #3c3c4d; --Layout-nav--folded-height: 2.5rem; --Page-aside-bg: #ffffff; --Page-aside-width: 10rem; --Page-content-paddingY: 0; --Page-content-paddingX: 0; --Page-main-bg: #fff; --Page-title-color: #000; --Page-header-paddingX: var(--gap-md); --Page-header-paddingY: 0.625rem; --Form-item-fontSize: var(--fontSizeBase); --Form-input-marginBottom: 0.25rem; --Form-item-fontColor: #5c5f66; --Form-item-gap: var(--gap-xl); --Form-input-bg: #ffffff; --Form-input-color: #151b26; --Form-input-height: 2rem; --Form-input-borderColor: var(--borderColor); --Form-input-borderRadius: 0.25rem; --Form-input-onHover-borderColor: #2468f2; --Form-input-onFocused-bg: #ffffff; --Form-input-onFocused-borderColor: #144bcc; --Form-input-onError-borderColor: #f33e3e; --Form-input-onError-bg: #ffffff; --Form-input-onDisabled-bg: #f7f7f9; --Form-input-onDisabled-borderColor: #e8e9eb; --Form-input-onDisabled-color: #84868c; --Form-input-iconColor: #84868c; --Form-input-paddingX: 0.625rem; --Form-description-color: #999; --Form--horizontal-label-whiteSpace: normal; --Form--horizontal-label-widthXs: 3.125rem; --Form--horizontal-label-widthSm: 4.375rem; --Form--horizontal-label-widthBase: 6.25rem; --Form--horizontal-label-widthMd: 8.75rem; --Form--horizontal-label-widthLg: 11.875rem; --Form-input-addOnBg: var(--white); --Form-input-addOnColor: #666; --Form-input-onFocus-addOnColor: var(--primary); --Form-input-addOnDividerBorderWidth: 0; --Form-input-clearBtn-color: #d4d6d9; --Form-input-clearBtn-color-onHover: #5c5f66; --Form-input-clearBtn-color-onActive: #303540; --Form-input-password-icon-size: 1rem; --Form-input-password-icon-color: #84868c; --Form-select-borderWidth: 0.0625rem; --Form-select-borderRadius: 0.25rem; --Form-select-bg: var(--white); --Form-select-onHover-bg: var(--white); --Form-select-onHover-borderColor: var(--primary); --Form-select-placeholderColor: #999; --Form-select-color: #000; --Form-select-caret-iconColor: #84868c; --Form-select-caret-onHover-iconColor: #84868c; --Form-select-caret-fontSize: 0.75rem; --Form-select-outer-borderWidth: 0; --Form-select-outer-top: 2rem; --Form-select-outer-boxShadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2); --Form-select-menu-color: #151b26; --Form-select-menu-onHover-color: #151b26; --Form-select-menu-onHover-bg: #e6f0ff; --Form-select-menu-onActive-color: #2468f2; --Form-select-menu-height: 1.5rem; --Form-select-popoverGap: 0.25rem; --Form-select-search-height: 1.875rem; --Form-selectValue-color: var(--primary); --Form-select-value-borderColor: #f2f2f4; --Form-select-valueIcon-color: #5c5f66; --Form-select-valueIcon-color--dark: #e8e9eb; --Form-select-multiple-bgColor: #f7f7f9; --Form-select-value-bgColor--dark: #5c5f66; --InputGroup-select-borderWidth: 0.0625rem; --InputGroup-select-onFocused-bg: #eaf6fe; --InputGroup-select-color: #333; --InputGroup-select-onFocused-color: var(--primary); --InputGroup-select-arrowColor: #999; --InputGroup-select-onFocused-arrowColor: var(--primary); --InputGroup-button-borderWidth: 0.0625rem; --InputGroup-button-borderRadius: 0.25rem; --Number-borderWidth: 0.0625rem; --Number-handler-borderBottom: 0; --Number-handler-width: var(--gap-xl); --Number-borderColor: #d4d6d9; --Number-handler-color: #666; --Number-handler-onDisabled-color: #999; --Number-handler-onHover-bg: var(--white); --Number-handler-onHover-color: var(--primary); --Number-handler-onActive-bg: #f3f9fe; --Number-handler-onDisabled-bg: #f5f5f5; --Number-handler-fontFamily: "iconfont"; --Number-handler-fontSize: 0.75rem; --Number-handler--up-content: ""; --Number-handler--up-transform: rotate(180deg); --Number-handler--down-content: ""; --Checkbox-onDisabled-color: #ebebeb; --Checkbox-onDisabled-bg: #cccccc; --Checkbox-inner-size: 0.5rem; --Checkbox--full-inner-size: 0.5rem; --Checkbox--sm-size: 0.875rem; --Checkbox--sm-inner-size: 0.5rem; --Checkbox--sm--full-inner-size: 0.5rem; --Radio-size: 1rem; --Radio-inner-size: 0.5rem; --Switch-height: 1.25rem; --Switch-width: 2.75rem; --Switch-valueColor: #ffffff; --Switch-bgColor: #d4d6d9; --Switch-onActive-bgColor: #b8babf; --Switch-onHover-bgColor: #b8babf; --Switch-checked-bgColor: var(--primary); --Switch-checked-onHover-bgColor: #144bcc; --Switch-checked-onActive-bgColor: #144bcc; --Switch-onDisabled-bgColor: #d4e5ff; --Switch-onDisabled-color: #ffffff; --Calendar-icon-bottom: -0.25rem; --Calendar-icon-width: 0.625rem; --Calendar-icon-height: 0.625rem; --Calendar-borderWidth: 0.0625rem; --Calendar-rdt-day: 6.25rem; --Calendar-schedule-content-padding: 0 0.25rem; --Calendar-schedule-content-height: 1.25rem; --Calendar-schedule-content-color: #fff; --ColorPicker-borderWidth: 0.0625rem; --ColorPicker-borderRadius: 0.25rem; --ColorPicker-bg: var(--white); --ColorPicker-onHover-bg: var(--white); --ColorPicker-onHover-borderColor: var(--primary); --ColorPicker-color: #000; --ColorPicker-placeholderColor: #999; --ColorPicker-onDisabled-bg: #f5f5f5; --ColorPicker-onDisabled-color: #999; --ColorPicker-boxShadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06), 0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04); --Collapse-border: 0.0625rem solid #e8e9eb; --Collapse-border-color: #e8e9eb; --Collapse-header-fontSize: 14px; --Collapse-header-fontWeight: 400; --Collapse-header-padding: 1rem; --Collapse-header-bg: #f7f7f9; --Collapse-header-onHover-bg: #f2f2f4; --Collapse-header-bg-disabled-color: #f7f7f9; --Collapse-header-collapsed-borderBottom: none; --Collapse-header-wrapper-direction: row-reverse; --Collapse-content-padding: 1rem; --Collapse-content-color: #5c5f66; --Collapse-content-fontSize: 12px; --Collapse-content-fontWeight: 400; --DatePicker-borderWidth: 0.0625rem; --DatePicker-borderRadius: 0.25rem; --DatePicker-bg: var(--white); --DatePicker-onHover-bg: var(--white); --DatePicker-color: #000; --DatePicker-placeholderColor: #999; --DatePicker-onDisabled-bg: #f5f5f5; --DatePicker-onDisabled-color: #999; --DatePicker-iconColor: #666; --DatePicker-onHover-iconColor: var(--primary); --DatePicker-onHover-borderColor: var(--primary); --LocationPicker-borderRadius: 0.25rem; --Calendar-input-borderRadius: 0; --Calendar-input-borderRadius: 0.25rem; --Calendar-shortcuts-bg: #f5f5f5; --Calendar-shortcuts-height: 1.875rem; --Button-borderWidth: 0.0625rem; --Button-boxShadow: none; --Button-onActive-boxShadow: none; --Button-borderRadius: 0.25rem; --Button-paddingX: 0.75rem; --Button--lg-height: 2.5rem; --Button--lg-fontSize: 0.875rem; --Button--lg-lineHeight: 30 / 20; --Button--lg-paddingX: 1rem; --Button--default-bg: #ffffff; --Button--default-color: #151b26; --Button--default-onHover-bg: #ffffff; --Button--default-onHover-border: var(--primary); --Button--default-onHover-color: var(--primary); --Button--default-onActive-bg: #ffffff; --Button--default-onActive-border: #144bcc; --Button--default-onActive-color: #144bcc; --Button--emphasize-bg: #ffffff; --Button--emphasize-color: var(--primary); --Button--emphasize-onHover-bg: #ffffff; --Button--emphasize-onHover-border: var(--primary); --Button--emphasize-onHover-color: #528eff; --Button--emphasize-onActive-bg: #ffffff; --Button--emphasize-onActive-border: #144bcc; --Button--emphasize-onActive-color: #144bcc; --Button--primary-bg: var(--primary); --Button--primary-border: var(--primary); --Button--primary-onHover-bg: #528eff; --Button--primary-onHover-border: #528eff; --Button--primary-onHover-color: #ffffff; --Button--primary-onActive-bg: #144bcc; --Button--primary-onActive-border: #144bcc; --Button--primary-onActive-color: #ffffff; --Button--light-border: var(--light); --Button--light-color: var(--text-color); --Button-onDisabled-borderColor: #f2f2f4; --Button-onDisabled-opacity: 0.65; --Button-onDisabled-bg: #f2f2f4; --Button--danger-bg: #ea2e2e; --Button--danger-onHover-bg: #f64545; --Button--danger-onHover-border: #f64545; --Button--danger-onActive-bg: #d72b2b; --Button--danger-onActive-border: #d72b2b; --ButtonGroup-divider-width: 0.0625rem; --ButtonGroup-divider-color: #fff; --ButtonGroup--primary-isActive-color: var(--primary); --ButtonGroup--primary-isActive-bg: #ffffff; --Button--link-color: var(--primary); --Button--link-onHover-color: #209bfd; --Breadcrumb-item-default-color: #84868c; --Breadcrumb-item-hover-color: #2468f2; --Breadcrumb-item-active-color: #144bcc; --Breadcrumb-item-disabled-color: #b8babf; --BreadcrumbDropdown-item-default-color: #151b26; --BreadcrumbDropdown-item-default-bg: #ffffff; --BreadcrumbDropdown-item-hover-bg: #e6f0ff; --Spinner-bg: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDY0IDY0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDAuNTAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjMiIGhlaWdodD0iNjMiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hOWkh+S7vS02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjk4MDAwMCwgMC43ODAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJmcmFtZSIgc3Ryb2tlPSIjMjQ2OEYyIiBzdHJva2Utd2lkdGg9IjMuMiIgcG9pbnRzPSIyNy41MiA1LjEyIDQ5LjY5MDI1MDMgMTcuOTIgNDkuNjkwMjUwMyA0My41MiAyNy41MiA1Ni4zMiA1LjM0OTc0OTY2IDQzLjUyIDUuMzQ5NzQ5NjYgMTcuOTIiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCAxNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxNjAiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iLjQ1cztmcmFtZTIuZW5kIiBkdXI9Ii45cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIxNjAiIHRvPSItMTYwIiBmaWxsPSJmcmVlemUiICBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTIiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iZnJhbWUxLmVuZCIgZHVyPSIuOXMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMTYwIiB0bz0iMTYwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICA8L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUxIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIyNy41MiIgY3k9IjQuOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDI2IiB0bz0iMCAwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gaWQ9ImNpcmNsZTF0d28iIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYmVnaW49ImNpcmNsZTFvbmUuZW5kICsgLjcycyIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjAgMCIgdG89IjAgMjYiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlMiIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4yNDAwMDAsIDE3LjI4MDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTE3LjI4MDAwMCkgIiBjeD0iNTAuMjQiIGN5PSIxNy4yOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMm9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMnR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSItMjIuNSAxMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUydHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUyb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUzIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjI0MDAwMCwgNDMuMjAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNTAuMjQiIGN5PSI0My4yIiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzb25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGUzdHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209Ii0yMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUzb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAtMTMiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlNCIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMjcuNTIiIGN5PSI1Ni42NCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIC0yNiIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUxdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUxb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIwIC0yNiIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU1IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCA0My4yMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjgwMDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNC44IiBjeT0iNDMuMiIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlNXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIyMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU1dHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGU1b25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIyMi41IC0xMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU2IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCAxNy4yODAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC44MDAwMDAsIC0xNy4yODAwMDApICIgY3g9IjQuOCIgY3k9IjE3LjI4IiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU2b25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGU2dHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjIyLjUgMTMiIHRvPSIwIDAiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNnR3byIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iY2lyY2xlNm9uZS5lbmQgKyAuNzJzIiBkdXI9Ii41NHMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMCAwIiB0bz0iMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); --Crud-toolbar-gap: 0.625rem; --Table-bg: #fff; --Table-fontSize: 0.75rem; --Table-color: #333; --Table-thead-color: #333; --Table-lineHeight: 20 / 12; --Table-borderColor: #e8e9eb; --Table-tree-borderColor: gainsboro; --Table-thead-bg: #f7f7f9; --Table-thead-borderColor: #fff; --Table-thead-iconColor: #999; --Table-strip-bg: transparent; --Table-onHover-bg: #e6f0ff; --Table-onHover-bg-rgb: 245, 251, 255; --Table-onHover-borderColor: #eceff8; --Table-onChecked-bg: #f0faff; --Table-onChecked-borderColor: #eceff8; --Table-onChecked-color: #333; --Table-onChecked-onHover-bg: #f5f5f5; --Table-onChecked-onHover-borderColor: #eceff8; --Table-onChecked-onHover-color: #666; --Table-expandBtn-color: #84868c; --TableCell-paddingX: 0.625rem; --TableCell-sortBtn-width: 0.875rem; --TableCell-filterPopOver-dropDownItem-height: 1.875rem; --TableCell-filterPopOver-dropDownItem-padding: 0 0.625rem; --TableRow-onDisabled-bg: #f7f7f9; --TableRow-onDisabled-color: #b8babf; --ListControl-item-borderWidth: 0.0625rem; --ListControl-item-borderRadius: 0.25rem; --ListControl-item-paddingX: 0.625rem; --ListControl-item-bg: var(--Button--default-bg); --ListControl-item-color: var(--Button--default-color); --ListControl-item-onHover-color: var(--primary); --ListControl-item-onHover-bg: var(--Button--default-onHover-bg); --ListControl-item-onHover-borderColor: var(--primary); --ListControl-item-onActive-bg: #ffffff; --ListControl-item-onActive-onHover-bg: #ffffff; --ListControl-item-onActive-color: #144bcc; --ListControl-item-onActive-borderColor: #144bcc; --ListControl-item-onActive-before-bg: #144bcc; --ListControl-item-onActive-after-borderColor: #ffffff; --ListControl-item-onDisabled-opacity: 1; --ListControl-item-onDisabled-bg: #f2f2f4; --ListControl-item-onDisabled-color: #b8babf; --ListControl-item-onDisabled-borderColor: #f2f2f4; --ImageControl-addBtn-bg: #fff; --ImageControl-addBtn-border: #dbdbdb; --ImageControl-addBtn-borderRadius: 0.25rem; --ImageControl-addBtn-color: #84868c; --ImageControl-addBtn-onHover-bg: var(--ImageControl-addBtn-bg); --ImageControl-addBtn-onHover-border: var(--primary); --ImageControl-addBtn-onHover-color: var(--primary); --ImageControl-addBtn-onActive-bg: #f3f9fe; --ImageControl-addBtn-onActive-border: var(--primary); --ImageControl-addBtn-onActive-color: var(--primary); --ImageControl-addBtn-onDisabled-bg: #f5f5f5; --ImageControl-addBtn-onDisabled-border: #ebebeb; --ImageControl-addBtn-onDisabled-color: #ccc; --ImageControl-progress-borderRadius: 0.125rem; --FileControl-danger-color: #f33e3e; --FileControl-drag-color: #303540; --FileControl-icon-onHover-color: #5c5f66; --FileControl-icon-color: #84868c; --FileControl-onDisabled-color: #b8babf; --FileControl-border-color: #e8e9eb; --FileControl-onHover-bg: #f2f2f4; --FileControl-onDisabled-bg: #f7f7f9; --FileControl-progress-borderRadius: 0.125rem; --Modal-title-fontSize: 14px; --Modal-title-color: 500; --Modal-title-fontWeight: 500; --Modal-overlay-bg: rgba(0, 0, 0, 0.7); --Modal-content-borderWidth: 0; --Modal-content-borderRadius: 0; --Modal-content-minHeight: 12.0625rem; --Modal-header-bg: #fff; --Modal-header-paddingY: 0; --Modal-header-paddingX: 0; --Modal-title-color: #333; --Modal-body-paddingY: var(--gap-md); --Modal-body-paddingX: var(--gap-md); --Modal-body-borderTop: none; --Modal-body-borderBottom: none; --Modal-footer-marginX: 0; --Modal-footer-marginY: 0; --Modal-footer-padding: 0; --Drawer-header-padding: 1rem 1.5rem; --Drawer-widthBase: 25rem; --Drawer-header-bg: #fff; --Drawer-body-padding: 1.5rem; --Remark-icon-fontSize: 0.75rem; --Remark-iconColor: #999; --Remark-onHover-iconColor: #fff; --Remark-bg: #fff; --Remark-onHover-bg: #f38900; --Remark-borderWidth: 0.0625rem; --Remark-borderColor: #999; --Remark-onHover-borderColor: #f38900; --Wizard-steps-bg: #fff; --Wizard-steps-borderWidth: 0; --Wizard-steps-textAlign: center; --Wizard-steps-ulDisplay: inline-block; --Wizard-steps-height: 3.75rem; --Wizard-steps-padding: 0.625rem 0; --Wizard-steps-liVender: "iconfont"; --Wizard-steps-liAfterContent: ""; --Wizard-steps-li-onActive-color: #333333; --Wizard-steps-bg--isComplete: #fff; --Wizard-badge-size: 1.625rem; --Wizard-badge-color: #999999; --Wizard-badge-onActive-backgroundColor: #333333; --Wizard-badge-onComplete-backgroundColor: #333333; --Wizard-badge-fontSize: 0.875rem; --Wizard-badge-border: 0.0625rem solid #999999; --Wizard-badge-borderRadius: 50%; --Wizard-badge-bg: var(--white); --Wizard-badge-marginRight: 0.375rem; --Tabs-linkFontSize: 0.875rem; --Tabs-link-disabled-color: #b8babf; --Tabs--card-onActive-borderColor: var(--white); --Tabs--card-bg: var(--Table-thead-bg); --Tabs--radio-bg: var(--white); --Tabs--chrome-onHover-bg: #fcfcfc; --Tabs--chrome-bg: #f5f5f5; --Tabs--simple-split-color: #f2f2f4; --Tabs--simple-split-size: var(--gap-xs) var(--gap-md); --Tabs--sidebar-iconColor: #2468f2; --Pagination-fontSize: 0.75rem; --Pagination-onActive-backgroundColor: var(--white); --Pagination-onActive-color: var(--primary); --Pagination-onActive-border: 0.0625rem solid var(--primary); --Panel-borderRadius: 0.25rem; --Panel-fixedBottom-boxShadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05); --Panel--default-bg: #f5f5f5; --Nav-item-fontSize: 1rem; --Nav-item-borderRadius: 0; --Nav-item-onActive-bg: #f6f7fb; --Nav-item-onActive-color: var(--primary); --Nav-item-onActive-borderLeft: 0.1875rem solid var(--primary); --Nav-subItem-fontSize: 0.75rem; --Nav-subItem-onActiveBeforeBg: var(--primary); --TransferSelect--table-heading-bg: var(--white); --TransferSelect--normal-heading-bg: #f6f7fb; --TransferSelect-heading-borderBottom: 0; --Alert-fontColor: #5c5f66; --Alert-title-fontColor: #151b26; --Alert-height: 2.5rem; --Alert-paddingX: 1rem; --Alert-fontSize: 12px; --Alert-borderRadius: 0.25rem; --Alert-marginBottom: var(--gap-md); --Alert--danger-color: #5c5f66; --Alert--danger-bg: #ffe8e6; --Alert--danger-borderColor: transparent; --Alert--info-color: #5c5f66; --Alert--info-bg: #e6f0ff; --Alert--info-borderColor: transparent; --Alert--success-color: #5c5f66; --Alert--success-bg: #ecffe6; --Alert--success-borderColor: transparent; --Alert--warning-color: #5c5f66; --Alert--warning-bg: #fff4e6; --Alert--warning-borderColor: transparent; --Toast-width: 25rem; --Toast-borderRadius: 0.25rem; --Toast-paddingL: 1.625rem; --Toast-paddingX: 1rem; --Toast--info-paddingL: 0; --Toast-border-width: 0.0625rem; --Toast-opacity: 1; --Toast-title-display: inline; --Toast-color: var(--white); --Toast--danger-color: #151b26; --Toast--danger-bgColor: #ffffff; --Toast--danger-borderColor: #ffffff; --Toast--info-color: #151b26; --Toast--info-bgColor: #ffffff; --Toast--info-borderColor: #ffffff; --Toast--success-color: #151b26; --Toast--success-bgColor: #ffffff; --Toast--success-borderColor: #ffffff; --Toast--warning-color: #151b26; --Toast--warning-bgColor: #ffffff; --Toast--warning-borderColor: #ffffff; --Toast-close-color: var(--icon-color); --Toast-close--onHover-color: var(--icon-onHover-color); --TagControl-sugTip-color: var(--primary); --Card-actions-borderColor: #f5f7fb; --Card-onChecked-bg: var(--white); --Card-onChecked-borderColor: var(--primary); --Card-onChecked-color: var(--primary); --Card-onModified-bg: #e8f0fe; --Card-onModified-borderColor: var(--primary); --Card-onModified-color: #4285f4; --Card-actions-onHover-bg: white; --Card-actions-onHover-color: var(--primary); --Card-actions-onChecked-onHover-bg: var(--white); --Card-actions-fontSize: 0.75rem; --Combo--horizontal-dragger-top: var(--gap-xs); --ListMenu-borderWidth: 0; --ListMenu-borderRadius: 0; --ListMenu-item-height: 1.875rem; --ListMenu-item-color: #333; --ListMenu-item--onHover-color: #000; --ListMenu-item--onHover-bg: #eaf6fe; --ListItem--strip-bg: #f6f6f6; --ListItem-onChecked-color: #0052cc; --ListItem-onChecked-bg: #f0f6ff; --ListItem-onChecked-borderColor: #0052cc; --ListItem-onChecked-fieldLabel-color: #0052cc; --Transfer-title-bg: #f7f7f9; --Satus-icon-width: 0.875rem; --Progress-borderRadius: 1rem; --Rating-inactive-color: #f2f2f4; --Tree-item-onHover-bg-pure: #f7f7f9; --Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg); --Tree-item-onChekced-bg-borderRadius: 0.125rem; --Tree-itemHeight: 1.5rem; --Tree-icon-gap: var(--gap-sm); --InputFormula-code-bgColor: #f7f7f9; --ResultBox-value-bg: #f7f7f9; --ResultBox-value-clear-bg: #e8e9eb; --ResultBox-value-clear-hover-bg: #f2f2f4; --SearchBox-hover-color: #2468f2; --SearchBox-focus-color: #144bcc; --SearchBox-search-icon-color: #84868c; --SearchBox-enhonce-icon-color: #ffffff; --SearchBox-clearable-icon-color: #d4d6d9; --SearchBox-clearable-icon-size: 1rem; --SearchBox-height: 1.875rem; --SearchBox-disabled-color: #f7f7f9; --SearchBox-enhonce-disabled-color: #f2f2f4; --SearchBox-enhonce-disabled-search-color: #b8babf; --SearchBox-enhonce-clearable-gap: 0.375rem; } @media (max-width: 767px) { :root { --fontSizeBase: var(--fontSizeLg); } } /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; } .cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; } .cm-fat-cursor { caret-color: transparent; } @-moz-keyframes blink { 50% { background-color: transparent; } } @-webkit-keyframes blink { 50% { background-color: transparent; } } @keyframes blink { 50% { background-color: transparent; } } /* Can style cursor different in overwrite (non-insert) mode */ .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header { color: blue; } .cm-s-default .cm-quote { color: #090; } .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-header, .cm-strong { font-weight: bold; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-keyword { color: #708; } .cm-s-default .cm-atom { color: #219; } .cm-s-default .cm-number { color: #164; } .cm-s-default .cm-def { color: #00f; } .cm-s-default .cm-variable-2 { color: #05a; } .cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #085; } .cm-s-default .cm-comment { color: #a50; } .cm-s-default .cm-string { color: #a11; } .cm-s-default .cm-string-2 { color: #f50; } .cm-s-default .cm-meta { color: #555; } .cm-s-default .cm-qualifier { color: #555; } .cm-s-default .cm-builtin { color: #30a; } .cm-s-default .cm-bracket { color: #997; } .cm-s-default .cm-tag { color: #170; } .cm-s-default .cm-attribute { color: #00c; } .cm-s-default .cm-hr { color: #999; } .cm-s-default .cm-link { color: #00c; } .cm-s-default .cm-error { color: #f00; } .cm-invalidchar { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 50px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; z-index: 0; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; outline: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent; } .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; /* Force widget margins to stay inside of the container */ } .CodeMirror-rtl pre { direction: rtl; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background-color: #ffa; background-color: rgba(255, 255, 0, 0.4); } /* Used to force a border model for a node */ .cm-force-border { padding-right: 0.1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ""; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /*! * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } img.fr-rounded, .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } img.fr-bordered, .fr-img-caption.fr-bordered img { border: solid 5px #CCC; } img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-view { word-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid #DDD; } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: #ececec; } .fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; break-after: always; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "📎"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; } .fr-view[dir=rtl] blockquote { border-left: none; border-right: solid 2px #5E35B1; margin-right: 0; padding-right: 5px; padding-left: 0; } .fr-view[dir=rtl] blockquote blockquote { border-color: #00BCD4; } .fr-view[dir=rtl] blockquote blockquote blockquote { border-color: #43A047; } .fr-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; padding-left: 5px; color: #5E35B1; } .fr-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4; } .fr-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047; } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } .fr-view .fr-text-gray { color: #AAA !important; } .fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: #ffff00; } .fr-view .fr-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .fr-view .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } /*! * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */ .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-element, .fr-element:focus { outline: 0 solid transparent; } .fr-box.fr-basic { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-basic .fr-element { font-family: sans-serif; color: #414141; font-size: 14px; line-height: 1.6; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; min-height: 60px; text-align: left; } .fr-box.fr-basic.fr-rtl .fr-element { text-align: right; } .fr-element { background: transparent; position: relative; z-index: 2; -webkit-user-select: auto; } .fr-element a { user-select: auto; -o-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; } .fr-element.fr-disabled { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-element [contenteditable=true] { outline: 0 solid transparent; } .fr-box a.fr-floating-btn { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 40px; width: 40px; text-align: center; background: #FFF; color: #333333; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; outline: none; left: 0; top: 0; line-height: 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); text-align: center; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; } .fr-box a.fr-floating-btn svg { -webkit-transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; fill: #333333; } .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg { font-size: 14px; line-height: 40px; } .fr-box a.fr-floating-btn.fr-btn + .fr-btn { margin-left: 10px; } .fr-box a.fr-floating-btn:hover { background: #ebebeb; cursor: pointer; } .fr-box a.fr-floating-btn:hover svg { fill: #333333; } .fr-box .fr-visible a.fr-floating-btn { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } iframe.fr-iframe { width: 100%; border: none; position: relative; display: block; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-wrapper { position: relative; z-index: 1; } .fr-wrapper::after { clear: both; display: block; content: ""; height: 0; } .fr-wrapper .fr-placeholder { position: absolute; font-size: 14px; color: #AAA; font-family: sans-serif; z-index: 1; display: none; top: 0; left: 0; right: 0; overflow: hidden; } .fr-wrapper.show-placeholder .fr-placeholder { display: block; white-space: nowrap; text-overflow: ellipsis; } .fr-wrapper ::-moz-selection { background: #b5d6fd; color: #000; } .fr-wrapper ::selection { background: #b5d6fd; color: #000; } .fr-box.fr-basic .fr-wrapper { background: #FFF; border: 1px solid #CCCCCC; border-bottom-color: #efefef; top: 0; left: 0; } .fr-box.fr-basic.fr-top .fr-wrapper { border-top: 0; } .fr-box.fr-basic.fr-bottom .fr-wrapper { border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media (min-width: 992px) { .fr-box.fr-document { min-width: 21cm; } .fr-box.fr-document .fr-wrapper { text-align: left; padding: 30px; min-width: 21cm; background: #efefef; } .fr-box.fr-document .fr-wrapper .fr-element { text-align: left; background: #FFF; width: 21cm; margin: auto; min-height: 26cm !important; padding: 1cm 2cm; overflow: visible; z-index: auto; } .fr-box.fr-document .fr-wrapper .fr-element hr { margin-left: -2cm; margin-right: -2cm; background: #efefef; height: 1cm; outline: none; border: none; } .fr-box.fr-document .fr-wrapper .fr-element img { z-index: 1; } } .fr-tooltip { position: absolute; top: 0; left: 0; padding: 0 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #222222; color: #FFF; font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -3000px; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 2147483647; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fr-tooltip.fr-visible { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap { float: left; white-space: nowrap; position: relative; } .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden { display: none; } .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { background: transparent; color: #333333; -moz-outline: 0; outline: none; border: 0; line-height: 1; cursor: pointer; text-align: left; margin: 4px 2px; padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; float: left; height: 40px; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner { border: 0; padding: 0; } .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text { width: auto; } .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg { display: block; text-align: center; float: none; margin: 8px 7px; width: 24px; } .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg { height: 24px; } .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; fill: #333333; } .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span { font-size: 14px; display: block; line-height: 17px; min-width: 30px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 17px; font-weight: bold; padding: 0 4px; } .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img { margin: 8px 7px; width: 24px; } .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup { background: #d6d6d6; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span { font-weight: normal; } .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg { margin-left: 3px; margin-right: 11px; } .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after { position: absolute; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333333; right: 2px; top: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; content: ""; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active { fill: #333333; background: #d6d6d6; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: #ebebeb; fill: #333333; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after { border-top-color: #333333; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after { border-top: 0; border-bottom: 4px solid #222222; } .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled { color: #bdbdbd; cursor: default; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after { border-top-color: #bdbdbd; } .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden { display: none; } .fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn { margin: 0; width: 46px; height: 40px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab { background: #FFF; } .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span { height: 27px; } .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg { margin: 8px 11px; width: 24px; height: 24px; } .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path { fill: #0098f7; } .fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active { color: #bdbdbd; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after { border-top-color: #bdbdbd; } .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left { float: right; } .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right { float: left; } .fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap { float: right; } .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; float: none; } .fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded { outline: 0; color: #333333; } .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) { background: #ebebeb; } .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after { border-top-color: #333333; } .fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active { color: #333333; background: #d6d6d6; } .fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded { background: #ebebeb; } .fr-desktop .fr-command.fr-active:active { background: #d6d6d6; } .fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected { background: transparent; } .fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected { background: transparent; } .fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink { background: #d6d6d6; } .fr-command.fr-btn.fr-options { width: 16px; margin-left: -5px; } .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus { border-left: solid 1px #FAFAFA; -webkit-transition: border-left 0s, background-color 0.5s; -moz-transition: border-left 0s, background-color 0.5s; -ms-transition: border-left 0s, background-color 0.5s; -o-transition: border-left 0s, background-color 0.5s; } .fr-command.fr-btn + .fr-dropdown-menu { background: #FFF; display: inline-block; position: absolute; right: auto; bottom: auto; height: auto; z-index: 4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-overflow-scrolling: touch; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; height: auto; max-height: 275px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { padding: 0; margin: auto; display: inline-block; text-align: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; margin-top: 0; float: left; height: 0; margin-top: 0 !important; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { position: relative; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { list-style-type: none; margin: 0; padding: 8px 0; min-width: 72px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { padding: 0; margin: 0; font-size: 15px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { padding: 0 20px; line-height: 200%; display: flex; cursor: pointer; white-space: nowrap; color: inherit; text-decoration: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg { width: 24px; height: 24px; margin: 3px 4px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path { fill: #333333; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: #d6d6d6; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { color: #bdbdbd; cursor: default; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut { margin-left: 20px; font-weight: bold; -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } .fr-command.fr-btn.fr-active + .fr-dropdown-menu { display: inline-block; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper { text-align: right !important; } body.prevent-scroll { overflow: hidden; } body.prevent-scroll.fr-mobile { position: fixed; -webkit-overflow-scrolling: touch; } .fr-modal { color: #222222; font-family: Arial, Helvetica, sans-serif; position: fixed; overflow-x: auto; overflow-y: scroll; top: 0; left: 0; bottom: 0; right: 0; width: 100%; z-index: 2147483640; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 1.2; } .fr-modal.fr-middle .fr-modal-wrapper { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; } .fr-modal .fr-modal-wrapper { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-clip: padding-box; margin: 20px auto; display: inline-block; background: #FFF; min-width: 300px; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; overflow: hidden; width: 90%; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .fr-modal .fr-modal-wrapper { margin: 30px auto; width: 70%; } } @media (min-width: 992px) { .fr-modal .fr-modal-wrapper { margin: 50px auto; width: 960px; } } .fr-modal .fr-modal-wrapper .fr-modal-head { background: #FFF; overflow: hidden; position: absolute; width: 100%; min-height: 42px; z-index: 3; border-bottom: solid #efefef 1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line { height: 56px; padding: 0 10px; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close { margin: 10px; position: absolute; top: 0; right: 0; } .fr-modal .fr-modal-wrapper .fr-modal-head h4 { font-size: 20px; padding: 19px 10px; margin: 0; font-weight: 400; line-height: 18px; display: inline-block; float: left; } .fr-modal .fr-modal-wrapper div.fr-modal-body { height: 100%; min-height: 150px; overflow-y: auto; padding-bottom: 20px; } .fr-modal .fr-modal-wrapper div.fr-modal-body:focus { outline: 0; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { height: 36px; line-height: 1; color: #0098f7; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; outline: none; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button { margin-left: 24px; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus { background: #ebebeb; color: #0098f7; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active { background: #d6d6d6; color: #0098f7; } .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner { border: 0; } .fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { background: #ebebeb; } .fr-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2147483639; } ol.decimal_type { counter-reset: item; } ol.decimal_type > li { display: block; } ol.decimal_type > li:before { content: counters(item, ".") ". "; counter-increment: item; } .fr-popup { position: absolute; display: none; color: #222222; background: #FFF; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-top: 10px; z-index: 2147483635; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; } .fr-popup .fr-icon { text-align: center; vertical-align: middle; font-size: 20px; line-height: 1; cursor: pointer; font-weight: 400; box-sizing: content-box; padding: 6px; } .fr-popup .fr-icon-container { padding: 20px; max-height: 200px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @supports not (-ms-high-contrast: none) { .fr-popup .fr-icon-container { grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); display: grid; } } @media (min-width: 768px) { .fr-popup .fr-icon-container { min-width: 276px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fr-popup .fr-icon-container { display: inline-flex; -ms-flex-flow: row wrap; } } @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) { .fr-popup .fr-icon-container { width: 236px; } } .fr-popup .fr-input-focus { background: whitesmoke; } .fr-popup.fr-above { margin-top: -10px; border-top: 0; } .fr-popup.fr-active { display: block; } .fr-popup.fr-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-popup.fr-empty { display: none !important; } .fr-popup .fr-hs { display: block !important; } .fr-popup .fr-hs.fr-hidden { display: none !important; } .fr-popup .fr-input-line { position: relative; padding: 15px 0; } .fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line textarea { width: 100%; margin-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: solid 1px #999999; color: #222222; font-size: 14px; background: #FFF; position: relative; z-index: 2; padding: 4px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.5s, padding 0.5s; -moz-transition: border 0.5s, padding 0.5s; -ms-transition: border 0.5s, padding 0.5s; -o-transition: border 0.5s, padding 0.5s; } .fr-popup .fr-input-line input[type=text]:hover, .fr-popup .fr-input-line textarea:hover { border: solid 1px #515151; } .fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line textarea:focus { border: solid 2px #0098f7; padding: 3px 11px; } .fr-popup .fr-input-line input[type=text] { height: 46px; } .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label { position: absolute; top: 29px; left: 12px; font-size: 14px; color: grey; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index: 3; display: block; background: #FFF; padding: 0; cursor: text; } .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label { color: gray; width: auto; left: 4px; padding: 0 4px; font-size: 11px; top: 9px; } .fr-popup input, .fr-popup textarea { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; } .fr-popup textarea { resize: none; } .fr-popup .fr-buttons { white-space: nowrap; line-height: 0; } .fr-popup .fr-buttons .fr-btn { margin-left: 4px; margin-right: 4px; display: inline-block; float: none; } .fr-popup .fr-buttons .fr-btn i { float: left; } .fr-popup .fr-buttons .fr-separator { display: inline-block; float: none; } .fr-popup .fr-buttons.fr-tabs { border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; overflow: hidden; } @media (max-width: 768px) { .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll { overflow: scroll; overflow-y: hidden; width: 276px; } } .fr-popup .fr-buttons:not(.fr-tabs) { padding: 5px; } .fr-popup .fr-layer { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px; display: none; } @media (min-width: 768px) { .fr-popup .fr-layer { width: 260px; } } .fr-popup .fr-layer.fr-active { display: inline-block; } .fr-popup .fr-action-buttons { z-index: 7; height: 36px; text-align: right; } .fr-popup .fr-action-buttons button.fr-command { height: 36px; line-height: 1; color: #0098f7; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; outline: none; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-popup .fr-action-buttons button.fr-command + button { margin-left: 24px; } .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus { background: #ebebeb; color: #0098f7; } .fr-popup .fr-action-buttons button.fr-command:active { background: #d6d6d6; color: #0098f7; } .fr-popup .fr-action-buttons button::-moz-focus-inner { border: 0; } .fr-popup .fr-checkbox { position: relative; display: inline-block; width: 18px; height: 18px; padding: 10px; border-radius: 100%; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: middle; } .fr-popup .fr-checkbox svg { margin-left: 2px; margin-top: 2px; display: none; width: 10px; height: 10px; } .fr-popup .fr-checkbox span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 18px; height: 18px; display: inline-block; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } .fr-popup .fr-checkbox input { position: absolute; z-index: 2; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 0 none; cursor: pointer; height: 18px; margin: 0; padding: 0; width: 18px; top: 7px; left: 7px; } .fr-popup .fr-checkbox input:not(:checked) + span { border: solid 2px #999999; } .fr-popup .fr-checkbox input:not(:checked):active + span { background-color: #f5f5f5; } .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span { border-color: #515151; } .fr-popup .fr-checkbox input:checked + span { background: #0098f7; border: solid 2px #0098f7; } .fr-popup .fr-checkbox input:checked + span svg { display: block; } .fr-popup .fr-checkbox input:checked:active + span { background-color: #EcF5Ff; } .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-popup .fr-checkbox-line { font-size: 14px; line-height: 1.4px; margin-top: 10px; } .fr-popup .fr-checkbox-line label { cursor: pointer; margin: 0 5px; vertical-align: middle; } .fr-popup.fr-rtl { direction: rtl; text-align: right; } .fr-popup.fr-rtl .fr-action-buttons { text-align: left; } .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label { left: auto; right: 0; } .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs { float: right; } .fr-text-edit-layer { width: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block !important; } .fr-toolbar { color: #222222; background: #FFF; position: relative; font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: left; border: 1px solid #CCCCCC; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; padding-bottom: 0; -webkit-transition: padding-bottom 0.5s; -moz-transition: padding-bottom 0.5s; -ms-transition: padding-bottom 0.5s; -o-transition: padding-bottom 0.5s; } .fr-toolbar::after { clear: both; display: block; content: ""; height: 0; } .fr-toolbar::after { height: 0; } .fr-toolbar .fr-newline { clear: both; display: block; content: ""; margin-left: 9px; margin-right: 9px; background: #efefef; height: 1px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; } .fr-toolbar.fr-toolbar-open { padding-bottom: 48px; } .fr-toolbar.fr-toolbar-open .fr-newline { height: 0; } .fr-toolbar .fr-float-right { float: right; } .fr-toolbar .fr-float-left { float: left; } .fr-toolbar .fr-more-toolbar { float: left; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; height: 0; z-index: 2; overflow: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .fr-toolbar .fr-more-toolbar.fr-expanded { height: 48px; } .fr-toolbar .fr-more-toolbar.fr-overflow-visible { overflow: visible; } .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn { margin-left: 4px; margin-right: 4px; } .fr-toolbar .fr-btn-grp { display: inline-block; margin: 0 17px 0 12px; } @media (max-width: 768px) { .fr-toolbar .fr-btn-grp { margin: 0 7px 0 6px; } } .fr-toolbar .fr-command.fr-btn.fr-open { margin-top: 10px; margin-bottom: -1px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) { background: #f5f5f5; } .fr-toolbar.fr-rtl { text-align: right; } .fr-toolbar.fr-inline { display: none; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; white-space: nowrap; position: absolute; margin-top: 5px; z-index: 2147483630; } .fr-toolbar.fr-inline.fr-above { margin-top: -10px; border-top: 0; } .fr-toolbar.fr-inline .fr-newline { height: 0; } .fr-toolbar.fr-top { top: 0; border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-bottom { bottom: 0; border-top: 0; padding-bottom: 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-bottom .fr-newline { padding-top: 0; -webkit-transition: padding-top 0.5s; -moz-transition: padding-top 0.5s; -ms-transition: padding-top 0.5s; -o-transition: padding-top 0.5s; } .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline { padding-top: 48px; background: #FFF; } .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open { margin-top: -1px; margin-bottom: 10px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-toolbar.fr-sticky-on { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-separator { background: #ebebeb; display: block; vertical-align: top; float: left; } .fr-separator + .fr-separator { display: none; } .fr-separator.fr-vs { height: 32px; width: 1px; margin: 8px 4px; } .fr-separator.fr-hs { clear: both; width: calc(100% - (2 * 4px)); margin: 0 4px; height: 1px; } .fr-separator.fr-hidden { display: none !important; } .fr-rtl .fr-separator { float: right; } .fr-toolbar.fr-inline .fr-separator.fr-hs { float: none; } .fr-toolbar.fr-inline .fr-separator.fr-vs { float: none; display: inline-block; } .second-toolbar { border: 1px solid #CCCCCC; border-top: 0; background: #FFF; line-height: 1.4; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .second-toolbar::after { clear: both; display: block; content: ""; height: 0; } #logo { float: left; outline: none; } #logo > span { display: inline-block; float: left; font-family: sans-serif; padding: 11px 5px 10px 15px; font-size: 12px; font-weight: 500; color: #b1b2b7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; } #logo > svg { height: 20px; width: 47px; margin: 7px 0; cursor: pointer; } #logo > svg * { -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -ms-transition: fill 0.3s; -o-transition: fill 0.3s; } #logo:hover > span, #logo:focus > span { color: #0098f7; } #logo:hover > svg .fr-logo, #logo:focus > svg .fr-logo { fill: #0098f7; } .fr-visibility-helper { display: none; margin-left: 0 !important; } @media (min-width: 768px) { .fr-visibility-helper { margin-left: 1px !important; } } @media (min-width: 992px) { .fr-visibility-helper { margin-left: 2px !important; } } @media (min-width: 1200px) { .fr-visibility-helper { margin-left: 3px !important; } } .fr-opacity-0 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-box { position: relative; } .fr-sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; } .fr-sticky-off { position: relative; } .fr-sticky-on { position: fixed; z-index: 10; } .fr-sticky-on.fr-sticky-ios { position: absolute; left: 0; right: 0; width: auto !important; } .fr-sticky-dummy { display: none; } .fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy { display: block; } span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-box .fr-counter { padding: 10px; float: right; color: #999999; content: attr(data-chars); font-size: 14px; font-family: sans-serif; z-index: 1; border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-rtl .fr-counter { left: 0; right: auto; border-left: none; border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-code-view .fr-counter { display: none; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } textarea.fr-code { display: none; width: 100%; resize: none; -moz-resize: none; -webkit-resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 10px; margin: 0; font-family: "Courier New", monospace; font-size: 14px; background: #FFF; color: #000; outline: none; } .fr-box.fr-rtl textarea.fr-code { direction: rtl; } .fr-box .CodeMirror { display: none; } .fr-box.fr-code-view textarea.fr-code { display: block; } .fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe { display: none; } .fr-box.fr-code-view .CodeMirror { display: block; } .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch { display: block; } .fr-box.fr-inline .fr-command.fr-btn.html-switch { display: none; position: absolute; top: 0; right: 0; display: none; background: #FFF; color: #333333; -moz-outline: 0; outline: 0; border: 0; line-height: 1; cursor: pointer; text-align: left; padding: 8px 7px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-box.fr-inline .fr-command.fr-btn.html-switch i { font-size: 24px; width: 24px; text-align: center; } .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { background: #ebebeb; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-popup .fr-layer.fr-color-hex-layer { margin: 0; padding: 20px; padding-top: 0; float: left; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line { float: left; width: calc(100% - 50px); padding: 15px 0 0; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons { float: right; width: 38px; height: 40px; padding: 17px 0 0; margin: 0; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 13px; height: 40px; width: 38px; } .fr-popup .fr-separator + .fr-colors-tabs { margin-left: 2px; margin-right: 2px; } .fr-popup .fr-color-set { line-height: 0; display: none; } .fr-popup .fr-color-set.fr-selected-set { display: block; padding: 20px; padding-bottom: 0; } .fr-popup .fr-color-set > span { display: inline-block; width: 32px; height: 32px; position: relative; z-index: 1; } .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg { text-align: center; line-height: 32px; height: 24px; width: 24px; margin: 4px; font-size: 13px; position: absolute; bottom: 0; cursor: default; left: 0; } .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path { fill: #222222; } .fr-popup .fr-color-set > span .fr-selected-color { color: #FFF; font-family: FontAwesome; font-size: 13px; font-weight: 400; line-height: 32px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; cursor: default; } .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus { outline: 1px solid #222222; z-index: 2; } .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-drag-helper { background: #0098f7; height: 2px; margin-top: -1px; -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; z-index: 2147483640; display: none; } .fr-drag-helper.fr-visible { display: block; } .fr-dragging { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-popup .fr-emoticon { width: 24px; height: 24px; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; } .fr-popup .fr-emoticon img { height: 24px; width: 24px; } .fr-popup .fr-command.fr-btn.fr-tabs-unicode { padding: 0 0 0 14px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .fr-popup .fr-icon-container.fr-emoticon-container { width: 368px; } } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-popup .fr-file-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .fr-popup .fr-file-upload-layer:hover { background: #ebebeb; } .fr-popup .fr-file-upload-layer.fr-drop { background: #ebebeb; border-color: #0098f7; } .fr-popup .fr-file-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important; } .fr-popup .fr-file-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px; } .fr-popup .fr-file-progress-bar-layer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-popup .fr-file-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0; font-weight: normal; } .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } @keyframes loading { from { left: -25%; } to { left: 100%; } } @-webkit-keyframes loading { from { left: -25%; } to { left: 100%; } } @-moz-keyframes loading { from { left: -25%; } to { left: 100%; } } @-o-keyframes loading { from { left: -25%; } to { left: 100%; } } @keyframes loading { from { left: -25%; } to { left: 100%; } } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } body.fr-fullscreen { overflow: hidden; height: 100%; width: 100%; position: fixed; } .fr-box.fr-fullscreen { margin: 0 !important; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483630 !important; width: auto !important; } .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-fullscreen .fr-toolbar { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-box.fr-fullscreen .fr-toolbar.fr-top { top: 0 !important; } .fr-box.fr-fullscreen .fr-toolbar.fr-bottom { bottom: 0 !important; } .fr-box.fr-fullscreen .second-toolbar { margin-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-fullscreen-wrapper { z-index: 2147483640 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal { text-align: left; padding: 20px 20px 10px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table { border-collapse: collapse; font-size: 14px; line-height: 1.5; width: 100%; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table { margin-top: 20px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { border: 0; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th { text-align: left; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td { padding: 6px 0 4px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { border-bottom: solid 1px #ebebeb; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { width: 60%; color: #646464; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) { letter-spacing: 0.5px; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-element img { cursor: pointer; padding: 0 1px; } .fr-image-resizer { position: absolute; border: solid 1px #0098f7; display: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-image-resizer.fr-active { display: block; } .fr-image-resizer .fr-handler { display: block; position: absolute; background: #0098f7; border: solid 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-image-resizer .fr-handler.fr-hnw { cursor: nw-resize; } .fr-image-resizer .fr-handler.fr-hne { cursor: ne-resize; } .fr-image-resizer .fr-handler.fr-hsw { cursor: sw-resize; } .fr-image-resizer .fr-handler.fr-hse { cursor: se-resize; } .fr-image-resizer .fr-handler { width: 12px; height: 12px; } .fr-image-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .fr-image-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .fr-image-resizer .fr-handler { width: 10px; height: 10px; } .fr-image-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .fr-image-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .fr-image-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; display: none; } .fr-popup .fr-image-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center; } .fr-popup .fr-image-upload-layer:hover { background: #ebebeb; } .fr-popup .fr-image-upload-layer.fr-drop { background: #ebebeb; border-color: #0098f7; } .fr-popup .fr-image-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important; } .fr-popup .fr-image-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px; } .fr-popup .fr-image-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0; font-weight: normal; } .fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } .fr-image-size-layer .fr-image-group .fr-input-line { width: calc(50% - 5px); display: inline-block; } .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { margin-left: 10px; } .fr-uploading { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @-webkit-keyframes loading { from { left: -25%; } to { left: 100%; } } @-moz-keyframes loading { from { left: -25%; } to { left: 100%; } } @-o-keyframes loading { from { left: -25%; } to { left: 100%; } } @keyframes loading { from { left: -25%; } to { left: 100%; } } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-modal .fr-modal-head .fr-modal-head-line::after { clear: both; display: block; content: ""; height: 0; } .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more { margin-top: 10px; } .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available { opacity: 0; width: 0; padding: 12px 0; } .fr-modal .fr-modal-head .fr-modal-tags { padding: 0 20px; display: none; text-align: left; } .fr-modal .fr-modal-head .fr-modal-tags a { display: inline-block; opacity: 0; padding: 6px 12px; margin: 8px 0 8px 8px; text-decoration: none; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; cursor: pointer; background-color: #f5f5f5; } .fr-modal .fr-modal-head .fr-modal-tags a:focus { outline: none; background-color: #ebebeb; } .fr-modal .fr-modal-head .fr-modal-tags a:hover { background-color: #ebebeb; } .fr-modal .fr-modal-head .fr-modal-tags a:active { background-color: #d6d6d6; } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag { background-color: #EcF5Ff; color: #0098f7; } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus { outline: none; background-color: #ebebeb; } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover { background-color: #ebebeb; } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active { background-color: #d6d6d6; } .fr-show-tags .fr-modal-more svg path { fill: #0098f7; } div.fr-modal-body { -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; } div.fr-modal-body .fr-preloader { display: block; margin: 50px auto; } div.fr-modal-body div.fr-image-list { text-align: center; margin: 0 20px; padding: 0; } div.fr-modal-body div.fr-image-list .fr-list-column { float: left; width: calc((100% - 20px) / 2); } @media (min-width: 768px) and (max-width: 1199px) { div.fr-modal-body div.fr-image-list .fr-list-column { width: calc((100% - 40px) / 3); } } @media (min-width: 1200px) { div.fr-modal-body div.fr-image-list .fr-list-column { width: calc((100% - 60px) / 4); } } div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column { margin-left: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container { position: relative; width: 100%; display: block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; } div.fr-modal-body div.fr-image-list div.fr-image-container:first-child { margin-top: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container + div { margin-top: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { position: absolute; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; background: #000; content: ""; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { content: attr(data-deleting); color: #FFF; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; z-index: 3; font-size: 15px; height: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { height: 95px; background: #CCCCCC; z-index: 1; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; content: attr(data-loading); display: inline-block; height: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container img { width: 100%; vertical-align: middle; position: relative; z-index: 2; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img { display: inline-block; } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { display: none; top: 50%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; cursor: pointer; margin: 0; line-height: 40px; text-decoration: none; z-index: 3; } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { background: #B8312F; fill: #FFF; padding: 8px; left: 50%; -webkit-transform: translateY(-50%) translateX(25%); -moz-transform: translateY(-50%) translateX(25%); -ms-transform: translateY(-50%) translateX(25%); -o-transform: translateY(-50%) translateX(25%); } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background: #FFF; fill: #0098f7; padding: 8px; left: 50%; -webkit-transform: translateY(-50%) translateX(-125%); -moz-transform: translateY(-50%) translateX(-125%); -ms-transform: translateY(-50%) translateX(-125%); -o-transform: translateY(-50%) translateX(-125%); } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { display: inline-block; width: 40px; height: 40px; } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { background: #bf4644; color: #FFF; } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { background: #ebebeb; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-line-breaker { cursor: text; border-top: 1px solid #0098f7; position: fixed; z-index: 2; display: none; } .fr-line-breaker.fr-visible { display: block; } .fr-line-breaker a.fr-floating-btn { position: absolute; left: calc(50% - (40px / 2)); top: -20px; } .fr-line-breaker a.fr-floating-btn svg { margin: 8px; height: 24px; width: 24px; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-quick-insert { position: absolute; z-index: 2147483639; white-space: nowrap; padding-right: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-quick-insert a.fr-floating-btn svg { margin: 8px; width: 24px; height: 24px; } .fr-quick-insert.fr-on a.fr-floating-btn svg { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .fr-quick-insert.fr-hidden { display: none; } .fr-qi-helper { position: absolute; z-index: 3; padding-left: 20px; white-space: nowrap; } .fr-qi-helper a.fr-btn.fr-floating-btn { text-align: center; padding: 6px 10px 10px 10px; display: inline-block; color: #222222; background: #FFF; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .fr-qi-helper a.fr-btn.fr-floating-btn svg { fill: #222222; } .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-popup .fr-buttons.fr-tabs .fr-special-character-category { padding: 10px 15px; } .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span { font-weight: normal; font-size: 16px; } .fr-popup .fr-special-character { width: 24px; height: 24px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .fr-popup .fr-icon-container.fr-sc-container { width: 368px; } } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell { border: 1px double #0098f7; } .fr-element table tr { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-element table td, .fr-element table th { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-table-resizer { cursor: col-resize; position: absolute; z-index: 3; display: none; } .fr-table-resizer.fr-moving { z-index: 2; } .fr-table-resizer div { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-right: 1px solid #0098f7; } .fr-no-selection { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-popup .fr-table-size { margin: 20px; } .fr-popup .fr-table-size .fr-table-size-info { text-align: center; font-size: 14px; } .fr-popup .fr-table-size .fr-select-table-size { line-height: 0; padding: 5px; white-space: nowrap; } .fr-popup .fr-table-size .fr-select-table-size > span { display: inline-block; padding: 0 4px 4px 0; background: transparent; } .fr-popup .fr-table-size .fr-select-table-size > span > span { display: inline-block; width: 18px; height: 18px; border: 1px solid #DDD; } .fr-popup .fr-table-size .fr-select-table-size > span.hover { background: transparent; } .fr-popup .fr-table-size .fr-select-table-size > span.hover > span { background: rgba(0, 152, 247, 0.3); border: solid 1px #0098f7; } .fr-popup .fr-table-size .fr-select-table-size .new-line::after { clear: both; display: block; content: ""; height: 0; } .fr-popup.fr-above .fr-table-size .fr-select-table-size > span { display: inline-block !important; } .fr-popup .fr-table-colors { display: block; padding: 20px; padding-bottom: 0; } .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { width: 12px; height: 12px; } .fr-insert-helper { position: absolute; z-index: 9999; white-space: nowrap; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-element .fr-video { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-element .fr-video::after { position: absolute; content: ""; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; display: block; background: transparent; } .fr-element .fr-video.fr-active > * { z-index: 2; position: relative; } .fr-element .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-box .fr-video-resizer { position: absolute; border: solid 1px #0098f7; display: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .fr-box .fr-video-resizer.fr-active { display: block; } .fr-box .fr-video-resizer .fr-handler { display: block; position: absolute; background: #0098f7; border: solid 1px #FFF; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { cursor: nw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hne { cursor: ne-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { cursor: sw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hse { cursor: se-resize; } .fr-box .fr-video-resizer .fr-handler { width: 12px; height: 12px; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .fr-box .fr-video-resizer .fr-handler { width: 10px; height: 10px; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line { width: calc(50% - 5px); display: inline-block; } .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line { margin-left: 10px; } .fr-popup .fr-video-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center; } .fr-popup .fr-video-upload-layer:hover { background: #ebebeb; } .fr-popup .fr-video-upload-layer.fr-drop { background: #ebebeb; border-color: #0098f7; } .fr-popup .fr-video-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important; } .fr-popup .fr-video-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px; } .fr-popup .fr-video-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0; font-weight: normal; } .fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } .fr-video-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; display: none; } .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } img.fr-rounded, .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } img.fr-bordered, .fr-img-caption.fr-bordered img { border: solid 5px #CCC; } img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-view { word-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid #DDD; } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: #ececec; } .fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; break-after: always; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "📎"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; } .fr-view[dir=rtl] blockquote { border-left: none; border-right: solid 2px #5E35B1; margin-right: 0; padding-right: 5px; padding-left: 0; } .fr-view[dir=rtl] blockquote blockquote { border-color: #00BCD4; } .fr-view[dir=rtl] blockquote blockquote blockquote { border-color: #43A047; } .fr-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; padding-left: 5px; color: #5E35B1; } .fr-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4; } .fr-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047; } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } .fr-view .fr-text-gray { color: #AAA !important; } .fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: #ffff00; } .fr-view .fr-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .fr-view .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } /** * Copyright (c) Tiny Technologies, Inc. All rights reserved. * Licensed under the LGPL or a commercial license. * For LGPL see License.txt in the project root for license information. * For commercial licenses see https://www.tiny.cloud/ */ .tox { box-shadow: none; box-sizing: content-box; color: #222f3e; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: normal; -webkit-tap-highlight-color: transparent; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: initial; white-space: normal; } .tox *:not(svg):not(rect) { box-sizing: inherit; color: inherit; cursor: inherit; direction: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; -webkit-tap-highlight-color: inherit; text-align: inherit; text-decoration: inherit; text-shadow: inherit; text-transform: inherit; vertical-align: inherit; white-space: inherit; } .tox *:not(svg):not(rect) { /* stylelint-disable-line no-duplicate-selectors */ background: transparent; border: 0; box-shadow: none; float: none; height: auto; margin: 0; max-width: none; outline: 0; padding: 0; position: static; width: auto; } .tox:not([dir=rtl]) { direction: ltr; text-align: left; } .tox[dir=rtl] { direction: rtl; text-align: right; } .tox-tinymce { border: 1px solid #cccccc; border-radius: 0; box-shadow: none; box-sizing: border-box; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; overflow: hidden; position: relative; visibility: inherit !important; } .tox-tinymce-inline { border: none; box-shadow: none; } .tox-tinymce-inline .tox-editor-header { background-color: transparent; border: 1px solid #cccccc; border-radius: 0; box-shadow: none; } .tox-tinymce-aux { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; z-index: 1300; } .tox-tinymce *:focus, .tox-tinymce-aux *:focus { outline: none; } button::-moz-focus-inner { border: 0; } .tox[dir=rtl] .tox-icon--flip svg { transform: rotateY(180deg); } .tox .accessibility-issue__header { align-items: center; display: flex; margin-bottom: 4px; } .tox .accessibility-issue__description { align-items: stretch; border: 1px solid #cccccc; border-radius: 3px; display: flex; justify-content: space-between; } .tox .accessibility-issue__description > div { padding-bottom: 4px; } .tox .accessibility-issue__description > div > div { align-items: center; display: flex; margin-bottom: 4px; } .tox .accessibility-issue__description > *:last-child:not(:only-child) { border-color: #cccccc; border-style: solid; } .tox .accessibility-issue__repair { margin-top: 16px; } .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { background-color: rgba(32, 122, 183, 0.1); border-color: rgba(32, 122, 183, 0.4); color: #222f3e; } .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { border-color: rgba(32, 122, 183, 0.4); } .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { color: #207ab7; } .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { fill: #207ab7; } .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { color: #207ab7; } .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { background-color: rgba(255, 165, 0, 0.1); border-color: rgba(255, 165, 0, 0.5); color: #222f3e; } .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { border-color: rgba(255, 165, 0, 0.5); } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { color: #cc8500; } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { fill: #cc8500; } .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { color: #cc8500; } .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { background-color: rgba(204, 0, 0, 0.1); border-color: rgba(204, 0, 0, 0.4); color: #222f3e; } .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { border-color: rgba(204, 0, 0, 0.4); } .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { color: #c00; } .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { fill: #c00; } .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { color: #c00; } .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { background-color: rgba(120, 171, 70, 0.1); border-color: rgba(120, 171, 70, 0.4); color: #222f3e; } .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { border-color: rgba(120, 171, 70, 0.4); } .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { color: #78AB46; } .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { fill: #78AB46; } .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { color: #78AB46; } .tox .tox-dialog__body-content .accessibility-issue__header h1, .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { margin-top: 0; } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { margin-left: 4px; } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { margin-left: auto; } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { padding: 4px 4px 4px 8px; } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { border-left-width: 1px; padding-left: 4px; } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { margin-right: 4px; } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { margin-right: auto; } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { padding: 4px 8px 4px 4px; } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { border-right-width: 1px; padding-right: 4px; } .tox .tox-anchorbar { display: flex; flex: 0 0 auto; } .tox .tox-bar { display: flex; flex: 0 0 auto; } .tox .tox-button { background-color: #207ab7; background-image: none; background-position: 0 0; background-repeat: repeat; border-color: #207ab7; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 24px; margin: 0; outline: none; padding: 4px 16px; text-align: center; text-decoration: none; text-transform: none; white-space: nowrap; } .tox .tox-button[disabled] { background-color: #207ab7; background-image: none; border-color: #207ab7; box-shadow: none; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; } .tox .tox-button:focus:not(:disabled) { background-color: #1c6ca1; background-image: none; border-color: #1c6ca1; box-shadow: none; color: #fff; } .tox .tox-button:hover:not(:disabled) { background-color: #1c6ca1; background-image: none; border-color: #1c6ca1; box-shadow: none; color: #fff; } .tox .tox-button:active:not(:disabled) { background-color: #185d8c; background-image: none; border-color: #185d8c; box-shadow: none; color: #fff; } .tox .tox-button--secondary { background-color: #f0f0f0; background-image: none; background-position: 0 0; background-repeat: repeat; border-color: #f0f0f0; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; color: #222f3e; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: normal; outline: none; padding: 4px 16px; text-decoration: none; text-transform: none; } .tox .tox-button--secondary[disabled] { background-color: #f0f0f0; background-image: none; border-color: #f0f0f0; box-shadow: none; color: rgba(34, 47, 62, 0.5); } .tox .tox-button--secondary:focus:not(:disabled) { background-color: #e3e3e3; background-image: none; border-color: #e3e3e3; box-shadow: none; color: #222f3e; } .tox .tox-button--secondary:hover:not(:disabled) { background-color: #e3e3e3; background-image: none; border-color: #e3e3e3; box-shadow: none; color: #222f3e; } .tox .tox-button--secondary:active:not(:disabled) { background-color: #d6d6d6; background-image: none; border-color: #d6d6d6; box-shadow: none; color: #222f3e; } .tox .tox-button--icon, .tox .tox-button.tox-button--icon, .tox .tox-button.tox-button--secondary.tox-button--icon { padding: 4px; } .tox .tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { display: block; fill: currentColor; } .tox .tox-button-link { background: 0; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; white-space: nowrap; } .tox .tox-button-link--sm { font-size: 14px; } .tox .tox-button--naked { background-color: transparent; border-color: transparent; box-shadow: unset; color: #222f3e; } .tox .tox-button--naked[disabled] { background-color: #f0f0f0; border-color: #f0f0f0; box-shadow: none; color: rgba(34, 47, 62, 0.5); } .tox .tox-button--naked:hover:not(:disabled) { background-color: #e3e3e3; border-color: #e3e3e3; box-shadow: none; color: #222f3e; } .tox .tox-button--naked:focus:not(:disabled) { background-color: #e3e3e3; border-color: #e3e3e3; box-shadow: none; color: #222f3e; } .tox .tox-button--naked:active:not(:disabled) { background-color: #d6d6d6; border-color: #d6d6d6; box-shadow: none; color: #222f3e; } .tox .tox-button--naked .tox-icon svg { fill: currentColor; } .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { color: #222f3e; } .tox .tox-checkbox { align-items: center; border-radius: 3px; cursor: pointer; display: flex; height: 36px; min-width: 36px; } .tox .tox-checkbox__input { /* Hide from view but visible to screen readers */ height: 1px; overflow: hidden; position: absolute; top: auto; width: 1px; } .tox .tox-checkbox__icons { align-items: center; border-radius: 3px; box-shadow: 0 0 0 2px transparent; box-sizing: content-box; display: flex; height: 24px; justify-content: center; padding: calc(4px - 1px); width: 24px; } .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: block; fill: rgba(34, 47, 62, 0.3); } .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { display: none; fill: #207ab7; } .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { display: none; fill: #207ab7; } .tox .tox-checkbox--disabled { color: rgba(34, 47, 62, 0.5); cursor: not-allowed; } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { fill: rgba(34, 47, 62, 0.5); } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { fill: rgba(34, 47, 62, 0.5); } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { fill: rgba(34, 47, 62, 0.5); } .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: none; } .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { display: block; } .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: none; } .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { display: block; } .tox input.tox-checkbox__input:focus + .tox-checkbox__icons { border-radius: 3px; box-shadow: inset 0 0 0 1px #207ab7; padding: calc(4px - 1px); } .tox:not([dir=rtl]) .tox-checkbox__label { margin-left: 4px; } .tox:not([dir=rtl]) .tox-checkbox__input { left: -10000px; } .tox:not([dir=rtl]) .tox-bar .tox-checkbox { margin-left: 4px; } .tox[dir=rtl] .tox-checkbox__label { margin-right: 4px; } .tox[dir=rtl] .tox-checkbox__input { right: -10000px; } .tox[dir=rtl] .tox-bar .tox-checkbox { margin-right: 4px; } .tox { /* stylelint-disable-next-line no-descending-specificity */ } .tox .tox-collection--toolbar .tox-collection__group { display: flex; padding: 0; } .tox .tox-collection--grid .tox-collection__group { display: flex; flex-wrap: wrap; max-height: 208px; overflow-x: hidden; overflow-y: auto; padding: 0; } .tox .tox-collection--list .tox-collection__group { border-bottom-width: 0; border-color: #cccccc; border-left-width: 0; border-right-width: 0; border-style: solid; border-top-width: 1px; padding: 4px 0; } .tox .tox-collection--list .tox-collection__group:first-child { border-top-width: 0; } .tox .tox-collection__group-heading { background-color: #e6e6e6; color: rgba(34, 47, 62, 0.7); cursor: default; font-size: 12px; font-style: normal; font-weight: normal; margin-bottom: 4px; margin-top: -4px; padding: 4px 8px; text-transform: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tox .tox-collection__item { align-items: center; color: #222f3e; cursor: pointer; display: flex; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tox .tox-collection--list .tox-collection__item { padding: 4px 8px; } .tox .tox-collection--toolbar .tox-collection__item { border-radius: 3px; padding: 4px; } .tox .tox-collection--grid .tox-collection__item { border-radius: 3px; padding: 4px; } .tox .tox-collection--list .tox-collection__item--enabled { background-color: #fff; color: #222f3e; } .tox .tox-collection--list .tox-collection__item--active { background-color: #dee0e2; } .tox .tox-collection--toolbar .tox-collection__item--enabled { background-color: #c8cbcf; color: #222f3e; } .tox .tox-collection--toolbar .tox-collection__item--active { background-color: #dee0e2; } .tox .tox-collection--grid .tox-collection__item--enabled { background-color: #c8cbcf; color: #222f3e; } .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { background-color: #dee0e2; color: #222f3e; } .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #222f3e; } .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #222f3e; } .tox .tox-collection__item-icon, .tox .tox-collection__item-checkmark { align-items: center; display: flex; height: 24px; justify-content: center; width: 24px; } .tox .tox-collection__item-icon svg, .tox .tox-collection__item-checkmark svg { fill: currentColor; } .tox .tox-collection--toolbar-lg .tox-collection__item-icon { height: 48px; width: 48px; } .tox .tox-collection__item-label { color: currentColor; display: inline-block; flex: 1; -ms-flex-preferred-size: auto; font-size: 14px; font-style: normal; font-weight: normal; line-height: 24px; text-transform: none; word-break: break-all; } .tox .tox-collection__item-accessory { color: rgba(34, 47, 62, 0.7); display: inline-block; font-size: 14px; height: 24px; line-height: 24px; text-transform: none; } .tox .tox-collection__item-caret { align-items: center; display: flex; min-height: 24px; } .tox .tox-collection__item-caret::after { content: ""; font-size: 0; min-height: inherit; } .tox .tox-collection__item-caret svg { fill: #222f3e; } .tox .tox-collection__item--state-disabled { background-color: transparent; color: rgba(34, 47, 62, 0.5); cursor: not-allowed; } .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { fill: rgba(34, 47, 62, 0.5); } .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { display: none; } .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { display: none; } .tox .tox-collection--horizontal { background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: nowrap; margin-bottom: 0; overflow-x: auto; padding: 0; } .tox .tox-collection--horizontal .tox-collection__group { align-items: center; display: flex; flex-wrap: nowrap; margin: 0; padding: 0 4px; } .tox .tox-collection--horizontal .tox-collection__item { height: 34px; margin: 2px 0 3px 0; padding: 0 4px; } .tox .tox-collection--horizontal .tox-collection__item-label { white-space: nowrap; } .tox .tox-collection--horizontal .tox-collection__item-caret { margin-left: 4px; } .tox .tox-collection__item-container { display: flex; } .tox .tox-collection__item-container--row { align-items: center; flex: 1 1 auto; flex-direction: row; } .tox .tox-collection__item-container--row.tox-collection__item-container--align-left { margin-right: auto; } .tox .tox-collection__item-container--row.tox-collection__item-container--align-right { justify-content: flex-end; margin-left: auto; } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { align-items: flex-start; margin-bottom: auto; } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { align-items: center; } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { align-items: flex-end; margin-top: auto; } .tox .tox-collection__item-container--column { -ms-grid-row-align: center; align-self: center; flex: 1 1 auto; flex-direction: column; } .tox .tox-collection__item-container--column.tox-collection__item-container--align-left { align-items: flex-start; } .tox .tox-collection__item-container--column.tox-collection__item-container--align-right { align-items: flex-end; } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { align-self: flex-start; } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { -ms-grid-row-align: center; align-self: center; } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { align-self: flex-end; } .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { border-right: 1px solid #cccccc; } .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { margin-left: 8px; } .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { margin-left: 4px; } .tox:not([dir=rtl]) .tox-collection__item-accessory { margin-left: 16px; text-align: right; } .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { margin-left: 16px; } .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { border-left: 1px solid #cccccc; } .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { margin-right: 8px; } .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { margin-right: 4px; } .tox[dir=rtl] .tox-collection__item-accessory { margin-right: 16px; text-align: left; } .tox[dir=rtl] .tox-collection .tox-collection__item-caret { margin-right: 16px; transform: rotateY(180deg); } .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { margin-right: 4px; } .tox .tox-color-picker-container { display: flex; flex-direction: row; height: 225px; margin: 0; } .tox .tox-sv-palette { box-sizing: border-box; display: flex; height: 100%; } .tox .tox-sv-palette-spectrum { height: 100%; } .tox .tox-sv-palette, .tox .tox-sv-palette-spectrum { width: 225px; } .tox .tox-sv-palette-thumb { background: none; border: 1px solid black; border-radius: 50%; box-sizing: content-box; height: 12px; position: absolute; width: 12px; } .tox .tox-sv-palette-inner-thumb { border: 1px solid white; border-radius: 50%; height: 10px; position: absolute; width: 10px; } .tox .tox-hue-slider { box-sizing: border-box; height: 100%; width: 25px; } .tox .tox-hue-slider-spectrum { background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); height: 100%; width: 100%; } .tox .tox-hue-slider, .tox .tox-hue-slider-spectrum { width: 20px; } .tox .tox-hue-slider-thumb { background: white; border: 1px solid black; box-sizing: content-box; height: 4px; width: 100%; } .tox .tox-rgb-form { display: flex; flex-direction: column; justify-content: space-between; } .tox .tox-rgb-form div { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; width: inherit; } .tox .tox-rgb-form input { width: 6em; } .tox .tox-rgb-form input.tox-invalid { /* Need !important to override Chrome's focus styling unfortunately */ border: 1px solid red !important; } .tox .tox-rgb-form .tox-rgba-preview { border: 1px solid black; flex-grow: 2; margin-bottom: 0; } .tox:not([dir=rtl]) .tox-sv-palette { margin-right: 15px; } .tox:not([dir=rtl]) .tox-hue-slider { margin-right: 15px; } .tox:not([dir=rtl]) .tox-hue-slider-thumb { margin-left: -1px; } .tox:not([dir=rtl]) .tox-rgb-form label { margin-right: 0.5em; } .tox[dir=rtl] .tox-sv-palette { margin-left: 15px; } .tox[dir=rtl] .tox-hue-slider { margin-left: 15px; } .tox[dir=rtl] .tox-hue-slider-thumb { margin-right: -1px; } .tox[dir=rtl] .tox-rgb-form label { margin-left: 0.5em; } .tox .tox-toolbar .tox-swatches, .tox .tox-toolbar__primary .tox-swatches, .tox .tox-toolbar__overflow .tox-swatches { margin: 2px 0 3px 4px; } .tox .tox-collection--list .tox-collection__group .tox-swatches-menu { border: 0; margin: -4px 0; } .tox .tox-swatches__row { display: flex; } .tox .tox-swatch { height: 30px; transition: transform 0.15s, box-shadow 0.15s; width: 30px; } .tox .tox-swatch:hover, .tox .tox-swatch:focus { box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; transform: scale(0.8); } .tox .tox-swatch--remove { align-items: center; display: flex; justify-content: center; } .tox .tox-swatch--remove svg path { stroke: #e74c3c; } .tox .tox-swatches__picker-btn { align-items: center; background-color: transparent; border: 0; cursor: pointer; display: flex; height: 30px; justify-content: center; outline: none; padding: 0; width: 30px; } .tox .tox-swatches__picker-btn svg { height: 24px; width: 24px; } .tox .tox-swatches__picker-btn:hover { background: #dee0e2; } .tox:not([dir=rtl]) .tox-swatches__picker-btn { margin-left: auto; } .tox[dir=rtl] .tox-swatches__picker-btn { margin-right: auto; } .tox .tox-comment-thread { background: #fff; position: relative; } .tox .tox-comment-thread > *:not(:first-child) { margin-top: 8px; } .tox .tox-comment { background: #fff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); padding: 8px 8px 16px 8px; position: relative; } .tox .tox-comment__header { align-items: center; color: #222f3e; display: flex; justify-content: space-between; } .tox .tox-comment__date { color: rgba(34, 47, 62, 0.7); font-size: 12px; } .tox .tox-comment__body { color: #222f3e; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.3; margin-top: 8px; position: relative; text-transform: initial; } .tox .tox-comment__body textarea { resize: none; white-space: normal; width: 100%; } .tox .tox-comment__expander { padding-top: 8px; } .tox .tox-comment__expander p { color: rgba(34, 47, 62, 0.7); font-size: 14px; font-style: normal; } .tox .tox-comment__body p { margin: 0; } .tox .tox-comment__buttonspacing { padding-top: 16px; text-align: center; } .tox .tox-comment-thread__overlay::after { background: #fff; bottom: 0; content: ""; display: flex; left: 0; opacity: 0.9; position: absolute; right: 0; top: 0; z-index: 5; } .tox .tox-comment__reply { display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; margin-top: 8px; } .tox .tox-comment__reply > *:first-child { margin-bottom: 8px; width: 100%; } .tox .tox-comment__edit { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 16px; } .tox .tox-comment__gradient::after { background: linear-gradient(rgba(255, 255, 255, 0), #fff); bottom: 0; content: ""; display: block; height: 5em; margin-top: -40px; position: absolute; width: 100%; } .tox .tox-comment__overlay { background: #fff; bottom: 0; display: flex; flex-direction: column; flex-grow: 1; left: 0; opacity: 0.9; position: absolute; right: 0; text-align: center; top: 0; z-index: 5; } .tox .tox-comment__loading-text { align-items: center; color: #222f3e; display: flex; flex-direction: column; position: relative; } .tox .tox-comment__loading-text > div { padding-bottom: 16px; } .tox .tox-comment__overlaytext { bottom: 0; flex-direction: column; font-size: 14px; left: 0; padding: 1em; position: absolute; right: 0; top: 0; z-index: 10; } .tox .tox-comment__overlaytext p { background-color: #fff; box-shadow: 0 0 8px 8px #fff; color: #222f3e; text-align: center; } .tox .tox-comment__overlaytext div:nth-of-type(2) { font-size: 0.8em; } .tox .tox-comment__busy-spinner { align-items: center; background-color: #fff; bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 20; } .tox .tox-comment__scroll { display: flex; flex-direction: column; flex-shrink: 1; overflow: auto; } .tox .tox-conversations { margin: 8px; } .tox:not([dir=rtl]) .tox-comment__edit { margin-left: 8px; } .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, .tox:not([dir=rtl]) .tox-comment__edit > *:last-child, .tox:not([dir=rtl]) .tox-comment__reply > *:last-child { margin-left: 8px; } .tox[dir=rtl] .tox-comment__edit { margin-right: 8px; } .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, .tox[dir=rtl] .tox-comment__edit > *:last-child, .tox[dir=rtl] .tox-comment__reply > *:last-child { margin-right: 8px; } .tox .tox-user { align-items: center; display: flex; } .tox .tox-user__avatar svg { fill: rgba(34, 47, 62, 0.7); } .tox .tox-user__name { color: rgba(34, 47, 62, 0.7); font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; } .tox:not([dir=rtl]) .tox-user__avatar svg { margin-right: 8px; } .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { margin-left: 8px; } .tox[dir=rtl] .tox-user__avatar svg { margin-left: 8px; } .tox[dir=rtl] .tox-user__avatar + .tox-user__name { margin-right: 8px; } .tox .tox-dialog-wrap { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1100; } .tox .tox-dialog-wrap__backdrop { background-color: rgba(255, 255, 255, 0.75); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .tox .tox-dialog-wrap__backdrop--opaque { background-color: #fff; } .tox .tox-dialog { background-color: #fff; border-color: #cccccc; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15); display: flex; flex-direction: column; max-height: 100%; max-width: 480px; overflow: hidden; position: relative; width: 95vw; z-index: 2; } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog { align-self: flex-start; margin: 8px auto; width: calc(100vw - 16px); } } .tox .tox-dialog-inline { z-index: 1100; } .tox .tox-dialog__header { align-items: center; background-color: #fff; border-bottom: none; color: #222f3e; display: flex; font-size: 16px; justify-content: space-between; padding: 8px 16px 0 16px; position: relative; } .tox .tox-dialog__header .tox-button { z-index: 1; } .tox .tox-dialog__draghandle { cursor: grab; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .tox .tox-dialog__draghandle:active { cursor: grabbing; } .tox .tox-dialog__dismiss { margin-left: auto; } .tox .tox-dialog__title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1.3; margin: 0; text-transform: none; } .tox .tox-dialog__body { color: #222f3e; display: flex; flex: 1; -ms-flex-preferred-size: auto; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.3; min-width: 0; text-align: left; text-transform: none; } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body { flex-direction: column; } } .tox .tox-dialog__body-nav { align-items: flex-start; display: flex; flex-direction: column; padding: 16px 16px; } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { flex-direction: row; -webkit-overflow-scrolling: touch; overflow-x: auto; padding-bottom: 0; } } .tox .tox-dialog__body-nav-item { border-bottom: 2px solid transparent; color: rgba(34, 47, 62, 0.7); display: inline-block; font-size: 14px; line-height: 1.3; margin-bottom: 8px; text-decoration: none; white-space: nowrap; } .tox .tox-dialog__body-nav-item:focus { background-color: rgba(32, 122, 183, 0.1); } .tox .tox-dialog__body-nav-item--active { border-bottom: 2px solid #207ab7; color: #207ab7; } .tox .tox-dialog__body-content { box-sizing: border-box; display: flex; flex: 1; flex-direction: column; -ms-flex-preferred-size: auto; max-height: 650px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 16px 16px; } .tox .tox-dialog__body-content > * { margin-bottom: 0; margin-top: 16px; } .tox .tox-dialog__body-content > *:first-child { margin-top: 0; } .tox .tox-dialog__body-content > *:last-child { margin-bottom: 0; } .tox .tox-dialog__body-content > *:only-child { margin-bottom: 0; margin-top: 0; } .tox .tox-dialog__body-content a { color: #207ab7; cursor: pointer; text-decoration: none; } .tox .tox-dialog__body-content a:hover, .tox .tox-dialog__body-content a:focus { color: #185d8c; text-decoration: none; } .tox .tox-dialog__body-content a:active { color: #185d8c; text-decoration: none; } .tox .tox-dialog__body-content svg { fill: #222f3e; } .tox .tox-dialog__body-content ul { display: block; list-style-type: disc; margin-bottom: 16px; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 2.5rem; padding-inline-start: 2.5rem; } .tox .tox-dialog__body-content .tox-form__group h1 { color: #222f3e; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: normal; margin-bottom: 16px; margin-top: 2rem; text-transform: none; } .tox .tox-dialog__body-content .tox-form__group h2 { color: #222f3e; font-size: 16px; font-style: normal; font-weight: bold; letter-spacing: normal; margin-bottom: 16px; margin-top: 2rem; text-transform: none; } .tox .tox-dialog__body-content .tox-form__group p { margin-bottom: 16px; } .tox .tox-dialog__body-content .tox-form__group h1:first-child, .tox .tox-dialog__body-content .tox-form__group h2:first-child, .tox .tox-dialog__body-content .tox-form__group p:first-child { margin-top: 0; } .tox .tox-dialog__body-content .tox-form__group h1:last-child, .tox .tox-dialog__body-content .tox-form__group h2:last-child, .tox .tox-dialog__body-content .tox-form__group p:last-child { margin-bottom: 0; } .tox .tox-dialog__body-content .tox-form__group h1:only-child, .tox .tox-dialog__body-content .tox-form__group h2:only-child, .tox .tox-dialog__body-content .tox-form__group p:only-child { margin-bottom: 0; margin-top: 0; } .tox .tox-dialog--width-lg { height: 650px; max-width: 1200px; } .tox .tox-dialog--width-md { max-width: 800px; } .tox .tox-dialog--width-md .tox-dialog__body-content { overflow: auto; } .tox .tox-dialog__body-content--centered { text-align: center; } .tox .tox-dialog__footer { align-items: center; background-color: #fff; border-top: 1px solid #cccccc; display: flex; justify-content: space-between; padding: 8px 16px; } .tox .tox-dialog__footer-start, .tox .tox-dialog__footer-end { display: flex; } .tox .tox-dialog__busy-spinner { align-items: center; background-color: rgba(255, 255, 255, 0.75); bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 3; } .tox .tox-dialog__table { border-collapse: collapse; width: 100%; } .tox .tox-dialog__table thead th { font-weight: bold; padding-bottom: 8px; } .tox .tox-dialog__table tbody tr { border-bottom: 1px solid #cccccc; } .tox .tox-dialog__table tbody tr:last-child { border-bottom: none; } .tox .tox-dialog__table td { padding-bottom: 8px; padding-top: 8px; } .tox .tox-dialog__popups { position: absolute; width: 100%; z-index: 1100; } .tox .tox-dialog__body-iframe { display: flex; flex: 1; flex-direction: column; -ms-flex-preferred-size: auto; } .tox .tox-dialog__body-iframe .tox-navobj { display: flex; flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { flex: 1; -ms-flex-preferred-size: auto; height: 100%; } .tox .tox-dialog-dock-fadeout { opacity: 0; visibility: hidden; } .tox .tox-dialog-dock-fadein { opacity: 1; visibility: visible; } .tox .tox-dialog-dock-transition { transition: visibility 0s linear 0.3s, opacity 0.3s ease; } .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { transition-delay: 0s; } .tox.tox-platform-ie { /* IE11 CSS styles go here */ } .tox.tox-platform-ie .tox-dialog-wrap { position: -ms-device-fixed; } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { margin-right: 0; } } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { margin-left: 8px; } } .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { margin-left: 8px; } .tox[dir=rtl] .tox-dialog__body { text-align: right; } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { margin-left: 0; } } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { margin-right: 8px; } } .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { margin-right: 8px; } body.tox-dialog__disable-scroll { overflow: hidden; } .tox .tox-dropzone-container { display: flex; flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-dropzone { align-items: center; background: #fff; border: 2px dashed #cccccc; box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; min-height: 100px; padding: 10px; } .tox .tox-dropzone p { color: rgba(34, 47, 62, 0.7); margin: 0 0 16px 0; } .tox .tox-edit-area { display: flex; flex: 1; -ms-flex-preferred-size: auto; overflow: hidden; position: relative; } .tox .tox-edit-area__iframe { background-color: #fff; border: 0; box-sizing: border-box; flex: 1; -ms-flex-preferred-size: auto; height: 100%; position: absolute; width: 100%; } .tox.tox-inline-edit-area { border: 1px dotted #cccccc; } .tox .tox-editor-container { display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; } .tox .tox-editor-header { z-index: 1; } .tox:not(.tox-tinymce-inline) .tox-editor-header { box-shadow: none; transition: box-shadow 0.5s; } .tox.tox-tinymce--toolbar-bottom .tox-editor-header, .tox.tox-tinymce-inline .tox-editor-header { margin-bottom: -1px; } .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { background-color: transparent; box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); } .tox-editor-dock-fadeout { opacity: 0; visibility: hidden; } .tox-editor-dock-fadein { opacity: 1; visibility: visible; } .tox-editor-dock-transition { transition: visibility 0s linear 0.25s, opacity 0.25s ease; } .tox-editor-dock-transition.tox-editor-dock-fadein { transition-delay: 0s; } .tox .tox-control-wrap { flex: 1; position: relative; } .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { display: none; } .tox .tox-control-wrap svg { display: block; } .tox .tox-control-wrap__status-icon-wrap { position: absolute; top: 50%; transform: translateY(-50%); } .tox .tox-control-wrap__status-icon-invalid svg { fill: #c00; } .tox .tox-control-wrap__status-icon-unknown svg { fill: orange; } .tox .tox-control-wrap__status-icon-valid svg { fill: green; } .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { padding-right: 32px; } .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { right: 4px; } .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { padding-left: 32px; } .tox[dir=rtl] .tox-control-wrap__status-icon-wrap { left: 4px; } .tox .tox-autocompleter { max-width: 25em; } .tox .tox-autocompleter .tox-menu { max-width: 25em; } .tox .tox-autocompleter .tox-autocompleter-highlight { font-weight: bold; } .tox .tox-color-input { display: flex; position: relative; z-index: 1; } .tox .tox-color-input .tox-textfield { z-index: -1; } .tox .tox-color-input span { border-color: rgba(34, 47, 62, 0.2); border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; height: 24px; position: absolute; top: 6px; width: 24px; } .tox .tox-color-input span:hover:not([aria-disabled=true]), .tox .tox-color-input span:focus:not([aria-disabled=true]) { border-color: #207ab7; cursor: pointer; } .tox .tox-color-input span::before { background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%); background-position: 0 0, 0 6px, 6px -6px, -6px 0; background-size: 12px 12px; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; content: ""; height: 24px; left: -1px; position: absolute; top: -1px; width: 24px; z-index: -1; } .tox .tox-color-input span[aria-disabled=true] { cursor: not-allowed; } .tox:not([dir=rtl]) .tox-color-input { /* stylelint-disable-next-line no-descending-specificity */ } .tox:not([dir=rtl]) .tox-color-input .tox-textfield { padding-left: 36px; } .tox:not([dir=rtl]) .tox-color-input span { left: 6px; } .tox[dir=rtl] .tox-color-input { /* stylelint-disable-next-line no-descending-specificity */ } .tox[dir=rtl] .tox-color-input .tox-textfield { padding-right: 36px; } .tox[dir=rtl] .tox-color-input span { right: 6px; } .tox .tox-label, .tox .tox-toolbar-label { color: rgba(34, 47, 62, 0.7); display: block; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.3; padding: 0 8px 0 0; text-transform: none; white-space: nowrap; } .tox .tox-toolbar-label { padding: 0 8px; } .tox[dir=rtl] .tox-label { padding: 0 0 0 8px; } .tox .tox-form { display: flex; flex: 1; flex-direction: column; -ms-flex-preferred-size: auto; } .tox .tox-form__group { box-sizing: border-box; margin-bottom: 4px; } .tox .tox-form-group--maximize { flex: 1; } .tox .tox-form__group--error { color: #c00; } .tox .tox-form__group--collection { display: flex; } .tox .tox-form__grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .tox .tox-form__grid--2col > .tox-form__group { width: calc(50% - (8px / 2)); } .tox .tox-form__grid--3col > .tox-form__group { width: calc(100% / 3 - (8px / 2)); } .tox .tox-form__grid--4col > .tox-form__group { width: calc(25% - (8px / 2)); } .tox .tox-form__controls-h-stack { align-items: center; display: flex; } .tox .tox-form__group--inline { align-items: center; display: flex; } .tox .tox-form__group--stretched { display: flex; flex: 1; flex-direction: column; -ms-flex-preferred-size: auto; } .tox .tox-form__group--stretched .tox-textarea { flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-form__group--stretched .tox-navobj { display: flex; flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-form__group--stretched .tox-navobj :nth-child(2) { flex: 1; -ms-flex-preferred-size: auto; height: 100%; } .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { margin-left: 4px; } .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { margin-right: 4px; } .tox .tox-lock.tox-locked .tox-lock-icon__unlock, .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { display: none; } .tox .tox-textfield, .tox .tox-toolbar-textfield, .tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #cccccc; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #222f3e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 24px; margin: 0; min-height: 34px; outline: none; padding: 5px 4.75px; resize: none; width: 100%; } .tox .tox-textfield[disabled], .tox .tox-textarea[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, 0.85); cursor: not-allowed; } .tox .tox-textfield:focus, .tox .tox-listboxfield .tox-listbox--select:focus, .tox .tox-textarea:focus { background-color: #fff; border-color: #207ab7; box-shadow: none; outline: none; } .tox .tox-toolbar-textfield { border-width: 0; margin-bottom: 3px; margin-top: 2px; max-width: 250px; } .tox .tox-naked-btn { background-color: transparent; border: 0; border-color: transparent; box-shadow: unset; color: #207ab7; cursor: pointer; display: block; margin: 0; padding: 0; } .tox .tox-naked-btn svg { display: block; fill: #222f3e; } .tox:not([dir=rtl]) .tox-toolbar-textfield + * { margin-left: 4px; } .tox[dir=rtl] .tox-toolbar-textfield + * { margin-right: 4px; } .tox .tox-listboxfield { cursor: pointer; position: relative; } .tox .tox-listboxfield .tox-listbox--select[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, 0.85); cursor: not-allowed; } .tox .tox-listbox__select-label { cursor: default; flex: 1; margin: 0 4px; } .tox .tox-listbox__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px; } .tox .tox-listbox__select-chevron svg { fill: #222f3e; } .tox .tox-listboxfield .tox-listbox--select { align-items: center; display: flex; } .tox:not([dir=rtl]) .tox-listboxfield svg { right: 8px; } .tox[dir=rtl] .tox-listboxfield svg { left: 8px; } .tox .tox-selectfield { cursor: pointer; position: relative; } .tox .tox-selectfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #cccccc; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #222f3e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 24px; margin: 0; min-height: 34px; outline: none; padding: 5px 4.75px; resize: none; width: 100%; } .tox .tox-selectfield select[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, 0.85); cursor: not-allowed; } .tox .tox-selectfield select::-ms-expand { display: none; } .tox .tox-selectfield select:focus { background-color: #fff; border-color: #207ab7; box-shadow: none; outline: none; } .tox .tox-selectfield svg { pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); } .tox:not([dir=rtl]) .tox-selectfield select[size="0"], .tox:not([dir=rtl]) .tox-selectfield select[size="1"] { padding-right: 24px; } .tox:not([dir=rtl]) .tox-selectfield svg { right: 8px; } .tox[dir=rtl] .tox-selectfield select[size="0"], .tox[dir=rtl] .tox-selectfield select[size="1"] { padding-left: 24px; } .tox[dir=rtl] .tox-selectfield svg { left: 8px; } .tox .tox-textarea { -webkit-appearance: textarea; -moz-appearance: textarea; appearance: textarea; white-space: pre-wrap; } .tox-fullscreen { border: 0; height: 100%; margin: 0; overflow: hidden; -ms-scroll-chaining: none; overscroll-behavior: none; padding: 0; touch-action: pinch-zoom; width: 100%; } .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { display: none; } .tox.tox-tinymce.tox-fullscreen, .tox-shadowhost.tox-fullscreen { left: 0; position: fixed; top: 0; z-index: 1200; } .tox.tox-tinymce.tox-fullscreen { background-color: transparent; } .tox-fullscreen .tox.tox-tinymce-aux, .tox-fullscreen ~ .tox.tox-tinymce-aux { z-index: 1201; } .tox .tox-help__more-link { list-style: none; margin-top: 1em; } .tox .tox-image-tools { width: 100%; } .tox .tox-image-tools__toolbar { align-items: center; display: flex; justify-content: center; } .tox .tox-image-tools__image { background-color: #666; height: 380px; overflow: auto; position: relative; width: 100%; } .tox .tox-image-tools__image, .tox .tox-image-tools__image + .tox-image-tools__toolbar { margin-top: 8px; } .tox .tox-image-tools__image-bg { background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); } .tox .tox-image-tools__toolbar > .tox-spacer { flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-croprect-block { background: black; filter: alpha(opacity=50); opacity: 0.5; position: absolute; zoom: 1; } .tox .tox-croprect-handle { border: 2px solid white; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .tox .tox-croprect-handle-move { border: 0; cursor: move; position: absolute; } .tox .tox-croprect-handle-nw { border-width: 2px 0 0 2px; cursor: nw-resize; left: 100px; margin: -2px 0 0 -2px; top: 100px; } .tox .tox-croprect-handle-ne { border-width: 2px 2px 0 0; cursor: ne-resize; left: 200px; margin: -2px 0 0 -20px; top: 100px; } .tox .tox-croprect-handle-sw { border-width: 0 0 2px 2px; cursor: sw-resize; left: 100px; margin: -20px 2px 0 -2px; top: 200px; } .tox .tox-croprect-handle-se { border-width: 0 2px 2px 0; cursor: se-resize; left: 200px; margin: -20px 0 0 -20px; top: 200px; } .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { margin-left: 8px; } .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { margin-left: 32px; } .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { margin-left: 32px; } .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { margin-right: 8px; } .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { margin-right: 32px; } .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { margin-right: 32px; } .tox .tox-insert-table-picker { display: flex; flex-wrap: wrap; width: 170px; } .tox .tox-insert-table-picker > div { border-color: #cccccc; border-style: solid; border-width: 0 1px 1px 0; box-sizing: border-box; height: 17px; width: 17px; } .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { margin: -4px 0; } .tox .tox-insert-table-picker .tox-insert-table-picker__selected { background-color: rgba(32, 122, 183, 0.5); border-color: rgba(32, 122, 183, 0.5); } .tox .tox-insert-table-picker__label { color: rgba(34, 47, 62, 0.7); display: block; font-size: 14px; padding: 4px; text-align: center; width: 100%; } .tox:not([dir=rtl]) { /* stylelint-disable-next-line no-descending-specificity */ } .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { border-right: 0; } .tox[dir=rtl] { /* stylelint-disable-next-line no-descending-specificity */ } .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { border-right: 0; } .tox { /* stylelint-disable */ /* stylelint-enable */ } .tox .tox-menu { background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); display: inline-block; overflow: hidden; vertical-align: top; z-index: 1150; } .tox .tox-menu.tox-collection.tox-collection--list { padding: 0; } .tox .tox-menu.tox-collection.tox-collection--toolbar { padding: 4px; } .tox .tox-menu.tox-collection.tox-collection--grid { padding: 4px; } .tox .tox-menu__label h1, .tox .tox-menu__label h2, .tox .tox-menu__label h3, .tox .tox-menu__label h4, .tox .tox-menu__label h5, .tox .tox-menu__label h6, .tox .tox-menu__label p, .tox .tox-menu__label blockquote, .tox .tox-menu__label code { margin: 0; } .tox .tox-menubar { background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff; background-color: #fff; display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: wrap; padding: 0 4px 0 4px; } .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { border-top: 1px solid #cccccc; } /* Deprecated. Remove in next major release */ .tox .tox-mbtn { align-items: center; background: transparent; border: 0; border-radius: 3px; box-shadow: none; color: #222f3e; display: flex; flex: 0 0 auto; font-size: 14px; font-style: normal; font-weight: normal; height: 34px; justify-content: center; margin: 2px 0 3px 0; outline: none; overflow: hidden; padding: 0 4px; text-transform: none; width: auto; } .tox .tox-mbtn[disabled] { background-color: transparent; border: 0; box-shadow: none; color: rgba(34, 47, 62, 0.5); cursor: not-allowed; } .tox .tox-mbtn:focus:not(:disabled) { background: #dee0e2; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-mbtn--active { background: #c8cbcf; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { background: #dee0e2; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-mbtn__select-label { cursor: default; font-weight: normal; margin: 0 4px; } .tox .tox-mbtn[disabled] .tox-mbtn__select-label { cursor: not-allowed; } .tox .tox-mbtn__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px; display: none; } .tox .tox-notification { border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; display: -ms-grid; display: grid; font-size: 14px; font-weight: normal; -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); margin-top: 4px; opacity: 0; padding: 4px; transition: transform 100ms ease-in, opacity 150ms ease-in; } .tox .tox-notification p { font-size: 14px; font-weight: normal; } .tox .tox-notification a { cursor: pointer; text-decoration: underline; } .tox .tox-notification--in { opacity: 1; } .tox .tox-notification--success { background-color: #e4eeda; border-color: #d7e6c8; color: #222f3e; } .tox .tox-notification--success p { color: #222f3e; } .tox .tox-notification--success a { color: #547831; } .tox .tox-notification--success svg { fill: #222f3e; } .tox .tox-notification--error { background-color: #f8dede; border-color: #f2bfbf; color: #222f3e; } .tox .tox-notification--error p { color: #222f3e; } .tox .tox-notification--error a { color: #c00; } .tox .tox-notification--error svg { fill: #222f3e; } .tox .tox-notification--warn, .tox .tox-notification--warning { background-color: #fffaea; border-color: #ffe89d; color: #222f3e; } .tox .tox-notification--warn p, .tox .tox-notification--warning p { color: #222f3e; } .tox .tox-notification--warn a, .tox .tox-notification--warning a { color: #222f3e; } .tox .tox-notification--warn svg, .tox .tox-notification--warning svg { fill: #222f3e; } .tox .tox-notification--info { background-color: #d9edf7; border-color: #779ecb; color: #222f3e; } .tox .tox-notification--info p { color: #222f3e; } .tox .tox-notification--info a { color: #222f3e; } .tox .tox-notification--info svg { fill: #222f3e; } .tox .tox-notification__body { -ms-grid-row-align: center; align-self: center; color: #222f3e; font-size: 14px; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; text-align: center; white-space: normal; word-break: break-all; word-break: break-word; } .tox .tox-notification__body > * { margin: 0; } .tox .tox-notification__body > * + * { margin-top: 1rem; } .tox .tox-notification__icon { -ms-grid-row-align: center; align-self: center; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column-align: end; justify-self: end; } .tox .tox-notification__icon svg { display: block; } .tox .tox-notification__dismiss { -ms-grid-row-align: start; align-self: start; -ms-grid-column-span: 1; grid-column-end: 4; -ms-grid-column: 3; grid-column-start: 3; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column-align: end; justify-self: end; } .tox .tox-notification .tox-progress-bar { -ms-grid-column-span: 3; grid-column-end: 4; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-column-align: center; justify-self: center; } .tox .tox-pop { display: inline-block; position: relative; } .tox .tox-pop--resizing { transition: width 0.1s ease; } .tox .tox-pop--resizing .tox-toolbar, .tox .tox-pop--resizing .tox-toolbar__group { flex-wrap: nowrap; } .tox .tox-pop--transition { transition: 0.15s ease; transition-property: left, right, top, bottom; } .tox .tox-pop--transition::before, .tox .tox-pop--transition::after { transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; } .tox .tox-pop__dialog { background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); min-width: 0; overflow: hidden; } .tox .tox-pop__dialog > *:not(.tox-toolbar) { margin: 4px 4px 4px 8px; } .tox .tox-pop__dialog .tox-toolbar { background-color: transparent; margin-bottom: -1px; } .tox .tox-pop::before, .tox .tox-pop::after { border-style: solid; content: ""; display: block; height: 0; opacity: 1; position: absolute; width: 0; } .tox .tox-pop.tox-pop--inset::before, .tox .tox-pop.tox-pop--inset::after { opacity: 0; transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; } .tox .tox-pop.tox-pop--bottom::before, .tox .tox-pop.tox-pop--bottom::after { left: 50%; top: 100%; } .tox .tox-pop.tox-pop--bottom::after { border-color: #fff transparent transparent transparent; border-width: 8px; margin-left: -8px; margin-top: -1px; } .tox .tox-pop.tox-pop--bottom::before { border-color: #cccccc transparent transparent transparent; border-width: 9px; margin-left: -9px; } .tox .tox-pop.tox-pop--top::before, .tox .tox-pop.tox-pop--top::after { left: 50%; top: 0; transform: translateY(-100%); } .tox .tox-pop.tox-pop--top::after { border-color: transparent transparent #fff transparent; border-width: 8px; margin-left: -8px; margin-top: 1px; } .tox .tox-pop.tox-pop--top::before { border-color: transparent transparent #cccccc transparent; border-width: 9px; margin-left: -9px; } .tox .tox-pop.tox-pop--left::before, .tox .tox-pop.tox-pop--left::after { left: 0; top: calc(50% - 1px); transform: translateY(-50%); } .tox .tox-pop.tox-pop--left::after { border-color: transparent #fff transparent transparent; border-width: 8px; margin-left: -15px; } .tox .tox-pop.tox-pop--left::before { border-color: transparent #cccccc transparent transparent; border-width: 10px; margin-left: -19px; } .tox .tox-pop.tox-pop--right::before, .tox .tox-pop.tox-pop--right::after { left: 100%; top: calc(50% + 1px); transform: translateY(-50%); } .tox .tox-pop.tox-pop--right::after { border-color: transparent transparent transparent #fff; border-width: 8px; margin-left: -1px; } .tox .tox-pop.tox-pop--right::before { border-color: transparent transparent transparent #cccccc; border-width: 10px; margin-left: -1px; } .tox .tox-pop.tox-pop--align-left::before, .tox .tox-pop.tox-pop--align-left::after { left: 20px; } .tox .tox-pop.tox-pop--align-right::before, .tox .tox-pop.tox-pop--align-right::after { left: calc(100% - 20px); } .tox .tox-sidebar-wrap { display: flex; flex-direction: row; flex-grow: 1; -ms-flex-preferred-size: 0; min-height: 0; } .tox .tox-sidebar { background-color: #fff; display: flex; flex-direction: row; justify-content: flex-end; } .tox .tox-sidebar__slider { display: flex; overflow: hidden; } .tox .tox-sidebar__pane-container { display: flex; } .tox .tox-sidebar__pane { display: flex; } .tox .tox-sidebar--sliding-closed { opacity: 0; } .tox .tox-sidebar--sliding-open { opacity: 1; } .tox .tox-sidebar--sliding-growing, .tox .tox-sidebar--sliding-shrinking { transition: width 0.5s ease, opacity 0.5s ease; } .tox .tox-selector { background-color: #4099ff; border-color: #4099ff; border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: 10px; position: absolute; width: 10px; } .tox.tox-platform-touch .tox-selector { height: 12px; width: 12px; } .tox .tox-slider { align-items: center; display: flex; flex: 1; -ms-flex-preferred-size: auto; height: 24px; justify-content: center; position: relative; } .tox .tox-slider__rail { background-color: transparent; border: 1px solid #cccccc; border-radius: 3px; height: 10px; min-width: 120px; width: 100%; } .tox .tox-slider__handle { background-color: #207ab7; border: 2px solid #185d8c; border-radius: 3px; box-shadow: none; height: 24px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 14px; } .tox .tox-source-code { overflow: auto; } .tox .tox-spinner { display: flex; } .tox .tox-spinner > div { animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; background-color: rgba(34, 47, 62, 0.7); border-radius: 100%; height: 8px; width: 8px; } .tox .tox-spinner > div:nth-child(1) { animation-delay: -0.32s; } .tox .tox-spinner > div:nth-child(2) { animation-delay: -0.16s; } @keyframes tam-bouncing-dots { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { margin-left: 4px; } .tox[dir=rtl] .tox-spinner > div:not(:first-child) { margin-right: 4px; } .tox .tox-statusbar { align-items: center; background-color: #fff; border-top: 1px solid #cccccc; color: rgba(34, 47, 62, 0.7); display: flex; flex: 0 0 auto; font-size: 12px; font-weight: normal; height: 18px; overflow: hidden; padding: 0 8px; position: relative; text-transform: uppercase; } .tox .tox-statusbar__text-container { display: flex; flex: 1 1 auto; justify-content: flex-end; overflow: hidden; } .tox .tox-statusbar__path { display: flex; flex: 1 1 auto; margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tox .tox-statusbar__path > * { display: inline; white-space: nowrap; } .tox .tox-statusbar__wordcount { flex: 0 0 auto; margin-left: 1ch; } .tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount { color: rgba(34, 47, 62, 0.7); text-decoration: none; } .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { cursor: pointer; text-decoration: underline; } .tox .tox-statusbar__resize-handle { align-items: flex-end; align-self: stretch; cursor: nwse-resize; display: flex; flex: 0 0 auto; justify-content: flex-end; margin-left: auto; margin-right: -8px; padding-left: 1ch; } .tox .tox-statusbar__resize-handle svg { display: block; fill: rgba(34, 47, 62, 0.7); } .tox .tox-statusbar__resize-handle:focus svg { background-color: #dee0e2; border-radius: 1px; box-shadow: 0 0 0 2px #dee0e2; } .tox:not([dir=rtl]) .tox-statusbar__path > * { margin-right: 4px; } .tox:not([dir=rtl]) .tox-statusbar__branding { margin-left: 1ch; } .tox[dir=rtl] .tox-statusbar { flex-direction: row-reverse; } .tox[dir=rtl] .tox-statusbar__path > * { margin-left: 4px; } .tox .tox-throbber { z-index: 1299; } .tox .tox-throbber__busy-spinner { align-items: center; background-color: rgba(255, 255, 255, 0.6); bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } .tox .tox-tbtn { align-items: center; background: transparent; border: 0; border-radius: 3px; box-shadow: none; color: #222f3e; display: flex; flex: 0 0 auto; font-size: 14px; font-style: normal; font-weight: normal; height: 34px; justify-content: center; margin: 2px 0 3px 0; outline: none; overflow: hidden; padding: 0; text-transform: none; width: 34px; } .tox .tox-tbtn svg { display: block; fill: #222f3e; } .tox .tox-tbtn.tox-tbtn-more { padding-left: 5px; padding-right: 5px; width: inherit; } .tox .tox-tbtn:focus { background: #dee0e2; border: 0; box-shadow: none; } .tox .tox-tbtn:hover { background: #dee0e2; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-tbtn:hover svg { fill: #222f3e; } .tox .tox-tbtn:active { background: #c8cbcf; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-tbtn:active svg { fill: #222f3e; } .tox .tox-tbtn--disabled, .tox .tox-tbtn--disabled:hover, .tox .tox-tbtn:disabled, .tox .tox-tbtn:disabled:hover { background: transparent; border: 0; box-shadow: none; color: rgba(34, 47, 62, 0.5); cursor: not-allowed; } .tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg { /* stylelint-disable-line no-descending-specificity */ fill: rgba(34, 47, 62, 0.5); } .tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover { background: #c8cbcf; border: 0; box-shadow: none; color: #222f3e; } .tox .tox-tbtn--enabled > *, .tox .tox-tbtn--enabled:hover > * { transform: none; } .tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg { /* stylelint-disable-line no-descending-specificity */ fill: #222f3e; } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { color: #222f3e; } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { fill: #222f3e; } .tox .tox-tbtn:active > * { transform: none; } .tox .tox-tbtn--md { height: 51px; width: 51px; } .tox .tox-tbtn--lg { flex-direction: column; height: 68px; width: 68px; } .tox .tox-tbtn--return { -ms-grid-row-align: stretch; align-self: stretch; height: unset; width: 16px; } .tox .tox-tbtn--labeled { padding: 0 4px; width: unset; } .tox .tox-tbtn__vlabel { display: block; font-size: 10px; font-weight: normal; letter-spacing: -0.025em; margin-bottom: 4px; white-space: nowrap; } .tox .tox-tbtn--select { margin: 2px 0 3px 0; padding: 0 4px; width: auto; } .tox .tox-tbtn__select-label { cursor: default; font-weight: normal; margin: 0 4px; } .tox .tox-tbtn__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px; } .tox .tox-tbtn__select-chevron svg { fill: rgba(34, 47, 62, 0.5); } .tox .tox-tbtn--bespoke .tox-tbtn__select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 7em; } .tox .tox-split-button { border: 0; border-radius: 3px; box-sizing: border-box; display: flex; margin: 2px 0 3px 0; overflow: hidden; } .tox .tox-split-button:hover { box-shadow: 0 0 0 1px #dee0e2 inset; } .tox .tox-split-button:focus { background: #dee0e2; box-shadow: none; color: #222f3e; } .tox .tox-split-button > * { border-radius: 0; } .tox .tox-split-button__chevron { width: 16px; } .tox .tox-split-button__chevron svg { fill: rgba(34, 47, 62, 0.5); } .tox .tox-split-button .tox-tbtn { margin: 0; } .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child { width: 30px; } .tox.tox-platform-touch .tox-split-button__chevron { width: 20px; } .tox .tox-split-button.tox-tbtn--disabled:hover, .tox .tox-split-button.tox-tbtn--disabled:focus, .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { background: transparent; box-shadow: none; color: rgba(34, 47, 62, 0.5); } .tox .tox-toolbar-overlord { background-color: #fff; } .tox .tox-toolbar, .tox .tox-toolbar__primary, .tox .tox-toolbar__overflow { background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff; background-color: #fff; display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: wrap; padding: 0 0; } .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { height: 0; opacity: 0; padding-bottom: 0; padding-top: 0; visibility: hidden; } .tox .tox-toolbar__overflow--growing { transition: height 0.3s ease, opacity 0.2s linear 0.1s; } .tox .tox-toolbar__overflow--shrinking { transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; } .tox .tox-menubar + .tox-toolbar, .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { border-top: 1px solid #cccccc; margin-top: -1px; } .tox .tox-toolbar--scrolling { flex-wrap: nowrap; overflow-x: auto; } .tox .tox-pop .tox-toolbar { border-width: 0; } .tox .tox-toolbar--no-divider { background-image: none; } .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { border-top: 1px solid #cccccc; } .tox.tox-tinymce-aux .tox-toolbar__overflow { background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .tox .tox-toolbar__group { align-items: center; display: flex; flex-wrap: wrap; margin: 0 0; padding: 0 4px 0 4px; } .tox .tox-toolbar__group--pull-right { margin-left: auto; } .tox .tox-toolbar--scrolling .tox-toolbar__group { flex-shrink: 0; flex-wrap: nowrap; } .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { border-right: 1px solid #cccccc; } .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { border-left: 1px solid #cccccc; } .tox .tox-tooltip { display: inline-block; padding: 8px; position: relative; } .tox .tox-tooltip__body { background-color: #222f3e; border-radius: 3px; box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3); color: rgba(255, 255, 255, 0.75); font-size: 14px; font-style: normal; font-weight: normal; padding: 4px 8px; text-transform: none; } .tox .tox-tooltip__arrow { position: absolute; } .tox .tox-tooltip--down .tox-tooltip__arrow { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #222f3e; bottom: 0; left: 50%; position: absolute; transform: translateX(-50%); } .tox .tox-tooltip--up .tox-tooltip__arrow { border-bottom: 8px solid #222f3e; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; position: absolute; top: 0; transform: translateX(-50%); } .tox .tox-tooltip--right .tox-tooltip__arrow { border-bottom: 8px solid transparent; border-left: 8px solid #222f3e; border-top: 8px solid transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .tox .tox-tooltip--left .tox-tooltip__arrow { border-bottom: 8px solid transparent; border-right: 8px solid #222f3e; border-top: 8px solid transparent; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .tox .tox-well { border: 1px solid #cccccc; border-radius: 3px; padding: 8px; width: 100%; } .tox .tox-well > *:first-child { margin-top: 0; } .tox .tox-well > *:last-child { margin-bottom: 0; } .tox .tox-well > *:only-child { margin: 0; } .tox .tox-custom-editor { border: 1px solid #cccccc; border-radius: 3px; display: flex; flex: 1; position: relative; } /* stylelint-disable */ .tox { /* stylelint-enable */ } .tox .tox-dialog-loading::before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; position: absolute; width: 100%; z-index: 1000; } .tox .tox-tab { cursor: pointer; } .tox .tox-dialog__content-js { display: flex; flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-dialog__body-content .tox-collection { display: flex; flex: 1; -ms-flex-preferred-size: auto; } .tox .tox-image-tools-edit-panel { height: 60px; } .tox .tox-image-tools__sidebar { height: 60px; } .video-react .video-react-control:before, .video-react .video-react-big-play-button:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-react .video-react-control:before, .video-react .video-react-big-play-button:before { text-align: center; } @font-face { font-family: "video-react"; src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot"); } @font-face { font-family: "video-react"; src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"); font-weight: normal; font-style: normal; } .video-react-icon, .video-react .video-react-closed-caption, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "video-react" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before { content: "\f200"; } .video-react-icon-play-circle-filled:before { content: "\f201"; } .video-react-icon-play-circle-outline:before { content: "\f202"; } .video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before { content: "\f203"; } .video-react-icon-pause-circle-filled:before { content: "\f204"; } .video-react-icon-pause-circle-outline:before { content: "\f205"; } .video-react-icon-stop:before { content: "\f206"; } .video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before { content: "\f207"; } .video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before { content: "\f208"; } .video-react-icon-skip-previous:before { content: "\f209"; } .video-react-icon-skip-next:before { content: "\f20a"; } .video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before { content: "\f20b"; } .video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before { content: "\f20c"; } .video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before { content: "\f20d"; } .video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before { content: "\f20e"; } .video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before { content: "\f20f"; } .video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before { content: "\f210"; } .video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before, .video-react .video-react-volume-menu-button.video-react-vol-muted:before { content: "\f211"; } .video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before, .video-react .video-react-volume-menu-button.video-react-vol-0:before { content: "\f212"; } .video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before, .video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before, .video-react .video-react-volume-menu-button.video-react-vol-1:before { content: "\f213"; } .video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before, .video-react .video-react-volume-menu-button:before { content: "\f214"; } .video-react-icon-fullscreen:before { content: "\f215"; } .video-react-icon-fullscreen-exit:before { content: "\f216"; } .video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before { content: "\f217"; } .video-react-icon-hd:before { content: "\f218"; } .video-react-icon-settings:before { content: "\f219"; } .video-react-icon-share:before { content: "\f21a"; } .video-react-icon-info:before { content: "\f21b"; } .video-react-icon-info-outline:before { content: "\f21c"; } .video-react-icon-close:before { content: "\f21d"; } .video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before { content: "\f21e"; } .video-react-icon-circle-outline:before { content: "\f21f"; } .video-react-icon-circle-inner-circle:before { content: "\f220"; } .video-react { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; font-size: 10px; line-height: 1; font-family: serif, Times, "Times New Roman"; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-react:-moz-full-screen { position: absolute; } .video-react:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-react *, .video-react *:before, .video-react *:after { box-sizing: inherit; } .video-react 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-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 { width: 100%; max-width: 100%; height: 0; } .video-react.video-react-16-9 { padding-top: 56.25%; } .video-react.video-react-4-3 { padding-top: 75%; } .video-react.video-react-fill { width: 100%; height: 100%; } .video-react .video-react-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-react.video-react-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-react.video-react-fullscreen.video-react-user-inactive { cursor: none; } body.video-react-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } body.video-react-full-window .video-react-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-react .video-react-button { background: none; border: none; color: inherit; display: inline-block; cursor: pointer; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-react .video-react-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; } .video-react .video-react-loading-spinner:before, .video-react .video-react-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; -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; } .video-react-seeking .video-react-loading-spinner, .video-react-waiting .video-react-loading-spinner { display: block; } .video-react-seeking .video-react-loading-spinner:before, .video-react-waiting .video-react-loading-spinner:before { border-top-color: white; } .video-react-seeking .video-react-loading-spinner:after, .video-react-waiting .video-react-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes video-react-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes video-react-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes video-react-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; } } @-webkit-keyframes video-react-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; } } .video-react .video-react-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; 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); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .video-react .video-react-big-play-button.video-react-big-play-button-center { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-react .video-react-big-play-button.big-play-button-hide { display: none; } .video-react:hover .video-react-big-play-button, .video-react .video-react-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .video-react-menu-button { cursor: pointer; } .video-react-menu-button.video-react-disabled { cursor: default; } .video-react-menu .video-react-menu-content { display: block; padding: 0; margin: 0; overflow: auto; font-family: serif, Times, "Times New Roman"; } .video-react-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; } .video-react-menu li:focus, .video-react-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover { background-color: #fff; color: #2B333F; } .video-react-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; } .video-react-scrubbing .vjs-menu-button:hover .video-react-menu { display: none; } .video-react .video-react-menu-button-popup .video-react-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); } .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .video-react-menu-button-popup .video-react-menu.video-react-lock-showing { display: block; } .video-react .video-react-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-react .video-react-menu-button-inline:before { width: 2.222222222em; } .video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active { width: 12em; } .video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu { display: block; opacity: 1; } .video-react .video-react-menu-button-inline.video-react-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .video-react .video-react-menu-button-inline .video-react-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .video-react .video-react-menu-button-inline .video-react-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-react-no-flex .video-react-menu-button-inline .video-react-menu { display: block; opacity: 1; position: relative; width: auto; } .video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active { width: auto; } .video-react .video-react-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%; } .video-react .video-react-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .video-react .video-react-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-react .video-react-slider:focus { -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-react .video-react-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-control:before { font-size: 1.8em; line-height: 1.67; } .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus { text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff; } .video-react .video-react-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-react-no-flex .video-react-control { display: table-cell; vertical-align: middle; } .video-react .video-react-control-bar { 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); } .video-react-has-started .video-react-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react-controls-disabled .video-react-control-bar, .video-react-using-native-controls .video-react-control-bar, .video-react-error .video-react-control-bar { display: none !important; } .video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar { opacity: 1; visibility: visible; } .video-react-has-started.video-react-no-flex .video-react-control-bar { display: table; } .video-react .video-react-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .video-react-live .video-react-progress-control { display: none; } .video-react .video-react-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-react .video-react-progress-control:hover .video-react-progress-holder { font-size: 1.6666666667em; } /* If we let the font size grow as much as everything else, the current time tooltip ends up ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-react .video-react-progress-control:hover .video-react-time-tooltip, .video-react .video-react-progress-control:hover .video-react-mouse-display:after, .video-react .video-react-progress-control:hover .video-react-play-progress:after { visibility: visible; font-size: 0.6em; } .video-react .video-react-progress-holder .video-react-play-progress, .video-react .video-react-progress-holder .video-react-load-progress, .video-react .video-react-progress-holder .video-react-tooltip-progress-bar, .video-react .video-react-progress-holder .video-react-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-react .video-react-play-progress { background-color: #fff; } .video-react .video-react-play-progress:before { position: absolute; top: -0.3333333333em; right: -0.5em; font-size: 0.9em; } .video-react .video-react-time-tooltip, .video-react .video-react-mouse-display:after, .video-react .video-react-play-progress:after { visibility: hidden; pointer-events: none; position: absolute; top: -3.4em; right: -1.9em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 6px 8px 8px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-react .video-react-time-tooltip, .video-react .video-react-play-progress:before, .video-react .video-react-play-progress:after { z-index: 1; } .video-react .video-react-progress-control .video-react-keep-tooltips-inside:after { display: none; } .video-react .video-react-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } .video-react .video-react-load-progress div { background: white; background: rgba(115, 133, 159, 0.75); } .video-react.video-react-no-flex .video-react-progress-control { width: auto; } .video-react .video-react-time-tooltip { display: inline-block; height: 2.4em; position: relative; float: right; right: -1.9em; } .video-react .video-react-tooltip-progress-bar { visibility: hidden; } .video-react .video-react-progress-control .video-react-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-react-no-flex .video-react-progress-control .video-react-mouse-display { z-index: 0; } .video-react .video-react-progress-control:hover .video-react-mouse-display { display: block; } .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after { display: none; } .video-react .video-react-mouse-display .video-react-time-tooltip, .video-react .video-react-progress-control .video-react-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-react .video-react-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react.video-react-fullscreen { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 9999; } .video-react .video-react-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .video-react .video-react-time-divider { line-height: 3em; min-width: initial; padding: 0; } .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-react .video-react-volume-bar { margin: 1.35em 0.45em; } .video-react .video-react-volume-bar.video-react-slider-horizontal { width: 5em; height: 0.3em; } .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level { width: 100%; } .video-react .video-react-volume-bar.video-react-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level { height: 100%; } .video-react .video-react-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-react .video-react-volume-level:before { position: absolute; font-size: 0.9em; } .video-react .video-react-slider-vertical .video-react-volume-level { width: 0.3em; } .video-react .video-react-slider-vertical .video-react-volume-level:before { top: -0.5em; left: -0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level { height: 0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level:before { top: -0.3em; right: -0.5em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu { left: 0.5em; height: 8em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu { left: -2em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content { height: 8em; width: 2.9em; } .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content { height: 2.9em; width: 8em; } .video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content { background-color: transparent !important; } .video-react .video-react-playback-rate .video-react-playback-rate-value { line-height: 3em; text-align: center; } .video-react .video-react-playback-rate .video-react-menu { width: 4em; left: 0em; } .video-react .video-react-bezel { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; z-index: 17; margin-left: -26px; margin-top: -26px; background: rgba(0, 0, 0, 0.5); border-radius: 26px; } .video-react .video-react-bezel.video-react-bezel-animation { -moz-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel.video-react-bezel-animation-alt { -moz-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel .video-react-bezel-icon { width: 36px; height: 36px; margin: 8px; font-size: 26px; line-height: 36px; text-align: center; } @keyframes video-react-bezel-fadeout { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } @keyframes video-react-bezel-fadeout-alt { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } .video-react .video-react-closed-caption { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react video::-webkit-media-text-track-container { -webkit-transform: translateY(-30px); transform: translateY(-30px); } /*! * Cropper.js v1.5.12 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2021-06-12T08:00:11.623Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: " "; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /*! * https://github.com/arqex/react-datetime */ .rdt { position: relative; } .rdtPicker { display: none; position: absolute; width: 240px; padding: 4px; margin-top: 1px; z-index: 99999 !important; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #f9f9f9; } .rdtOpen .rdtPicker { display: block; } .rdtStatic .rdtPicker { box-shadow: none; position: static; } .rdtPicker .rdtTimeToggle { text-align: center; } .rdtPicker table { width: 100%; margin: 0; padding: 0 12px; border-spacing: 0 8px; } .rdtMonths table, .rdtYears table { border-spacing: 0 12px; } .rdtMonths .headerTable, .rdtYears .headerTable { border-spacing: 0; border-bottom: 1px solid #E8E9EB; } .rdtPicker td, .rdtPicker th { text-align: center; height: 24px; line-height: 24px; width: 24px; } .rdtPicker td { cursor: pointer; } .rdtPicker td > span { display: inline-block; border-radius: 2px; height: 100%; width: 24px; } .rdtPicker td.rdtDay:hover, .rdtPicker td.rdtHour:hover, .rdtPicker td.rdtMinute:hover, .rdtPicker td.rdtSecond:hover, .rdtPicker .rdtTimeToggle:hover { background: #eeeeee; cursor: pointer; } .rdtPicker td.rdtOld, .rdtPicker td.rdtNew { color: #B8BABF; } .rdtPicker td.rdtToday { position: relative; } .rdtPicker td.rdtToday > span { border: 1px solid #2468F2; } .rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover { background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .rdtPicker td.rdtActive.rdtToday:before { border-bottom-color: #fff; } .rdtPicker td.rdtDisabled, .rdtPicker td.rdtDisabled:hover { background: none; color: #B8BABF; cursor: not-allowed; } .rdtPicker td span.rdtOld { color: #B8BABF; } .rdtPicker td span.rdtDisabled, .rdtPicker td span.rdtDisabled:hover { background: none; color: #B8BABF; cursor: not-allowed; } .rdtPicker td span.rdtDisabled > span, .rdtPicker td span.rdtDisabled:hover > span { border-color: #E8E9EB; } .rdtPicker th { border-bottom: 1px solid #f9f9f9; } .rdtPicker .dow { width: 14.2857%; border-bottom: none; cursor: default; } .rdtPicker th.rdtSwitch { width: 100px; height: 40px; line-height: 40px; } .rdtPicker th.rdtNext, .rdtPicker th.rdtPrev { font-size: 21px; vertical-align: top; height: 40px; line-height: 40px; } .rdtPrev span, .rdtNext span { display: block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .rdtPicker th.rdtDisabled, .rdtPicker th.rdtDisabled:hover { background: none; color: #B8BABF; cursor: not-allowed; } .rdtPicker thead tr:first-of-type th { cursor: pointer; } .rdtPicker thead tr:first-of-type th:hover { background: #eeeeee; } .rdtPicker tfoot { border-top: 1px solid #f9f9f9; } .rdtPicker button { border: none; background: none; cursor: pointer; } .rdtPicker button:hover { background-color: #eee; } .rdtPicker thead button { width: 100%; height: 100%; } td.rdtMonth, td.rdtYear, td.rdtQuarter { height: 24px; width: 48px; line-height: 24px; text-align: center; cursor: pointer; } td.rdtMonth > span, td.rdtYear > span, td.rdtQuarter > span { width: 48px; } td.rdtMonth:hover, td.rdtYear:hover, td.rdtQuarter:hover { background: #eee; } .rdtCounters { display: inline-block; } .rdtCounters > div { float: left; } .rdtCounter { height: 100px; } .rdtCounter { width: 40px; } .rdtCounterSeparator { line-height: 100px; } .rdtCounter .rdtBtn { height: 40%; line-height: 40px; cursor: pointer; display: block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .rdtCounter .rdtBtn:hover { background: #eee; } .rdtCounter .rdtCount { height: 20%; font-size: 1.2em; } .rdtMilli { vertical-align: middle; padding-left: 8px; width: 48px; } .rdtMilli input { width: 100%; font-size: 1.2em; margin-top: 37px; } .rdtTime td { cursor: default; } /* Reset =============== */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } figure { margin: 0; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } svg.icon { width: 1em; height: 1em; fill: currentColor; position: relative; top: 0.125em; } svg.r90 { transform: rotate(90deg); } svg.icon-success { color: #30bf13; } svg.icon-fail { color: #f33e3e; } /** * Basic typography style for copy text */ html { font-size: 16px; } body { color: var(--body-color); background: var(--body-bg); font-size: var(--body-size); font-weight: var(--body-weight); font-family: var(--fontFamilyBase); line-height: var(--body-lineHeight); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: var(--link-color); text-decoration: var(--link-decoration); } a:hover { color: var(--link-onHover-color); text-decoration: var(--link-onHover-decoration); } label { font-weight: var(--fontWeightNormal); } h1, h2, h3, h4, h5, h6 { font-weight: var(--fontWeightNormal); color: var(--text--loud-color); line-height: 1.1; } .is-matched { color: var(--danger); } pre, code, kbd, samp { font-family: var(--fontFamilyMonospace); } .amis-routes-wrapper { width: 100%; height: 100%; } .has-popover { position: relative; } html, body { width: 100%; height: 100%; } body { overflow-x: hidden; } .cxd-Layout { min-height: 100%; width: 100%; position: relative; } .cxd-Layout:before { content: ""; position: absolute; width: inherit; top: 0; bottom: 0; z-index: -1; background: var(--body-bg); border: inherit; display: block; } .cxd-Layout--boxed { margin-right: auto; margin-left: auto; } .cxd-Layout .cxd-Layout-header { background: var(--Layout-header-bg); box-shadow: var(--Layout-header-boxShadow); height: var(--Layout-header-height); } .cxd-Layout--headerFixed { padding-top: var(--Layout-header-height); } .cxd-Layout--headerFixed .cxd-Layout-header { position: fixed; top: 0; width: 100%; z-index: 1200; } .cxd-Layout-brandBar { background: var(--Layout-brand-bg); color: var(--Layout-brandBar-color); } .cxd-Layout-brandBar > button { padding: 0.625rem 1.0625rem; font-size: 1rem; line-height: calc(var(--Layout-header-height) - var(--gap-md)); text-decoration: none; background: transparent; border: none; } .cxd-Layout-brand { color: var(--Layout-brand-color); text-align: left; font-size: var(--fontSizeMd); font-weight: var(--fontWeightNormal); max-width: 100%; height: auto; line-height: var(--Layout-header-height); display: inline-block; vertical-align: middle; padding: 0 var(--gap-base); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cxd-Layout-brand:hover { text-decoration: none; } .cxd-Layout-brand img { max-height: calc(var(--Layout-header-height) / 2); vertical-align: middle; display: inline; } .cxd-Layout-headerBar { border-bottom: var(--Layout-headerBar-borderBottom); min-height: var(--Layout-header-height); padding: 0 var(--gap-sm); display: flex; flex-direction: row; align-items: center; } .cxd-Layout-offScreenBtn { display: none; float: right; padding: 13px var(--gap-md); } .cxd-Layout-aside { position: relative; background: var(--Layout-aside-bg); color: var(--Layout-aside-color); } .cxd-Layout-aside:before { content: ""; position: absolute; width: inherit; top: 0; bottom: 0; z-index: -1; background: inherit; border: inherit; } .cxd-Layout-asideFooter { position: absolute; bottom: 0; width: 100%; z-index: 1200; max-width: var(--Layout-aside-width); } .cxd-Layout-asideFooter ~ div { padding-bottom: 3.125rem; } .cxd-Layout-body { padding-bottom: var(--Layout-footer-height); width: 100%; height: 100%; } .cxd-Layout--noFooter .cxd-Layout-body { padding-bottom: 0; } .cxd-Layout-footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; } .cxd-Layout--sm .cxd-Layout-asideFooter { max-width: var(--Layout-aside--sm-width); } .cxd-Layout--sm .cxd-AsideNav-item a { font-size: var(--fontSizeSm); } .cxd-Layout--md .cxd-Layout-asideFooter { max-width: var(--Layout-aside--md-width); } .cxd-Layout--lg .cxd-Layout-asideFooter { max-width: var(--Layout-aside--lg-width); } @media (max-width: 767px) { .cxd-Layout-content { transition: transform var(--animation-duration) ease; } .cxd-Layout-aside { display: none; } .cxd-Layout--offScreen .cxd-Layout-aside { position: fixed; top: 3.125rem; bottom: 0; width: var(--Layout--offscreen-width); display: block !important; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1010; } .cxd-Layout-headerBar { display: none; } .cxd-Layout--offScreen .cxd-Layout-body, .cxd-Layout--offScreen .cxd-Layout-footer { background: var(--body-bg); transition: transform var(--animation-duration) ease; backface-visibility: hidden; transform: translate3d(var(--Layout--offscreen-width), 0px, 0px); overflow: hidden; position: fixed; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1015; padding-top: 3.125rem; } .cxd-Layout-offScreenBtn { display: block; } } @media (min-width: 768px) { .cxd-Layout { display: flex; flex-direction: column; } .cxd-Layout-header { width: 100%; } .cxd-Layout > .cxd-Layout-body { flex-grow: 1; position: relative; } .cxd-Layout--boxed { width: 47.5rem; } .cxd-Layout--boxed.cxd-Layout--headerFixed .cxd-Layout-header { width: 47.5rem; } .cxd-Layout-brand, .cxd-Layout-brandBar, .cxd-Layout-aside { width: var(--Layout-aside-width); transition: width var(--animation-duration) ease; } .cxd-Layout-brandBar { float: left; } .cxd-Layout--withAside { flex-direction: row; flex-wrap: wrap; justify-content: stretch; } .cxd-Layout--withAside > .cxd-Layout-content { flex-grow: 1; width: 0; position: relative; } .cxd-Layout--withAside .cxd-Layout-headerBar, .cxd-Layout--withAside .cxd-Layout-footer { margin-left: var(--Layout-aside-width); transition: margin var(--animation-duration) ease; } .cxd-Layout .visible-folded { display: none; } .cxd-Layout--folded .visible-folded { display: inherit; } .cxd-Layout--folded .hidden-folded { display: none !important; } .cxd-Layout--folded .text-center-folded { text-align: center; } .cxd-Layout--folded .pull-none-folded { float: none !important; } .cxd-Layout--folded .w-auto-folded { width: auto; } .cxd-Layout--folded .cxd-Layout-aside, .cxd-Layout--folded .cxd-Layout-brandBar { width: var(--Layout-aside--folded-width); } .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-headerBar, .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-footer { margin-left: var(--Layout-aside--folded-width); } .cxd-Layout--folded .cxd-Layout-brand { display: block; padding: 0; font-size: var(--fontSizeLg); text-align: center; } .cxd-Layout--asideFixed .cxd-Layout-aside { height: 100%; } .cxd-Layout--asideFixed .cxd-Layout-aside:before { position: fixed; z-index: 15; } .cxd-Layout--asideFixed .cxd-Layout-brandBar { position: fixed; } .cxd-Layout--asideFixed .cxd-Layout-asideWrap { position: fixed; overflow: hidden; top: var(--Layout-header-height); bottom: 0; left: 0; width: inherit; z-index: 1200; } .cxd-Layout--asideFixed .cxd-Layout-asideInner { width: calc(100% + 17px); position: relative; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .cxd-Layout--asideFixed .cxd-Layout-asideInner::-webkit-scrollbar { -webkit-appearance: none; } .cxd-Layout--asideFixed .cxd-Layout-asideInner::-webkit-scrollbar:vertical { width: 17px; } .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-aside { position: static; } .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-brandBar { position: static; } .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-asideWrap { overflow: visible; z-index: 15; } .cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-asideInner { overflow: visible; padding-right: 17px; } .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brand, .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brandBar, .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-aside { width: var(--Layout-aside--sm-width); } .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brand, .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brandBar, .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-aside { width: var(--Layout-aside--md-width); } .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brand, .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brandBar, .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-aside { width: var(--Layout-aside--lg-width); } } @media (min-width: 992px) { .cxd-Layout--boxed { width: 61.25rem; } .cxd-Layout--boxed.cxd-Layout--headerFixed .cxd-Layout-header { width: 61.25rem; } } @media (min-width: 1200px) { .cxd-Layout--boxed { width: 73.75rem; } .cxd-Layout--boxed.cxd-Layout--headerFixed .cxd-Layout-header { width: 73.75rem; } } .cxd-Grid-col--xs1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xs { flex-basis: 0; flex-grow: 1; min-height: 1px; max-width: 100%; width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--xsAuto { flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 576px) { .cxd-Grid { margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-wrap: wrap; flex: 1; } .cxd-Grid--hRight { justify-content: flex-end; } .cxd-Grid--hCenter { justify-content: center; } .cxd-Grid--hBetween { justify-content: space-between; } .cxd-Grid--vMiddle > div { display: flex; flex-direction: column; justify-content: center; } .cxd-Grid--vBottom > div { display: flex; flex-direction: column; justify-content: flex-end; } .cxd-Grid--vBetween > div { display: flex; flex-direction: column; justify-content: space-between; } .cxd-Grid > .cxd-Grid-col--vTop { display: flex; flex-direction: column; justify-content: flex-start; } .cxd-Grid > .cxd-Grid-col--vMiddle { display: flex; flex-direction: column; justify-content: center; } .cxd-Grid > .cxd-Grid-col--vBottom { display: flex; flex-direction: column; justify-content: flex-end; } .cxd-Grid > .cxd-Grid-col--vBetween { display: flex; flex-direction: column; justify-content: space-between; } .cxd-Grid-col--sm1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--sm { flex-basis: 0; flex-grow: 1; min-height: 1px; max-width: 100%; width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--smAuto { flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } } @media (min-width: 768px) { .cxd-Grid-col--md1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--md { flex-basis: 0; flex-grow: 1; min-height: 1px; max-width: 100%; width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--mdAuto { flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } } @media (min-width: 992px) { .cxd-Grid-col--lg1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lg { flex-basis: 0; flex-grow: 1; min-height: 1px; max-width: 100%; width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .cxd-Grid-col--lgAuto { flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } } .cxd-Grid--none { margin-left: 0; margin-right: 0; } .cxd-Grid--none > div { padding-left: 0; padding-right: 0; } .cxd-Grid--xs { margin-left: calc(var(--gap-xs) * -0.5); margin-right: calc(var(--gap-xs) * -0.5); } .cxd-Grid--xs > div { padding-left: calc(var(--gap-xs) * 0.5); padding-right: calc(var(--gap-xs) * 0.5); } .cxd-Grid--sm { margin-left: calc(var(--gap-sm) * -0.5); margin-right: calc(var(--gap-sm) * -0.5); } .cxd-Grid--sm > div { padding-left: calc(var(--gap-sm) * 0.5); padding-right: calc(var(--gap-sm) * 0.5); } .cxd-Grid--base { margin-left: calc(var(--gap-base) * -0.5); margin-right: calc(var(--gap-base) * -0.5); } .cxd-Grid--base > div { padding-left: calc(var(--gap-base) * 0.5); padding-right: calc(var(--gap-base) * 0.5); } .cxd-Grid--md { margin-left: calc(var(--gap-md) * -0.5); margin-right: calc(var(--gap-md) * -0.5); } .cxd-Grid--md > div { padding-left: calc(var(--gap-md) * 0.5); padding-right: calc(var(--gap-md) * 0.5); } .cxd-Grid--lg { margin-left: calc(var(--gap-lg) * -0.5); margin-right: calc(var(--gap-lg) * -0.5); } .cxd-Grid--lg > div { padding-left: calc(var(--gap-lg) * 0.5); padding-right: calc(var(--gap-lg) * 0.5); } .cxd-AsideNav::before, .cxd-AsideNav::after { display: table; content: ""; } .cxd-AsideNav::after { clear: both; } .cxd-AsideNav-label { color: var(--Layout-asideLabel-color); margin-top: var(--gap-base); margin-bottom: var(--gap-sm); font-size: var(--fontSizeXs); padding-left: var(--gap-base); padding-right: var(--gap-base); } .cxd-AsideNav-list { list-style: none; padding: 0; margin: 0; } .cxd-AsideNav-itemArrow { float: right; display: block; width: var(--gap-md); text-align: center; line-height: 1.0625rem; margin-top: 0.125rem; } .cxd-AsideNav-itemArrow:empty:before { content: ""; display: inline-block; transform-origin: center; transition: transform var(--animation-duration) ease; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEzIDEwMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZyBpZD0icmlnaHQtYXJyb3ciIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CgkJPHBhdGggZD0iTTU2LjU1OTA1NCwxMDEzLjc3MzY5IEw1MTIuOTA4MTE2LDUxMi42ODQ1MjQgTDU2LjU1OTA1NCwxMi4yMzQ1MDEgQzQ5LjQxMTQ2NzgsMi45MzQ1NTkxMiAzNy42NjY0MjM4LC0xLjU5MTg4MTc2IDI2LjEyNjIzMjQsMC41MDU5NDgyNDYgQzE0LjU4NjA0MSwyLjYwMzc3ODI1IDUuMTg1NDQ0MDksMTAuOTc0MTcyNyAxLjc2ODE1NTE2LDIyLjE5NDY0NzEgQy0xLjY0OTEzMzc3LDMzLjQxNTEyMTQgMS40ODk4MDIyOCw0NS42MDQ1MzUxIDkuOTAxNTE2LDUzLjc3ODg4NCBMNDI0LjcwNjE5Nyw1MTIuNjg0NTI0IEwxMi40NTgwOTQsOTY5LjY3MjczMSBDMi40NTgyMDU5Niw5ODIuNTUxNDk4IDQuMDEyOTc3MzcsMTAwMC45NDgzIDE2LjAzMjQ0MjIsMTAxMS45NjYxNSBDMjguMDUxOTA3MSwxMDIyLjk4Mzk5IDQ2LjUxNDIzNDYsMTAyMi45MzYxOSA1OC40NzY0ODcsMTAxMS44NTYyNiBMNTYuNTU5MDU0LDEwMTMuNzczNjkgWiIgaWQ9Iui3r+W+hCI+CgkJPC9wYXRoPgoJPC9nPgo8L3N2Zz4K); width: 0.625rem; height: 0.625rem; background-position: center center; background-repeat: no-repeat; } .cxd-AsideNav-item.is-open > a > .cxd-AsideNav-itemArrow:empty:before { transform: rotate(90deg); color: var(--Layout-asideLink-onActive-arrowColor); } .cxd-AsideNav-itemArrow > svg { color: var(--Layout-asideLink-color); width: 0.625rem; height: 0.625rem; transform-origin: center; transition: transform var(--animation-duration) ease; } .cxd-AsideNav-item.is-open > a > .cxd-AsideNav-itemArrow > svg { transform: rotate(90deg); } .cxd-AsideNav-itemBadge { padding: 0.125rem var(--gap-xs); margin-top: 0.125rem; font-size: var(--fontSizeXs); text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.2); float: right; min-width: 0.0625rem; line-height: 1; font-weight: var(--fontWeightBold); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.625rem; } .cxd-AsideNav-itemIcon { margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem; line-height: var(--Layout-nav-height); width: var(--Layout-nav-height); vertical-align: middle; float: left; margin-right: 0; text-align: center; position: relative; overflow: hidden; color: var(--Layout-asideLink-iconColor); font-size: var(--Layout-asideLink-onHover-iconSize); } .cxd-AsideNav-itemIcon:before { position: relative; z-index: 2; } .cxd-AsideNav-subList { margin: 0; padding: 0; opacity: 0; height: 0; overflow: hidden; margin-left: calc(var(--gap-md) * -1); transition: all var(--animation-duration) ease-in-out 0s; background: var(--Layout-aside-subList-bg); } .cxd-Layout--folded .cxd-AsideNav-item > .cxd-AsideNav-subList { display: block; overflow: hidden; } .is-open > .cxd-AsideNav-subList, .cxd-Layout--folded .cxd-AsideNav-item .cxd-AsideNav-item.is-open > .cxd-AsideNav-subList, .cxd-Layout--folded .cxd-AsideNav-item:hover > .cxd-AsideNav-subList, .cxd-Layout--folded .cxd-AsideNav-item:focus > .cxd-AsideNav-subList, .cxd-Layout--folded .cxd-AsideNav-item:active > .cxd-AsideNav-subList { opacity: 1; margin-left: 0; height: auto !important; overflow: visible; } .cxd-AsideNav-item { position: relative; display: block; } .cxd-AsideNav-item a { font-weight: normal; cursor: pointer; text-transform: none; display: block; font-size: var(--Layout-asideLink-fontSize); padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base); position: relative; transition: background-color var(--animation-duration) ease-in-out 0s; color: var(--Layout-asideLink-color); text-decoration: none; user-select: none; } .cxd-AsideNav-item a:hover { color: var(--Layout-asideLink-onHover-color); text-decoration: none; background: var(--Layout-aside-onHover-bg); } .cxd-AsideNav-item a:hover .cxd-AsideNav-itemIcon { color: var(--Layout-asideLink-onHover-iconColor); } .cxd-AsideNav-item.is-active > a { background: var(--Layout-aside-onAcitve-bg); color: var(--Layout-asideLink-onActive-color); } .cxd-AsideNav-item.is-active > a:hover { background: var(--Layout-aside-onAcitve-onHover-bg); } .cxd-AsideNav-item.is-lg > a { padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md); } .cxd-AsideNav-item .cxd-AsideNav-item a { padding-left: calc(var(--Layout-nav-height) + 0.3125rem); } .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item a { padding-left: calc(var(--Layout-nav-height) + 0.9375rem); } .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item a { padding-left: calc(var(--Layout-nav-height) + 1.875rem); } .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-item a { padding-left: calc(var(--Layout-nav-height) + 2.8125rem); } .cxd-AsideNav-item .cxd-AsideNav-item .cxd-AsideNav-subList { display: none; } .cxd-AsideNav-item .cxd-AsideNav-item.is-open .cxd-AsideNav-subList { display: block; } .cxd-AsideNav-subHeader { display: none; } .cxd-AsideNav-subHeader a { cursor: default; background: transparent; color: var(--Layout-asideLink-color); padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md); } .cxd-AsideNav-subHeader a:hover { color: var(--Layout-asideLink-onHover-color); background: transparent; } .cxd-AsideNav-tooltip { pointer-events: none; left: 0; top: 50%; transform: translateY(-50%); position: absolute; font-size: var(--Tooltip--attr-fontSize); line-height: var(--Tooltip--attr-lineHeigt); text-align: left; white-space: nowrap; background: var(--Tooltip--attr-bg); border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor); border-radius: var(--Tooltip--attr-borderRadius); box-shadow: var(--Tooltip--attr-boxShadow); left: 100%; color: var(--Tooltip--attr-color); padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX); opacity: 0; transition: var(--Tooltip--attr-transition); } .cxd-AsideNav-divider { width: auto; height: 0.0625rem; margin: var(--Layout-asideDivider-margin); overflow: hidden; font-size: 0; background: var(--Layout-asideDivider-bg); } img.cxd-AsideNav-itemIcon { float: none; height: var(--Layout-asideLink-fontSize); width: auto; margin-right: var(--gap-xs); vertical-align: middle; } @media (min-width: 768px) { .cxd-Layout--folded .cxd-AsideNav-label { display: none; } .cxd-Layout--folded .cxd-AsideNav-subHeader { display: block; } .cxd-Layout--folded .cxd-AsideNav-item:hover > .cxd-AsideNav-tooltip { opacity: 1; z-index: 1600; margin: 0 0 0 var(--Tooltip--attr-gap); opacity: 1; } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a { text-align: center; position: relative; padding: 0; text-align: center; height: var(--Layout-nav--folded-height); border: none; } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemArrow, .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemLabel { display: none; } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemIcon { width: auto; float: none !important; display: block; font-size: 1rem; margin: 0; line-height: var(--Layout-nav--folded-height); border: none !important; } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemBadge { position: absolute; right: 0.75rem; top: 0.5rem; z-index: 3; } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item.is-lg > a { height: var(--Layout-nav-lgHeight); } .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item.is-lg > a .cxd-AsideNav-itemIcon { line-height: var(--Layout-nav-lgHeight); } .cxd-Layout--folded .cxd-AsideNav-item .cxd-AsideNav-item a { padding-left: var(--gap-md) !important; } .cxd-Layout--folded .cxd-AsideNav-subList { height: 0 !important; position: absolute; left: 100%; top: 0 !important; z-index: 1050; width: var(--Layout-aside-width); box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1); } .cxd-Layout--folded.cxd-Layout--sm .cxd-AsideNav-subList { width: var(--Layout-aside--sm-width); } .cxd-Layout--folded.cxd-Layout--md .cxd-AsideNav-subList { width: var(--Layout-aside--md-width); } .cxd-Layout--folded.cxd-Layout--lg .cxd-AsideNav-subList { width: var(--Layout-aside--lg-width); } } .cxd-Hbox { display: flex; flex-direction: row; flex-wrap: nowrap; } .cxd-Hbox-col { flex-basis: 0; flex-grow: 1; min-height: 1px; max-width: 100%; width: 100%; } .cxd-Hbox-col--customWidth { flex-grow: unset; flex-basis: unset; } .cxd-Hbox-col--auto { flex: 0 0 auto; width: auto; max-width: 100%; } .cxd-Hbox--hRight { justify-content: flex-end; } .cxd-Hbox--hCenter { justify-content: center; } .cxd-Hbox--hBetween { justify-content: space-between; } .cxd-Hbox--vMiddle > .cxd-Hbox-col { display: flex; flex-direction: column; justify-content: center; } .cxd-Hbox--vBottom > .cxd-Hbox-col { display: flex; flex-direction: column; justify-content: flex-end; } .cxd-Hbox--vBetween > .cxd-Hbox-col { display: flex; flex-direction: column; justify-content: space-between; } .cxd-Hbox > .cxd-Hbox-col--vTop { display: flex; flex-direction: column; justify-content: flex-start; } .cxd-Hbox > .cxd-Hbox-col--vMiddle { display: flex; flex-direction: column; justify-content: center; } .cxd-Hbox > .cxd-Hbox-col--vBottom { display: flex; flex-direction: column; justify-content: flex-end; } .cxd-Hbox > .cxd-Hbox-col--vBetween { display: flex; flex-direction: column; justify-content: space-between; } .cxd-Hbox--xs { margin-left: calc(var(--gap-xs) * -0.5); margin-right: calc(var(--gap-xs) * -0.5); } .cxd-Hbox--xs > .cxd-Hbox-col { padding-left: calc(var(--gap-xs) * 0.5); padding-right: calc(var(--gap-xs) * 0.5); } .cxd-Hbox--sm { margin-left: calc(var(--gap-sm) * -0.5); margin-right: calc(var(--gap-sm) * -0.5); } .cxd-Hbox--sm > .cxd-Hbox-col { padding-left: calc(var(--gap-sm) * 0.5); padding-right: calc(var(--gap-sm) * 0.5); } .cxd-Hbox--base { margin-left: calc(var(--gap-base) * -0.5); margin-right: calc(var(--gap-base) * -0.5); } .cxd-Hbox--base > .cxd-Hbox-col { padding-left: calc(var(--gap-base) * 0.5); padding-right: calc(var(--gap-base) * 0.5); } .cxd-Hbox--md { margin-left: calc(var(--gap-md) * -0.5); margin-right: calc(var(--gap-md) * -0.5); } .cxd-Hbox--md > .cxd-Hbox-col { padding-left: calc(var(--gap-md) * 0.5); padding-right: calc(var(--gap-md) * 0.5); } .cxd-Hbox--lg { margin-left: calc(var(--gap-lg) * -0.5); margin-right: calc(var(--gap-lg) * -0.5); } .cxd-Hbox--lg > .cxd-Hbox-col { padding-left: calc(var(--gap-lg) * 0.5); padding-right: calc(var(--gap-lg) * 0.5); } .cxd-Vbox { display: table; border-spacing: 0; position: relative; width: 100%; height: 100%; min-height: 240px; } .cxd-Vbox .row-row { display: table-row; height: 100%; } .cxd-Vbox .row-row .cxd-Vbox-cell { position: relative; height: 100%; width: 100%; } .ie .cxd-Vbox .row-row .cxd-Vbox-cell { display: table-cell; overflow: auto; } .ie .cxd-Vbox .row-row .cxd-Vbox-cell .cell-inner { overflow: visible !important; } .cxd-Vbox .row-row .cxd-Vbox-cell .cell-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-overflow-scrolling: touch; overflow: auto; } .cxd-Button { display: inline-block; font-weight: var(--Button-fontWeight); text-align: center; vertical-align: middle; user-select: none; background: transparent; border: var(--Button-borderWidth) solid transparent; transition: var(--Button-transition); white-space: nowrap; min-width: var(--Button-mimWidth); padding: var(--Button-paddingY) var(--Button-paddingX); font-size: var(--Button-fontSize); line-height: var(--Button-lineHeight); border-radius: var(--Button-borderRadius); height: var(--Button-height); } .cxd-Button--primary { color: var(--Button--primary-color); background: var(--Button--primary-bg); border-color: var(--Button--primary-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--primary:not(:disabled):not(.is-disabled):hover { color: var(--Button--primary-onHover-color); background: var(--Button--primary-onHover-bg); border-color: var(--Button--primary-onHover-border); } .cxd-Button--primary:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--primary-onActive-color); background: var(--Button--primary-onActive-bg); border-color: var(--Button--primary-onActive-border); } .cxd-Button--primary:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--secondary { color: var(--Button--secondary-color); background: var(--Button--secondary-bg); border-color: var(--Button--secondary-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover { color: var(--Button--secondary-onHover-color); background: var(--Button--secondary-onHover-bg); border-color: var(--Button--secondary-onHover-border); } .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--secondary-onActive-color); background: var(--Button--secondary-onActive-bg); border-color: var(--Button--secondary-onActive-border); } .cxd-Button--secondary:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--success { color: var(--Button--success-color); background: var(--Button--success-bg); border-color: var(--Button--success-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--success:not(:disabled):not(.is-disabled):hover { color: var(--Button--success-onHover-color); background: var(--Button--success-onHover-bg); border-color: var(--Button--success-onHover-border); } .cxd-Button--success:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--success-onActive-color); background: var(--Button--success-onActive-bg); border-color: var(--Button--success-onActive-border); } .cxd-Button--success:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--enhance { color: var(--Button--enhance-color); background: var(--Button--enhance-bg); border-color: var(--Button--enhance-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover { color: var(--Button--enhance-onHover-color); background: var(--Button--enhance-onHover-bg); border-color: var(--Button--enhance-onHover-border); } .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--enhance-onActive-color); background: var(--Button--enhance-onActive-bg); border-color: var(--Button--enhance-onActive-border); } .cxd-Button--enhance:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--info { color: var(--Button--info-color); background: var(--Button--info-bg); border-color: var(--Button--info-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--info:not(:disabled):not(.is-disabled):hover { color: var(--Button--info-onHover-color); background: var(--Button--info-onHover-bg); border-color: var(--Button--info-onHover-border); } .cxd-Button--info:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--info-onActive-color); background: var(--Button--info-onActive-bg); border-color: var(--Button--info-onActive-border); } .cxd-Button--info:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--warning { color: var(--Button--warning-color); background: var(--Button--warning-bg); border-color: var(--Button--warning-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--warning:not(:disabled):not(.is-disabled):hover { color: var(--Button--warning-onHover-color); background: var(--Button--warning-onHover-bg); border-color: var(--Button--warning-onHover-border); } .cxd-Button--warning:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--warning-onActive-color); background: var(--Button--warning-onActive-bg); border-color: var(--Button--warning-onActive-border); } .cxd-Button--warning:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--danger { color: var(--Button--danger-color); background: var(--Button--danger-bg); border-color: var(--Button--danger-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--danger:not(:disabled):not(.is-disabled):hover { color: var(--Button--danger-onHover-color); background: var(--Button--danger-onHover-bg); border-color: var(--Button--danger-onHover-border); } .cxd-Button--danger:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--danger-onActive-color); background: var(--Button--danger-onActive-bg); border-color: var(--Button--danger-onActive-border); } .cxd-Button--danger:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--light { color: var(--Button--light-color); background: var(--Button--light-bg); border-color: var(--Button--light-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--light:not(:disabled):not(.is-disabled):hover { color: var(--Button--light-onHover-color); background: var(--Button--light-onHover-bg); border-color: var(--Button--light-onHover-border); } .cxd-Button--light:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--light-onActive-color); background: var(--Button--light-onActive-bg); border-color: var(--Button--light-onActive-border); } .cxd-Button--light:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--dark { color: var(--Button--dark-color); background: var(--Button--dark-bg); border-color: var(--Button--dark-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--dark:not(:disabled):not(.is-disabled):hover { color: var(--Button--dark-onHover-color); background: var(--Button--dark-onHover-bg); border-color: var(--Button--dark-onHover-border); } .cxd-Button--dark:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--dark-onActive-color); background: var(--Button--dark-onActive-bg); border-color: var(--Button--dark-onActive-border); } .cxd-Button--dark:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--default { color: var(--Button--default-color); background: var(--Button--default-bg); border-color: var(--Button--default-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Button--default:not(:disabled):not(.is-disabled):hover { color: var(--Button--default-onHover-color); background: var(--Button--default-onHover-bg); border-color: var(--Button--default-onHover-border); } .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active { color: var(--Button--default-onActive-color); background: var(--Button--default-onActive-bg); border-color: var(--Button--default-onActive-border); } .cxd-Button--default:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Button--xs { padding: var(--Button--xs-paddingY) var(--Button--xs-paddingX); font-size: var(--Button--xs-fontSize); line-height: var(--Button--xs-lineHeight); border-radius: var(--Button--sm-borderRadius); height: var(--Button--xs-height); } .cxd-Button--xs .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--xs > .pull-left { margin-right: var(--Button--xs-paddingX); } .cxd-Button--xs .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Button--xs > .pull-right { margin-left: var(--Button--xs-paddingX); } .cxd-Button--xs .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--xs > .pull-left { margin-right: var(--Button--xs-paddingX); } .cxd-Button--xs .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Button--xs > .pull-right { margin-left: var(--Button--xs-paddingX); } .cxd-Button--xs img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Button--xs.cxd-Button--iconOnly { min-width: calc( var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate) ); } .cxd-Button--sm { padding: var(--Button--sm-paddingY) var(--Button--sm-paddingX); font-size: var(--Button--sm-fontSize); line-height: var(--Button--sm-lineHeight); border-radius: var(--Button--sm-borderRadius); height: var(--Button--sm-height); } .cxd-Button--sm .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--sm > .pull-left { margin-right: var(--Button--sm-paddingX); } .cxd-Button--sm .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Button--sm > .pull-right { margin-left: var(--Button--sm-paddingX); } .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--sm > .pull-left { margin-right: var(--Button--sm-paddingX); } .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Button--sm > .pull-right { margin-left: var(--Button--sm-paddingX); } .cxd-Button--sm img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Button--sm.cxd-Button--iconOnly { min-width: calc( var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate) ); } .cxd-Button--md { padding: var(--Button--md-paddingY) var(--Button--md-paddingX); font-size: var(--Button--md-fontSize); line-height: var(--Button--md-lineHeight); border-radius: var(--Button-borderRadius); height: var(--Button--md-height); } .cxd-Button--md .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--md > .pull-left { margin-right: var(--Button--md-paddingX); } .cxd-Button--md .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Button--md > .pull-right { margin-left: var(--Button--md-paddingX); } .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--md > .pull-left { margin-right: var(--Button--md-paddingX); } .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Button--md > .pull-right { margin-left: var(--Button--md-paddingX); } .cxd-Button--md img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Button--md.cxd-Button--iconOnly { min-width: calc( var(--Button--md-height) * var(--Button--iconOnly-minWidthRate) ); } .cxd-Button--lg { padding: var(--Button--lg-paddingY) var(--Button--lg-paddingX); font-size: var(--Button--lg-fontSize); line-height: var(--Button--lg-lineHeight); border-radius: var(--Button--lg-borderRadius); height: var(--Button--lg-height); } .cxd-Button--lg .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--lg > .pull-left { margin-right: var(--Button--lg-paddingX); } .cxd-Button--lg .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Button--lg > .pull-right { margin-left: var(--Button--lg-paddingX); } .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right), .cxd-Button--lg > .pull-left { margin-right: var(--Button--lg-paddingX); } .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Button--lg > .pull-right { margin-left: var(--Button--lg-paddingX); } .cxd-Button--lg img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Button--lg.cxd-Button--iconOnly { min-width: calc( var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate) ); } .cxd-Button--iconOnly { min-width: calc( var(--Button-height) * var(--Button--iconOnly-minWidthRate) ); } .cxd-Button--iconOnly:not(.cxd-Button--link) > svg.icon { width: 0.875rem; height: 0.875rem; top: 0.125rem; } .cxd-Button--iconOnly:not(.cxd-Button--link) > .fa, .cxd-Button--iconOnly:not(.cxd-Button--link) > .iconfont { font-size: var(--fontSizeMd); } .cxd-Button--iconOnly:not(.cxd-Button--link) > .iconfont { line-height: 1; } .cxd-Button:active, .cxd-Button.is-active { color: var(--Button-onActive-color); box-shadow: var(--Button-onActive-boxShadow); border-color: var(--Button-onActive-border); } .cxd-Button:active:focus, .cxd-Button.is-active:focus { box-shadow: var(--Button-onActive-boxShadow); } .cxd-Button .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Button > svg.icon:not(:last-child):not(.pull-right), .cxd-Button > .pull-left { margin-right: var(--Button-paddingX); } .cxd-Button .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Button > .pull-right { margin-left: var(--Button-paddingX); } .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Button > svg.icon:not(:last-child):not(.pull-right), .cxd-Button > .pull-left { margin-right: var(--Button-paddingX); } .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Button > .pull-right { margin-left: var(--Button-paddingX); } .cxd-Button img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Button:hover:focus { text-decoration: none; } .cxd-Button:focus, .cxd-Button.focus { outline: 0; box-shadow: var(--Button-onFocus-boxShadow); } .cxd-Button.is-disabled, .cxd-Button:disabled { filter: grayscale(100%); box-shadow: none; cursor: not-allowed; color: var(--text--muted-color); border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor); background: var(--Button-onDisabled-bg); } .cxd-Button.is-disabled > svg, .cxd-Button.is-disabled > svg path, .cxd-Button:disabled > svg, .cxd-Button:disabled > svg path { fill: currentColor; } .cxd-Button:not(:disabled):not(.is-disabled) { cursor: pointer; } .cxd-Button--link { width: auto; min-width: auto; font-weight: var(--fontWeightNormal); color: var(--Button--link-color); text-decoration: var(--link-decoration); border: none; height: auto; } .cxd-Button--link:hover:focus { color: var(--Button--link-onHover-color); box-shadow: none; } .cxd-Button--link:hover:active { color: var(--Button--link-onActive-color); box-shadow: none; } .cxd-Button--link:disabled, .cxd-Button--link.is-disabled { color: var(--text--muted-color); border: none; background: var(--Button--link-onDisabled-backgroundColor); } .cxd-Button--link:disabled:hover:active, .cxd-Button--link.is-disabled:hover:active { color: var(--text--muted-color); } .cxd-Button--block { display: block; width: 100%; } .cxd-Button--block + .cxd-Button--block { margin-top: var(--gap-base); } .cxd-Button > .pull-left, .cxd-Button > .pull-right { line-height: inherit; } .cxd-Button > .fa, .cxd-Button > .iconfont, .cxd-Button > .glyphicon { font-size: inherit; } a.cxd-Button.is-disabled, fieldset:disabled a.cxd-Button { pointer-events: none; } .cxd-Button--loading { transition: --Button-transition; } .cxd-Button--loading svg { animation: var(--Button-animation-spin); } input[type=submit].cxd-Button--block, input[type=reset].cxd-Button--block, input[type=button].cxd-Button--block { width: 100%; } .cxd-ButtonToolbar { margin-left: calc(var(--gap-xs) * -1); margin-top: calc(var(--gap-xs) * -1); } .cxd-ButtonToolbar > .cxd-Button { margin-left: var(--gap-xs); margin-top: var(--gap-xs); } .cxd-Action { display: inline-block; } .cxd-Action:hover { cursor: pointer; } .cxd-Avatar { background: var(--Avatar-bg); width: var(--Avatar-size-default); height: var(--Avatar-size-default); line-height: var(--Avatar-size-default); position: relative; display: inline-block; overflow: hidden; flex-shrink: 0; border-radius: 50%; text-align: center; } .cxd-Avatar i { font-size: var(--Avatar-icon-size-default); } .cxd-Avatar--lg { width: var(--Avatar-size-large); height: var(--Avatar-size-large); line-height: var(--Avatar-size-large); } .cxd-Avatar--lg i { font-size: var(--Avatar-icon-size-large); } .cxd-Avatar--sm { width: var(--Avatar-size-small); height: var(--Avatar-size-small); line-height: var(--Avatar-size-small); } .cxd-Avatar--sm i { font-size: var(--Avatar-icon-size-small); } .cxd-Avatar--text { position: absolute; left: 50%; transform-origin: 0 center; } .cxd-Avatar--square { border-radius: 0%; } .cxd-Avatar--rounded { border-radius: 10%; } .cxd-Avatar img { width: 100%; height: 100%; } .cxd-Avatar:hover img, .cxd-Avatar:hover i { transform: scale(1.1); } .cxd-Breadcrumb { font-size: var(--Breadcrumb-item-fontSize); font-weight: var(--fontWeightBase); color: var(--Breadcrumb-item-default-color); } .cxd-Breadcrumb-icon { margin-right: 0.125rem; min-width: var(--gap-xs); } .cxd-Breadcrumb-item { position: relative; } .cxd-Breadcrumb-item-default { cursor: pointer; color: var(--Breadcrumb-item-default-color); } .cxd-Breadcrumb-item-dropdown { cursor: pointer; color: var(--BreadcrumbDropdown-item-default-color); } .cxd-Breadcrumb-item a:hover { color: var(--Breadcrumb-item-hover-color); } .cxd-Breadcrumb-item a:active { color: var(--Breadcrumb-item-active-color); } .cxd-Breadcrumb-item-last .cxd-Breadcrumb-item-default { font-weight: var(--fontWeightMd); color: var(--Breadcrumb-item-last-color); } .cxd-Breadcrumb-item-caret { margin-left: var(--gap-sm); cursor: pointer; display: inline-block; transition: transform var(--animation-duration) ease; } .cxd-Breadcrumb-item-caret > svg { width: 0.625rem; height: 0.625rem; top: 0.0625rem; } .cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-caret { transform: translateY(0.125rem) rotate(180deg); color: var(--Breadcrumb-item-hover-color); } .cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-default { color: var(--Breadcrumb-item-hover-color); } .cxd-Breadcrumb-separator { user-select: none; margin: 0 var(--gap-sm); text-align: center; min-width: var(--gap-xs); } .cxd-Breadcrumb-dropdown { position: absolute; z-index: 1000; top: 100%; left: 0; margin: 0.0625rem 0; background: var(--DropDown-menu-bg); list-style: none; padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX); border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor); border-radius: var(--DropDown-menu-borderRadius); box-shadow: var(--DropDown-menu-boxShadow); min-width: 100%; text-align: left; font-size: var(--BreadcrumbDropdown-item-fontSize); } .cxd-Breadcrumb-dropdown > li { padding: var(--BreadcrumbDropdown-item-paddingX) var(--BreadcrumbDropdown-item-paddingY); white-space: nowrap; box-sizing: border-box; padding-left: 0.75rem; vertical-align: middle; user-select: none; color: var(--BreadcrumbDropdown-item-default-color); background-color: var(--BreadcrumbDropdown-item-default-bg); } .cxd-Breadcrumb-dropdown > li:hover { background: var(--BreadcrumbDropdown-item-hover-bg); } .cxd-Breadcrumb-dropdown > li:hover a { color: var(--Breadcrumb-item-hover-color); } .cxd-Badge { display: inline-block; position: relative; } .cxd-Badge-text, .cxd-Badge-dot, .cxd-Badge-ribbon { background: var(--danger); position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0; z-index: auto; border-radius: calc(var(--Badge-size) / 2); } .cxd-Badge--top-left { top: 0; left: 0; right: auto; transform: translate(-50%, -50%); } .cxd-Badge--bottom-left { top: auto; bottom: 0; left: 0; right: auto; transform: translate(-50%, 50%); } .cxd-Badge--bottom-right { top: auto; bottom: 0; left: auto; right: 0; transform: translate(50%, 50%); } .cxd-Badge--danger { background: var(--Badge--danger-bg); } .cxd-Badge--info { background: var(--Badge--info-bg); } .cxd-Badge--success { background: var(--Badge--success-bg); } .cxd-Badge--warning { background: var(--Badge--warning-bg); } .cxd-Badge-text { color: var(--Badge-color); height: var(--Badge-size); line-height: var(--Badge-size); white-space: nowrap; text-align: center; padding: 0 6px; } .cxd-Badge-dot { z-index: auto; width: var(--Badge-size); height: var(--Badge-size); border-radius: 50%; } .cxd-Badge-ribbon-out { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 0; } .cxd-Badge-ribbon { color: var(--Badge-color); height: var(--Badge-size); line-height: var(--Badge-size); transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7); transform-origin: 50% 0; border-radius: 0; text-align: center; width: 62.5rem; top: 5px; } .cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--bottom-left { left: 0; right: auto; } .cxd-Badge-ribbon--top-left { transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7); left: 0; right: auto; } .cxd-Badge-ribbon--bottom-left { transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7); transform-origin: 50% 100%; left: 0; right: auto; bottom: 5px; top: auto; } .cxd-Badge-ribbon--bottom-right { transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7); transform-origin: 50% 100%; left: auto; right: 0; bottom: 5px; top: auto; } @keyframes badgeDotAnimation { 0% { transform: scale(0.8); opacity: 0.4; } to { transform: scale(3.2); opacity: 0; } } .is-modalOpened { overflow: hidden; } .is-modalOpened .cxd-Modal { overflow-x: hidden; overflow-y: auto; } @keyframes modalIn { from { opacity: 0; transform: translate3d(0, -300px, 0) scale(0.2); } } @keyframes modalOut { to { opacity: 0; transform: translate3d(0, -300px, 0) scale(0.2); } } .cxd-Modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1400; overflow: hidden; outline: 0; } .cxd-Modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background: var(--Modal-bg); background-clip: padding-box; outline: 0; z-index: 2; margin-left: auto; margin-right: auto; margin-top: var(--Modal-content-startMarginTop); margin-bottom: var(--gap-md); border: var(--Modal-content-borderWidth) solid var(--Modal-content-borderColor); border-radius: var(--Modal-content-borderRadius); } .cxd-Modal-content.in, .cxd-Modal-content.out { animation-duration: var(--animation-duration); animation-fill-mode: both; } .cxd-Modal-content.in { animation-name: modalIn; } .cxd-Modal-content.out { animation-name: modalOut; } .cxd-Modal-overlay { transition: ease-in-out opacity var(--animation-duration); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: var(--Modal-overlay-bg); pointer-events: none; opacity: 0; } .cxd-Modal-overlay.in { opacity: 1; } .cxd-Modal-overlay.out { opacity: 0; } .cxd-Modal-header { padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX); background: var(--Modal-header-bg); border-bottom: var(--Modal-body-borderTop); border-top-left-radius: var(--Modal-content-borderRadius); border-top-right-radius: var(--Modal-content-borderRadius); } .cxd-Modal-header::before, .cxd-Modal-header::after { display: table; content: ""; } .cxd-Modal-header::after { clear: both; } .cxd-Modal-title { font-size: var(--Modal-title-fontSize); color: var(--Modal-title-color); font-weight: var(--Modal-title-fontWeight); } .cxd-Modal-close { float: right; color: var(--Modal-close-color); line-height: inherit; text-decoration: none; vertical-align: middle; } .cxd-Modal-close svg { width: var(--Modal-close-width); height: var(--Modal-close-width); fill: var(--Modal-close-color); } .cxd-Modal-close:not(.is-disabled) { cursor: pointer; } .cxd-Modal-close:not(.is-disabled):hover { text-decoration: none; color: var(--Model-close-onHover-color); } .cxd-Modal-close:not(.is-disabled):hover svg { fill: var(--Model-close-onHover-color); } .cxd-Modal-content > .cxd-Modal-close { position: absolute; right: var(--gap-md); top: var(--gap-sm); z-index: 10; } .cxd-Modal-body { padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX) var(--Modal-body-paddingY); flex-grow: 1; } .cxd-Modal-header + .cxd-Modal-body { padding-top: var(--Modal-body-paddingY); } .cxd-Modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: var(--Modal-footer-padding); border-top: var(--Modal-body-borderBottom); margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX); border-bottom-left-radius: var(--Modal-content-borderRadius); border-bottom-right-radius: var(--Modal-content-borderRadius); } .cxd-Modal-footer .cxd-Button { min-width: var(--Modal-footer-button-width); margin-left: var(--gap-sm); } .cxd-Modal--2th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--3th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--4th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--5th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--6th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--7th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--8th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--9th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop) ); } .cxd-Modal--10th .cxd-Modal-content { margin-top: calc( var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop) ); } @media (min-width: 576px) { .cxd-Modal-content { max-width: var(--Modal-widthBase); } .cxd-Modal--sm .cxd-Modal-content { max-width: var(--Modal-widthSm); } .cxd-Modal--base .cxd-Modal-content { max-width: var(--Modal-widthBase); } .cxd-Modal--md .cxd-Modal-content { max-width: var(--Modal-widthMd); } .cxd-Modal--lg .cxd-Modal-content { max-width: var(--Modal-widthLg); } .cxd-Modal--xl .cxd-Modal-content { max-width: var(--Modal-widthXl); } } .cxd-Dialog-info { flex-basis: 0; flex-grow: 1; text-align: left; } .cxd-Dialog-error { color: var(--danger); white-space: pre-wrap; } .cxd-Modal--full { display: flex; flex-direction: column; justify-content: center; align-items: center; } .cxd-Modal--full > .cxd-Modal-content { flex-basis: 0; flex-grow: 1; margin: 30px; width: calc(100% - 60px); max-width: unset; } .cxd-Modal--full > .cxd-Modal-content > .cxd-Modal-body { height: 0; overflow: auto; } /* 移动端样式调整 */ @media (max-width: 767px) { .cxd-Modal .cxd-Modal-footer { display: flex; } .cxd-Modal .cxd-Modal-footer > .cxd-Button { flex: 1; height: 2.75rem; } .cxd-Modal .cxd-Modal-footer > .cxd-Button:first-child { margin-left: 0; } } .cxd-Drawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1400; overflow: hidden; outline: 0; } .cxd-Drawer-content { position: absolute; display: flex; flex-direction: column; width: 100%; height: 100%; pointer-events: auto; background: var(--Drawer-bg); background-clip: padding-box; outline: 0; z-index: 2; border-radius: var(--Drawer-content-borderRadius); transition: transform ease-in-out var(--animation-duration); } .cxd-Drawer-overlay { transition: ease-out opacity var(--animation-duration); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: var(--Drawer-overlay-bg); opacity: 0; } .cxd-Drawer-overlay.in { opacity: 1; } .cxd-Drawer-header { padding: var(--Drawer-header-padding); background: var(--Drawer-header-bg); border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor); border-top-left-radius: var(--Drawer-content-borderRadius); border-top-right-radius: var(--Drawer-content-borderRadius); } .cxd-Drawer-header::before, .cxd-Drawer-header::after { display: table; content: ""; } .cxd-Drawer-header::after { clear: both; } .cxd-Drawer-title { font-size: var(--Drawer-title-fontSize); color: var(--Drawer-title-fontColor); } .cxd-Drawer-close { position: absolute; color: var(--Drawer-close-color); line-height: 1; text-decoration: none; } .cxd-Drawer-close svg { margin-top: 0.125rem; width: var(--Drawer-close-size); height: var(--Drawer-close-size); fill: var(--Drawer-close-color); } .cxd-Drawer-close:not(.is-disabled) { cursor: pointer; } .cxd-Drawer-close:not(.is-disabled):hover { text-decoration: none; color: var(--Drawer-close-onHover-color); } .cxd-Drawer-close:not(.is-disabled):hover svg { fill: var(--Drawer-close-onHover-color); } .cxd-Drawer-body { padding: var(--Drawer-body-padding); flex-basis: 0; flex-grow: 1; overflow: auto; } .cxd-Drawer-footer { display: flex; align-items: flex-end; justify-content: flex-end; padding: var(--Drawer-footer-padding); border-top: var(--Drawer-content-borderWidth) solid var(--Drawer-footer-borderColor); border-bottom-left-radius: var(--Drawer-content-borderRadius); border-bottom-right-radius: var(--Drawer-content-borderRadius); } .cxd-Drawer-footer .cxd-Button { margin-left: var(--gap-xs); } .cxd-Drawer-footer .cxd-Drawer-info { flex-basis: 0; flex-grow: 1; text-align: left; align-self: center; } .cxd-Drawer-footer .cxd-Drawer-error { color: var(--danger); white-space: pre-wrap; } .cxd-Drawer.cxd-Drawer--noOverlay { pointer-events: none; } .cxd-Drawer .cxd-Drawer-resizeCtrl { position: absolute; border: var(--borderWidth) solid var(--borderColor); background: var(--white); border-radius: var(--borderRadius); font-size: var(--fontSizeSm); line-height: 0.625rem; text-align: center; user-select: none; } @media (min-width: 576px) { .cxd-Drawer .cxd-Drawer-content { width: var(--Drawer-widthBase); height: var(--Drawer-widthBase); } .cxd-Drawer--xs .cxd-Drawer-content { width: var(--Drawer-widthXs); height: var(--Drawer-widthXs); } .cxd-Drawer--sm .cxd-Drawer-content { width: var(--Drawer-widthSm); height: var(--Drawer-widthSm); } .cxd-Drawer--md .cxd-Drawer-content { width: var(--Drawer-widthMd); height: var(--Drawer-widthMd); } .cxd-Drawer--lg .cxd-Drawer-content { width: var(--Drawer-widthLg); height: var(--Drawer-widthLg); } .cxd-Drawer--xl .cxd-Drawer-content { width: var(--Drawer-widthXl); height: var(--Drawer-widthXl); } } .cxd-Drawer--top .cxd-Drawer-content.in, .cxd-Drawer--right .cxd-Drawer-content.in, .cxd-Drawer--bottom .cxd-Drawer-content.in, .cxd-Drawer--left .cxd-Drawer-content.in { transform: translate3d(0, 0, 0); } .cxd-Drawer--top .cxd-Drawer-close { top: var(--gap-base); right: var(--gap-base); left: auto; margin-top: 0; z-index: 10; } .cxd-Drawer--top .cxd-Drawer-content { top: 0; bottom: auto; left: 0; right: 0; width: 100%; transform: translate3d(0, -100%, 0); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2); min-height: 120px; } .cxd-Drawer--top .cxd-Drawer-resizeCtrl { bottom: -0.375rem; left: 50%; cursor: ns-resize; width: 1.5rem; height: 0.75rem; } .cxd-Drawer--right .cxd-Drawer-close { top: var(--gap-md); right: var(--gap-md); margin-right: 0; z-index: 10; } .cxd-Drawer--right .cxd-Drawer-content { top: 0; bottom: 0; left: auto; right: 0; height: 100%; transform: translate3d(100%, 0, 0); box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.2); min-width: 120px; } .cxd-Drawer--right .cxd-Drawer-footer { justify-content: flex-start; } .cxd-Drawer--right .cxd-Drawer-footer .cxd-Button { margin-left: 0; margin-right: var(--gap-xs); } .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-info { flex-basis: 0; flex-grow: 1; order: 10; align-self: center; text-align: right; } .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-error { color: var(--danger); } .cxd-Drawer--right .cxd-Drawer-resizeCtrl { left: -0.375rem; top: 50%; cursor: ew-resize; writing-mode: vertical-lr; width: 0.75rem; height: 1.5rem; } .cxd-Drawer--bottom .cxd-Drawer-close { top: var(--gap-base); right: var(--gap-base); left: auto; margin-bottom: 0; z-index: 10; } .cxd-Drawer--bottom .cxd-Drawer-content { top: auto; bottom: 0; left: 0; right: 0; width: 100%; transform: translate3d(0, 100%, 0); box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.2); min-height: 120px; } .cxd-Drawer--bottom .cxd-Drawer-resizeCtrl { top: -0.375rem; left: 50%; cursor: ns-resize; width: 1.5rem; height: 0.75rem; } .cxd-Drawer--left .cxd-Drawer-close { left: auto; right: var(--gap-base); top: var(--gap-base); z-index: 10; } .cxd-Drawer--left .cxd-Drawer-content { top: 0; bottom: 0; right: auto; left: 0; height: 100%; transform: translate3d(-100%, 0, 0); box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2); border-width: 0 var(--Drawer-content-borderWidth) 0 0; min-width: 120px; } .cxd-Drawer--left .cxd-Drawer-resizeCtrl { right: -0.375rem; top: 50%; cursor: ew-resize; writing-mode: vertical-lr; width: 0.75rem; height: 1.5rem; } .cxd-Tooltip { position: absolute; top: 0; left: 0; font-family: inherit; border-radius: var(--borderRadius); min-width: var(--Tooltip-minWidth); max-width: var(--Tooltip-maxWidth); text-align: left; white-space: normal; z-index: 1600; word-wrap: break-word; background: var(--Tooltip-bg); box-shadow: var(--Tooltip-boxShadow); } .cxd-Tooltip-arrow { position: absolute; display: block; width: var(--Tooltip-arrow-width); height: var(--Tooltip-arrow-height); margin-left: calc(var(--Tooltip-arrow-width) * -1 / 2); left: 50%; } .cxd-Tooltip-arrow::before, .cxd-Tooltip-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .cxd-Tooltip--top { margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem); } .cxd-Tooltip--top .cxd-Tooltip-arrow { bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 ); } .cxd-Tooltip--top .cxd-Tooltip-arrow::before, .cxd-Tooltip--top .cxd-Tooltip-arrow::after { border-width: var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0; } .cxd-Tooltip--top .cxd-Tooltip-arrow::before { bottom: 0; } .cxd-Tooltip--top .cxd-Tooltip-arrow::after { bottom: var(--Tooltip-borderWidth); border-top-color: var(--Tooltip-arrow-color); } .cxd-Tooltip--right { margin-left: calc(var(--Tooltip-arrow-height) + 0.125rem); } .cxd-Tooltip--right .cxd-Tooltip-arrow { left: calc(var(--Tooltip-borderWidth) * -1); width: var(--Tooltip-arrow-height); height: var(--Tooltip-arrow-width); margin-top: calc(var(--Tooltip-arrow-width) / -2); top: 50%; } .cxd-Tooltip--right .cxd-Tooltip-arrow::before, .cxd-Tooltip--right .cxd-Tooltip-arrow::after { border-width: calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0; } .cxd-Tooltip--right .cxd-Tooltip-arrow::before { left: 0; } .cxd-Tooltip--right .cxd-Tooltip-arrow::after { left: var(--Tooltip-borderWidth); border-right-color: var(--Tooltip-arrow-color); } .cxd-Tooltip--bottom { margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem); } .cxd-Tooltip--bottom .cxd-Tooltip-arrow { top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 ); } .cxd-Tooltip--bottom .cxd-Tooltip-arrow::before, .cxd-Tooltip--bottom .cxd-Tooltip-arrow::after { border-width: 0 calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2); } .cxd-Tooltip--bottom .cxd-Tooltip-arrow::before { top: 0; } .cxd-Tooltip--bottom .cxd-Tooltip-arrow::after { top: var(--Tooltip-borderWidth); border-bottom-color: var(--Tooltip-arrow-color); } .cxd-Tooltip--bottom .cxd-Tooltip-title::before { position: absolute; top: 0; left: 50%; display: block; width: var(--Tooltip-arrow-width); margin-left: calc(var(--Tooltip-arrow-width) / -2); content: ""; border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-bg); } .cxd-Tooltip--left { margin-left: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem); } .cxd-Tooltip--left .cxd-Tooltip-arrow { left: auto; right: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 ); width: var(--Tooltip-arrow-height); height: var(--Tooltip-arrow-width); margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2); top: 50%; } .cxd-Tooltip--left .cxd-Tooltip-arrow::before, .cxd-Tooltip--left .cxd-Tooltip-arrow::after { border-width: calc(var(--Tooltip-arrow-width) / 2) 0 calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height); } .cxd-Tooltip--left .cxd-Tooltip-arrow::before { right: 0; } .cxd-Tooltip--left .cxd-Tooltip-arrow::after { right: var(--Tooltip-borderWidth); border-left-color: var(--Tooltip-arrow-color); } .cxd-Tooltip-title { padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX) 0; margin-bottom: 0; font-size: var(--fontSizeBase); color: var(--Tooltip-title-color); font-weight: var(--Tooltip-fontWeight); border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) ); border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) ); font-weight: var(--Tooltip-title-fontWeight); } .cxd-Tooltip-title:empty { display: none; } .cxd-Tooltip-body { color: var(--Tooltip-body-color); padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX); word-break: break-all; text-align: left; } .cxd-Tooltip--dark { background: var(--Tooltip-bg--dark); border: none; box-shadow: var(--Tooltip-boxShadow--dark); } .cxd-Tooltip--dark .cxd-Tooltip-title { color: var(--Tooltip-title-color--dark); background: transparent; border-bottom: none; } .cxd-Tooltip--dark .cxd-Tooltip-title::before { border-bottom-color: transparent; } .cxd-Tooltip--dark .cxd-Tooltip-body { color: var(--Tooltip-body-color--dark); } .cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::before { border-width: 0; } .cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::after { border-top-color: var(--Tooltip-arrow-color--dark); } .cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::before { border-width: 0; } .cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::after { border-bottom-color: var(--Tooltip-arrow-color--dark); } .cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::before { border-width: 0; } .cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::after { border-left-color: var(--Tooltip-arrow-color--dark); } .cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::before { border-width: 0; } .cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::after { border-right-color: var(--Tooltip-arrow-color--dark); } .cxd-TooltipWrapper--inline { display: inline-block; } @keyframes tooltipIn { from { opacity: 0; margin: 0; } } [data-tooltip] { position: relative; } [data-tooltip]:after { pointer-events: none; left: 0; top: 50%; transform: translateY(-50%); position: absolute; content: attr(data-tooltip); font-size: var(--Tooltip--attr-fontSize); line-height: var(--Tooltip--attr-lineHeigt); text-align: left; white-space: normal; width: max-content; box-sizing: content-box; max-width: 300px; background: var(--Tooltip--attr-bg); border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor); border-radius: var(--Tooltip--attr-borderRadius); box-shadow: var(--Tooltip--attr-boxShadow); left: 100%; color: var(--Tooltip--attr-color); padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX); display: none; animation-duration: var(--animation-duration); animation-fill-mode: both; } @media screen and (min-width: 0\0 ) { [data-tooltip]:after { white-space: nowrap; max-width: unset; } } [data-tooltip]:not(.is-disabled):hover:after { display: inline-block; animation-name: tooltipIn; opacity: 1; z-index: 1600; margin: 0 0 0 var(--Tooltip--attr-gap); opacity: 1; } [data-tooltip][data-position=bottom]:after { left: 50%; top: 100%; transform: translateX(-50%); } [data-tooltip][data-position=bottom]:hover:after { margin: var(--Tooltip--attr-gap) 0 0 0; } [data-tooltip][data-position=left]:after { top: 50%; right: 100%; left: auto; transform: translateY(-50%); } [data-tooltip][data-position=left]:hover:after { margin: 0 var(--Tooltip--attr-gap) 0 0; } [data-tooltip][data-position=top]:after { left: 50%; top: auto; bottom: 100%; transform: translateX(-50%); } [data-tooltip][data-position=top]:hover:after { margin: calc(var(--Tooltip--attr-gap) * -1) 0 0 0; } [data-tooltip]:hover:active:after { content: ""; display: none !important; } .cxd-TplField.is-inline { display: inline; } .cxd-PopOver { position: absolute; background: var(--PopOver-bg); top: 0; left: 0; z-index: 1300; display: none; padding: 0; margin: 0; font-weight: var(--fontWeightNormal); letter-spacing: normal; line-height: var(--lineHeightBase); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: var(--fontSizeBase); box-shadow: var(--boxShadow); border: var(--borderWidth) solid var(--borderColor); border-radius: var(--borderRadius); } .cxd-PopOver > * { position: relative; z-index: 2; } .cxd-PopOver-overlay { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; background: transparent; } .cxd-PopOver-isMobile .cxd-PopOver-overlay { background: rgba(0, 0, 0, 0.3); } .cxd-PopOver--leftBottomLeftTop { margin-top: 0.25rem; } .cxd-PopOver--leftTopLeftBottom { margin-top: -0.25rem; } @keyframes PopUpIn { from { height: 0; } } @keyframes PopUpOut { to { height: 0; } } @keyframes PopUpOpacityIn { from { opacity: 0; } } @keyframes PopUpOpacityOut { to { opacity: 0; } } .cxd-PopUp { width: 100%; height: 25rem; position: fixed; background: var(--PopOver-bg); left: 0; bottom: 0; z-index: 3000; padding: 0; margin: 0; font-weight: var(--fontWeightNormal); letter-spacing: normal; line-height: var(--lineHeightBase); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: var(--fontSizeBase); box-shadow: var(--boxShadow); border: var(--borderWidth) solid var(--borderColor); border-radius: var(--borderRadius); overflow: hidden; } .cxd-PopUp.in, .cxd-PopUp.out { animation-duration: var(--animation-duration); animation-fill-mode: both; } .cxd-PopUp.in { animation-name: PopUpIn; } .cxd-PopUp.in .cxd-PopUp-overlay { animation-name: PopUpOpacityIn; } .cxd-PopUp.out { animation-name: PopUpOut; } .cxd-PopUp.out .cxd-PopUp-overlay { animation-name: PopUpOpacityOut; } .cxd-PopUp-inner { position: relative; overflow: hidden; height: 100%; box-sizing: border-box; background: #fff; display: flex; flex-direction: column; } .cxd-PopUp-closeBox { width: 3rem; height: 3rem; position: absolute; z-index: 1; cursor: pointer; right: 0; top: 0; display: flex; justify-content: center; align-items: center; } .cxd-PopUp-closeWrap { position: relative; text-align: center; height: 3rem; line-height: 3rem; } .cxd-PopUp-closeWrap .cxd-PopUp-close { z-index: 1; color: var(--icon-color); cursor: pointer; } .cxd-PopUp-toolbar { display: flex; align-items: center; justify-content: space-between; height: 3.75rem; } .cxd-PopUp-title { font-size: var(--fontSizeMd); } .cxd-PopUp-cancel { color: var(--PopUp-cancelAction-color); margin-left: var(--gap-sm); } .cxd-PopUp-confirm { margin-right: var(--gap-sm); } .cxd-PopUp-content { overflow-y: auto; height: 100%; display: flex; flex: 1; } .cxd-PopUp > * { position: relative; z-index: 2; } .cxd-PopUp-overlay { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; background: rgba(0, 0, 0, 0.3); opacity: 1; animation-duration: var(--animation-duration); animation-fill-mode: both; } .cxd-PopUp--leftBottomLeftTop { margin-top: 0.25rem; } .cxd-PopUp--leftTopLeftBottom { margin-top: -0.25rem; } .cxd-PopUp-safearea { height: 1rem; } .cxd-PickerColumns { position: relative; background-color: var(--PickerColumns-bg); user-select: none; flex: 1; overflow: hidden; font-size: var(--PickerColumns-option-fontSize); } .cxd-PickerColumns li:focus { outline: none; } .cxd-PickerColumns-header { display: flex; align-items: center; justify-content: space-between; height: var(--PickerColumns-toolbar-height); } .cxd-PickerColumns-cancel, .cxd-PickerColumns-confirm { height: 100%; padding: var(--PickerColumns-action-padding); font-size: var(--PickerColumns-action-fontSize); background-color: transparent !important; border: none; cursor: pointer; } .cxd-PickerColumns-cancel:active, .cxd-PickerColumns-confirm:active { background-color: none !important; } .cxd-PickerColumns-cancel:hover, .cxd-PickerColumns-confirm:hover { background-color: none !important; } .cxd-PickerColumns-confirm { color: var(--PickerColumns-confirmAction-color) !important; } .cxd-PickerColumns-cancel { color: var(--PickerColumns-cancelAction-color) !important; } .cxd-PickerColumns-title { max-width: 50%; font-weight: 500; font-size: var(--PickerColumns-title-fontSize); line-height: var(--PickerColumns-title-lineHeight); text-align: center; color: var(--PickerColumns-title-color); } .cxd-PickerColumns-columns { touch-action: none; position: relative; display: flex; cursor: grab; } .cxd-PickerColumns-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; color: var(--PickerColumns-loadingIcon-color); background-color: var(--PickerColumns-loadingMask-color); } .cxd-PickerColumns-frame { position: absolute; top: 50%; right: var(--gap-md); left: var(--gap-md); z-index: 2; transform: translateY(-50%); pointer-events: none; } .cxd-PickerColumns-frame::after { position: absolute; content: ""; border-bottom: 1px solid var(--borderColor); border-top: 1px solid var(--borderColor); top: -50%; right: -50%; left: -50%; bottom: -50%; transform: scale(0.5); } .cxd-PickerColumns-mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)); background-repeat: no-repeat; background-position: top, bottom; transform: translateZ(0); pointer-events: none; } .cxd-PickerColumns-columnWrapper { margin: 0; padding: 0; list-style: none; transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1); } .cxd-PickerColumns-columnItem { display: flex; align-items: center; justify-content: center; color: var(--PickerColumns-optionText-color); } .cxd-PickerColumns-columnItem.is-disabled { cursor: not-allowed; opacity: var(--PickerColumns-optionDisabled-opacity); } .cxd-PickerColumns-columnItemis-selected { font-size: 18px; color: --PickerColumns-title-color; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .cxd-Toast { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; max-width: var(--Toast-width); pointer-events: auto; margin-bottom: var(--gap-xs); padding: var(--Toast-paddingY) var(--Toast-paddingX); box-shadow: var(--Toast-box-shadow); border-radius: var(--Toast-borderRadius); border: var(--Toast-border-width) solid; color: var(--Toast-color); position: relative; opacity: var(--Toast-opacity); opacity: 0; transform: translateZ(0); width: 25rem; } .cxd-Toast-wrap { pointer-events: none; position: fixed; z-index: 2000; } .cxd-Toast.in, .cxd-Toast.out { animation-fill-mode: both; animation-duration: var(--animation-duration); opacity: 1; } .cxd-Toast.in { animation-name: bounceIn; } .cxd-Toast.out { animation-name: bounceOut; } .cxd-Toast-close { display: inline-flex; font-size: var(--fontSizeLg); line-height: var(--gap-xl); height: var(--gap-xl); color: var(--Toast-close-color); margin-left: var(--gap-sm); opacity: 0.8; align-items: center; cursor: pointer; } .cxd-Toast-close:hover { color: var(--Toast-close--onHover-color); opacity: 1; } .cxd-Toast-close > svg { top: 0; } .cxd-Toast-content { flex: 1; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; } .cxd-Toast-content .cxd-Toast-title { color: var(--text-color); font-size: var(--fontSizeBase); font-weight: 500; line-height: var(--gap-xl); margin-bottom: var(--gap-xs); } .cxd-Toast-content .cxd-Toast-body { font-size: var(--fontSizeSm); display: inline-block; vertical-align: middle; white-space: pre-wrap; flex-grow: 1; line-height: var(--gap-xl); } .cxd-Toast-content .cxd-Toast-body .cxd-Html { word-break: break-word; } .cxd-Toast-icon { display: inline-flex; text-rendering: auto; -webkit-font-smoothing: antialiased; vertical-align: middle; margin-right: var(--gap-sm); height: var(--gap-xl); line-height: var(--gap-xl); align-items: center; } .cxd-Toast-icon > svg { top: 0; width: var(--Toast-icon-width); height: var(--Toast-icon-height); color: inherit; } .cxd-Toast--error { color: var(--Toast--danger-color); border-color: var(--Toast--danger-borderColor); background: var(--Toast--danger-bgColor); } .cxd-Toast--warning { color: var(--Toast--warning-color); border-color: var(--Toast--warning-borderColor); background: var(--Toast--warning-bgColor); } .cxd-Toast--info { color: var(--Toast--info-color); border-color: var(--Toast--info-borderColor); background: var(--Toast--info-bgColor); } .cxd-Toast--success { color: var(--Toast--success-color); border-color: var(--Toast--success-borderColor); background: var(--Toast--success-bgColor); } .cxd-Toast-wrap--topRight { top: var(--gap-base); right: var(--gap-base); } .cxd-Toast-wrap--topCenter { top: var(--gap-base); left: 50%; transform: translateX(-50%); } .cxd-Toast-wrap--topLeft { top: var(--gap-base); left: var(--gap-base); } .cxd-Toast-wrap--bottomLeft { left: var(--gap-base); bottom: var(--gap-base); } .cxd-Toast-wrap--bottomCenter { left: 50%; transform: translateX(-50%); bottom: var(--gap-base); } .cxd-Toast-wrap--bottomRight { bottom: var(--gap-base); right: var(--gap-base); } .cxd-Toast-wrap--center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .cxd-Toast-mobile .cxd-Toast { background-color: rgba(0, 0, 0, 0.9); border-radius: 0.25rem; color: #fff; flex-direction: column; align-items: center; justify-content: center; padding: var(--gap-base) var(--gap-md); text-align: center; width: auto; } .cxd-Toast-mobile .cxd-Toast-title { color: #fff; width: 100%; } .cxd-Toast-mobile .cxd-Toast-body { line-height: 1.125rem; font-size: var(--fontSizeMd); } .cxd-Toast-mobile .cxd-Toast-icon { margin-right: 0 !important; margin: var(--gap-base) 0; width: 2.5rem; height: 2.5rem; } .cxd-Toast-mobile .cxd-Toast-icon > svg { width: 2.5rem; height: 2.5rem; } .cxd-Toast-mobile .cxd-Toast-mobile--has-icon { min-width: 7.5rem; padding-bottom: var(--gap-lg); } .cxd-Alert { font-size: var(--Alert-fontSize); box-shadow: var(--Alert-boxShadow); padding: var(--Alert-paddingY) var(--Alert-paddingX); border: var(--Alert-borderWidth) solid var(--Alert-borderColor); border-radius: var(--Alert-borderRadius); margin-bottom: var(--Alert-marginBottom); position: relative; color: var(--Alert-fontColor); display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .cxd-Alert-icon { margin-right: var(--gap-sm); font-size: var(--fontSizeLg); } .cxd-Alert-content { flex: 1; } .cxd-Alert-content .cxd-Alert-title { color: var(--text-color); font-size: var(--fontSizeBase); font-weight: 500; line-height: 1.5rem; margin-bottom: 0.25rem; } .cxd-Alert-content .cxd-Alert-desc { line-height: 1.5rem; } .cxd-Alert-close { outline: none; padding: 0; cursor: pointer; background: transparent; border: 0; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; margin-left: 0.5rem; line-height: 1.5rem; } .cxd-Alert-close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } .cxd-Alert--danger { color: var(--Alert--danger-color); background: var(--Alert--danger-bg); border-color: var(--Alert--danger-borderColor); } .cxd-Alert--info { color: var(--Alert--info-color); background: var(--Alert--info-bg); border-color: var(--Alert--info-borderColor); } .cxd-Alert--success { color: var(--Alert--success-color); background: var(--Alert--success-bg); border-color: var(--Alert--success-borderColor); } .cxd-Alert--warning { color: var(--Alert--warning-color); background: var(--Alert--warning-bg); border-color: var(--Alert--warning-borderColor); } .cxd-AppBcn { height: 1.875rem; line-height: 1.875rem; font-size: 0.75rem; list-style: none; margin: 0; padding: 0 0 0 var(--gap-md); border-bottom: var(--borderWidth) solid var(--borderColor); } .cxd-AppBcn-item { display: inline-block; } .cxd-AppBcn-item + .cxd-AppBcn-item:before { padding: 0 5px; color: #ccc; content: "/ "; } .cxd-AppFoldBtn { color: var(--icon-color); padding: 0.625rem; margin-left: -0.625rem; cursor: pointer; } .cxd-AppFoldBtn:hover { color: var(--icon-onHover-color); } .cxd-AppLogo-html { display: inline-flex; vertical-align: middle; } .cxd-ArrayInput-placeholder { color: var(--text--muted-color); padding-top: var(--Form-label-paddingTop); } .cxd-ArrayInput-addBtn { font-size: var(--Combo-addBtn-fontSize); padding: var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX); font-size: var(--Combo-addBtn-fontSize); line-height: var(--Combo-addBtn-lineHeight); border-radius: var(--Combo-addBtn-borderRadius); height: var(--Combo-addBtn-height); color: var(--Combo-addBtn-color); background: var(--Combo-addBtn-bg); border-color: var(--Combo-addBtn-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-ArrayInput-addBtn > svg { width: var(--Combo-addBtn-fontSize); height: var(--Combo-addBtn-fontSize); } .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right), .cxd-ArrayInput-addBtn > .pull-left { margin-right: var(--Combo-addBtn-paddingX); } .cxd-ArrayInput-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-ArrayInput-addBtn > .pull-right { margin-left: var(--Combo-addBtn-paddingX); } .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right), .cxd-ArrayInput-addBtn > .pull-left { margin-right: var(--Combo-addBtn-paddingX); } .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-ArrayInput-addBtn > .pull-right { margin-left: var(--Combo-addBtn-paddingX); } .cxd-ArrayInput-addBtn img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover { color: var(--Combo-addBtn-onHover-color); background: var(--Combo-addBtn-onHover-bg); border-color: var(--Combo-addBtn-onHover-border); } .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active { color: var(--Combo-addBtn-onActive-color); background: var(--Combo-addBtn-onActive-bg); border-color: var(--Combo-addBtn-onActive-border); } .cxd-ArrayInput-addBtn:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-ArrayInput-addBtn.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-ArrayInput-toolbar { margin-top: var(--gap-sm); display: flex; flex-direction: row; justify-content: space-between; } .cxd-ArrayInput-toolbar--dnd { padding-left: 29px; } .cxd-ArrayInput-sortTip { color: var(--text--muted-color); } .cxd-ArrayInput-item { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: var(--gap-xs); } .cxd-ArrayInput-item > div { flex-grow: 1; width: 0; min-width: 120px; margin-right: var(--gap-xs); } .cxd-ArrayInput-item > div:not(:first-child) { margin-left: var(--gap-xs); } .cxd-ArrayInput-item--dragging { position: relative; opacity: 0.4; } .cxd-ArrayInput-itemRemove, .cxd-ArrayInput-itemDrager { margin: 0; flex-grow: unset; display: inline-block; padding: var(--Form-label-paddingTop) var(--gap-xs); cursor: pointer; } .cxd-ArrayInput-itemRemove > svg, .cxd-ArrayInput-itemDrager > svg { color: var(--icon-color); } .cxd-ArrayInput-itemRemove:hover > svg, .cxd-ArrayInput-itemDrager:hover > svg { color: var(--icon-onHover-color); } .cxd-ArrayInput-itemDrager { cursor: move; } .cxd-Tabs-drag-tip { display: none; } .cxd-Tabs-linksWrapper { display: flex; align-items: center; justify-content: flex-start; border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); } .cxd-Tabs-linksContainer-wrapper { position: relative; display: flex; align-items: center; justify-content: flex-start; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable { display: flex; margin-left: var(--Tabs-add-margin); align-items: center; justify-content: flex-start; padding: var(--Tabs--line-addPadding); white-space: nowrap; cursor: pointer; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable-icon { width: var(--Tabs-add-icon-size); height: var(--Tabs-add-icon-size); padding: var(--Tabs-add-icon-padding); margin-right: var(--Tabs-add-icon-margin); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable span { margin-left: 4px; line-height: 1; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover { color: var(--primary); fill: var(--primary); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer { flex-grow: 1; position: relative; display: flex; align-items: center; overflow: hidden; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow { margin: var(--Tabs--line-addPadding); width: 16px; height: 100%; display: flex; align-items: center; cursor: pointer; box-sizing: content-box; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow .iconfont { font-size: var(--Remark-icon-fontSize); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow:hover { color: var(--icon-onHover-color); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left { padding-right: 16px; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--right { padding-left: 16px; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled .iconfont { cursor: not-allowed; color: var(--Number-handler-onDisabled-color); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled:hover { color: var(--Number-handler-onDisabled-color); } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main { position: relative; overflow-y: auto; scrollbar-width: none; width: 100%; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main::-webkit-scrollbar { display: none; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links { min-width: 100%; max-width: 0; height: 100%; overflow-x: hidden; } .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links .cxd-Tabs-links-drag { position: absolute; height: 100%; top: 0; box-shadow: 0 0 0 1px red; } .cxd-Tabs-links { display: flex; margin: 0; padding: 0; list-style: none; user-select: none; } .cxd-Tabs-links::before, .cxd-Tabs-links::after { display: table; content: ""; } .cxd-Tabs-links::after { clear: both; } .cxd-Tabs-links > .cxd-Tabs-link { position: relative; flex: none; display: flex; max-width: var(--Tabs-link-maxWidth); overflow: hidden; } .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-edit { max-width: var(--Tabs-link-maxWidth); border: none; outline: none; } .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close { margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin); fill: var(--Tabs-gray-color); cursor: pointer; } .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close .cxd-Tabs-link-close-icon { width: var(--Tabs-close-size); } .cxd-Tabs-links > .cxd-Tabs-link > a:first-child { font-size: var(--Tabs-linkFontSize); outline: none; border: var(--Tabs-borderWidth) solid transparent; border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); color: var(--Tabs-color); margin: var(--Tabs-linkMargin); padding: var(--Tabs-linkPadding); text-decoration: none; cursor: pointer; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .cxd-Tabs-links > .cxd-Tabs-link > .cxd-Combo-toolbarBtn { position: absolute; right: -10px; top: -10px; z-index: 10; display: none; } .cxd-Tabs-links > .cxd-Tabs-link:hover > .cxd-Combo-toolbarBtn { display: block; } .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child, .cxd-Tabs-links > .cxd-Tabs-link > a:first-child:focus { text-decoration: none; } .cxd-Tabs-links > .cxd-Tabs-link.disabled, .cxd-Tabs-links > .cxd-Tabs-link.is-disabled { cursor: not-allowed; } .cxd-Tabs-links > .cxd-Tabs-link.disabled > a:first-child, .cxd-Tabs-links > .cxd-Tabs-link.is-disabled > a:first-child { color: var(--Tabs-link-disabled-color); background: transparent; border-color: transparent; pointer-events: none; } .cxd-Tabs-links > .cxd-Tabs-link.active > a:first-child, .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child { color: var(--Tabs-onActive-color); background: var(--Tabs-onActive-bg); border-color: var(--Tabs-onActive-borderColor); border-bottom-color: transparent; } .cxd-Tabs-content { background: var(--Tabs-content-bg); border-style: solid; border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth); border-color: var(--Tabs--simple-split-color); } .cxd-Tabs-pane { display: none; padding: var(--gap-base); opacity: 0; transition: opacity var(--animation-duration) linear; } .cxd-Tabs-pane.is-active { display: block; } .cxd-Tabs-pane.in { opacity: 1; } .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper { border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); } .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-link { padding-top: 10px; } .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-addable { padding: 0; } .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-linksContainer-arrow { margin: 0; } .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow { top: -4px; } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links { border-bottom-color: var(--Tabs--line-borderColor); } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li { padding-left: var(--Tabs--line-padding); padding-right: var(--Tabs--line-padding); } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:first-of-type, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:first-of-type { padding-left: 0; } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-of-type, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type { padding-right: 0; } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child { border-width: 0 0 var(--Tabs--line-borderWidth) 0; padding: var(--Tabs--line-linkPadding); } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:not(.is-disabled):hover a:first-child, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover a:first-child { color: var(--primary); background: transparent; } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:not(.is-disabled):hover .cxd-Tabs-link-close, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover .cxd-Tabs-link-close { fill: var(--primary); } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-child > a, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a { margin: 0; } .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover, .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover, .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus { border-color: var(--Tabs--line-onHover-borderColor); color: var(--Tabs--line-onHover-color); background: transparent; } .cxd-Tabs--line > .cxd-Tabs-content { border-width: 0; background: var(--Tabs--line-content-bg); } .cxd-Tabs--card > .cxd-Tabs-linksContainer { background: var(--Tabs--card-bg); } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper { background: var(--Tabs--card-bg); } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-addable { margin-left: 0; padding: 0; padding-top: var(--Tabs--card-add-gap-top); margin-right: var(--Tabs--card-add-gap); } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-addable { padding: 0; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow { padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap) 0; margin-bottom: 0; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links { padding: var(--Tabs--card-padding); border-top: 0.0625rem solid var(--Tabs--card-borderTopColor); } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li { padding: var(--Tabs--card-linkPadding); margin: var(--Tabs--card-linkMargin); border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); cursor: pointer; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active { border-color: var(--Tabs--card-onActive-borderColor); color: var(--primary); border-bottom-color: var(--Tabs--card-onActive-bg); background: var(--Tabs--card-onActive-bg); } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-disabled { cursor: not-allowed; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus { background: var(--Tabs--card-onActive-bg); border-bottom-color: transparent; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child { padding: 0; border: none; } .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-toolbar { padding: var(--Tabs--card-padding); margin: 0; } .cxd-Tabs--card > .cxd-Tabs-content { border-width: 0; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper { margin-bottom: 0.625rem; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable { padding: 0; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow { margin-bottom: 0; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links { border: 0; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li { margin: 0; align-items: center; border-width: 0.0625rem; border-color: var(--Tabs--simple-split-color); text-align: center; margin: 0; padding: 0 0.625rem; min-width: 68px; height: 1.875rem; background: var(--Tabs--radio-bg); border-style: solid; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus { color: var(--primary); } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child { padding: 0; border-radius: 0; line-height: 1.875rem; font-size: var(--fontSizeSm); border: none; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active { background: var(--primary); border-color: var(--primary); position: relative; z-index: 1; } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child { background: var(--primary); color: var(--Tabs--radio-bg); } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > .cxd-Tabs-link-close { fill: var(--Tabs--radio-bg); } .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li { margin-left: -1px; } .cxd-Tabs--radio > .cxd-Tabs-content { border-top: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper { align-items: stretch; border-bottom: none; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer { flex: 1; align-items: stretch; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow { margin-bottom: 0; padding: 0 10px; height: auto; align-items: center; justify-content: center; border-width: var(--Tabs-borderWidth); border-style: solid; border-color: var(--Tabs--simple-split-color); } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type { border-left-width: 0; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type { border-right-width: 0; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable { padding: 0 var(--Tabs--tiled-add-gap); margin-left: 0; white-space: nowrap; border-style: solid; border-color: var(--Tabs--simple-split-color); border-width: var(--Tabs-borderWidth); border-left-width: 0; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links { width: 100%; display: flex; flex-direction: row; padding-left: var(--Tabs-borderWidth); border-bottom: 0; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li { max-width: unset; flex-grow: 1; text-align: center; margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1); border-style: solid; border-color: var(--Tabs--simple-split-color); border-width: var(--Tabs-borderWidth); padding: var(--Tabs-linkPadding); cursor: pointer; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus { position: relative; z-index: 1; border-color: var(--Tabs-onActive-borderColor); color: var(--primary); } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child { margin: 0; border-radius: 0; padding: 0; flex: 1; border: none; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active { cursor: default; color: var(--primary); border-color: var(--Tabs--simple-split-color); border-top-color: var(--primary); border-bottom-color: transparent; } .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-disabled { cursor: not-allowed; } .cxd-Tabs--vertical { display: flex; min-height: 12.5rem; border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); border-radius: 0; } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper { flex-direction: column; background: var(--Tabs--vertical-onActive-container-bg); } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links { width: var(--Tabs--vertical-width); border: none; border-right: var(--Tabs--vertical-onActive-container-borderRight); flex-direction: column; } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li { margin: 0 0 0 -1px; display: block; } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child { border-color: transparent; border-radius: 0; border-width: var(--Tabs--vertical-onActive-borderWidth); margin: 0; } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus { color: var(--primary); border-color: transparent; } .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover, .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus { color: var(--Tabs--vertical-onActive-color); background: var(--Tabs--vertical-onActive-bg); border-color: var(--Tabs--vertical-onActive-border); } .cxd-Tabs--vertical > .cxd-Tabs-content { border: none; flex-grow: 1; } .cxd-Tabs--vertical > .cxd-Tabs-content > .cxd-Tabs-pane { height: 100%; } .cxd-Tabs--sidebar { display: flex; height: 100%; } .cxd-Tabs--sidebar.sidebar--left { flex-direction: row; } .cxd-Tabs--sidebar.sidebar--left > .cxd-Tabs-content { border-right: none; } .cxd-Tabs--sidebar.sidebar--right { flex-direction: row-reverse; } .cxd-Tabs--sidebar.sidebar--right > .cxd-Tabs-content { border-left: none; } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper { flex: 0 0 var(--Tabs--sidebar-sideWidth); align-items: flex-start; border: none; } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links { position: relative; margin: 0; padding-top: var(--Tabs--sidebar-sidePadding); flex-grow: 1; border: none; flex-direction: column; border: 0; } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li { display: flex; margin: var(--Tabs--sidebar-sideMargin); padding: 0; flex-direction: column; justify-content: flex-start; align-items: center; border: 0; } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:not(.is-disabled) > a:first-child { color: var(--Tabs-gray-color); } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child { padding: 0; border: 0; margin: 0; display: flex; flex-direction: column; align-items: center; } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child .cxd-Icon { font-size: var(--Tabs--sidebar-iconSize); height: var(--Tabs--sidebar-iconSize); margin-bottom: var(--Tabs--sidebar-iconMargin); } .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus { color: var(--Tabs--sidebar-iconColor); } .cxd-Tabs--sidebar > .cxd-Tabs-content { flex-grow: 1; border-bottom: none; } .cxd-Tabs--sidebar > .cxd-Tabs-content > .cxd-Tabs-pane { height: 100%; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper { background: var(--Tabs--chrome-bg); border-bottom: none; overflow-x: hidden; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-addable { margin-left: 0; padding: 0; padding-top: 10px; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links { border-bottom: 0; padding: 0 0.625rem; padding-top: 0.5rem; display: flex; width: 100%; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li { position: relative; margin-bottom: 0; white-space: nowrap; min-width: 0; max-width: 15.625rem; padding: 0.4375rem 1.25rem 0.375rem; cursor: pointer; flex: 1; overflow: inherit; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a { /* 最少展示一个字 */ min-width: var(--fontSizeBase); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child { background: none; border: none; position: relative; z-index: 5; overflow: hidden; padding: 0; text-overflow: ellipsis; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover, .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus { background: none; border: none; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active:after { display: none; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:after { content: ""; width: 1px; height: calc(100% - var(--Tabs--chrome-radius-size) * 2); position: absolute; right: -2px; background: var(--Tabs--chrome-right-boder-color); top: var(--Tabs--chrome-radius-size); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background { z-index: 3; display: block; background-color: var(--Tabs--chrome-onHover-bg); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background > svg { fill: var(--Tabs--chrome-onHover-bg); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover:after { display: none; } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background { display: block; background-color: var(--Tabs-onActive-bg); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background > svg { fill: var(--Tabs-onActive-bg); } .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-disabled { cursor: not-allowed; } .cxd-Tabs--chrome .chrome-tab-background { display: none; position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: var(--Tabs--chrome-radius-size) var(--Tabs--chrome-radius-size) 0 0; } .cxd-Tabs--chrome .chrome-tab-background > svg { width: var(--Tabs--chrome-radius-size); height: var(--Tabs--chrome-radius-size); bottom: 0; position: absolute; } .cxd-Tabs--chrome .chrome-tab-background > .chrome-tab-background--right { right: calc(var(--Tabs--chrome-radius-size) * -1); } .cxd-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left { left: calc(var(--Tabs--chrome-radius-size) * -1); } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper { border-bottom: none; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable { padding: 0; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow { margin-bottom: 0; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links { border: none; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li { position: relative; border: none; padding: var(--Tabs--simple-split-size); } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li::after { content: ""; position: absolute; top: 50%; right: 0; width: var(--Tabs--simple-split-width); height: var(--Tabs-add-icon-size); transform: translateY(-50%); background-color: var(--Tabs--simple-split-color); } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > .cxd-Tabs-link-close { padding-top: var(--Tabs--simple-split-width); cursor: pointer; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type::after { content: none; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child:focus { color: var(--Tabs--line-onHover-color); border: none; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover .cxd-Tabs-link-close { fill: var(--primary); } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child { padding: 0; } .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus { border: none; } .cxd-Tabs--simple > .cxd-Tabs-content { border: none; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper { align-items: stretch; border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable { width: var(--Tabs--strong-add-size); margin-left: var(--Tabs--card-arrow-gap); padding: 0; margin-bottom: calc(var(--Tabs-borderWidth) * -1); align-items: center; justify-content: center; font-size: 0; border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); flex: none; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable > .cxd-Tabs-addable-icon { margin-right: 0; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover { color: var(--Tabs--line-onHover-color); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer { margin-bottom: calc(var(--Tabs-borderWidth) * -1); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type { border-left-width: 0; border-top-left-radius: 0; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type { border-right-width: 0; border-top-right-radius: 0; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow { width: var(--Tabs--strong-arrow-size); margin-bottom: 0; padding: 0; justify-content: center; border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); border-top-right-radius: var(--Tabs-borderRadius); box-sizing: border-box; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--left { padding-right: 0; border-right-width: 0; border-top-left-radius: var(--Tabs-borderRadius); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--right { padding-left: 0; border-left-width: 0; border-top-right-radius: var(--Tabs-borderRadius); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link { margin-right: var(--Tabs--card-arrow-gap); padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap); background: var(--Tabs-onActive-bg); border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color); cursor: pointer; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active { border-bottom-color: var(--Tabs-onActive-bg); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-disabled { cursor: not-allowed; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:hover, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:focus, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a:first-child, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a:first-child:hover, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a:first-child:focus { color: var(--Tabs--line-onHover-color); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover .cxd-Tabs-link-close { fill: var(--primary); } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type { margin-right: 0; } .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child { padding: 0; margin: 0; border: none; } .cxd-Tabs-toolbar { flex: 1 1 auto; margin-left: var(--gap-base); display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .cxd-Nav { position: relative; } .cxd-Nav .cxd-Nav-list { list-style: none; user-select: none; margin: 0; padding: 0; position: relative; } .cxd-Nav .cxd-Nav-list .cxd-Nav-itemIcon { margin-right: var(--gap-sm); } .cxd-Nav .cxd-Nav-list img.cxd-Nav-itemIcon { height: var(--Tabs-linkFontSize); vertical-align: middle; } .cxd-Nav .cxd-Nav-list-overflow { min-height: var(--Nav-Item-height) !important; max-height: calc(var(--Nav-Item-height) * 5); max-width: var(--Nav-Item-maxWidth--tabs); font-size: var(--Nav-subItem-fontSize); overflow-x: hidden; overflow-y: auto; } .cxd-Nav .cxd-Nav-list-overflow .cxd-Nav-subItems { margin-block-start: 0; margin-block-end: 0; } .cxd-Nav .cxd-Nav-list-overflow .cxd-Nav-item { max-width: var(--Nav-Item-maxWidth--tabs); height: var(--Nav-Item-height); } .cxd-Nav .cxd-Nav-list-overflow .cxd-Nav-item > a { border: none !important; display: block !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; user-select: none; } .cxd-Nav .cxd-Nav-list--tabs { border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor); } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item { margin-bottom: calc(var(--Tabs-borderWidth) * -1); display: inline-block; position: relative; max-width: var(--Nav-Item-maxWidth--tabs); } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item > a { font-size: var(--Tabs-linkFontSize); display: block; outline: none; border: var(--Tabs-borderWidth) solid transparent; border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); color: var(--Tabs-color); text-decoration: none; margin-right: 0.125rem; padding: var(--gap-sm) var(--gap-xl); cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item:hover > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item > a:focus { border-color: var(--Tabs-onHover-borderColor); border-bottom: none; text-decoration: none; } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.disabled > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.is-disabled > a { color: var(--Tabs-onDisabled-color); background: transparent; border-color: transparent; pointer-events: none; } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.active > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.is-active > a { color: var(--Tabs-onActive-color); background: var(--Tabs-onActive-bg); border-color: var(--Tabs-onActive-borderColor); border-bottom-color: var(--Tabs-content-bg); } .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item-overflow:hover > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item-overflow > a:focus, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item-overflow.is-overflow-opened > a { color: var(--primary); border-color: transparent; } .cxd-Nav .cxd-Nav-list--stacked { min-height: 3.125rem; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager { cursor: move; position: absolute; left: 0; display: none; line-height: 0; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > .icon { color: var(--icon-color); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover { color: var(--icon-onHover-color); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager svg, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager svg { width: 1rem; height: 1rem; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-badgeText { position: absolute; top: 0; bottom: 0; width: 2.1875rem; overflow: hidden; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText > span, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-badgeText > span { position: absolute; top: 0.125rem; left: -0.8125rem; transform: rotate(-45deg); width: 3.125rem; font-size: 12px; text-align: center; color: var(--white); background: var(--success); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-atcions { display: flex; align-items: center; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a { display: flex; align-items: center; outline: none; color: var(--Nav-item-color); text-decoration: none; padding: var(--gap-sm) var(--gap-sm); cursor: pointer; background: var(--Nav-item-bg); border-radius: var(--Nav-item-borderRadius); text-overflow: ellipsis; flex: 1; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus + .cxd-Nav-item-atcions { border-color: var(--Nav-item-onHover-color); text-decoration: none; background: var(--Nav-item-onHover-bg); z-index: 1; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus > .cxd-Nav-itemDrager { display: block; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > .cxd-Badge > a { color: var(--Nav-item-onDisabled-color); background: transparent; pointer-events: none; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a { color: var(--Nav-item-onActive-color); position: relative; background: var(--Nav-item-onActive-bg) !important; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a::after { transform: scaleY(1); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler { transform: rotate(180deg) scale(0.8); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Badge > .cxd-Nav-subItems { display: block; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-spinner, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-spinner { position: absolute; right: 0.625rem; top: 0.5rem; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemToggler { float: left; margin-right: 0.625rem; height: 1.5rem; text-align: center; line-height: 1.5rem; vertical-align: middle; cursor: pointer; transform: scale(0.8); transition: transform var(--animation-duration); } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemToggler > svg, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemToggler > svg { width: 10px; height: 10px; top: 0; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-subItems { display: none; padding-left: 0; list-style: none; width: 100%; } .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-item, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-item { font-size: var(--Nav-subItem-fontSize); } .cxd-Nav .cxd-Nav-dropIndicator { position: absolute; background: var(--Nav-item-onActive-color); height: 2px; } .cxd-Page { width: 100%; height: 100%; background: var(--Page-main-bg); } .cxd-Page-header { padding: var(--Page-header-paddingY) var(--Page-header-paddingX); } .cxd-Page-main { height: 100%; display: flex; flex-direction: column; } .cxd-Page-content { padding: var(--Page-content-paddingY) var(--Page-content-paddingX); position: relative; height: 100%; width: 100%; } .cxd-Page-main > .cxd-Page-header { border-bottom: var(--borderWidth) solid var(--borderColor); } .cxd-Page-headerRow { border-bottom: var(--borderWidth) solid var(--borderColor); display: flex; flex-direction: row; align-items: center; } .cxd-Page-headerRow .cxd-Page-header, .cxd-Page-headerRow .cxd-Page-toolbar { flex-grow: 1; min-height: 100%; } .cxd-Page-headerRow .cxd-Page-toolbar { text-align: right; padding-right: var(--gap-base); display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .cxd-Page-title { margin: 0; padding: 0; color: var(--Page-title-color); line-height: var(--Page-title-lineHeight); font-size: var(--Page-title-fontSize); font-weight: var(--Page-title-fontWeight); } .cxd-Page-body { padding: var(--Page-body-padding); flex: 1 auto; } .cxd-Page-asideTplWrapper { padding: var(--gap-xs); } .cxd-Page-asideResizor { position: absolute; right: -0.375rem; top: 50%; cursor: ew-resize; writing-mode: vertical-lr; width: 0.75rem; height: 1.5rem; margin-top: -0.75rem; border: 0.0625rem solid #dee2e6; background-color: #fff; border-radius: 0.142rem; font-size: 12px; line-height: 0.625rem; text-align: center; user-select: none; color: #666; } .cxd-Page-asideResizor:hover { color: #000; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } .cxd-Page-asideResizor:after { content: "···"; } .cxd-Page-toolbar > * + * { margin-left: var(--gap-xs); } @media (min-width: 768px) { .cxd-Page-aside { width: var(--Page-aside-width); border-right: var(--borderWidth) solid var(--borderColor); } .cxd-Page-aside::before { content: ""; position: absolute; width: inherit; top: 0; bottom: 0; z-index: -1; background: inherit; border: inherit; } .cxd-Page-aside--withWidth { min-width: var(--Page-aside-width); max-width: var(--Page-aside-maxWidth); } .cxd-Page--withSidebar { display: flex; flex-direction: row; align-items: stretch; } .cxd-Page--withSidebar > .cxd-Page-content { width: 0; flex-grow: 1; } } .cxd-Remark { display: inline-block; vertical-align: middle; margin-left: var(--Remark-marginLeft); cursor: pointer; text-align: center; } .cxd-Remark > span { color: var(--Remark-iconColor); font-size: var(--fontSizeSm); } .cxd-Remark-icon { color: var(--Remark-iconColor); font-size: var(--Remark-icon-fontSize); background: var(--Remark-bg); border: var(--Remark-borderWidth) solid var(--Remark-borderColor); width: var(--Remark-width); height: var(--Remark-width); line-height: 1; display: inline-flex; vertical-align: baseline; align-self: center; align-items: center; justify-content: center; font-size: var(--fontSizeSm); user-select: none; } .cxd-Remark-icon > svg { width: 100%; height: 100%; display: block; } .cxd-Remark-icon--circle { border-radius: 50%; } .cxd-Remark > span + .cxd-Remark-icon { margin-left: var(--gap-xs); } .cxd-Remark:hover > .cxd-Remark-icon { color: var(--Remark-onHover-iconColor); background: var(--Remark-onHover-bg); border-color: var(--Remark-onHover-borderColor); } .cxd-Remark > svg { width: calc(var(--Remark-width) - 0.125rem); height: calc(var(--Remark-width) - 0.125rem); color: var(--Remark-iconColor); } .cxd-Remark:hover > svg { color: var(--Remark-onHover-iconColor); } .cxd-Chart { min-width: 300px; min-height: 300px; position: relative; } .cxd-Chart-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cxd-Chart-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .cxd-Video { min-width: 200px; } .cxd-Video-cursor { position: absolute; border: 2px solid var(--info); transition: all var(--animation-duration) ease-out; } .cxd-Video-frameList .cxd-Video-frameItem { cursor: pointer; } .cxd-Video-frameLabel { text-align: center; } .cxd-Video .video-react-paused .video-react-big-play-button.big-play-button-hide { display: block; } .cxd-Video-player { position: relative; } .cxd-Video-error { position: absolute; display: block; width: 100%; padding: 5px 10px; color: var(--danger); background: rgba(255, 255, 255, 0.4); text-align: center; top: 0; } .cxd-Audio-original { display: none; } .cxd-Audio--inline { display: inline-block; } .cxd-Audio { box-sizing: border-box; height: var(--Audio-height); line-height: var(--Audio-lineHeight); border: var(--Audio-border); padding-left: var(--Audio-item-margin); overflow: hidden; } .cxd-Audio-controls { display: flex; flex-direction: row; align-items: center; } .cxd-Audio-rates { width: var(--Audio-rate-width); height: var(--Audio-rate-height); text-align: center; background: var(--Audio-rate-bg); cursor: pointer; margin-right: var(--Audio-item-margin); } .cxd-Audio-rateControl { margin-right: var(--Audio-item-margin); } .cxd-Audio-rateControl::after { clear: both; content: ""; } .cxd-Audio-rateControl .cxd-Audio-rateControlItem { width: var(--Audio-rate-width); height: var(--Audio-rate-height); background: var(--Audio-rate-bg); cursor: pointer; text-align: center; float: left; box-sizing: border-box; border-right: var(--Audio-rateControlItem-borderRight); } .cxd-Audio-play { width: var(--Audio-play-width); cursor: pointer; margin-right: var(--Audio-item-margin); } .cxd-Audio-play svg { width: var(--Audio-svg-width); height: var(--Audio-svg-height); position: relative; top: var(--Audio-svg-top); } .cxd-Audio-times { min-width: var(--Audio-times-width); margin-right: var(--Audio-item-margin); cursor: default; flex-shrink: 0; } .cxd-Audio-process { flex: auto; cursor: pointer; min-width: var(--Audio-process-minWidth); margin-right: var(--Audio-item-margin); } .cxd-Audio-process input[type=range] { -webkit-appearance: none; outline: none; border: none; padding: 0; background: none; } .cxd-Audio-process input[type=range]::-webkit-slider-runnable-track { background: var(--Audio-track-bg); height: var(--Audio-track-height); border-radius: var(--Audio-track-borderRadius); border: var(--Audio-track-border); } .cxd-Audio-process input[type=range]::-webkit-slider-thumb { -webkit-appearance: none !important; border-radius: 100%; cursor: pointer; background: var(--Audio-thumb-bg); width: var(--Audio-thumb-width); height: var(--Audio-thumb-height); margin-top: var(--Audio-thumb-marginTop); } .cxd-Audio-volume { width: var(--Audio-volume-width); height: var(--Audio-volume-height); line-height: var(--Audio-volume-lineHeight); cursor: pointer; margin-right: var(--Audio-item-margin); } .cxd-Audio-volume svg { width: var(--Audio-svg-width); height: var(--Audio-svg-height); position: relative; top: var(--Audio-svg-top); } .cxd-Audio-volumeControl { display: flex; flex-direction: row; align-items: center; width: var(--Audio-volumeControl-width); height: var(--Audio-volume-height); line-height: var(--Audio-volume-lineHeight); margin-right: var(--Audio-item-margin); } .cxd-Audio-volumeControl input[type=range] { -webkit-appearance: none; outline: none; border: none; padding: 0; background: none; } .cxd-Audio-volumeControl input[type=range]::-webkit-slider-runnable-track { background: var(--Audio-track-bg); height: var(--Audio-track-height); border-radius: var(--Audio-track-borderRadius); border: var(--Audio-track-border); } .cxd-Audio-volumeControl input[type=range]::-webkit-slider-thumb { -webkit-appearance: none !important; border-radius: 100%; cursor: pointer; background: var(--Audio-thumb-bg); width: var(--Audio-thumb-width); height: var(--Audio-thumb-height); margin-top: var(--Audio-thumb-marginTop); } .cxd-Audio-volumeControl .cxd-Audio-volumeControlIcon { margin-right: var(--Audio-item-margin); cursor: pointer; } .cxd-Audio-volumeControl svg { width: var(--Audio-svg-width); height: var(--Audio-svg-height); position: relative; top: var(--Audio-svg-top); } .cxd-Panel { margin-bottom: var(--Panel-marginBottom); background: var(--Panel-bg); border: var(--Panel-border); border-radius: var(--Panel-borderRadius); -webkit-box-shadow: var(--Panel-boxShadow); box-shadow: var(--Panel-boxShadow); /* 主题 */ /* 子组件 */ } .cxd-Panel-fixedBottom { position: absolute; background: var(--white); z-index: -1; opacity: 0; bottom: 999999px; box-shadow: var(--Panel-fixedBottom-boxShadow); border-top: var(--Panel-fixedBottom-borderTop); } .cxd-Panel-fixedBottom.in { position: fixed; bottom: 0; z-index: 900; opacity: 1; } .cxd-Panel--default { border-color: var(--borderColor); } .cxd-Panel--default > .cxd-Panel-heading { background: var(--Panel--default-bg); color: var(--Panel--default-color); } .cxd-Panel--default > .cxd-Panel-heading .badge { color: var(--Panel--default-badgeColor); background: var(--Panel--default-badgeBg); } .cxd-Panel--default > .cxd-Panel-heading { border-color: var(--Panel--default-headingBorderColor); } .cxd-Panel--primary { border-color: var(--primary); } .cxd-Panel--primary > .cxd-Panel-heading { background: var(--primary); color: var(--white); } .cxd-Panel--primary > .cxd-Panel-heading .badge { color: var(--primary); background: var(--white); } .cxd-Panel--primary > .cxd-Panel-heading, .cxd-Panel--primary > .cxd-Panel-footer { border-color: var(--primary); } .cxd-Panel--success { border-color: var(--success); } .cxd-Panel--success > .cxd-Panel-heading { background: var(--success); color: var(--white); } .cxd-Panel--success > .cxd-Panel-heading .badge { color: var(--success); background: var(--white); } .cxd-Panel--success > .cxd-Panel-heading, .cxd-Panel--success > .cxd-Panel-footer { border-color: var(--success); } .cxd-Panel--info { border-color: var(--info); } .cxd-Panel--info > .cxd-Panel-heading { background: var(--info); color: var(--white); } .cxd-Panel--info > .cxd-Panel-heading .badge { color: var(--info); background: var(--white); } .cxd-Panel--info > .cxd-Panel-heading, .cxd-Panel--info > .cxd-Panel-footer { border-color: var(--info); } .cxd-Panel--warning { border-color: var(--warning); } .cxd-Panel--warning > .cxd-Panel-heading { background: var(--warning); color: var(--white); } .cxd-Panel--warning > .cxd-Panel-heading .badge { color: var(--warning); background: var(--white); } .cxd-Panel--warning > .cxd-Panel-heading, .cxd-Panel--warning > .cxd-Panel-footer { border-color: var(--warning); } .cxd-Panel--danger { border-color: var(--danger); } .cxd-Panel--danger > .cxd-Panel-heading { background: var(--danger); color: var(--white); } .cxd-Panel--danger > .cxd-Panel-heading .badge { color: var(--danger); background: var(--white); } .cxd-Panel--danger > .cxd-Panel-heading, .cxd-Panel--danger > .cxd-Panel-footer { border-color: var(--danger); } .cxd-Panel-heading { padding: var(--Panel-headingPadding); border-bottom: var(--Panel-headingBorderBottom); border-radius: var(--Panel-headingBorderRadius); } .cxd-Panel-title { margin-top: var(--Panel-titleMarginTop); margin-bottom: var(--Panel-titleMarginBottom); font-size: var(--Panel-titleFontSize); color: var(--Panel-titleColor); } .cxd-Panel-body { padding: var(--Panel-bodyPadding); } .cxd-Panel-footer { border-color: var(--Panel-footerBorderColor); border-radius: var(--Panel-footerBorderRadius); background: var(--Panel-footerBg); padding: var(--Panel-footerPadding); border-style: solid; border-width: var(--Panel-borderWidth) 0 0 0; clear: both; } .cxd-Panel-footer .cxd-Button + .cxd-Button { margin-left: var(--Panel-footerButtonMarginLeft); } .cxd-Panel-btnToolbar { text-align: var(--Panel-btnToolbarTextAlign); } .cxd-Panel-btnToolbar::before, .cxd-Panel-btnToolbar::after { display: table; content: ""; } .cxd-Panel-btnToolbar::after { clear: both; } .cxd-Panel-btnToolbar .cxd-Button { margin-left: var(--Panel-footerButtonMarginLeft); } .cxd-Panel-btnToolbar:empty { display: none; } /* 移动端样式调整 */ @media (max-width: 767px) { .cxd-Panel--form { border: none; box-shadow: none; margin: 0 calc(var(--Panel-bodyPadding) * -1) calc(var(--Panel-marginBottom) / 2); } .cxd-Panel--form .cxd-Panel-body { padding: 0 var(--gap-md) var(--gap-md); } .cxd-Panel--form > .cxd-Panel-heading { background: none; border: none; border-radius: 0; } .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title { padding-left: var(--Panel-bodyPadding); border-left: 0.1875rem solid var(--primary); font-size: var(--fontSizeLg); } .cxd-Panel--form .cxd-Panel-footerWrap { padding-bottom: var(--Panel-bodyPadding); } .cxd-Panel--form .cxd-Panel-footer { border-top: none; display: flex; padding: 0 var(--Panel-bodyPadding); } .cxd-Panel--form .cxd-Panel-footer > .cxd-Button { flex: 1; } .cxd-Panel--form .cxd-Panel-footer > .cxd-Button:first-child { margin-left: 0; } } .cxd-Service { position: relative; } .cxd-Sparkline { display: inline-block; line-height: 1; vertical-align: middle; } .cxd-Sparkline-line { stroke: var(--Sparkline-line-color); stroke-width: 1px; } .cxd-Sparkline-area { fill: var(--Sparkline-area-color); } .cxd-Sparkline--clickable { cursor: pointer; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .cxd-Spinner { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: ease-out opacity var(--animation-duration); } .cxd-Spinner.in { opacity: 1; } .cxd-Spinner .cxd-Spinner-icon { width: var(--Spinner-width); height: var(--Spinner-height); position: relative; transform: translateZ(0); animation: spin 2s linear infinite; transition: ease-out all var(--animation-duration); } .cxd-Spinner .cxd-Spinner-icon--default { background: var(--Spinner-bg); background-size: 100%; animation: none; } .cxd-Spinner .cxd-Spinner-icon--simple { background: transparent; display: flex; align-items: center; justify-content: center; } .cxd-Spinner .cxd-Spinner-icon--simple .icon { width: 100%; height: 100%; color: var(--Spinner-color); } .cxd-Spinner .cxd-Spinner-icon--simple svg.icon { top: 0; } .cxd-Spinner .cxd-Spinner-icon--simple svg.icon path { fill: var(--Spinner-color); } .cxd-Spinner .cxd-Spinner-icon--simple i.icon { display: flex; align-items: center; justify-content: center; font-size: var(--Spinner-width); } .cxd-Spinner .cxd-Spinner-icon--custom { width: auto; height: auto; } .cxd-Spinner .cxd-Spinner-icon--lg { width: var(--Spinner--lg-width); height: var(--Spinner--lg-height); } .cxd-Spinner .cxd-Spinner-icon--lg i.icon { font-size: var(--Spinner--lg-height); } .cxd-Spinner .cxd-Spinner-icon--sm { width: var(--Spinner--sm-width); height: var(--Spinner--sm-height); } .cxd-Spinner .cxd-Spinner-icon--sm i.icon { font-size: var(--Spinner--sm-height); } .cxd-Spinner .cxd-Spinner-tip { margin: 0.75rem 0 0 0; word-break: keep-all; white-space: nowrap; color: var(--Spinner-color); } .cxd-Spinner.cxd-Spinner-tip--top { flex-direction: column-reverse; } .cxd-Spinner.cxd-Spinner-tip--top .cxd-Spinner-tip { margin: 0 0 0.75rem 0; } .cxd-Spinner.cxd-Spinner-tip--right { flex-direction: row; } .cxd-Spinner.cxd-Spinner-tip--right .cxd-Spinner-tip { margin: 0 0 0 0.75rem; } .cxd-Spinner.cxd-Spinner-tip--bottom { flex-direction: column; } .cxd-Spinner.cxd-Spinner-tip--bottom .cxd-Spinner-tip { margin: 0.75rem 0 0 0; } .cxd-Spinner.cxd-Spinner-tip--left { flex-direction: row-reverse; } .cxd-Spinner.cxd-Spinner-tip--left .cxd-Spinner-tip { margin: 0 0.75rem 0 0; } .cxd-Spinner--overlay { position: absolute; z-index: 11; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .cxd-Spinner-overlay { position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: var(--Spinner-overlay-bg); transition: ease-out opacity var(--animation-duration); opacity: 0; } .cxd-Spinner-overlay.in { opacity: 1; } .cxd-Spinner-wrap { position: relative; width: 100%; height: 100%; } .cxd-Spinner-wrap .cxd-Spinner { position: absolute; z-index: 11; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .cxd-ButtonGroup { position: relative; display: inline-flex; vertical-align: middle; } .cxd-ButtonGroup > .cxd-Button { position: relative; flex: 0 1 auto; max-width: 8.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cxd-ButtonGroup > .cxd-Button:hover { z-index: 1; } .cxd-ButtonGroup > .cxd-Button:focus, .cxd-ButtonGroup > .cxd-Button:active, .cxd-ButtonGroup > .cxd-Button.active, .cxd-ButtonGroup > .cxd-Button.is-active { z-index: 1; } .cxd-ButtonGroup .cxd-Button + .cxd-Button, .cxd-ButtonGroup .cxd-Button + .cxd-ButtonGroup, .cxd-ButtonGroup .cxd-ButtonGroup + .cxd-Button, .cxd-ButtonGroup .cxd-ButtonGroup + .cxd-ButtonGroup { margin-left: calc(var(--Button-borderWidth) * -1); } .cxd-ButtonGroup--block { display: block; } .cxd-ButtonToolbar { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .cxd-ButtonToolbar .cxd-ButtonGroup { margin-left: var(--gap-xs); margin-top: var(--gap-xs); width: auto; } .cxd-ButtonGroup > .cxd-Button:first-child { margin-left: 0; } .cxd-ButtonGroup .cxd-Button--primary.is-active { color: var(--ButtonGroup--primary-isActive-color); background: var(--ButtonGroup--primary-isActive-bg); } .cxd-ButtonGroup > .cxd-Button:not(:last-child), .cxd-ButtonGroup > .cxd-ButtonGroup:not(:last-child) > .cxd-Button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .cxd-ButtonGroup > .cxd-Button:not(:first-child), .cxd-ButtonGroup > .cxd-ButtonGroup:not(:first-child) > .cxd-Button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .cxd-ButtonGroup > .cxd-ButtonGroup:last-child > .cxd-Button:not(:last-child) { border-top-right-radius: 0; } .cxd-ButtonGroup--vertical { flex-direction: column; align-items: flex-start; justify-content: center; /* 修正头尾的圆角 */ } .cxd-ButtonGroup--vertical .cxd-Button, .cxd-ButtonGroup--vertical .cxd-ButtonGroup { width: 100%; } .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-Button, .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-ButtonGroup, .cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-Button, .cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-ButtonGroup { margin-top: calc(var(--Button-borderWidth) * -1); margin-left: 0; } .cxd-ButtonGroup--vertical > .cxd-Button:not(:last-child), .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:last-child) > .cxd-Button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .cxd-ButtonGroup--vertical > .cxd-Button:not(:first-child), .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .cxd-ButtonGroup--vertical > .cxd-Button:first-child, .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child { border-top-right-radius: var(--Button-borderRadius); } .cxd-ButtonGroup--vertical > .cxd-Button:last-child, .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child { border-bottom-left-radius: var(--Button-borderRadius); } .cxd-ButtonGroup--tiled { display: flex; } .cxd-ButtonGroup--tiled .cxd-Button, .cxd-ButtonGroup--tiled .cxd-ButtonGroup { flex-grow: 1; text-align: center; } .cxd-DropDown { position: relative; display: inline-block; } .cxd-DropDown-caret { margin-left: var(--DropDown-caret-marginLeft); display: inline-block; vertical-align: top; transition: transform var(--animation-duration) ease; } .cxd-DropDown-caret > svg { width: 0.625rem; height: 0.625rem; top: 0.125em; } .cxd-DropDown.is-opened .cxd-DropDown-caret { transform: rotate(180deg); } .cxd-DropDown.is-actived .cxd-Button { color: var(--link-color); } .cxd-DropDown--block { display: block; } .cxd-DropDown--block .cxd-Button { display: block; } .cxd-DropDown-menu { background: var(--DropDown-menu-bg); list-style: none; padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX); min-width: var(--DropDown-menu-minWidth); text-align: left; border: none; user-select: none; } .cxd-DropDown-menu-root { position: absolute; z-index: 1000; top: 100%; left: 0; margin: 0.0625rem 0 0; border: none; border-radius: var(--DropDown-menu-borderRadius); box-shadow: var(--DropDown-menu-boxShadow); min-width: var(--DropDown-menu-minWidth); overflow-y: auto; overflow-x: hidden; max-height: 18.75rem; } .cxd-DropDown--alignRight .cxd-DropDown-menu { left: auto; right: 0; } .cxd-DropDown-menuItem, .cxd-DropDown-menu > li { padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX); white-space: nowrap; box-sizing: border-box; height: var(--DropDown-menu-height); vertical-align: middle; user-select: none; color: var(--DropDown-menuItem-color); text-decoration: var(--link-decoration); } .cxd-DropDown-menuItem:hover, .cxd-DropDown-menu > li:hover { background: var(--DropDown-menuItem-onHover-bg); color: var(--DropDown-menuItem-onHover-color); } .cxd-DropDown-menuItem.is-active, .cxd-DropDown-menu > li.is-active { background: var(--DropDown-menuItem-onHover-bg); color: var(--DropDown-menuItem-onActive-color); } .cxd-DropDown-menuItem:not(.is-disabled), .cxd-DropDown-menuItem:not(.disabled), .cxd-DropDown-menu > li:not(.is-disabled), .cxd-DropDown-menu > li:not(.disabled) { cursor: pointer; } .cxd-DropDown-menuItem.is-disabled, .cxd-DropDown-menu > li.is-disabled { cursor: not-allowed; color: var(--DropDown-menuItem-onDisabled-color); filter: grayscale(80%); } .cxd-DropDown-menuItem.cxd-DropDown-divider, .cxd-DropDown-menu > li.cxd-DropDown-divider { height: 0.0625rem; margin: 0.5625rem 0; overflow: hidden; background: var(--DropDown-menu-borderColor); padding: 0; } .cxd-DropDown-menuItem.cxd-DropDown-groupTitle, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle { height: inherit; font-size: var(--fontSizeSm); padding: var(--gap-xs) var(--gap-xs); padding-left: var(--gap-sm); color: var(--DropDown-group-color); flex-grow: 1; cursor: default; } .cxd-DropDown-menuItem.cxd-DropDown-groupTitle:hover, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle:hover { background: none; } .cxd-DropDown-menuItem.cxd-DropDown-groupTitle span, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle span { white-space: nowrap; } .cxd-DropDown-menuItem.cxd-DropDown-groupTitle ~ .cxd-DropDown-button, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle ~ .cxd-DropDown-button { padding-left: var(--gap-lg); } .cxd-DropDown-menu > li a { color: inherit; display: block; text-decoration: none; } .cxd-DropDown-popover { border: none; box-shadow: none; } .cxd-DropDown > .cxd-Button { min-width: unset; } .cxd-Each-placeholder { color: var(--text--muted-color); text-align: left; padding: var(--gap-sm); } .cxd-ScheduleCalendar-icon { position: absolute; bottom: var(--Calendar-icon-bottom); left: 50%; transform: translateX(-50%); display: block; width: var(--Calendar-icon-width); height: var(--Calendar-icon-height); border-radius: 50%; z-index: 10; } .cxd-ScheduleCalendar-action { display: block; padding: 0; width: 100%; height: 100%; border: none; background: transparent; color: inherit; } .cxd-ScheduleCalendar-action:not(:disabled):not(.is-disabled):hover { color: inherit; background: transparent; border-color: transparent; } .cxd-ScheduleCalendar .rdtDay { position: relative; } .cxd-ScheduleCalendar-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; width: 100%; } .cxd-ScheduleCalendar .rdt .rdtPicker td.rdtActive { background: transparent; color: var(--Calendar-color); } .cxd-ScheduleCalendar .rdt .rdtPicker td.rdtActive > span { background: transparent !important; } .cxd-ScheduleCalendar .rdt .rdtPicker td.rdtActive:hover { background: var(--Calendar-cell-onHover-bg); } .cxd-ScheduleCalendar-large { width: 100%; } .cxd-ScheduleCalendar-large .rdtPicker { width: 100%; } .cxd-ScheduleCalendar-large .rdtPicker table { border-collapse: collapse; border-spacing: 0; } .cxd-ScheduleCalendar-large .rdtPicker table td { border: var(--Calendar-borderWidth) solid var(--borderColor); } .cxd-ScheduleCalendar-large .rdtDay { height: var(--Calendar-rdt-day); vertical-align: top; } .cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-large-day-wrap { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; } .cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-large-day-wrap .cxd-ScheduleCalendar-large-schedule-content { position: relative; z-index: 10; border-radius: var(--borderRadius); text-align: left; padding: var(--Calendar-schedule-content-padding); height: var(--Calendar-schedule-content-height); color: var(--Calendar-schedule-content-color); } .cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-action { z-index: 20; position: relative; } .cxd-CalendarMobile { height: 100%; width: 100%; overflow: scroll; } .cxd-CalendarMobile-pop { position: fixed; bottom: 0; left: 0; width: 100vw; height: 90vh; background: #fff; border-radius: 1rem 1rem 0 0; overflow: hidden; border-width: 0; } .cxd-CalendarMobile-wrap { display: flex; flex-direction: column; height: 100%; } .cxd-CalendarMobile-header { flex-shrink: 0; box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16); position: relative; } .cxd-CalendarMobile-header .subtitle-text { display: inline-block; width: 6.875rem; position: relative; } .cxd-CalendarMobile-header .rdtPrev { width: 1.25rem; height: 2.75rem; display: block; position: absolute; top: 0; left: -1.25rem; } .cxd-CalendarMobile-header .rdtNext { width: 1.25rem; height: 2.75rem; display: block; position: absolute; top: 0; right: -1.25rem; } .cxd-CalendarMobile-title, .cxd-CalendarMobile-subtitle { height: 2.75rem; font-weight: 500; line-height: 2.75rem; text-align: center; } .cxd-CalendarMobile-title { font-size: var(--fontSizeLg); } .cxd-CalendarMobile-weekdays { display: flex; } .cxd-CalendarMobile-weekdays .weekday { flex: 1; line-height: 1.875rem; text-align: center; } .cxd-CalendarMobile-close { position: absolute; z-index: 1; color: #c8c9cc; font-size: 1rem; cursor: pointer; top: 0.6875rem; right: 1rem; } .cxd-CalendarMobile-body::-webkit-scrollbar { width: 0; } .cxd-CalendarMobile-body { flex: 1; overflow-y: scroll; } .cxd-CalendarMobile-body table { border-spacing: 0 0.25rem; } .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover { background: transparent; color: var(--Calendar-color); text-shadow: none; } .cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled, .cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover { color: #999; } .cxd-CalendarMobile-body .rdtOldNone td.rdtOld { display: none; } .cxd-CalendarMobile-body .rdtPicker td { height: 3.5rem; position: relative; } .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtDay, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtDay:hover, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtDisabled, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtDisabled:hover { background: transparent; } .cxd-CalendarMobile-body .calendar-wrap { position: relative; width: 3.125rem; height: 100%; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.25rem; } .cxd-CalendarMobile-embed .cxd-CalendarMobile-body .calendar-wrap { width: auto; max-width: 3.125rem; } .cxd-CalendarMobile-footer { flex-shrink: 0; } .cxd-CalendarMobile-footer .date-range-confirm { height: 2.25rem; margin: 0.4375rem 0; border-radius: var(--borderRadiusMd); display: block; } .cxd-CalendarMobile-footer .is-disabled { opacity: 0.5; color: var(--Button--primary-color); background: var(--Button--primary-bg); border-color: var(--Button--primary-bg); filter: none; } .cxd-CalendarMobile-footer-toolbar { padding: 0 1rem; } .cxd-CalendarMobile-footer-ranges { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02); border-radius: 24px; overflow-x: auto; position: relative; height: 3rem; line-height: 3rem; } .cxd-CalendarMobile-footer .cxd-DateRangePicker-rangers { position: absolute; white-space: nowrap; } .cxd-CalendarMobile-footer .cxd-DateRangePicker-rangers .cxd-DateRangePicker-ranger { margin: 0 1.5625rem; } .cxd-CalendarMobile-footer .cxd-DatePicker-shortcuts { width: auto; } .cxd-CalendarMobile-calendar-wrap { padding: var(--gap-sm) 0; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker { width: 100%; padding: 0; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtOld { visibility: hidden; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtNew { display: none; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtBetween { background: var(--Calendar-cell-onBetween-bg) !important; color: var(--Button--primary-bg); } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtBetween::after { width: 0; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeStart .calendar-wrap, .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeStart:hover .calendar-wrap, .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd .calendar-wrap, .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover .calendar-wrap { background: var(--Calendar-cell-onActive-bg) !important; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd, .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd:hover { background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%) !important; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd, .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover { background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%) !important; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday { border: none; } .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap { border: 1px solid #2468F2; } .cxd-CalendarMobile-calendar-header { height: 1.875rem; line-height: 1.875rem; text-align: center; } .cxd-CalendarMobile-range-text { position: absolute; right: 0; left: 0; bottom: 0; color: #fff; font-size: var(--fontSizeSm); white-space: nowrap; } .cxd-CalendarMobile-calendar-wrap { position: relative; } .cxd-CalendarMobile-calendar-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: rgba(242, 243, 245, 0.8); font-size: 10rem; transform: translate(-50%, -50%); pointer-events: none; } .cxd-CalendarMobile-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8.5rem; height: 2.25rem; background: rgba(0, 0, 0, 0.9); border-radius: 4px; color: #fff; display: flex; justify-content: center; align-items: center; } .cxd-CalendarMobile-time { height: 11.25rem; } .cxd-CalendarMobile-time-title { border: var(--Calendar-borderWidth) solid var(--borderColorDarken); border-left: none; border-right: none; text-align: center; height: 1.875rem; line-height: 1.875rem; } .cxd-CalendarMobile-time .rdtPicker { margin: 0 auto; } .cxd-CalendarMobile .cxd-CalendarTime { height: 8.125rem; overflow: hidden; } .cxd-CalendarMobile .cxd-PickerColumns-header { display: none; } .cxd-Collapse { border: var(--Collapse-border); padding: 0; line-height: 1.25rem; border-radius: 4px; } .cxd-Collapse-header { font-size: var(--Collapse-header-fontSize); font-weight: var(--Collapse-header-fontWeight); color: var(--text--loud-color); padding: var(--Collapse-header-padding); margin: 0; cursor: pointer; background: var(--Collapse-header-bg); } .cxd-Collapse-header-wrapper { display: inline-flex; flex-direction: var(--Collapse-header-wrapper-direction); } .cxd-Collapse-header-tpl { margin-right: 0.5rem; } .cxd-Collapse-header:hover { background: var(--Collapse-header-onHover-bg); } .cxd-Collapse-arrow { display: inline-block; width: 1rem; text-align: center; margin-right: var(--gap-sm); } .cxd-Collapse-arrow:before { content: ""; position: relative; display: inline-block; width: 0.375rem; height: 0.375rem; top: -0.125rem; border-color: #84868C; border-style: solid; border-width: 0.0625rem 0.0625rem 0 0; transform: rotate(45deg); transform-origin: 50% 50%; } .cxd-Collapse-icon-tranform { display: inline-block; width: 1rem; text-align: center; margin-right: var(--gap-xs); } .cxd-Collapse .cxd-TplField { display: inline-block; } .cxd-Collapse.is-active .cxd-Collapse-arrow:before { transform: rotate(135deg); transform-origin: 50% 30%; } .cxd-Collapse.is-active .cxd-Collapse-icon-tranform { transform: rotate(90deg); } .cxd-Collapse--disabled .cxd-Collapse-header { cursor: not-allowed; user-select: none; color: var(--text--muted-color); } .cxd-Collapse--disabled .cxd-Collapse-header:hover { background-color: var(--Collapse-header-bg-disabled-color); } .cxd-Collapse--disabled .cxd-Collapse-arrow:before { border-color: var(--text--muted-color); } .cxd-Collapse--title-bottom .cxd-Collapse-header { text-align: center; font-size: var(--fontSizeBase); border-top: var(--Collapse-header-collapsed-borderTop); border-bottom: var(--Collapse-header-collapsed-borderBottom); } .cxd-Collapse--title-bottom.is-collapsed .cxd-Collapse-header { border-top: none; } .cxd-Collapse--title-bottom .cxd-Collapse-arrow:before { top: -0.25rem; transform: rotate(135deg); } .cxd-Collapse--title-bottom.is-active .cxd-Collapse-arrow:before { top: 0; transform: rotate(-45deg); } .cxd-Collapse-contentWrapper { transition: height var(--animation-duration) ease; } .cxd-Collapse-contentWrapper.in, .cxd-Collapse-contentWrapper.out { height: 0; overflow: hidden; } .cxd-Collapse-content { padding: var(--Collapse-content-padding); color: var(--body-color); font-size: var(--Collapse-content-fontSize); font-weight: var(--Collapse-content-fontWeight); } .cxd-CollapseGroup .cxd-Collapse { border-radius: 0; } .cxd-CollapseGroup .cxd-Collapse:first-child { border-radius: 4px 4px 0 0; } .cxd-CollapseGroup .cxd-Collapse:last-child { border-radius: 0 0 4px 4px; } .cxd-CollapseGroup .cxd-Collapse:not(:last-child) { border-bottom: none; } .cxd-CollapseGroup.icon-position-right .cxd-Collapse-header .cxd-Collapse-arrow { float: right; } .cxd-CollapseGroup.icon-position-right .cxd-Collapse-header .cxd-Collapse-icon-tranform { float: right; } .cxd-ColorField { display: inline-block; } .cxd-ColorField-previewIcon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; box-shadow: var(--boxShadowSm); background: #ccc; } .cxd-ColorField-value { display: inline-block; margin-left: 10px; vertical-align: middle; } .cxd-CBGroup { font-size: var(--fontSizeSm); position: relative; border: 1px solid #e8e9eb; border-radius: 4px; border-left: 0.1875rem solid #e6f0ff; padding: 1.875rem 1.6875rem 1.0625rem; margin-top: 1.875rem; } .cxd-CBGroup-toolbarCondition { text-align: center; margin-top: -2.75rem; margin-bottom: 1rem; } .cxd-CBGroup-toolbarCondition .cxd-Select { font-size: 12px; height: 1.75rem; width: 3.875rem; background: #d4e5ff; border: none; color: #0832a6; font-weight: 500; padding: 0; padding-left: 0.5rem; min-height: 1.75rem; } .cxd-CBGroup-toolbarCondition .cxd-Select:hover { background: #d4e5ff; } .cxd-CBGroup-toolbar { display: flex; flex-direction: row; margin-top: 0.5rem; } .cxd-CBGroup-toolbar .cxd-Button { transition: padding var(--animation-duration); min-width: unset; } .cxd-CBGroup-toolbar .cxd-Button svg { width: 10px; height: 10px; top: 0; margin-right: 5px; } .cxd-CBGroup-toolbar .cxd-CBGroup-toolbarConditionAdd { display: flex; align-items: center; } .cxd-CBGroup-toolbar .cxd-CBGroup-toolbarConditionAdd .cxd-ButtonGroup > .cxd-Button:first-child { margin-right: 1.5rem; } .cxd-CBGroup-toolbar .cxd-CBGroup-toolbarConditionAdd .cxd-CBDelete { margin-left: var(--gap-xs); } .cxd-CBGroup .cxd-ResultBox { padding-right: 0.1875rem; } .cxd-CBGroup-field, .cxd-CBGroup-operator { position: relative; display: inline-block; margin: 0.1875rem; vertical-align: middle; } .cxd-CBGroup-fieldCaret, .cxd-CBGroup-operatorCaret { transition: transform var(--animation-duration) ease-out; margin: 5px; display: flex; color: var(--Form-select-caret-iconColor); } .cxd-CBGroup-fieldCaret:hover, .cxd-CBGroup-operatorCaret:hover { color: var(--Form-select-caret-onHover-iconColor); } .cxd-CBGroup-fieldCaret > svg, .cxd-CBGroup-operatorCaret > svg { width: 0.625rem; height: 0.625rem; top: 0; } .cxd-CBGroup-fieldInput.is-active .cxd-CBGroup-fieldCaret, .cxd-CBGroup-operatorInput.is-active .cxd-CBGroup-operatorCaret { transform: rotate(180deg); } .cxd-CBGroup-placeholder { color: var(--text--muted-color); position: relative; padding: 10px; background: rgba(0, 0, 0, 0.03); border-radius: 5px; } .cxd-CBGroup-placeholder.simple { margin-left: 0; } .cxd-CBDelete { cursor: pointer; margin-left: auto; } .cxd-CBGroupOrItem-body-group--hover > .cxd-CBGroupOrItem-dragbar { opacity: 1 !important; } .cxd-CBGroupOrItem-body-group--hover > .cxd-CBGroup { border-left-color: #2468f1; } .cxd-CBGroupOrItem { position: relative; } .cxd-CBGroupOrItem + .cxd-CBGroupOrItem { margin-top: 0.625rem; } .cxd-CBGroupOrItem-dragbar { cursor: move; width: 20px; margin-left: -5px; opacity: 0.6; text-align: center; transition: opacity var(--animation-duration) ease-out; color: var(--icon-color); } .cxd-CBGroupOrItem-dragbar:hover { color: var(--icon-onHover-color); } .cxd-CBGroupOrItem-body { display: flex; flex-direction: row; align-items: center; position: relative; transition: all var(--animation-duration) ease-out; } .cxd-CBGroupOrItem-body-group { width: 100%; flex-direction: row; display: flex; align-items: center; margin-top: 1rem; } .cxd-CBGroupOrItem-body-group > .cxd-CBGroupOrItem-dragbar { left: -1rem; position: absolute; } .cxd-CBGroupOrItem-body-group > .cxd-CBGroup { margin: 0px; } .cxd-CBGroupOrItem-body-item { background-color: #f7f7f9; width: 100%; padding: 0.75rem; padding-left: 1.75rem; display: flex; flex-direction: row; align-items: center; } .cxd-CBGroupOrItem-body-item > .cxd-CBGroupOrItem-dragbar { left: 0.625rem; position: absolute; } .cxd-CBGroupOrItem.is-dragging { display: none; } .cxd-CBGroupOrItem.is-ghost > .cxd-CBGroupOrItem-body:before { position: absolute; z-index: 2; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(36, 104, 242, 0.2); } .cxd-CBGroupOrItem .cxd-CBGroup { flex-grow: 1; } .cxd-CBGroupOrItem > .cxd-CBGroupOrItem-body > .cxd-CBGroupOrItem-body-group > .cxd-CBGroupOrItem-dragbar, .cxd-CBGroupOrItem > .cxd-CBGroupOrItem-body > .cxd-CBGroupOrItem-body-item > .cxd-CBGroupOrItem-dragbar { opacity: 0; } .cxd-CBGroupOrItem:hover > .cxd-CBGroupOrItem-body > .cxd-CBGroupOrItem-body-item > .cxd-CBGroupOrItem-dragbar { opacity: 1; } .cxd-CBGroupOrItem-simple { margin-bottom: var(--gap-sm); } .cxd-CBInputSwitch { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; } .cxd-CBInputSwitch > a { color: var(--icon-color); } .cxd-CBInputSwitch > a:hover { color: var(--icon-onHover-color); } .cxd-CBInputSwitch svg { width: 0.625rem; height: 0.625rem; } .cxd-CBFunc { display: inline-block; vertical-align: middle; margin: 0.1875rem; } .cxd-CBFunc-select { display: inline-block; position: relative; } .cxd-CBFunc-error { color: var(--danger); } .cxd-CBFunc-args { display: inline-block; } .cxd-CBFunc-args > span { display: inline-block; padding: 0 5px; color: var(--info); } .cxd-CBFunc-args > div { display: inline-block; } .cxd-CBValue { position: relative; display: inline-block; vertical-align: middle; margin: 0.1875rem; } .cxd-CBFormula { position: relative; display: inline-block; vertical-align: middle; margin: 0.1875rem; } .cxd-CBFormula-label { background: var(--ResultBox-value-bg); color: var(--text--muted-color); display: block; font-size: var(--fontSizeSm); align-self: center; margin: -5px 5px -5px -8px; padding: 5px; border-radius: 5px; user-select: none; } .cxd-CBSeprator { width: 20px; text-align: center; display: inline-block; user-select: none; } @keyframes contextMenuInSpecial { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes contextMenuIn { from { opacity: 0; } } @keyframes contextMenuOut { to { opacity: 0; } } .cxd-ContextMenu { z-index: 1500; position: fixed; left: 0; top: 0; } .cxd-ContextMenu-menu { position: absolute; z-index: 1500; display: block; position: absolute; margin: 0; padding: 4px 0; background: var(--menu-background); box-shadow: var(--menu-box-shadow); color: var(--menu-font-color); font-family: var(--menu-font-family); font-size: 12px; line-height: 20px; } .cxd-ContextMenu-menu.in, .cxd-ContextMenu-menu.out { animation-duration: var(--animation-duration); animation-fill-mode: both; } .cxd-ContextMenu-menu.in { animation-name: contextMenuInSpecial; animation-duration: var(--animation-duration); } .cxd-ContextMenu-menu.out { animation-name: contextMenuOut; } .cxd-ContextMenu-divider { border: none; height: 1px; background: var(--menu-border-color); margin: 4px 1px; padding: 0; } .cxd-ContextMenu-list { list-style: none; margin: 0; padding: 0; min-width: var(--menu-min-width); } .cxd-ContextMenu-item { position: relative; } .cxd-ContextMenu-item > a { white-space: nowrap; display: block; padding: var(--default-padding); color: inherit; border-top: none; border-bottom: none; } .cxd-ContextMenu-item:not(.is-disabled):hover > a { text-decoration: none; color: var(--menu-active-color); background: var(--menu-hover-bg-color); cursor: pointer; border-top: none; border-bottom: none; } .cxd-ContextMenu-item.is-disabled > a { color: var(--menu-disabled-color); pointer-events: none; } .cxd-ContextMenu-item.has-child > a::after { content: ""; width: 0; height: 0; border-width: 4px 7px; border-style: solid; border-color: transparent transparent transparent var(--default-icon-color); text-shadow: var(--menu-box-shadow); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .cxd-ContextMenu-item.has-child:hover > a::after { border-color: transparent transparent transparent var(--menu-active-color); } .cxd-ContextMenu-itemIcon { margin-right: 5px; } .cxd-ContextMenu-subList { display: none; list-style: none; transition: display ease-out 0.25s; } .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList { display: block; animation-duration: var(--animation-duration); animation-fill-mode: both; animation-name: contextMenuIn; position: absolute; left: 100%; top: -3px; min-width: var(--menu-sub-min-width); margin: 0; padding: 0; background: var(--menu-background); box-shadow: var(--menu-box-shadow); border-radius: var(--menu-border-radius); color: var(--menu-font-color); font-family: var(--menu-font-family); font-size: 12px; line-height: 20px; } .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList:hover { display: block; } .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList::before { display: block; position: absolute; content: ""; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: var(--menu-border-radius); border: 1px solid var(--menu-border-color); z-index: -1; } .cxd-ContextMenu--left .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList { left: auto; right: 100%; } .cxd-ContextMenu-cursor { position: absolute; width: 1px; height: 1px; z-index: -1; } .cxd-ContextMenu-overlay { position: fixed !important; z-index: 1499; top: 0; left: 0; right: 0; bottom: 0; background: transparent; pointer-events: none; } .cxd-Wizard { position: relative; } .cxd-Wizard::before, .cxd-Wizard::after { display: table; content: ""; } .cxd-Wizard::after { clear: both; } .cxd-Wizard, .cxd-Wizard-tabs { padding: 0; } .cxd-Wizard .cxd-Badge, .cxd-Wizard-tabs .cxd-Badge { display: inline-block; width: var(--Wizard-badge-size); height: var(--Wizard-badge-size); font-size: var(--Wizard-badge-fontSize); line-height: var(--Wizard-badge-size); color: var(--Wizard-badge-color); text-align: center; white-space: nowrap; vertical-align: middle; background: var(--Wizard-badge-bg); border-radius: var(--Wizard-badge-borderRadius); text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.2); margin-right: var(--Wizard-badge-marginRight); border: var(--Wizard-badge-border); box-sizing: content-box; } .cxd-Wizard .cxd-Badge.is-active, .cxd-Wizard-tabs .cxd-Badge.is-active { color: var(--white); background: var(--Wizard-badge-onActive-backgroundColor); } .cxd-Wizard .cxd-Badge.is-complete, .cxd-Wizard-tabs .cxd-Badge.is-complete { color: var(--white); background: var(--Wizard-badge-onComplete-backgroundColor); } .cxd-Wizard ul li.active, .cxd-Wizard-tabs ul li.active { color: var(--info); } .cxd-Wizard .cxd-Panel-footer > .cxd-Form-group, .cxd-Wizard .cxd-Panel-footer > .btn, .cxd-Wizard-tabs .cxd-Panel-footer > .cxd-Form-group, .cxd-Wizard-tabs .cxd-Panel-footer > .btn { margin-left: var(--gap-xs); } .cxd-Wizard > ul.nav, .cxd-Wizard-tabs > ul.nav { padding: 0; margin: 0; border: var(--borderWidth) solid var(--borderColor); } .cxd-Wizard > ul.nav li, .cxd-Wizard-tabs > ul.nav li { position: relative; float: left; padding: 0 var(--gap-md) 0 1.5625rem; margin: 0; color: #999999; cursor: pointer; height: var(--Wizard-steps-height); line-height: var(--Wizard-steps-height); } .cxd-Wizard > ul.nav li a, .cxd-Wizard-tabs > ul.nav li a { border: 0 none !important; background: transparent !important; color: inherit; display: inline; padding: 0; } .cxd-Wizard > ul.nav li a div, .cxd-Wizard-tabs > ul.nav li a div { display: inline; } .cxd-Wizard > ul.nav li:first-child, .cxd-Wizard-tabs > ul.nav li:first-child { padding-left: var(--gap-md); border-radius: 0.25rem 0 0 0; } .cxd-Wizard > ul.nav li:before, .cxd-Wizard > ul.nav li:after, .cxd-Wizard-tabs > ul.nav li:before, .cxd-Wizard-tabs > ul.nav li:after { content: ""; position: absolute; right: -0.625rem; border: var(--gap-md) solid transparent; border-right: 0; border-left: 0.625rem solid var(--borderColor); border-left-color: rgba(0, 0, 0, 0.05); z-index: 1; bottom: 0; } .cxd-Wizard > ul.nav li:after, .cxd-Wizard-tabs > ul.nav li:after { right: -0.5625rem; border-left-color: var(--Wizard-steps-bg); z-index: 2; } .cxd-Wizard > ul.nav li.is-active, .cxd-Wizard-tabs > ul.nav li.is-active { color: var(--Wizard-steps-li-onActive-color); background: #fff; } .cxd-Wizard > ul.nav li.is-active:after, .cxd-Wizard-tabs > ul.nav li.is-active:after { border-left-color: #fff; } .cxd-Wizard-steps { font-size: var(--fontSizeBase); padding: var(--Wizard-steps-padding); background: var(--Wizard-steps-bg); border-bottom: var(--Wizard-steps-borderWidth) solid var(--borderColor); text-align: var(--Wizard-steps-textAlign); } .cxd-Wizard-steps::before, .cxd-Wizard-steps::after { display: table; content: ""; } .cxd-Wizard-steps::after { clear: both; } .cxd-Wizard-steps ul { display: var(--Wizard-steps-ulDisplay); padding: 0; margin: 0; list-style: none outside none; } .cxd-Wizard-steps ul li { position: relative; float: left; padding: 0 var(--gap-md) 0 1.5625rem; margin: 0; color: #999999; cursor: default; height: var(--Wizard-steps-height); line-height: var(--Wizard-steps-height); } .cxd-Wizard-steps ul li:first-child { padding-left: var(--gap-md); border-radius: 0.25rem 0 0 0; } .cxd-Wizard-steps ul li:before, .cxd-Wizard-steps ul li:after { font-family: var(--Wizard-steps-liVender); content: var(--Wizard-steps-liAfterContent); position: absolute; bottom: 0; right: -0.625rem; border: none !important; border-right: 0; border-left: 0.625rem solid var(--borderColor); border-left-color: rgba(0, 0, 0, 0.05); z-index: 2; } .cxd-Wizard-steps ul li:after { right: -0.5625rem; border-left-color: var(--Wizard-steps-bg); z-index: 2; } .cxd-Wizard-steps ul li.is-active { color: var(--Wizard-steps-li-onActive-color); background: var(--Wizard-steps-li-onActive-bg); } .cxd-Wizard-steps ul li.is-active:after { border-left-color: var(--Wizard-steps-li-onActive-arrow-bg); } .cxd-Wizard-steps ul li.is-complete, .cxd-Wizard-steps ul li.is-complete:hover { color: var(--Wizard-steps-li-onActive-color); cursor: pointer; } .cxd-Wizard-stepContent { padding: var(--Wizard-stepsContent-padding); } .cxd-Wizard-stepContent .Step-pane { display: none; } .cxd-Wizard-stepContent .Step-pane.is-active { display: inherit; } .cxd-Wizard--vertical > .cxd-Wizard-step { display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: none; } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps { height: auto; min-width: 40px; margin-right: 30px; margin-bottom: 1.875rem; background: none; border-bottom: none; } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps li { background: var(--Wizard-steps-bg); } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps ul li { height: 2.5rem; line-height: 2.5rem; position: relative; float: none; border-bottom: var(--borderWidth) solid var(--borderColor); padding-left: var(--gap-md); } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps ul li.is-active { background: #fff; } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-stepContent { flex-grow: 1; width: 0; } .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-footer { width: 100%; } .cxd-Crud { position: relative; } .cxd-Crud-selection { margin-bottom: var(--gap-base); } .cxd-Crud-selectionLabel { display: inline-block; vertical-align: top; margin-top: var(--gap-xs); } .cxd-Crud-value { cursor: pointer; vertical-align: middle; user-select: none; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ); display: inline-block; font-size: var(--Form-selectValue-fontSize); color: var(--Form-selectValue-color); background: var(--Form-selectValue-bg); border: 0.0625rem solid var(--Form-selectValue-borderColor); border-radius: 2px; margin-right: var(--gap-xs); margin-top: var(--gap-xs); } .cxd-Crud-value:hover { background: var(--Form-selectValue-onHover-bg); } .cxd-Crud-value.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-Crud-valueIcon { cursor: pointer; border-right: 0.0625rem solid var(--Form-selectValue-borderColor); padding: 1px 5px; } .cxd-Crud-valueIcon:hover { background: var(--Form-selectValue-onHover-bg); } .cxd-Crud-valueLabel { padding: 0 var(--gap-xs); } .cxd-Crud-selectionClear { display: inline-block; cursor: pointer; user-select: none; margin-left: var(--gap-xs); margin-top: var(--gap-xs); vertical-align: middle; } .cxd-Crud-toolbar-item { margin-left: var(--Crud-toolbar-gap); margin-top: var(--Crud-toolbar-gap); line-height: var(--Crud-toolbar-lineHeight); height: var(--Crud-toolbar-height); vertical-align: middle; display: inline-flex; align-items: center; } .cxd-Crud-toolbar-item--left { float: left; } .cxd-Crud-toolbar-item--right { float: right; } .cxd-Crud-actions > * + .cxd-Button, .cxd-Crud-actions > * + .cxd-ButtonGroup, .cxd-Crud-actions > * + .cxd-ButtonToolbar { margin-left: var(--Crud-toolbar-gap); } .cxd-Crud-statistics { line-height: var(--Crud-toolbar-height); vertical-align: middle; } .cxd-Crud-pageSwitch { display: flex; flex-flow: row wrap; align-items: center; } .cxd-Crud-pageSwitch .cxd-Select { margin-left: var(--Crud-toolbar-gap); } .cxd-Crud-pager { align-self: flex-start; } .cxd-Crud-filter { margin-bottom: var(--gap-base); } @media (min-width: 576px) { .cxd-Crud-toolbar { margin-left: calc(var(--Crud-toolbar-gap) * -1); margin-top: calc(var(--Crud-toolbar-gap) * -1); flex-basis: 0; flex-grow: 1; } .cxd-Crud-toolbar::before, .cxd-Crud-toolbar::after { display: table; content: ""; } .cxd-Crud-toolbar::after { clear: both; } .cxd-Crud-toolbar-item { margin-left: var(--Crud-toolbar-gap); line-height: var(--Crud-toolbar-lineHeight); height: var(--Crud-toolbar-height); vertical-align: middle; } .cxd-Crud-toolbar-item--left { float: left; } .cxd-Crud-toolbar-item--right { float: right; } .cxd-Crud-actions > * + .cxd-Button, .cxd-Crud-actions > * + .cxd-Button--disabled-wrap { margin-left: var(--Crud-toolbar-gap); } } .cxd-Table { position: relative; border-radius: var(--Table-borderRadius); margin-bottom: var(--gap-md); } .cxd-Form-control > .cxd-Table { margin-bottom: var(--gap-sm); } .cxd-Table-fixedLeft, .cxd-Table-fixedRight { position: absolute; background: var(--Table-bg); z-index: var(--Table-fixed-zIndex); top: auto; box-shadow: none; } .cxd-Table-fixedLeft { left: 0; top: -999999px; } .cxd-Table-fixedLeft.in { box-shadow: var(--Table-fixedLeft-boxShadow); top: auto; } .cxd-Table-fixedLeft > .cxd-Table-table > thead > tr > th:last-child, .cxd-Table-fixedLeft > .cxd-Table-table > tbody > tr > td:last-child { padding-right: var(--TableCell-paddingX); } .cxd-Table-fixedRight { right: 0; top: -999999px; } .cxd-Table-fixedRight.in { box-shadow: var(--Table-fixedRight-boxShadow); top: auto; } .cxd-Table-fixedRight > .cxd-Table-table > thead > tr > th:first-child, .cxd-Table-fixedRight > .cxd-Table-table > tbody > tr > td:first-child { padding-left: var(--TableCell-paddingX); } .cxd-Table-fixedTop { position: absolute; background: var(--Table-bg); z-index: -1; opacity: 0; box-shadow: var(--Table-fixedTop-boxShadow); } .cxd-Table-fixedTop.in { position: fixed; opacity: 1; z-index: 900; } .cxd-Table-fixedTop > .cxd-Table-fixedLeft, .cxd-Table-fixedTop > .cxd-Table-fixedRight { z-index: 910; background: transparent; } .cxd-Table-fixedTop.is-fakeHide > .cxd-Table-fixedLeft, .cxd-Table-fixedTop.is-fakeHide > .cxd-Table-fixedRight, .cxd-Table-fixedTop.is-fakeHide > .cxd-Table-wrapper { visibility: hidden; position: absolute; } .cxd-Table-heading { background: var(--Table-heading-bg); padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm); } .cxd-Table--unsaved .cxd-Table-heading { background: var(--Table--unsaved-heading-bg); color: var(--Table--unsaved-heading-color); } .cxd-Table-wrapper { overflow: hidden; } .cxd-Table-placeholder { color: var(--text--muted-color); text-align: center; height: var(--Table-placeholder-height); background: transparent !important; } .cxd-Table-placeholder:hover { color: var(--text--muted-color); background: transparent !important; } .cxd-Table-placeholder > td { vertical-align: middle !important; text-align: center; } .cxd-Table-placeholder-empty-icon.icon { display: block; margin: 0 auto; width: var(--Table-empty-icon-size); height: var(--Table-empty-icon-size); } .cxd-Table-searchableForm { background: var(--Table-searchableForm-backgroundColor); border-radius: var(--Table-searchableForm-borderRadius); } .cxd-Table-searchableForm-footer { padding: var(--Panel-footerPadding); clear: both; } .cxd-Table-searchableForm-checkbox > div > .cxd-CheckboxControl { padding-top: 0; } .cxd-Table-header { padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX); } .cxd-Table-header > * + .cxd-Button, .cxd-Table-header > * + .cxd-ButtonGroup, .cxd-Table-header > * + .cxd-ButtonToolbar { margin-left: var(--Crud-toolbar-gap); } .cxd-Table-toolbar { display: flex; margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY); flex-wrap: wrap; } .cxd-Table-toolbar::before, .cxd-Table-toolbar::after { display: table; content: ""; } .cxd-Table-toolbar::after { clear: both; } .cxd-Table-toolbar .cxd-DropDown-menuItem { height: auto; } .cxd-Table-toolbar .cxd-DropDown-menuItem .cxd-Checkbox { display: flex; align-items: center; } .cxd-Table-header + .cxd-Table-toolbar { padding-top: 0; } .cxd-Table-contentWrap { position: relative; margin-bottom: var(--Table-toolbar-marginY); } .cxd-Table-actions { display: inline-block; } .cxd-Table-actions > * { margin-right: var(--Crud-toolbar-gap); } .cxd-Table-content { min-height: 0.01%; overflow-x: auto; transform: translateZ(0); } .cxd-Table-content th { position: relative; } .cxd-Table-content-colDragLine { position: absolute; width: 7px; top: 0; bottom: 0; right: -4px; cursor: col-resize; user-select: none; opacity: 0.5; z-index: 3000; } .cxd-Table-content-colDragLine:hover { background: var(--primary); } .cxd-Table-table { width: 100%; min-width: 100%; margin-bottom: 0; font-size: var(--Table-fontSize); color: var(--Table-color); background: var(--Table-bg); border-spacing: 0; border-collapse: collapse; border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-table th, .cxd-Table-table td { text-align: left; } .cxd-Table-table th.text-center, .cxd-Table-table td.text-center, .cxd-Table-table th[colspan], .cxd-Table-table td[colspan] { text-align: center; } .cxd-Table-table th.text-right, .cxd-Table-table td.text-right { text-align: right; } .cxd-Table-table--withCombine > thead > tr > th:first-child, .cxd-Table-table--withCombine > tbody > tr > td:first-child { padding-left: var(--TableCell-paddingX) !important; } .cxd-Table-table--withCombine > thead > tr > th:last-child, .cxd-Table-table--withCombine > tbody > tr > td:last-child { padding-right: var(--TableCell-paddingX) !important; } .cxd-Table-table--withCombine > tbody > tr.cxd-Table-tr--odd { background: transparent; } .cxd-Table-table--withCombine > tbody > tr:hover { background: transparent; } .cxd-Table-table--withCombine > tbody > tr > td { vertical-align: middle; } .cxd-Table-table--withCombine > tbody > tr > td:not(:last-child) { border-right: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-table--checkOnItemClick > tbody > tr { cursor: pointer; } .cxd-Table-table > thead > tr > th { background: var(--Table-thead-bg); padding: var(--TableCell-paddingY) var(--TableCell-paddingX); border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); font-size: var(--Table-thead-fontSize); color: var(--Table-thead-color); font-weight: var(--fontWeightNormal); white-space: nowrap; } .cxd-Table-table > thead > tr > th:first-child { padding-left: var(--TableCell--edge-paddingX); } .cxd-Table-table > thead > tr > th:last-child { padding-right: var(--TableCell--edge-paddingX); } .cxd-Table-table > thead > tr > th:last-child .cxd-Table-content-colDragLine { width: 4px; right: 0; } .cxd-Table-table > thead > tr > th:not(:last-child) { border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); } .cxd-Table-table > thead > tr > th .cxd-Remark { margin-left: var(--gap-xs); } .cxd-Table-table > thead > tr + tr { border-top: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-table > thead > tr { border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-table > tbody > tr { position: relative; background: transparent; } .cxd-Table-table > tbody > tr + tr { border-top: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-table > tbody > tr + tr > th { border-top: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); } .cxd-Table-table > tbody > tr > th { background: var(--Table-thead-bg); color: var(--Table-thead-color); font-weight: var(--fontWeightNormal); white-space: nowrap; border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); } .cxd-Table-table > tbody > tr > td, .cxd-Table-table > tbody > tr > th { padding: var(--TableCell-paddingY) var(--TableCell-paddingX); } .cxd-Table-table > tbody > tr > td:first-child, .cxd-Table-table > tbody > tr > th:first-child { padding-left: var(--TableCell--edge-paddingX); } .cxd-Table-table > tbody > tr > td:last-child, .cxd-Table-table > tbody > tr > th:last-child { padding-right: var(--TableCell--edge-paddingX); } .cxd-Table-table > tbody > tr.cxd-Table-tr--odd { background: var(--Table-strip-bg); } .cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover { cursor: pointer; } .cxd-Table-table > tbody > tr:hover, .cxd-Table-table > tbody > tr.is-hovered { background: var(--Table-onHover-bg); border-color: var(--Table-onHover-borderColor); color: var(--Table-onHover-color); } .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table-table > tbody > tr.is-hovered + tr { border-color: var(--Table-onHover-borderColor); } .cxd-Table-table > tbody > tr.is-checked { background: var(--Table-onChecked-bg); border-color: var(--Table-onChecked-borderColor); color: var(--Table-onChecked-color); } .cxd-Table-table > tbody > tr.is-checked + tr { border-color: var(--Table-onChecked-borderColor); } .cxd-Table-table > tbody > tr.is-moved, .cxd-Table-table > tbody > tr.is-modified { background: var(--Table-onModified-bg); border-color: var(--Table-onModified-borderColor); color: var(--Table-onModified-color); } .cxd-Table-table > tbody > tr.is-moved + tr, .cxd-Table-table > tbody > tr.is-modified + tr { border-color: var(--Table-onModified-borderColor); } .cxd-Table-table > tbody > tr.bg-light { background-color: #eaf6fe; color: #151a26; } .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt { background: #f4fafe; } .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-table > tbody > tr.bg-light .lter { background: #f9fcff; } .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-table > tbody > tr.bg-light .dk { background: #dbf0fe; } .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-table > tbody > tr.bg-light .dker { background: #d0ecfe; } .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-table > tbody > tr.bg-light .bg { background-color: #eaf6fe; } .cxd-Table-table > tbody > tr.bg-dark { background-color: #343a40; color: #a0a0a0; } .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-table > tbody > tr.bg-dark .lt { background: #41474c; } .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-table > tbody > tr.bg-dark .lter { background: #4f5458; } .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-table > tbody > tr.bg-dark .dk { background: #272d33; } .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-table > tbody > tr.bg-dark .dker { background: #1c2125; } .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-table > tbody > tr.bg-dark .bg { background-color: #343a40; } .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link { color: #b9baba; } .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-dark .open > a, .cxd-Table-table > tbody > tr.bg-dark .open > a:hover, .cxd-Table-table > tbody > tr.bg-dark .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-dark .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-dark .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-black { background-color: #000; color: #666666; } .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-table > tbody > tr.bg-black .lt { background: #0d0d0d; } .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-table > tbody > tr.bg-black .lter { background: #1a1a1a; } .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-table > tbody > tr.bg-black .dk { background: black; } .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-table > tbody > tr.bg-black .dker { background: black; } .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-table > tbody > tr.bg-black .bg { background-color: #000; } .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link { color: gray; } .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-black .open > a, .cxd-Table-table > tbody > tr.bg-black .open > a:hover, .cxd-Table-table > tbody > tr.bg-black .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-black .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-black .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-primary { background-color: #2468f2; color: #e6edfc; } .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-table > tbody > tr.bg-primary .lt { background: #3f79f1; } .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-table > tbody > tr.bg-primary .lter { background: #598bf0; } .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-table > tbody > tr.bg-primary .dk { background: #0b57f2; } .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-table > tbody > tr.bg-primary .dker { background: #074ddc; } .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg { background-color: #2468f2; } .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link { color: white; } .cxd-Table-table > tbody > tr.bg-primary a:hover, .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-primary .open > a, .cxd-Table-table > tbody > tr.bg-primary .open > a:hover, .cxd-Table-table > tbody > tr.bg-primary .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-primary .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-primary .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-success { background-color: #30bf13; color: #b8f2ac; } .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt { background: #38d318; } .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter { background: #43e223; } .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk { background: #29aa0e; } .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker { background: #22950a; } .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg { background-color: #30bf13; } .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link { color: #def9d8; } .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-success .open > a, .cxd-Table-table > tbody > tr.bg-success .open > a:hover, .cxd-Table-table > tbody > tr.bg-success .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-success .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-success .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-info { background-color: #2468f2; color: #e6edfc; } .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-table > tbody > tr.bg-info .lt { background: #3f79f1; } .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-table > tbody > tr.bg-info .lter { background: #598bf0; } .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-table > tbody > tr.bg-info .dk { background: #0b57f2; } .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-table > tbody > tr.bg-info .dker { background: #074ddc; } .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg { background-color: #2468f2; } .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link { color: white; } .cxd-Table-table > tbody > tr.bg-info a:hover, .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-info .open > a, .cxd-Table-table > tbody > tr.bg-info .open > a:hover, .cxd-Table-table > tbody > tr.bg-info .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-info .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-info .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-warning { background-color: #ff9326; color: #fef9f3; } .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt { background: #fda042; } .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter { background: #fbac5d; } .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk { background: #ff860d; } .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker { background: #f27a00; } .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg { background-color: #ff9326; } .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link { color: white; } .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-warning .open > a, .cxd-Table-table > tbody > tr.bg-warning .open > a:hover, .cxd-Table-table > tbody > tr.bg-warning .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-warning .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-warning .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.bg-danger { background-color: #f33e3e; color: #fffefe; } .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt { background: #f25858; } .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter { background: #f27272; } .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk { background: #f42323; } .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker { background: #f50909; } .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg { background-color: #f33e3e; } .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link { color: white; } .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover { color: #fff; } .cxd-Table-table > tbody > tr.bg-danger .open > a, .cxd-Table-table > tbody > tr.bg-danger .open > a:hover, .cxd-Table-table > tbody > tr.bg-danger .open > a:focus { color: #fff; } .cxd-Table-table > tbody > tr.bg-danger .text-muted { color: #030405 !important; } .cxd-Table-table > tbody > tr.bg-danger .text-lt { color: #425278 !important; } .cxd-Table-table > tbody > tr.is-dragging { opacity: var(--Table-onDragging-opacity); } .cxd-Table-table tr.cxd-Table-tr--2th.is-expanded .cxd-Table-expandCell:before { right: -0.6875rem; } .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandBtn { position: relative; right: -1.125rem; } .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td { position: relative; padding-left: 1.125rem; } .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: -0.5rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: -0.5rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td { padding-left: 1.125rem; } .cxd-Table-table tr.cxd-Table-tr--2th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--3th.is-expanded .cxd-Table-expandCell:before { right: -1.8125rem; } .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandBtn { position: relative; right: -2.25rem; } .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td { position: relative; padding-left: 2.25rem; } .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 0.625rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 0.625rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td { padding-left: 2.25rem; } .cxd-Table-table tr.cxd-Table-tr--3th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--4th.is-expanded .cxd-Table-expandCell:before { right: -2.9375rem; } .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandBtn { position: relative; right: -3.375rem; } .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td { position: relative; padding-left: 3.375rem; } .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 1.75rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 1.75rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td { padding-left: 3.375rem; } .cxd-Table-table tr.cxd-Table-tr--4th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--5th.is-expanded .cxd-Table-expandCell:before { right: -4.0625rem; } .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandBtn { position: relative; right: -4.5rem; } .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td { position: relative; padding-left: 4.5rem; } .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 2.875rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 2.875rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td { padding-left: 4.5rem; } .cxd-Table-table tr.cxd-Table-tr--5th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--6th.is-expanded .cxd-Table-expandCell:before { right: -5.1875rem; } .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandBtn { position: relative; right: -5.625rem; } .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td { position: relative; padding-left: 5.625rem; } .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 4rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 4rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td { padding-left: 5.625rem; } .cxd-Table-table tr.cxd-Table-tr--6th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--7th.is-expanded .cxd-Table-expandCell:before { right: -6.3125rem; } .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandBtn { position: relative; right: -6.75rem; } .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td { position: relative; padding-left: 6.75rem; } .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 5.125rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 5.125rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td { padding-left: 6.75rem; } .cxd-Table-table tr.cxd-Table-tr--7th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--8th.is-expanded .cxd-Table-expandCell:before { right: -7.4375rem; } .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandBtn { position: relative; right: -7.875rem; } .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td { position: relative; padding-left: 7.875rem; } .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 6.25rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 6.25rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td { padding-left: 7.875rem; } .cxd-Table-table tr.cxd-Table-tr--8th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--9th.is-expanded .cxd-Table-expandCell:before { right: -8.5625rem; } .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandBtn { position: relative; right: -9rem; } .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td { position: relative; padding-left: 9rem; } .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 7.375rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 7.375rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td { padding-left: 9rem; } .cxd-Table-table tr.cxd-Table-tr--9th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table tr.cxd-Table-tr--10th.is-expanded .cxd-Table-expandCell:before { right: -9.6875rem; } .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandBtn { position: relative; right: -10.125rem; } .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td { position: relative; padding-left: 10.125rem; } .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 8.5rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 8.5rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td { padding-left: 10.125rem; } .cxd-Table-table tr.cxd-Table-tr--10th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-table > thead > tr > th.cxd-Table-checkCell, .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell { border-right: 0; width: 0.0625rem; padding-right: var(--TableCell-paddingX); white-space: nowrap; } .cxd-Table-table > thead > tr > th.cxd-Table-checkCell .cxd-Checkbox, .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell .cxd-Checkbox { margin: 0; } .cxd-Table-table > thead > tr > th.cxd-Table-expandCell, .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell { border-right: 0; width: 0.0625rem; padding-right: 0; } .cxd-Table-table > thead > tr > th.cxd-Table-dragCell, .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell { border-right: 0; width: 0.0625rem; padding-right: 0; cursor: move; } .cxd-Table-table > thead > tr > th.cxd-Table-dragCell > svg, .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell > svg { vertical-align: middle; top: 0; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell { position: relative; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-1 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: 0.4375rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -0.6875rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -1.8125rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -2.9375rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -4.0625rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -5.1875rem; } .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -6.3125rem; } .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before { content: ""; position: absolute; width: 0.0625rem; top: 50%; bottom: 0; right: 0.4375rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable > .cxd-TableCell--title, .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable > .cxd-TableCell--title, .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable > .cxd-TableCell--title { display: inline-block; } .cxd-TableCell-sortBtn, .cxd-TableCell-searchBtn, .cxd-TableCell-filterBtn { display: inline-block; vertical-align: top; padding-left: var(--gap-sm); } .cxd-TableCell-sortBtn:hover, .cxd-TableCell-searchBtn:hover, .cxd-TableCell-filterBtn:hover { color: var(--TableCell-searchBtn--onActive-color); } .cxd-TableCell-sortBtn { cursor: pointer; width: var(--TableCell-sortBtn-width); height: var(--gap-md); flex-direction: column; justify-content: center; align-items: center; color: var(--icon-color); } .cxd-TableCell-sortBtn--up > svg, .cxd-TableCell-sortBtn--down > svg, .cxd-TableCell-sortBtn--default > svg { color: inherit; width: 12px; height: 12px; } .cxd-TableCell-sortBtn--up, .cxd-TableCell-sortBtn--down, .cxd-TableCell-sortBtn--default { display: none; position: absolute; z-index: 2; font-style: normal; } .cxd-TableCell-sortBtn--up.is-active, .cxd-TableCell-sortBtn--down.is-active, .cxd-TableCell-sortBtn--default.is-active { display: inline-block; } .cxd-TableCell-sortBtn--default.is-active { color: var(--text--muted-color); } .cxd-TableCell-sortBtn--default.is-active:hover { color: var(--TableCell-searchBtn--onActive-color); } .cxd-TableCell-sortBtn--up.is-active, .cxd-TableCell-sortBtn--down.is-active { color: var(--TableCell-sortBtn--onActive-color); } .cxd-TableCell-searchBtn { cursor: pointer; color: var(--text--muted-color); } .cxd-TableCell-searchBtn svg.icon { width: 12px; height: 12px; } .cxd-TableCell-searchBtn:hover { color: var(--text-color); } .cxd-TableCell-searchBtn.is-active { color: var(--TableCell-searchBtn--onActive-color); } .cxd-TableCell-searchPopOver { border: none; min-width: 20rem; max-width: 40rem; } .cxd-TableCell-searchPopOver .cxd-Panel { margin: 0; } .cxd-TableCell-filterBtn { cursor: pointer; width: var(--TableCell-filterBtn-width); color: var(--text--muted-color); } .cxd-TableCell-filterBtn svg.icon { width: 12px; height: 12px; } .cxd-TableCell-filterBtn.is-active { color: var(--TableCell-filterBtn--onActive-color); } .cxd-TableCell-filterBtn .cxd-Remark { display: inline; } .cxd-TableCell-filterPopOver { border: none; width: 10rem; } .cxd-TableCell-filterPopOver .cxd-DropDown-menu { margin: 0; padding: 0; border-radius: 0; } .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider { height: var(--TableCell-filterPopOver-dropDownItem-height); line-height: var(--TableCell-filterPopOver-dropDownItem-height); padding: var(--TableCell-filterPopOver-dropDownItem-padding); background: var(--white); margin: 0; } .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover { background: var(--light); color: var(--primary); } .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected { background: var(--light); color: var(--primary); } .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox { width: 100%; margin: 0; } .cxd-Table-itemActions-wrap { position: absolute; width: 100%; z-index: calc(var(--Table-fixed-zIndex) + 1); left: 0; top: 0; min-height: 30px; pointer-events: none; box-shadow: var(--Table-onHover-boxShadow); } .cxd-Table-itemActions { pointer-events: all; position: absolute; background: linear-gradient(90deg, rgba(var(--Table-onHover-bg-rgb), 0) 0%, rgba(var(--Table-onHover-bg-rgb), 1) 20%, rgba(var(--Table-onHover-bg-rgb), 1) 100%); top: var(--Table-borderWidth); bottom: 0; right: 0; padding-left: 5rem; padding-right: var(--TableCell-paddingX); display: flex; align-items: center; } .cxd-Table-itemActions a { cursor: pointer; padding: var(--gap-xs) var(--gap-sm); color: var(--link-color); text-decoration: var(--link-decoration); } .cxd-Table-itemActions a:hover { color: var(--link-onHover-color); text-decoration: var(--link-onHover-decoration); } .cxd-Table-itemActions a.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); color: var(--text--muted-color); } .cxd-Table-dragTip { color: var(--text--loud-color); clear: both; margin-top: var(--gap-xs); width: 100%; color: var(--info); } .cxd-Table-footTable { position: relative; width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 0; background: transparent; } .cxd-Table-footTable > tbody > tr > th { width: 7.5rem; text-align: right; padding: var(--TableCell-paddingY) var(--TableCell-paddingX); } .cxd-Table-footTable > tbody > tr > td { word-break: break-all; padding: var(--TableCell-paddingY) var(--TableCell-paddingX); } .cxd-Table-footTable > tbody > tr:not(:first-child) { border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor); } .cxd-Table-expandBtn { position: relative; z-index: 1; color: var(--Table-expandBtn-color); display: inline-flex; justify-content: center; align-items: center; width: 0.875rem; line-height: 1; height: 16px; } .cxd-Table-expandBtn > svg { display: inline-block; text-align: center; cursor: pointer; transition: transform ease-in-out var(--animation-duration), top ease-in-out var(--animation-duration); position: relative; transform-origin: 50% 50%; width: 0.625rem; height: 0.625rem; top: 0; } .cxd-Table-expandBtn.is-active > svg { transform: rotate(90deg); } .cxd-Table-expandBtn:hover { text-decoration: none; } .cxd-Table-dragBtn { margin-right: var(--gap-xs); display: inline-block; visibility: hidden; cursor: move; color: var(--icon-color); } .cxd-Table-dragBtn:hover { text-decoration: none; color: var(--icon-onHover-color); } .cxd-Table-dragBtn > svg { vertical-align: -2px; } .cxd-Table-table > tbody > tr:hover .cxd-Table-dragBtn, .cxd-Table-table > tbody > tr.is-dragging .cxd-Table-dragBtn, .cxd-Table-table > tbody > tr.is-drop-allowed .cxd-Table-dragBtn { visibility: visible; } .cxd-Table .fake-hide { visibility: hidden; position: absolute; } .cxd-Table-badge { position: absolute; top: 0; left: 0; } .cxd-Table--autoFillHeight { margin-bottom: 0; } .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table { border-top: none; } .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table thead { position: sticky; top: 0; z-index: 1; } .cxd-Table--autoFillHeight > .cxd-Table-fixedTop { display: none; } .cxd-Table--autoFillHeight > .cxd-Table-footToolbar { margin-bottom: 0; } .cxd-InputTable-toolbar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .cxd-InputTable-pager { margin-left: auto; } .cxd-OperationField { margin: -0.1875rem; } .cxd-OperationField > .cxd-Button, .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button { margin: 0.1875rem; } .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button--link { padding: 0; } .cxd-OperationField > .cxd-Button--link { padding: 0; margin-right: 0.625rem; } .cxd-Table-v2 { position: relative; border-radius: var(--Table-borderRadius); margin-bottom: var(--gap-md); } .cxd-Table-v2.cxd-Table-bordered { border-width: var(--Table-borderWidth) var(--Table-borderWidth) 0 var(--Table-borderWidth); border-style: solid; border-color: var(--Table-borderColor); border-collapse: inherit; } .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > thead > tr > th, .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td, .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td { border-right: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > thead > tr > th:last-child, .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td:last-child, .cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td:last-child { border-right: none; } .cxd-Table-v2.cxd-Table-bordered .cxd-Table-footer { border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-v2.cxd-Table-bordered .cxd-Table-title { border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-v2.cxd-Table-large .cxd-Table-table > thead > tr > th { padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large); } .cxd-Table-v2.cxd-Table-large .cxd-Table-table > tbody > tr > td, .cxd-Table-v2.cxd-Table-large .cxd-Table-table > tbody > tr > th { padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large); } .cxd-Table-v2.cxd-Table-large .cxd-Table-table > tfoot > tr > td { padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large); } .cxd-Table-v2.cxd-Table-large .cxd-TableCell-filterBtn { right: calc( var(--TableCell-paddingX-large) - var(--TableCell-filterBtn-width) / 2 ); } .cxd-Table-v2.cxd-Table-small .cxd-Table-table > thead > tr > th { padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small); } .cxd-Table-v2.cxd-Table-small .cxd-Table-table > tbody > tr > td, .cxd-Table-v2.cxd-Table-small .cxd-Table-table > tbody > tr > th { padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small); } .cxd-Table-v2.cxd-Table-small .cxd-Table-table > tfoot > tr > td { padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small); } .cxd-Table-v2.cxd-Table-small .cxd-TableCell-filterBtn { right: calc( var(--TableCell-paddingX-small) - var(--TableCell-filterBtn-width) / 2 ); } .cxd-Table-v2 .cxd-Table-title, .cxd-Table-v2 .cxd-Table-footer { background: var(--Table-heading-bg); padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm); } .cxd-Table-v2 .cxd-Table-header { padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX); } .cxd-Table-v2 .cxd-Table-header.cxd-Table-sticky-holder { position: sticky; z-index: 3; background: var(--Table-bg); } .cxd-Table-v2 .cxd-Table-toolbar { display: flex; margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY); flex-wrap: wrap; } .cxd-Table-v2 .cxd-Table-toolbar::before, .cxd-Table-v2 .cxd-Table-toolbar::after { display: table; content: ""; } .cxd-Table-v2 .cxd-Table-toolbar::after { clear: both; } .cxd-Table-v2 .cxd-Table-toolbar .cxd-DropDown-menuItem { height: auto; } .cxd-Table-v2 .cxd-Table-toolbar .cxd-DropDown-menuItem .cxd-Checkbox { display: flex; align-items: center; } .cxd-Table-v2 .cxd-Table-header + .cxd-Table-toolbar { padding-top: 0; } .cxd-Table-v2 .cxd-Table-content { min-height: 0.01%; overflow-x: auto; transform: translateZ(0); } .cxd-Table-v2 .cxd-Table-content th { position: relative; } .cxd-Table-v2 .cxd-Table-table { width: 100%; min-width: 100%; margin-bottom: 0; font-size: var(--Table-fontSize); color: var(--Table-color); background: var(--Table-bg); border-spacing: 0; border-collapse: collapse; border: none; } .cxd-Table-v2 .cxd-Table-table th, .cxd-Table-v2 .cxd-Table-table td { text-align: left; } .cxd-Table-v2 .cxd-Table-table th.text-center, .cxd-Table-v2 .cxd-Table-table td.text-center, .cxd-Table-v2 .cxd-Table-table th[colspan], .cxd-Table-v2 .cxd-Table-table td[colspan] { text-align: center; } .cxd-Table-v2 .cxd-Table-table th.text-right, .cxd-Table-v2 .cxd-Table-table td.text-right { text-align: right; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th { background: var(--Table-thead-bg); padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX); font-size: var(--Table-thead-fontSize); color: var(--Table-thead-color); font-weight: var(--fontWeightNormal); white-space: nowrap; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th:first-child { padding-left: var(--TableCell--edge-paddingX-default); } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-last { padding-right: var(--TableCell--edge-paddingX-default); } .cxd-Table-v2 .cxd-Table-table > thead > tr > th:not(.cxd-Table-cell-last) { border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-row-expand-icon-cell { border-right: 0; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th .cxd-Remark { margin-left: var(--gap-xs); position: relative; top: 2px; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th .cxd-Table-head-cell-wrapper { display: flex; } .cxd-Table-v2 .cxd-Table-table > thead > tr:not(:last-child) { border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-v2 .cxd-Table-table > tbody > tr { position: relative; border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); background: transparent; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-summary-row > td { background: var(--Table-thead-bg); } .cxd-Table-v2 .cxd-Table-table > tbody > tr > th { background: var(--Table-thead-bg); color: var(--Table-thead-color); font-weight: var(--fontWeightNormal); white-space: nowrap; border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor); } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td, .cxd-Table-v2 .cxd-Table-table > tbody > tr > th { padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX); } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td:first-child, .cxd-Table-v2 .cxd-Table-table > tbody > tr > th:first-child { padding-left: var(--TableCell--edge-paddingX-default); } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td:last-child, .cxd-Table-v2 .cxd-Table-table > tbody > tr > th:last-child { padding-right: var(--TableCell--edge-paddingX-default); } .cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix { display: flex; } .cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix .cxd-Table-expandBtn { margin-right: 5px; } .cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-large { height: var(--TableCell-line-height-large); line-height: var(--TableCell-line-height-large); overflow: hidden; } .cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-middle { height: var(--TableCell-line-height-middle); line-height: var(--TableCell-line-height-middle); overflow: hidden; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-tr--odd { background: var(--Table-strip-bg); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover { cursor: pointer; } .cxd-Table-v2 .cxd-Table-table > tbody > tr:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-hovered { background: var(--Table-onHover-bg); border-color: var(--Table-onHover-borderColor); color: var(--Table-onHover-color); } .cxd-Table-v2 .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-hovered + tr { border-color: var(--Table-onHover-borderColor); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-checked { background: var(--Table-onChecked-bg); border-color: var(--Table-onChecked-borderColor); color: var(--Table-onChecked-color); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-checked + tr { border-color: var(--Table-onChecked-borderColor); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-moved, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-modified { background: var(--Table-onModified-bg); border-color: var(--Table-onModified-borderColor); color: var(--Table-onModified-color); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-moved + tr, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-modified + tr { border-color: var(--Table-onModified-borderColor); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-summary { background: var(--Table-thead-bg); color: var(--Table-thead-color); font-weight: var(--fontWeightNormal); } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light { background-color: #eaf6fe; color: #151a26; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .lt { background: #f4fafe; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .lter { background: #f9fcff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .dk { background: #dbf0fe; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .dker { background: #d0ecfe; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .bg { background-color: #eaf6fe; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark { background-color: #343a40; color: #a0a0a0; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .lt { background: #41474c; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .lter { background: #4f5458; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .dk { background: #272d33; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .dker { background: #1c2125; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .bg { background-color: #343a40; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link { color: #b9baba; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black { background-color: #000; color: #666666; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .lt { background: #0d0d0d; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .lter { background: #1a1a1a; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .dk { background: black; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .dker { background: black; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .bg { background-color: #000; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link { color: gray; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary { background-color: #2468f2; color: #e6edfc; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .lt { background: #3f79f1; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .lter { background: #598bf0; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .dk { background: #0b57f2; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .dker { background: #074ddc; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .bg { background-color: #2468f2; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link { color: white; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success { background-color: #30bf13; color: #b8f2ac; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .lt { background: #38d318; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .lter { background: #43e223; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .dk { background: #29aa0e; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .dker { background: #22950a; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .bg { background-color: #30bf13; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link { color: #def9d8; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info { background-color: #2468f2; color: #e6edfc; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .lt { background: #3f79f1; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .lter { background: #598bf0; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .dk { background: #0b57f2; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .dker { background: #074ddc; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .bg { background-color: #2468f2; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link { color: white; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning { background-color: #ff9326; color: #fef9f3; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .lt { background: #fda042; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .lter { background: #fbac5d; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .dk { background: #ff860d; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .dker { background: #f27a00; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .bg { background-color: #ff9326; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link { color: white; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger { background-color: #f33e3e; color: #fffefe; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .lt { background: #f25858; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .lter { background: #f27272; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .dk { background: #f42323; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .dker { background: #f50909; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .bg { background-color: #f33e3e; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link { color: white; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a:focus { color: #fff; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .text-muted { color: #030405 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .text-lt { color: #425278 !important; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-dragging { opacity: var(--Table-onDragging-opacity); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expanded .cxd-Table-expandCell:before { right: -0.6875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandBtn { position: relative; right: -1.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td { position: relative; padding-left: 1.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: -0.5rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: -0.5rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td { padding-left: 1.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expanded .cxd-Table-expandCell:before { right: -1.8125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandBtn { position: relative; right: -2.25rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td { position: relative; padding-left: 2.25rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 0.625rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 0.625rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td { padding-left: 2.25rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expanded .cxd-Table-expandCell:before { right: -2.9375rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandBtn { position: relative; right: -3.375rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td { position: relative; padding-left: 3.375rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 1.75rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 1.75rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td { padding-left: 3.375rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expanded .cxd-Table-expandCell:before { right: -4.0625rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandBtn { position: relative; right: -4.5rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td { position: relative; padding-left: 4.5rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 2.875rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 2.875rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td { padding-left: 4.5rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expanded .cxd-Table-expandCell:before { right: -5.1875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandBtn { position: relative; right: -5.625rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td { position: relative; padding-left: 5.625rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 4rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 4rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td { padding-left: 5.625rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expanded .cxd-Table-expandCell:before { right: -6.3125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandBtn { position: relative; right: -6.75rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td { position: relative; padding-left: 6.75rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 5.125rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 5.125rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td { padding-left: 6.75rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expanded .cxd-Table-expandCell:before { right: -7.4375rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandBtn { position: relative; right: -7.875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td { position: relative; padding-left: 7.875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 6.25rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 6.25rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td { padding-left: 7.875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expanded .cxd-Table-expandCell:before { right: -8.5625rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandBtn { position: relative; right: -9rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td { position: relative; padding-left: 9rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 7.375rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 7.375rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td { padding-left: 9rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expanded .cxd-Table-expandCell:before { right: -9.6875rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandBtn { position: relative; right: -10.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td { position: relative; padding-left: 10.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::before { content: ""; position: absolute; width: 0.0625rem; top: 0; bottom: 0; left: 8.5rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after { content: ""; position: absolute; height: 0.0625rem; top: 50%; left: 8.5rem; width: 0.625rem; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td { padding-left: 10.125rem; } .cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before { height: 50%; bottom: auto; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell { border-right: 0; white-space: nowrap; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell .cxd-Checkbox, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell .cxd-Checkbox { margin: 0; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-expandCell, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell { border-right: 0; width: 0.0625rem; padding-right: 0; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell { border-right: 0; width: 0.0625rem; padding-right: 0; cursor: move; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell > svg, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell > svg { vertical-align: middle; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell { position: relative; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-1 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: 0.4375rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -0.6875rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -1.8125rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -2.9375rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -4.0625rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -5.1875rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 { position: absolute; width: 0.0625rem; top: 0; bottom: 0; height: 100%; background: var(--Table-tree-borderColor); right: -6.3125rem; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before { content: ""; position: absolute; width: 0.0625rem; top: 50%; bottom: 0; right: 0.4375rem; height: auto; background: var(--Table-tree-borderColor); } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable { padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) ); position: relative; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable { padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) ); position: relative; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable { padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) ); position: relative; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled { background: var(--TableRow-onDisabled-bg); color: var(--TableRow-onDisabled-color); } .cxd-Table-v2 .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-row-hover { background: var(--Table-onHover-bg); border-color: var(--Table-onHover-borderColor); color: var(--Table-onHover-color); } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after, .cxd-Table-v2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after, .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after, .cxd-Table-v2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-last:after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translate(-100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell { text-align: center; } .cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell .cxd-Table-row-indent { height: 1px; } .cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-expanded-row > td { background: var(--Table-onHover-bg); } .cxd-Table-v2 .cxd-Table-table > tfoot > tr { border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-Table-v2 .cxd-Table-table > tfoot > tr > td { padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX); background: var(--Table-thead-bg); } .cxd-Table-v2 .cxd-Table-container .cxd-Table-header { padding: 0; } .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after, .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after, .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after { box-shadow: var(--Table-fixedLeftLast-boxShadow); } .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left { border-right: none; } .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) { background: #FFF; } .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last { border-right: none; } .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th:not(:last-child):not(:first-child).cxd-Table-cell-fix-left-last { border-right: none; } .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after, .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after, .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-first:after { box-shadow: var(--Table-fixedRightFirst-boxShadow); } .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right { border-right: none; } .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) { background: #FFF; } .cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev { border-right: none; } .cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th:not(:last-child).cxd-Table-cell-fix-right-first { border-right: none; } .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th { position: relative; } .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable { position: absolute; width: 1px; right: 0; top: 0; bottom: 0; cursor: col-resize; } .cxd-Table-v2 .cxd-Table-loading { padding: var(--Table-loading-padding); text-align: center; } .cxd-Table-v2 .cxd-TableCell-sortBtn { cursor: pointer; width: var(--TableCell-sortBtn-width); height: var(--gap-md); position: static; display: inline-block; transform: none; color: var(--icon-color); margin-left: var(--TableCell-icon-gap); } .cxd-Table-v2 .cxd-TableCell-sortBtn:hover { color: var(--icon-onHover-color); } .cxd-Table-v2 .cxd-TableCell-sortBtn--up > svg, .cxd-Table-v2 .cxd-TableCell-sortBtn--down > svg, .cxd-Table-v2 .cxd-TableCell-sortBtn--default > svg { color: inherit; width: 13px; height: 13px; } .cxd-Table-v2 .cxd-TableCell-sortBtn--up, .cxd-Table-v2 .cxd-TableCell-sortBtn--down, .cxd-Table-v2 .cxd-TableCell-sortBtn--default { display: none; z-index: 2; font-style: normal; } .cxd-Table-v2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--down.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active { display: inline-block; } .cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active { color: var(--text--muted-color); } .cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active:hover { color: var(--text-color); } .cxd-Table-v2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--down.is-active { color: var(--TableCell-sortBtn--onActive-color); } .cxd-Table-v2 .cxd-TableCell-searchBtn { cursor: pointer; position: static; transform: translateY(-50%); color: var(--text--muted-color); margin-left: var(--TableCell-icon-gap); } .cxd-Table-v2 .cxd-TableCell-searchBtn svg.icon { width: 12px; height: 12px; } .cxd-Table-v2 .cxd-TableCell-searchBtn:hover { color: var(--text-color); } .cxd-Table-v2 .cxd-TableCell-searchBtn.is-active { color: var(--TableCell-searchBtn--onActive-color); } .cxd-Table-v2 .cxd-TableCell-searchPopOver { border: none; min-width: 20rem; max-width: 40rem; } .cxd-Table-v2 .cxd-TableCell-searchPopOver .cxd-Panel { margin: 0; } .cxd-Table-v2 .cxd-TableCell-filterBtn { cursor: pointer; width: var(--TableCell-filterBtn-width); position: static; display: inline-block; transform: none; color: var(--text--muted-color); margin-left: var(--TableCell-icon-gap); } .cxd-Table-v2 .cxd-TableCell-filterBtn svg.icon { width: 13px; height: 13px; } .cxd-Table-v2 .cxd-TableCell-filterBtn:hover { color: var(--text-color); } .cxd-Table-v2 .cxd-TableCell-filterBtn.is-active { color: var(--TableCell-filterBtn--onActive-color); } .cxd-Table-v2 .cxd-TableCell-filterBtn .cxd-Remark { display: inline; } .cxd-Table-v2 .cxd-TableCell-filterPopOver { border: none; width: 10rem; } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu { margin: 0; padding: 0; } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider { height: var(--TableCell-filterPopOver-dropDownItem-height); line-height: var(--TableCell-filterPopOver-dropDownItem-height); padding: var(--TableCell-filterPopOver-dropDownItem-padding); background: var(--white); margin: 0; } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover { background: var(--light); color: var(--primary); } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected { background: var(--light); color: var(--primary); } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox { width: 100%; margin: 0; } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu { text-align: center; border-top: 1px solid var(--Table-borderColor); } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu .cxd-Button { margin: 0 5px; padding: 0 10px; } .cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu:hover { background: none; } .cxd-Table-v2 .cxd-TableCell-selectionBtn { cursor: pointer; margin-left: 4px; } .cxd-Table-v2 .cxd-TableCell-selectionBtn svg.icon { transform: rotate(270deg); font-size: 12px; } .cxd-Table-v2 .cxd-TableCell-selectionPopOver .cxd-DropDown-menu { margin: 0; padding: 0; } .cxd-Table-v2.cxd-Table-expandBtn { position: relative; z-index: 1; color: var(--Table-expandBtn-color); display: inline-flex; justify-content: center; align-items: center; width: 0.875rem; line-height: 1; height: 16px; } .cxd-Table-v2.cxd-Table-expandBtn > svg { display: inline-block; text-align: center; cursor: pointer; transition: transform ease-in-out var(--animation-duration), top ease-in-out var(--animation-duration); position: relative; transform-origin: 50% 50%; width: 0.625rem; height: 0.625rem; top: 0; } .cxd-Table-v2.cxd-Table-expandBtn.is-active > svg { transform: rotate(90deg); } .cxd-Table-v2.cxd-Table-expandBtn:hover { text-decoration: none; } .cxd-Table-v2 .cxd-Table-table > tbody > tr:hover .cxd-Table-dragBtn, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-dragging .cxd-Table-dragBtn, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-drop-allowed .cxd-Table-dragBtn { visibility: visible; } .cxd-Table-v2 .fake-hide { visibility: hidden; position: absolute; } .cxd-Table-v2 .cxd-Table-badge { position: absolute; top: 0; left: 0; } .cxd-InputTable-toolbar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .cxd-InputTable-pager { margin-left: auto; } .cxd-OperationField { margin: -0.1875rem; } .cxd-OperationField > .cxd-Button, .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button { margin: 0.1875rem; } .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button--link { padding: 0; } .cxd-OperationField > .cxd-Button--link { padding: 0; margin-right: 0.625rem; } .cxd-ColumnToggler { position: relative; display: inline-block; } .cxd-ColumnToggler-caret { margin-left: var(--DropDown-caret-marginLeft); display: inline-block; vertical-align: top; transition: transform var(--animation-duration) ease; } .cxd-ColumnToggler-caret > svg { width: 0.625rem; height: 0.625rem; top: 0.125em; } .cxd-ColumnToggler.is-opened .cxd-ColumnToggler-caret { transform: rotate(180deg); } .cxd-ColumnToggler.is-actived > .cxd-Button { color: var(--link-color); } .cxd-ColumnToggler--block { display: block; } .cxd-ColumnToggler--block .cxd-Button { display: block; } .cxd-ColumnToggler-menu { position: absolute; z-index: 1000; top: 100%; left: 0; margin: 0.0625rem 0 0; background: var(--DropDown-menu-bg); list-style: none; padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX); border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor); border-radius: var(--DropDown-menu-borderRadius); box-shadow: var(--DropDown-menu-boxShadow); min-width: var(--DropDown-menu-minWidth); text-align: left; } .cxd-ColumnToggler--alignRight .cxd-ColumnToggler-menu { left: auto; right: 0; } .cxd-ColumnToggler-menuItem, .cxd-ColumnToggler-menu > li { padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX); white-space: nowrap; box-sizing: border-box; height: var(--DropDown-menu-height); vertical-align: middle; user-select: none; color: var(--link-color); text-decoration: var(--link-decoration); } .cxd-ColumnToggler-menuItem:hover, .cxd-ColumnToggler-menu > li:hover { background: var(--DropDown-menuItem-onHover-bg); color: var(--DropDown-menuItem-onHover-color); } .cxd-ColumnToggler-menuItem.is-active, .cxd-ColumnToggler-menu > li.is-active { color: var(--DropDown-menuItem-onActive-color); } .cxd-ColumnToggler-menuItem:not(.is-disabled), .cxd-ColumnToggler-menuItem:not(.disabled), .cxd-ColumnToggler-menu > li:not(.is-disabled), .cxd-ColumnToggler-menu > li:not(.disabled) { cursor: pointer; } .cxd-ColumnToggler-menuItem.is-disabled, .cxd-ColumnToggler-menu > li.is-disabled { cursor: not-allowed; color: var(--DropDown-menuItem-onDisabled-color); filter: grayscale(80%); } .cxd-ColumnToggler-menuItem.cxd-DropDown-divider, .cxd-ColumnToggler-menu > li.cxd-DropDown-divider { height: 0.0625rem; margin: 0.5625rem 0; overflow: hidden; background: var(--DropDown-menu-borderColor); padding: 0; } .cxd-ColumnToggler-menu > li a { color: inherit; display: block; text-decoration: none; } .cxd-ColumnToggler-popover { border: none; box-shadow: none; } .cxd-ColumnToggler > .cxd-Button { min-width: unset; } .cxd-ColumnToggler-modal { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; width: 25rem; padding: var(--ColumnToggler-lineHeight); margin-top: calc(50vh - 100px); border-radius: var(--ColumnToggler-borderRadius); background: var(--ColumnToggler-backgroundColor); box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04); } .cxd-ColumnToggler-modal-header { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .cxd-ColumnToggler-modal-header a, .cxd-ColumnToggler-modal-header span { display: inline-block; } .cxd-ColumnToggler-modal-header .cxd-ColumnToggler-modal-title { opacity: 0.95; font-size: var(--fontSizeMd); color: var(--ColumnToggler-title-fontColor); line-height: var(--ColumnToggler-lineHeight); font-weight: bold; } .cxd-ColumnToggler-modal-content { padding: 0; width: 100%; list-style: none; margin: 0.5rem 0; } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem { color: var(--ColumnToggler-title-fontColor); background: var(--ColumnToggler-item-backgroundColor); border-radius: 0.125rem; font-size: var(--fontSizeSm); padding: var(--ColumnToggler-item-paddingY) var(--ColumnToggler-item-paddingX); height: var(--ColumnToggler-lineHeight); width: calc((100% - var(--ColumnToggler-item-margin) * 6) / 3); margin: var(--ColumnToggler-item-margin); float: left; } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem:hover { background: var(--ColumnToggler-item-backgroundColor-onHover); } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem--dragging { border: 1px solid var(--link-color); } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-label { display: inline-block; width: calc(100% - var(--Checkbox--sm-size)); } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-label > span { display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; user-select: none; } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i { height: var(--fontSizeLg); width: var(--fontSizeLg); vertical-align: top; } .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-dragBar { display: inline-block; margin-left: 0; margin-right: var(--gap-xs); vertical-align: super; color: var(--ColumnToggler-item-dragBar-color); cursor: move; } .cxd-ColumnToggler-modal-footer { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .cxd-ColumnToggler-modal-footer .cxd-ColumnToggler-modeSelect { color: var(--ColumnToggler-fontColor); font-size: var(--fontSizeSm); } .cxd-ColumnToggler-modal-footer .cxd-ColumnToggler-modeSelect.is-actived { color: var(--link-color); } .cxd-ColumnToggler-modal-footer > div { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .cxd-ColumnToggler-modal-footer > div:first-child { justify-content: flex-start; } .cxd-ColumnToggler-modal-footer > div:first-child a { display: inline-block; } .cxd-ColumnToggler-modal-footer > div:last-child { justify-content: flex-end; } .cxd-ColumnToggler-tooltip { border: none; } .cxd-ColumnToggler-tooltip .cxd-Tooltip-arrow::before { border-top-color: transparent; } .cxd-List { position: relative; } .cxd-List-items { border-radius: var(--List-borderRadius); border: var(--List-borderWidth) solid var(--List-borderColor); background: var(--List-bg); margin-bottom: var(--gap-sm); } .cxd-List-toolbar { display: flex; flex-wrap: wrap; margin: 0 var(--List-toolbar-marginX) var(--List-toolbar-marginY); } .cxd-List-toolbar::before, .cxd-List-toolbar::after { display: table; content: ""; } .cxd-List-toolbar::after { clear: both; } .cxd-List-actions { display: inline-block; } .cxd-List-actions > * { margin-right: var(--Crud-toolbar-gap); } .cxd-List-header { padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX); } .cxd-List-header > * + .cxd-Button, .cxd-List-header > * + .cxd-ButtonGroup, .cxd-List-header > * + .cxd-ButtonToolbar { margin-left: var(--Crud-toolbar-gap); } .cxd-List-header + .cxd-List-toolbar { padding-top: 0; } .cxd-List-heading { padding: var(--gap-xs) 0; } .cxd-List-fixedTop { position: absolute; background: var(--white); z-index: -1; opacity: 0; box-shadow: var(--List-fixedTop-boxShadow); } .cxd-List-fixedTop.in { position: fixed; opacity: 1; z-index: 900; } .cxd-List-fixedTop .cxd-Cards-toolbar { margin-bottom: 0; } .cxd-List-fixedTop:empty { display: none; } .cxd-List--unsaved .cxd-List-heading { background: var(--List--unsaved-heading-bg); color: var(--List--unsaved-heading-color); padding: var(--gap-xs) var(--gap-sm); margin-bottom: var(--gap-sm); } .cxd-List-dragTip { width: 100%; color: var(--info); clear: both; margin-top: var(--gap-xs); } .cxd-List-placeholder { color: var(--text--muted-color); text-align: center; min-height: var(--List-placeholder-height); line-height: var(--List-placeholder-height); } .cxd-ListGroup { max-width: 25rem; display: flex; flex-direction: column; } .cxd-ListGroup-item { position: relative; display: block; padding: var(--ListItem-paddingY) var(--ListItem-paddingX); margin-bottom: -0.0625rem; background: var(--white); border: var(--ListItem-borderWidth) solid var(--List-borderColor); } .cxd-ListGroup-item:first-child { border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); } .cxd-ListGroup-item:last-child { border-bottom-left-radius: var(--borderRadius); border-bottom-right-radius: var(--borderRadius); margin-bottom: 0; } .cxd-ListGroup-item:hover { z-index: 1; } .cxd-ListGroup-item.is-active { z-index: 2; } .cxd-ListGroup-item.is-disabled { color: var(--text--muted-color); } .cxd-ListGroup--expanded .cxd-ListGroup-item { border-radius: var(--borderRadius); margin-bottom: var(--gap-sm); } .cxd-ListGroup--expanded .cxd-ListGroup-item:last-child { margin-bottom: 0; } .cxd-ListItem { position: relative; display: block; padding: var(--ListItem-paddingY) var(--ListItem-paddingX); } .cxd-ListItem::before, .cxd-ListItem::after { display: table; content: ""; } .cxd-ListItem::after { clear: both; } .cxd-ListItem + .cxd-ListItem { border-top: var(--ListItem-borderWidth) solid var(--ListItem-borderColor); } .cxd-ListItem:nth-child(even) { background: var(--ListItem--strip-bg); } .cxd-ListItem-checkBtn { float: left; margin-right: var(--gap-sm); } .cxd-ListItem-dragBtn { cursor: move; float: left; margin-right: var(--gap-sm); } .cxd-ListItem-actions { float: right; } .cxd-ListItem--actions-at-left .cxd-ListItem-actions { float: left; margin-right: var(--gap-base); } .cxd-ListItem-title { margin: 0; padding: 0; font-size: var(--fontSizeBase); color: var(--text--loud-color); font-weight: var(--fontWeightNormal); } .cxd-ListItem-content { overflow: hidden; } .cxd-ListItem-field { position: relative; display: flex; flex-wrap: nowrap; } .cxd-ListItem-fieldValue { position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; width: 0; overflow: hidden; text-overflow: ellipsis; } .cxd-ListItem-fieldLabel { width: 9.375rem; color: var(--text--muted-color); } .cxd-ListItem.is-checked { background: var(--ListItem-onChecked-bg); border-color: var(--ListItem-onChecked-borderColor); color: var(--ListItem-onChecked-color); } .cxd-ListItem.is-checked + .cxd-ListItem { border-color: var(--ListItem-onChecked-borderColor); } .cxd-ListItem.is-checked .cxd-ListItem-fieldLabel { color: var(--ListItem-onChecked-fieldLabel-color); } .cxd-ListItem.is-modified, .cxd-ListItem.is-moved { background: var(--ListItem-onModified-bg); border-color: var(--ListItem-onModified-borderColor); color: var(--ListItem-onModified-color); } .cxd-ListItem.is-modified + .cxd-ListItem, .cxd-ListItem.is-moved + .cxd-ListItem { border-color: var(--ListItem-onModified-borderColor); } .cxd-ListItem.is-modified .cxd-ListItem-fieldLabel, .cxd-ListItem.is-moved .cxd-ListItem-fieldLabel { color: var(--ListItem-onModified-fieldLabel-color); } .cxd-ListItem.is-dragging { opacity: var(--ListItem-onDragging-opacity); } .cxd-ListItem--hasItemAction { cursor: pointer; } .cxd-ListItem--hasItemAction:hover { color: var(--ListMenu-item--onHover-color); background: var(--ListMenu-item--onHover-bg); } .cxd-Cards-toolbar { margin: 0 var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY); } .cxd-Cards-toolbar::before, .cxd-Cards-toolbar::after { display: table; content: ""; } .cxd-Cards-toolbar::after { clear: both; } .cxd-Cards-actions { display: inline-block; } .cxd-Cards-actions > * { margin-right: var(--Crud-toolbar-gap); } .cxd-Cards-heading { padding: var(--gap-xs) 0; } .cxd-Cards-header { padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX); } .cxd-Cards-header > * + .cxd-Button, .cxd-Cards-header > * + .cxd-ButtonGroup, .cxd-Cards-header > * + .cxd-ButtonToolbar { margin-left: var(--Crud-toolbar-gap); } .cxd-Cards-header + .cxd-Cards-toolbar { padding-top: 0; } .cxd-Cards-fixedTop { position: absolute; background: var(--white); z-index: -1; opacity: 0; box-shadow: var(--Cards-fixedTop-boxShadow); padding: var(--gap-sm); } .cxd-Cards-fixedTop.in { position: fixed; opacity: 1; z-index: 900; } .cxd-Cards-fixedTop .cxd-Cards-toolbar { margin-bottom: 0; } .cxd-Cards-fixedTop:empty { display: none; } .cxd-Cards--unsaved .cxd-Cards-heading { background: var(--Cards--unsaved-heading-bg); color: var(--Cards--unsaved-heading-color); padding: var(--gap-xs) var(--gap-sm); margin-bottom: var(--gap-sm); } .cxd-Cards-dragTip { width: 100%; color: var(--info); clear: both; margin-top: var(--gap-xs); } .cxd-Cards-placeholder { background: var(--white); color: var(--text--muted-color); text-align: center; height: var(--Cards-placeholder-height); line-height: var(--Cards-placeholder-height); border: var(--Card-borderWidth) solid var(--Card-borderColor); border-radius: var(--Card-borderRadius); } .cxd-Cards-body > div { display: flex; } .cxd-Cards--masonry { display: block; column-gap: 0; column-fill: initial; } .cxd-Cards--masonry:after { content: none; } .cxd-Cards--masonry > div { width: 100%; float: none; break-inside: avoid; max-width: unset; display: inline-block; flex: unset; } @media (min-width: 576px) { .cxd-Cards--masonrySm1 { column-count: 12; } .cxd-Cards--masonrySm2 { column-count: 6; } .cxd-Cards--masonrySm3 { column-count: 4; } .cxd-Cards--masonrySm4 { column-count: 3; } .cxd-Cards--masonrySm6 { column-count: 2; } .cxd-Cards--masonrySm12 { column-count: 1; } .cxd-Cards-toolbar { display: flex; flex-wrap: wrap; } } @media (min-width: 768px) { .cxd-Cards--masonryMd1 { column-count: 12; } .cxd-Cards--masonryMd2 { column-count: 6; } .cxd-Cards--masonryMd3 { column-count: 4; } .cxd-Cards--masonryMd4 { column-count: 3; } .cxd-Cards--masonryMd6 { column-count: 2; } .cxd-Cards--masonryMd12 { column-count: 1; } } @media (min-width: 992px) { .cxd-Cards--masonryLg1 { column-count: 12; } .cxd-Cards--masonryLg2 { column-count: 6; } .cxd-Cards--masonryLg3 { column-count: 4; } .cxd-Cards--masonryLg4 { column-count: 3; } .cxd-Cards--masonryLg6 { column-count: 2; } .cxd-Cards--masonryLg12 { column-count: 1; } } .cxd-Card { background: var(--Card-bg); border: var(--Card-borderWidth) solid var(--Card-borderColor); border-radius: var(--Card-borderRadius); margin-bottom: var(--gap-base); position: relative; display: flex; flex-direction: column; width: 100%; } .cxd-Card--link { cursor: pointer; } .cxd-Card-title { color: var(--text-color); font-size: var(--fontSizeMd); font-weight: var(--fontWeightMd); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cxd-Card-subTitle { max-height: calc(var(--fontSizeBase) * var(--lineHeightBase) * 2); overflow: hidden; text-overflow: ellipsis; color: var(--text--muted-color); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .cxd-Card-title + .cxd-Card-subTitle { margin-top: var(--gap-xs); } .cxd-Card-dragBtn { display: inline-block; cursor: pointer; padding: 0 var(--gap-sm); } .cxd-Card-heading { display: flex; padding: var(--gap-md); flex: 1 0 auto; } .cxd-Card-avtar { float: left; margin-right: var(--gap-base); max-width: 12.5rem; } .cxd-Card-avtar img { max-width: 100%; } .cxd-Card-avtarText { flex-shrink: 0; background: var(--primary); color: var(--white); width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; border-radius: 500px; float: left; margin-right: var(--gap-base); font-size: var(--fontSizeXl); text-transform: uppercase(); } .cxd-Card-meta { display: block; flex-grow: 1; height: 100%; position: relative; } .cxd-Card-meta + .cxd-Card-toolbar { margin-left: var(--gap-md); } .cxd-Card-toolbar { line-height: normal; text-align: right; } .cxd-Card-highlight { background: var(--success); width: 0.5rem; height: 0.5rem; border-radius: 100%; display: inline-block; margin: 0 var(--gap-sm); } .cxd-Card-body { padding: var(--gap-md); flex: 1 0 auto; } .cxd-Card-heading + .cxd-Card-body { padding-top: 0; } .cxd-Card-field { position: relative; display: flex; flex-wrap: nowrap; } .cxd-Card-fieldValue { position: relative; flex-basis: 0; flex-grow: 1; width: 0; text-overflow: ellipsis; overflow: hidden; } .cxd-Card-fieldLabel { width: 3.75rem; color: var(--text--muted-color); } .cxd-Card-actions { border-top: var(--Card-borderWidth) solid var(--Card-actions-borderColor); display: flex; flex-direction: row; width: 100%; table-layout: fixed; white-space: nowrap; } .cxd-Card-actions > a { background: transparent; flex-grow: 1; border-color: var(--Card-actions-borderColor); border-style: solid; border-width: 0 var(--Card-borderWidth) 0 0; color: var(--text-color); text-align: center; line-height: 2.5rem; font-size: var(--Card-actions-fontSize); } .cxd-Card-actions > a:not(.is-disabled) { cursor: pointer; } .cxd-Card-actions > a:not(.is-disabled):hover { background: var(--Card-actions-onHover-bg); color: var(--Card-actions-onHover-color); text-decoration: none; } .cxd-Card-actions > a:last-child { border: none; } .cxd-Card-actions > a.is-disabled { color: var(--text--muted-color); } .cxd-Card-actions > a.is-disabled:hover { text-decoration: none; } .cxd-Card.is-checked { background: var(--Card-onChecked-bg); border-color: var(--Card-onChecked-borderColor); color: var(--Card-onChecked-color); } .cxd-Card.is-checked .cxd-Card-actions, .cxd-Card.is-checked .cxd-Card-actions > a { border-color: var(--Card-onChecked-borderColor); color: var(--Card-onChecked-color); } .cxd-Card.is-checked .cxd-Card-fieldLabel { color: var(--Card-onChecked-fieldLabel-color); } .cxd-Card.is-checked .cxd-Card-actions > a:hover { background: var(--Card-actions-onChecked-onHover-bg); color: var(--Card-actions-onChecked-onHover-color); } .cxd-Card.is-modified, .cxd-Card.is-moved { background: var(--Card-onModified-bg); border-color: var(--Card-onModified-borderColor); color: var(--Card-onModified-color); } .cxd-Card.is-modified .cxd-Card-actions, .cxd-Card.is-modified .cxd-Card-actions > a, .cxd-Card.is-moved .cxd-Card-actions, .cxd-Card.is-moved .cxd-Card-actions > a { border-color: var(--Card-onModified-borderColor); color: var(--Card-onModified-color); } .cxd-Card.is-modified .cxd-Card-fieldLabel, .cxd-Card.is-moved .cxd-Card-fieldLabel { color: var(--Card-onModified-fieldLabel-color); } .cxd-Card.is-modified .cxd-Card-actions > a:hover, .cxd-Card.is-moved .cxd-Card-actions > a:hover { background: var(--Card-onModified-onHover-bg); color: var(--Card-onModified-onHover-color); } .is-dragging > .cxd-Card { opacity: var(--Card-onDragging-opacity); } .cxd-Card-footer-wrapper { display: flex; align-items: center; justify-content: space-between; } .cxd-Card-actions-wrapper { flex: 1; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .cxd-Card-checkbox { margin: 0 var(--gap-sm) !important; } .cxd-Card-secondary { max-width: 12.5rem; color: var(--Card-secondary-color); padding: 0 var(--gap-md); font-size: var(--fontSizeMd); font-weight: var(--fontWeightBase); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions { margin-left: unset; border: none; width: unset; } .cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions > a { border: none; } .cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions { margin-left: unset; border: none; width: unset; } .cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions > a { border: none; } .cxd-Card-multiMedia--top { display: block; } .cxd-Card-multiMedia--top .cxd-Card-multiMedia-img { border-bottom-left-radius: unset; border-bottom-right-radius: unset; } .cxd-Card-multiMedia--bottom { display: flex; flex-direction: column-reverse; } .cxd-Card-multiMedia--bottom .cxd-Card-actions { border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor); } .cxd-Card-multiMedia--bottom .cxd-Card-multiMedia-img { border-top-left-radius: unset; border-top-right-radius: unset; } .cxd-Card-multiMedia--top .cxd-Card-body, .cxd-Card-multiMedia--bottom .cxd-Card-body { padding-bottom: var(--gap-md); } .cxd-Card-multiMedia--left { display: flex; align-items: center; } .cxd-Card-multiMedia--left .cxd-Card-actions { margin-left: var(--gap-md); border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor); } .cxd-Card-multiMedia--left .cxd-Card-multiMedia-img, .cxd-Card-multiMedia--left .cxd-Card-multiMedia-video { margin: var(--gap-md) 0 var(--gap-md) var(--gap-md); } .cxd-Card-multiMedia--right { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } .cxd-Card-multiMedia--right .cxd-Card-actions { margin-right: var(--gap-md); border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor); } .cxd-Card-multiMedia--right .cxd-Card-multiMedia-img, .cxd-Card-multiMedia--right .cxd-Card-multiMedia-video { margin: var(--gap-md) var(--gap-md) var(--gap-md) 0; } .cxd-Card-multiMedia-flex { flex: 1; display: flex; flex-direction: column; justify-content: center; } .cxd-Card-multiMedia-img { display: block; width: auto; height: auto; object-fit: cover; border-radius: var(--Card-borderRadius); } .cxd-Card-multiMedia-video { width: 11.25rem; height: 7.5rem; } .cxd-Card-multiMedia-video .cxd-Video { width: 100%; height: 100%; min-width: unset; border-radius: var(--Card-borderRadius); overflow: hidden; } .cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player { width: 100%; height: 100%; } .cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player .video-react { width: 100%; height: 100%; padding-top: unset !important; } .cxd-Card2 { width: 100%; background: var(--Card-bg); border: var(--Card-borderWidth) solid var(--Card-borderColor); border-radius: var(--Card-borderRadius); position: relative; } .cxd-Card2.checkOnItem { cursor: pointer !important; } .cxd-Card2-checkbox { margin: 0; position: absolute; right: var(--gap-md); top: var(--gap-md); } .cxd-Card2-body { padding: var(--gap-md); } .cxd-Card2.is-checked { background: var(--Card-onChecked-bg); border-color: var(--Card-onChecked-borderColor); color: var(--Card-onChecked-color); } .cxd-Field-quickEditBtn { color: var(--QuickEdit-iconColor); margin-left: var(--gap-xs); display: inline-block; vertical-align: text-bottom; cursor: pointer; opacity: 0.6; font-size: 0; } .cxd-Field-quickEditBtn:hover { color: var(--QuickEdit-onHover-iconColor); opacity: 1; } .cxd-Field-quickEditBtn > svg { width: var(--QuickEdit-iconSize); height: var(--QuickEdit-iconSize); top: 0; } .cxd-Field--quickEditable { outline: none; position: relative; } .cxd-Field--quickEditable:focus { position: relative; } .cxd-Field--quickEditable:focus:after { content: ""; left: 0; top: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; z-index: 1; border: var(--QuickEdit-onFocus-borderWidth) dashed var(--QuickEdit-onFocus-borderColor); } .cxd-Field--quickEditable:hover .cxd-Field-quickEditBtn { visibility: visible; } .cxd-QuickEdit-popover { min-width: 20rem; max-width: 40rem; } .cxd-QuickEdit-popover .cxd-Panel { margin-bottom: 0; border: none; } .cxd-Field-popOverBtn { color: var(--PopOverAble-iconColor); margin-left: var(--gap-xs); display: inline-block; cursor: pointer; opacity: 0.6; vertical-align: middle; } .cxd-Field-popOverBtn:hover { color: var(--PopOverAble-onHover-iconColor); opacity: 1; } .cxd-Field--popOverAble { outline: none; position: relative; } .cxd-PopOverAble-popover { min-width: 20rem; max-width: 40rem; } .cxd-PopOverAble-popover .cxd-Panel { margin-bottom: 0; border: none; } .cxd-PopOverAble--fixed { position: fixed; } .cxd-PopOverAble--fixed > * { margin-bottom: 0; } .cxd-PopOverAble--fixed-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .cxd-PopOverAble--fixed-left-top { top: 0; left: 0; } .cxd-PopOverAble--fixed-right-top { top: 0; right: 0; } .cxd-PopOverAble--fixed-left-bottom { bottom: 0; left: 0; } .cxd-PopOverAble--fixed-right-bottom { bottom: 0; right: 0; } .cxd-Progress { display: flex; align-items: center; color: var(--text-color); font-size: var(--fontSizeXs); } .cxd-Progress-line { display: inline-block; width: 100%; } .cxd-Progress-line-inter { height: 100%; background-color: var(--Progress-bar-backgroundColor); overflow: hidden; border-radius: var(--Progress-borderRadius); } .cxd-Progress-line-text { display: inline-block; flex-grow: 1; margin-left: 8px; white-space: nowrap; text-align: left; word-break: normal; } .cxd-Progress-line-text .icon { font-size: 15px; } .cxd-Progress-line-bar { float: left; width: 0; height: 10px; background: var(--primary); transition: width var(--animation-duration) ease; } .cxd-Progress-line-bar--stripe { 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: 2rem 2rem; } .cxd-Progress-line-bar--animate { position: relative; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .cxd-Progress-line-bar--animate::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--Progress-animate-backgroundColor); border-radius: 10px; opacity: 0; animation: progress-bar-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ""; } .cxd-Progress-line-bar--stripe-animate { animation: progress-bar-stripes 1s linear infinite; } .cxd-Progress-circle { width: 100%; position: relative; } .cxd-Progress-circle-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .cxd-Progress-circle-text .icon { font-size: 1.2em; } .cxd-Progress-circle .bg-warning-circle-path { stroke: var(--warning); } .cxd-Progress-circle .bg-danger-circle-path { stroke: var(--danger); } .cxd-Progress-circle .bg-info-circle-path { stroke: var(--info); } .cxd-Progress-circle .bg-success-circle-path { stroke: var(--success); } .cxd-Progress-circle .bg-primary-circle-path { stroke: var(--primary); } @keyframes progress-bar-active { 0% { transform: translateX(-100%) scaleX(0); opacity: 0.1; } 20% { transform: translateX(-100%) scaleX(0); opacity: 0.5; } 100% { transform: translateX(0) scaleX(1); opacity: 0; } } @keyframes progress-bar-stripes { from { background-position: 2rem 0; } to { background-position: 0 0; } } .cxd-Property > table { width: 100%; border-collapse: collapse; } .cxd-Property > table > thead > tr > th { padding: var(--gap-sm); background: var(--Property-title-bg); border: 1px solid var(--borderColor); } .cxd-Property > table > tbody > tr { background: var(--background); } .cxd-Property > table > tbody > tr > td, .cxd-Property > table > tbody > tr > th { border: 1px solid var(--borderColor); padding: var(--gap-sm); } .cxd-Property > table > tbody > tr > td .cxd-Form-item:last-child, .cxd-Property > table > tbody > tr > th .cxd-Form-item:last-child { margin-bottom: 0; } .cxd-Property > table > tbody > tr > th { background: var(--Property-label-bg); } .cxd-Property--simple > table > thead > tr > th { background: transparent; border: none; } .cxd-Property--simple > table > tbody > tr { background: transparent; } .cxd-Property--simple > table > tbody > tr > td, .cxd-Property--simple > table > tbody > tr > th { border: none; } .cxd-Field-copyBtn { color: var(--Copyable-iconColor); margin-left: var(--gap-xs); display: inline-block; cursor: pointer; } .cxd-Field-copyBtn:hover { color: var(--Copyable-onHover-iconColor); } .cxd-Divider { margin: var(--gap-base) calc(var(--gap-base) * -1); border-bottom: var(--borderWidth) var(--Divider-borderStyle) var(--borderColor); height: 0.125rem; font-size: 0; } .cxd-Divider--solid { border-bottom-style: solid; } .cxd-Pagination { display: inline-block; padding: 0; margin: 0 0 -0.625rem; border-radius: 0.25rem; } .cxd-Pagination > li { display: inline-flex; cursor: pointer; } .cxd-Pagination > li > a, .cxd-Pagination > li > span { user-select: none; cursor: pointer; position: relative; float: left; text-decoration: none; min-width: var(--Pagination-minWidth); height: var(--Pagination-height); border: 0; line-height: var(--Pagination-height); padding: var(--Pagination-padding); text-align: center; color: #666666; border-radius: 0; margin-left: 0; font-size: var(--Pagination-fontSize); } .cxd-Pagination > li > a:hover, .cxd-Pagination > li > span:hover, .cxd-Pagination > li > a:focus, .cxd-Pagination > li > span:focus { background: transparent; color: var(--primary); } .cxd-Pagination .ellipsis { cursor: unset; } .cxd-Pagination .ellipsis > a { cursor: unset; position: relative; top: -0.25rem; } .cxd-Pagination > li.is-disabled > span, .cxd-Pagination > li.is-disabled > a { cursor: not-allowed; } .cxd-Pagination > li.is-disabled > a, .cxd-Pagination > li.is-disabled > span, .cxd-Pagination > li.is-disabled > a:hover, .cxd-Pagination > li.is-disabled > span:hover, .cxd-Pagination > li.is-disabled > a:focus, .cxd-Pagination > li.is-disabled > span:focus { color: #cccccc; } .cxd-Pagination > li.is-active > a, .cxd-Pagination > li.is-active > span, .cxd-Pagination > li.is-active > a:hover, .cxd-Pagination > li.is-active > span:hover, .cxd-Pagination > li.is-active > a:focus, .cxd-Pagination > li.is-active > span:focus { background: var(--Pagination-onActive-backgroundColor); color: var(--Pagination-onActive-color); border: var(--Pagination-onActive-border); border-radius: var(--borderRadius); } .cxd-Pagination-simple > ul > li:hover, .cxd-Pagination-simple > ul > li:focus { outline: none; } .cxd-Pagination-simple > ul > li.is-active > a { border: none; } .cxd-Pagination-simple > ul > li.is-active > a:hover, .cxd-Pagination-simple > ul > li.is-active > a:focus { border: none; } .cxd-Pagination-prev > span { cursor: pointer; } .cxd-Pagination-next > span { cursor: pointer; } .cxd-Pagination-total { display: inline-block; color: var(--Pagination-light-color); } .cxd-Pagination-inputGroup { display: inline-flex; flex-wrap: nowrap; align-items: center; height: var(--Pagination-height); } .cxd-Pagination-inputGroup-left { color: var(--Pagination-light-color); } .cxd-Pagination-inputGroup input { min-width: 3.125rem; width: 3.125rem; height: var(--Pagination-height); line-height: var(--Pagination-height); border: none; border: var(--borderWidth) solid var(--borderColor); border-radius: var(--borderRadius) 0 0 var(--borderRadius); padding: var(--Pagination-padding); margin-left: 0.625rem; text-align: center; } .cxd-Pagination-inputGroup input:focus, .cxd-Pagination-inputGroup input:hover { outline: none; border-color: var(--primary); } .cxd-Pagination-inputGroup-right { display: inline-block; width: 2rem; cursor: pointer; text-align: center; height: var(--Pagination-height); line-height: var(--Pagination-height); border: var(--borderWidth) solid var(--borderColor); border-left: none; border-radius: 0 var(--borderRadius) var(--borderRadius) 0; font-size: var(--fontSizeSm); } .cxd-Pagination-inputGroup-right:hover { color: var(--primary); border-color: var(--primary); border-left: var(--borderWidth) solid var(--primary); } .cxd-Pagination-wrap { line-height: 1.875rem; } .cxd-Pagination-wrap .cxd-Pagination-item { margin-left: 0.625rem; } .cxd-Pagination-wrap .cxd-Pagination-item:nth-child(1) { margin-left: 0; } .cxd-Pagination-wrap.disabled { background-color: #fff; } .cxd-Pagination-wrap.disabled .cxd-Pagination > li > a, .cxd-Pagination-wrap.disabled .cxd-Pagination > li > span { color: var(--Pagination-onDisabled-color); cursor: not-allowed; } .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > a, .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > span, .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > a:hover, .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > span:hover, .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > a:focus, .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > span:focus { background-color: var(--Pagination-onDisabled-backgroundColor); border-color: var(--Pagination-onDisabled-color); } .cxd-PaginationWrapper-pager { text-align: right; } .cxd-PaginationWrapper-pager:first-child { margin-bottom: var(--gap-sm); } .cxd-Wrapper--xs { padding: var(--gap-xs); } .cxd-Wrapper--sm { padding: var(--gap-sm); } .cxd-Wrapper--md { padding: var(--gap-md); } .cxd-Wrapper--lg { padding: var(--gap-lg); } .cxd-Wrapper--xl { padding: var(--gap-xl); } .cxd-StatusField { vertical-align: middle; white-space: nowrap; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center; } .cxd-StatusField-label { font-size: var(--fontSizeSm); margin-left: var(--gap-xs); } @keyframes animation-rolling_red { 0% { transform: translateX(0); } 50% { transform: translateX(20px); } 100% { transform: translateX(0); } } @keyframes animation-rolling_blue { 0% { transform: translateX(0); } 50% { transform: translateX(-20px); } 100% { transform: translateX(0); } } .cxd-StatusField svg.cxd-Status-icon { width: var(--Satus-icon-width); height: var(--Satus-icon-height); top: 0; } .cxd-StatusField .cxd-Status-icon.rolling { width: 30px; height: 10px; display: inline-block; vertical-align: middle; position: relative; } .cxd-StatusField .cxd-Status-icon.rolling::before { content: ""; display: inline-block; border: 5px solid var(--danger); border-radius: 500px; position: absolute; top: 0; left: 0; animation: animation-rolling_red 2s; animation-iteration-count: infinite; } .cxd-StatusField .cxd-Status-icon.rolling::after { content: ""; display: inline-block; border: 5px solid var(--primary); border-radius: 500px; position: absolute; top: 0; left: 20px; animation: animation-rolling_blue 2s; animation-iteration-count: infinite; } .cxd-StatusField .cxd-Status-icon.icon-warning { color: var(--warning); } .cxd-Status-icon.rolling + .cxd-StatusField-label { color: var(--warning); } .cxd-Status-icon.icon-success + .cxd-StatusField-label { color: var(--success); } .cxd-Status-icon.icon-fail + .cxd-StatusField-label { color: var(--danger); } .cxd-Status-icon.icon-warning + .cxd-StatusField-label { color: var(--warning); } .cxd-Carousel { min-width: var(--Carousel-minWidth); height: var(--Carousel-height); position: relative; display: block; background: var(--Carousel-bg); } .cxd-Carousel.cxd-Carousel--light .cxd-Carousel-dot { background: var(--Carousel--light-control); } .cxd-Carousel.cxd-Carousel--light svg { fill: var(--Carousel--light-control); } .cxd-Carousel.cxd-Carousel--light .cxd-Carousel-item .title, .cxd-Carousel.cxd-Carousel--light .cxd-Carousel-item .description { color: var(--Carousel--light-control); } .cxd-Carousel.cxd-Carousel--dark .cxd-Carousel-dot { background: var(--Carousel--dark-control); } .cxd-Carousel.cxd-Carousel--dark svg { fill: var(--Carousel--dark-control); } .cxd-Carousel.cxd-Carousel--dark .cxd-Carousel-item .title, .cxd-Carousel.cxd-Carousel--dark .cxd-Carousel-item .description { color: var(--Carousel--dark-control); } .cxd-Carousel-container { position: relative; width: 100%; height: 100%; overflow: hidden; } .cxd-Carousel-container .cxd-Carousel-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition-duration: var(--Carousel-transitionDuration); transition-timing-function: ease-out; transition-property: transform, opacity; } .cxd-Carousel-container .cxd-Carousel-item.fade { opacity: 0; } .cxd-Carousel-container .cxd-Carousel-item.fade.in { opacity: 1; } .cxd-Carousel-container .cxd-Carousel-item.slide { transform: translateX(100%); } .cxd-Carousel-container .cxd-Carousel-item.slide.in { transform: translateX(0); } .cxd-Carousel-container .cxd-Carousel-item.slide.out { transform: translateX(-100%); } .cxd-Carousel-container .cxd-Carousel-item.slideRight { transform: translateX(-100%); } .cxd-Carousel-container .cxd-Carousel-item.slideRight.in { transform: translateX(0); } .cxd-Carousel-container .cxd-Carousel-item.slideRight.out { transform: translateX(100%); } .cxd-Carousel-container .cxd-Carousel-item .title { position: absolute; bottom: var(--Carousel-imageTitle-bottom); text-align: center; width: 100%; opacity: 0.8; } .cxd-Carousel-container .cxd-Carousel-item .description { position: absolute; bottom: var(--Carousel-imageDescription-bottom); text-align: center; width: 100%; opacity: 0.8; } .cxd-Carousel-container .cxd-Carousel-item .image { width: 100%; height: 100%; background-size: cover; } .cxd-Carousel-image { width: 100%; height: 100%; } .cxd-Carousel-image .cxd-Image-origin { height: 100%; width: 100%; } .cxd-Carousel-dotsControl { position: absolute; bottom: 0px; width: 100%; z-index: 100; text-align: center; } .cxd-Carousel-dotsControl .cxd-Carousel-dot { cursor: pointer; display: inline-block; height: var(--Carousel-dot-width); width: var(--Carousel-dot-height); border-radius: var(--Carousel-dot-borderRadius); margin: var(--Carousel-dot-margin); transition-duration: var(--Carousel-transitionDuration); opacity: 0.3; } .cxd-Carousel-dotsControl .cxd-Carousel-dot.is-active { opacity: 1; } .cxd-Carousel .cxd-Carousel-leftArrow { width: 10%; min-width: var(--Carousel-arrowControl-width); height: 100%; cursor: pointer; top: 0; bottom: 0; position: absolute; transition-duration: var(--Carousel-transitionDuration); display: none; left: 0; } .cxd-Carousel .cxd-Carousel-leftArrow svg { position: absolute; top: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); width: var(--Carousel-svg-width); height: var(--Carousel-svg-height); } .cxd-Carousel .cxd-Carousel-rightArrow { width: 10%; min-width: var(--Carousel-arrowControl-width); height: 100%; cursor: pointer; top: 0; bottom: 0; position: absolute; transition-duration: var(--Carousel-transitionDuration); display: none; right: 0; } .cxd-Carousel .cxd-Carousel-rightArrow svg { position: absolute; top: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); width: var(--Carousel-svg-width); height: var(--Carousel-svg-height); } .cxd-Carousel:hover .cxd-Carousel-leftArrow { display: block; } .cxd-Carousel:hover .cxd-Carousel-rightArrow { display: block; } .cxd-Carousel-arrowsControl { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; text-align: center; } @keyframes disappear { to { opacity: 0; } } @keyframes appear { from { opacity: 0; } } .cxd-ImageGallery { display: flex; flex-direction: column; background: transparent; border: none; border-radius: 0; max-width: 1010px !important; } .cxd-ImageGallery-close { position: absolute; right: 0; top: 0; color: rgba(255, 255, 255, 0.8); cursor: pointer; } .cxd-ImageGallery-close:hover { color: #fff; } .cxd-ImageGallery-close > svg { width: 1rem; height: 1rem; } .cxd-ImageGallery-title { height: 1.875rem; vertical-align: top; line-height: 1.875rem; font-size: 0.75rem; color: var(--white); text-align: center; } .cxd-ImageGallery-main { background: #000; flex-basis: 0; flex-grow: 1; height: 0; position: relative; display: flex; justify-content: center; align-items: center; user-select: none; } .cxd-ImageGallery-main > img { display: block; max-width: 100%; max-height: 100%; } .cxd-ImageGallery-prevBtn, .cxd-ImageGallery-nextBtn { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; color: #999; text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; animation-name: disappear; animation-delay: var(--animation-duration); animation-duration: var(--animation-duration); animation-fill-mode: both; } .cxd-ImageGallery-prevBtn > svg, .cxd-ImageGallery-nextBtn > svg { width: 3rem; height: 3rem; } .cxd-ImageGallery-prevBtn:hover, .cxd-ImageGallery-nextBtn:hover { color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; } .cxd-ImageGallery-prevBtn.is-disabled, .cxd-ImageGallery-nextBtn.is-disabled { pointer-events: none; } .cxd-ImageGallery-main:hover .cxd-ImageGallery-prevBtn, .cxd-ImageGallery-main:hover .cxd-ImageGallery-nextBtn { animation-name: appear; animation-delay: 0s; animation-duration: var(--animation-duration); } .cxd-ImageGallery-prevBtn { left: var(--gap-md); } .cxd-ImageGallery-nextBtn { right: var(--gap-md); } .cxd-ImageGallery-footer { height: 4.625rem; background: #222; display: flex; flex-direction: row; user-select: none; } .cxd-ImageGallery-prevList, .cxd-ImageGallery-nextList { width: var(--gap-md); display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(0, 0, 0, 0.3); color: #fff; } .cxd-ImageGallery-prevList.is-disabled, .cxd-ImageGallery-nextList.is-disabled { background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.1); pointer-events: none; } .cxd-ImageGallery-prevList:hover, .cxd-ImageGallery-nextList:hover { background: black; color: #fff; } .cxd-ImageGallery-itemsWrap { flex-grow: 1; flex-basis: 0; width: 0; overflow: hidden; align-items: center; justify-content: center; display: flex; } .cxd-ImageGallery-items { display: inline-block; white-space: nowrap; } .cxd-ImageGallery-item { margin: 10px 5px; width: 54px; height: 54px; display: inline-flex; position: relative; border: 1px solid #666; justify-content: center; align-items: center; cursor: pointer; } .cxd-ImageGallery-item > img { display: block; max-width: 100%; max-height: 100%; } @supports (object-fit: cover) { .cxd-ImageGallery-item > img { width: 100%; height: 100%; object-fit: cover; } } .cxd-ImageGallery-item:after { position: absolute; content: ""; display: block; background: rgba(0, 0, 0, 0.5); z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .cxd-ImageGallery-item:hover { border: 1px solid #e5e5e5; } .cxd-ImageGallery-item:hover:after { display: none; } .cxd-ImageGallery-item.is-active { border: 1px solid var(--primary); } .cxd-ImageGallery-item.is-active:after { display: none; } .cxd-Images { display: flex; flex-wrap: wrap; margin: calc(var(--gap-xs) * -1); } .cxd-Images-item { display: flex; margin: var(--gap-xs); } .cxd-Image { border: var(--borderWidth) solid var(--borderColor); } .cxd-Image--thumb { display: inline-block; padding: var(--gap-xs); } .cxd-Image-thumbWrap { position: relative; height: 100%; } .cxd-Image-image { display: block; } .cxd-Image--original .cxd-Image-image { max-width: 100%; max-height: 100%; width: auto; margin: auto; } .cxd-Image-thumb { width: 6.875rem; height: 6.875rem; position: relative; overflow: hidden; } .cxd-Image-thumb > img { position: absolute; left: 50%; top: 50%; max-height: 100%; width: auto; transform: translate(-50%, -50%); } .cxd-Image-info { padding: 5px 10px; } .cxd-Image--thumb .cxd-Image-info { width: 6.875rem; padding: 0; } .cxd-Image-thumb--4-3 { height: 5.15625rem; } .cxd-Image-thumb--16-9 { height: 3.8671875rem; } .cxd-Image-thumb--fixed-size { min-width: 6.875rem; min-height: 6.875rem; width: 100%; padding: 0; height: 100%; } .cxd-Image-thumb--fixed-size .cxd-Image-thumb { width: 100%; height: 100%; } .cxd-Image-thumb--fixed-size .cxd-Image-thumb > img { width: auto; height: 100%; } .cxd-Image-thumb--w-full > img { width: 100%; height: auto; } @supports (object-fit: contain) { .cxd-Image-thumb--contain > img { position: static; width: 100% !important; height: 100% !important; transform: translate(0, 0); top: 0; left: 0; object-fit: contain; } .cxd-Image-origin--contain > img { width: 100% !important; height: 100% !important; object-fit: contain; } } @supports (object-fit: cover) { .cxd-Image-thumb--cover > img { position: static; width: 100% !important; height: 100% !important; transform: translate(0, 0); top: 0; left: 0; object-fit: cover; } .cxd-Image-origin--cover > img { width: 100% !important; height: 100% !important; object-fit: cover; } } .cxd-Image-caption { font-size: var(--fontSizeSm); } .cxd-Image-title { font-size: var(--fontSizeBase); color: var(--text--loud-color); } .cxd-Image-overlay { background: rgba(8, 14, 26, 0.5); position: absolute; width: 100%; height: 100%; display: none; top: 0; left: 0; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; color: #fff; } .cxd-Image-overlay > div { width: 100%; text-align: center; margin-bottom: 5px; } .cxd-Image-overlay > a { cursor: pointer; color: #fff; display: inline-block; padding: 0 5px; line-height: 1; font-size: 1rem; } .cxd-Image-origin:hover .cxd-Image-overlay, .cxd-Image-thumbWrap:hover .cxd-Image-overlay { display: flex; } .cxd-ImageField--thumb { display: inline-block; position: relative; } .cxd-ImageField--thumb::before, .cxd-ImageField--thumb::after { display: table; content: ""; } .cxd-ImageField--thumb::after { clear: both; } .cxd-ImagesField { position: relative; } .cxd-ImagesField::before, .cxd-ImagesField::after { display: table; content: ""; } .cxd-ImagesField::after { clear: both; } .cxd-InputBox { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-InputBox input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-InputBox input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-InputBox:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-InputBox--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-InputBox--borderNone { border-color: transparent !important; } .cxd-InputBox--inline { display: inline-flex; } .cxd-InputBox > input[readonly] { cursor: inherit; } .cxd-InputBox.is-error, .is-error > .cxd-InputBox { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); } .cxd-InputBox.is-focused { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-InputBox.is-clickable:hover { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); cursor: pointer; } .cxd-InputBox.is-error.is-focused { border-color: var(--Form-input-onError-borderColor); } .cxd-InputBox.is-disabled { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); } .cxd-InputBox-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-InputBox-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-InputBox-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-InputBox-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-InputBox > svg { display: inline-block; width: 14px; color: var(--icon-color); } .cxd-InputBox > a { cursor: pointer; } .cxd-InputBox-caret { transition: transform var(--animation-duration) ease-out; margin: 5px; display: flex; color: var(--Form-select-caret-iconColor); } .cxd-InputBox-caret:hover { color: var(--Form-select-caret-onHover-iconColor); } .cxd-InputBox-caret > svg { width: 0.625rem; height: 0.625rem; top: 0; } .cxd-InputBox.is-active .cxd-InputBox-caret { transform: rotate(180deg); } .cxd-JSONSchemaMember { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--gap-sm); } .cxd-JSONSchemaMember-key { min-width: 80px; max-width: 150px; flex: 1; } .cxd-JSONSchemaMember-key > span { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; align-items: center; color: var(--Form-input-color); } .cxd-JSONSchemaMember-value { flex: 1; margin-left: auto; display: flex; gap: var(--gap-sm); } .cxd-JSONSchemaMember-value > a { display: inline-block; } .cxd-JSONSchemaMember-value > div { flex: 1; flex-wrap: nowrap; } .cxd-JSONSchemaMember + .cxd-JSONSchemaMember { margin-top: var(--gap-sm); } .cxd-JSONSchemaObject-caret { display: inline-block; height: 1.5rem; text-align: center; line-height: 1.5rem; vertical-align: middle; cursor: pointer; transform: rotate(0deg); transition: transform var(--animation-duration); color: var(--icon-color); margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2); } .cxd-JSONSchemaObject-caret > svg { width: 10px; height: 10px; top: 0; } .cxd-JSONSchemaObject-caret.is-collapsed { transform: rotate(-90deg); } .cxd-JSONSchemaObject.is-expanded { position: relative; margin-left: 1.25rem; } .cxd-JSONSchemaObject.is-expanded:before { width: 1px; content: ""; display: block; position: absolute; top: 30px; bottom: 10px; left: -33px; border-left: dashed 1px var(--icon-color); } .cxd-JSONSchemaObject.is-expanded .cxd-JSONSchemaMember { position: relative; } .cxd-JSONSchemaObject.is-expanded .cxd-JSONSchemaMember:before { height: 1px; content: ""; display: block; position: absolute; top: 17px; width: 25px; left: -33px; border-top: dashed 1px var(--icon-color); } .cxd-JSONSchemaObject.is-expanded .cxd-JSONSchemaMember:first-child:before { left: -20px; width: 12px; } .cxd-JSONSchemaObject.is-expanded > button { position: relative; } .cxd-JSONSchemaObject.is-expanded > button:before { height: 1px; content: ""; display: block; position: absolute; top: 10px; width: 25px; left: -33px; border-top: dashed 1px var(--icon-color); } .cxd-SchemaEditorProps { width: 100%; } .cxd-SchemaEditorProps > button { margin-top: 7px; } .cxd-SchemaEditorProps-placeholder { color: var(--text--muted-color); } .cxd-SchemaEditorProps--depth { position: relative; margin-left: 2.5rem; } .cxd-SchemaEditorProps--depth:before { width: 1px; content: ""; display: block; position: absolute; top: -10px; bottom: 10px; left: -35px; border-left: dashed 1px var(--icon-color); } .cxd-SchemaEditorProps--depth .cxd-SchemaEditorItem:before { height: 1px; content: ""; display: block; position: absolute; top: 17px; width: 25px; left: -35px; border-top: dashed 1px var(--icon-color); } .cxd-SchemaEditorProps--depth > button { position: relative; } .cxd-SchemaEditorProps--depth > button:before { height: 1px; content: ""; display: block; position: absolute; top: 10px; width: 25px; left: -35px; border-top: dashed 1px var(--icon-color); } .cxd-SchemaEditorArrayProps:before { bottom: 15px; } .cxd-SchemaEditorItem { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-sm); align-items: flex-start; position: relative; } .cxd-SchemaEditorItem + .cxd-SchemaEditorItem { margin-top: var(--gap-sm); } .cxd-SchemaEditorObject, .cxd-SchemaEditorArray { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-sm); align-items: flex-start; width: 100%; } .cxd-SchemaEditor-itemsLabel { margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2); } .cxd-SchemaEditor-caret { display: inline-block; height: 1.5rem; text-align: center; line-height: 1.5rem; vertical-align: middle; cursor: pointer; transform: rotate(0deg); transition: transform var(--animation-duration); color: var(--icon-color); margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2); } .cxd-SchemaEditor-caret > svg { width: 10px; height: 10px; top: 0; } .cxd-SchemaEditor-caret.is-collapsed { transform: rotate(-90deg); } .cxd-SchemaEditor-required { padding-top: 4px; } .cxd-SchemaEditor-key, .cxd-SchemaEditor-title, .cxd-SchemaEditor-description { flex: 1; max-width: 200px; min-width: 80px; } .cxd-SchemaEditor-key > input, .cxd-SchemaEditor-title > input, .cxd-SchemaEditor-description > input { flex-basis: 0; } .cxd-ResultBox { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; flex-wrap: wrap; padding: 0 0.3125rem; min-height: var(--Form-input-height); align-items: center; border-radius: 3px; position: relative; } .cxd-ResultBox input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-ResultBox input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-ResultBox:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-ResultBox--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-ResultBox--borderNone { border-color: transparent !important; } .cxd-ResultBox.is-clearable { padding-right: 3.4375rem; } .cxd-ResultBox.is-error { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); } .cxd-ResultBox.is-focused, .cxd-ResultBox.is-active, .cxd-ResultBox:focus { outline: none; border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-ResultBox.is-clickable:not(.is-disabled) { cursor: pointer; } .cxd-ResultBox.is-clickable:not(.is-disabled):hover { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-ResultBox.is-error.is-focused { border-color: var(--Form-input-onError-borderColor); } .cxd-ResultBox.is-disabled { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); pointer-events: none; background: var(--TabsTransfer-title-bg); } .cxd-ResultBox.is-disabled div.cxd-ResultBox-value { background: var(--TabsTransfer-border-color); } .cxd-ResultBox.is-disabled div.cxd-ResultBox-value .cxd-ResultBox-valueLabel { color: var(--Pagination-light-color); } .cxd-ResultBox.cxd-NestedSelect { padding-left: var(--gap-base); } .cxd-ResultBox-singleValue { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .cxd-ResultBox-pc-arrow { height: 100%; margin: auto 0; position: absolute; right: 10px; display: flex; align-items: center; transition: transform var(--animation-duration) ease; transform: rotate(90deg); } .cxd-ResultBox-pc-arrow > svg { width: 0.625rem; height: 0.625rem; top: 0.125em; color: var(--default-icon-color); } .cxd-ResultBox.is-opened .cxd-ResultBox-pc-arrow { transform: rotate(270deg); } .cxd-ResultBox-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; height: 100%; padding: 0.25rem; margin: auto 0; position: absolute; right: 10px; background-color: unset; } .cxd-ResultBox-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-ResultBox-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-ResultBox-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-ResultBox-clear-wrap { width: 1rem; height: 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .cxd-ResultBox-clear-with-arrow { right: 33px; } .cxd-ResultBox > svg { display: inline-block; width: 0.875rem; color: var(--icon-color); } .cxd-ResultBox > a { cursor: pointer; } .cxd-ResultBox-value { background: var(--ResultBox-value-bg); color: var(--ResultBox-value-color); font-size: var(--Form-input-fontSize); padding: 0 var(--gap-xs); min-height: var(--ResultBox-tag-height); flex-wrap: nowrap; display: inline-flex; align-items: center; margin-right: var(--gap-xs); margin-bottom: var(--ResultBox-tag-marginBottom); user-select: none; border-radius: 0.125rem; } .cxd-ResultBox-value > a { cursor: pointer; margin-left: 0.625rem; color: var(--ResultBox-icon-color); } .cxd-ResultBox-value > a:hover { color: var(--ResultBox-icon--onHover-color); } .cxd-ResultBox-value > a > svg { width: 0.625rem; height: 0.625rem; } .cxd-ResultBox-value > a > svg.icon { top: 0; } .cxd-ResultBox-value:hover { background: var(--ResultBox-value--onHover-bg); } .cxd-ResultBox-value.is-disabled { pointer-events: none; color: var(--ResultBox-value--onDisabled-color); } .cxd-ResultBox-value.is-disabled > a { color: var(--ResultBox-icon--onDisabled-color); } .cxd-ResultBox-placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-ResultBox > input { padding-left: 8px; min-height: 24px; } .cxd-ResultBox.cxd-TransferDropDown { padding: 0 var(--gap-base); } .cxd-ResultBox.cxd-TransferDropDown.is-group { padding: var(--gap-xs); } .cxd-ResultBox.cxd-TransferDropDown.is-group > .cxd-TransferDropDown-icon { margin-right: var(--gap-sm); } .cxd-ResultBox.cxd-TransferDropDown.is-group > .cxd-ResultBox-placeholder { padding-left: var(--gap-sm); } .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value { background: var(--Form-select-value-bgColor); } .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover { background: var(--Form-selectValue-onHover-bgColor); } .cxd-ResultBox-overflow-wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; overflow-x: hidden; overflow-y: auto; max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 ); } .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value { color: var(--white); background-color: var(--Form-select-value-bgColor--dark); } .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value:hover { background-color: var(--ResultBox-value--onHover-bg--dark); } .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value > a { color: var(--Form-select-valueIcon-color--dark); } .cxd-ResultBox.is-mobile { min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg)); border: none; padding: 0; font-size: var(--fontSizeLg); border: none; justify-content: flex-end; } .cxd-ResultBox.is-mobile .cxd-ResultBox-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; width: 1.625rem; height: 1.625rem; margin: 0 -0.125rem; margin-left: auto; padding: 0.25rem; position: unset; right: 0; display: flex; align-items: center; background-color: unset; } .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow { margin-right: var(--gap-xs); width: var(--gap-md); text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1; margin-left: 4px; } .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow > svg { transition: transform var(--animation-duration); display: inline-block; color: var(--Form-select-caret-iconColor); width: 10px; height: 10px; top: 0; transform: rotate(-90deg); } .cxd-SearchBox { display: inline-flex; flex-direction: row; line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); flex-wrap: nowrap; align-items: center; justify-content: flex-end; height: 30px; width: 30px; padding-left: 8px; transition: all var(--animation-duration) ease-in-out; border: var(--Form-input-borderWidth) solid transparent; border-radius: var(--Form-input-borderRadius); overflow: hidden; height: 30px; } .cxd-SearchBox:hover { background: var(--Form-input-onHover-bg); } .cxd-SearchBox.is-active { background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); width: 150px; } .cxd-SearchBox.is-active > input { flex-grow: 1; } .cxd-SearchBox.is-active:hover { border-color: var(--SearchBox-hover-color); } .cxd-SearchBox.is-active.is-focused { border-color: var(--SearchBox-focus-color); } .cxd-SearchBox-searchBtn { display: flex; width: var(--SearchBox-height); align-items: center; justify-content: center; } .cxd-SearchBox-searchBtn .icon { top: 0; } .cxd-SearchBox-activeBtn, .cxd-SearchBox-cancelBtn { margin-right: 8px; } .cxd-SearchBox-activeBtn, .cxd-SearchBox-searchBtn, .cxd-SearchBox-cancelBtn { cursor: pointer; color: var(--SearchBox-search-icon-color); } .cxd-SearchBox-activeBtn:hover, .cxd-SearchBox-searchBtn:hover, .cxd-SearchBox-cancelBtn:hover { color: var(--icon-onHover-color); } .cxd-SearchBox.is-disabled .cxd-SearchBox-activeBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-searchBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-cancelBtn { color: var(--icon-onDisabled-color); pointer-events: none; } .cxd-SearchBox.is-disabled { background-color: var(--SearchBox-disabled-color); cursor: not-allowed; } .cxd-SearchBox.is-disabled:hover { border-color: var(--Form-input-borderColor); } .cxd-SearchBox.is-disabled > input { cursor: not-allowed; } .cxd-SearchBox > input { outline: none; border: none; background: transparent; color: var(--Form-input-color); width: 0; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-SearchBox > input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-SearchBox-clearable { display: flex; width: var(--SearchBox-clearable-icon-size); height: var(--SearchBox-clearable-icon-size); color: var(--SearchBox-clearable-icon-color); align-items: center; justify-content: center; cursor: pointer; } .cxd-SearchBox-clearable .icon { top: 0; } .cxd-SearchBox-clearable:hover { color: var(--Form-input-clearBtn-color-onHover); } .cxd-SearchBox--enhance.is-active .cxd-SearchBox-searchBtn { height: 100%; color: var(--SearchBox-enhonce-icon-color); background: var(--SearchBox-hover-color); } .cxd-SearchBox--enhance .cxd-SearchBox-clearable { margin-right: var(--SearchBox-enhonce-clearable-gap); } .cxd-SearchBox--enhance.is-active.is-disabled .cxd-SearchBox-searchBtn { background: var(--SearchBox-enhonce-disabled-color); color: var(--SearchBox-enhonce-disabled-search-color); } .cxd-ListMenu { background: var(--ListMenu-item-bg); min-width: 12.5rem; border: var(--ListMenu-borderWidth) solid var(--ListMenu-bordrColor); border-radius: var(--ListMenu-borderRadius); } .cxd-ListMenu-groupLabel { font-size: var(--fontSizeXs); color: var(--text--muted-color); padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs)); } .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel { border-top: 0.0625rem solid var(--ListMenu-divider-color); } .cxd-ListMenu-item { display: flex; min-height: var(--ListMenu-item-height); color: var(--ListMenu-item-color); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); cursor: pointer; padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-ListMenu-item.is-active { color: var(--ListMenu-item--onActive-color); background: var(--ListMenu-item--onActive-bg); } .cxd-ListMenu-item.is-highlight { color: var(--ListMenu-item--onHover-color); background: var(--ListMenu-item--onHover-bg); } .cxd-ListMenu-item.is-disabled { color: var(--ListMenu-item--onDisabled-color); background: var(--ListMenu-item--onDisabled-bg); } .cxd-ListMenu-placeholder { display: block; min-height: var(--ListMenu-item-height); color: var(--text--muted-color); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); cursor: pointer; padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-PopOver > .cxd-ListMenu { border-color: var(--listMenu--onActive-borderColor); } .cxd-Log { position: relative; } .cxd-Log-body { background: var(--Log-bg); color: var(--Log-color); padding: var(--Log-padding); overflow-y: auto; font-family: var(--fontFamilyMonospace); } .cxd-Log-line { padding: var(--Log-line-padding); white-space: pre-wrap; word-wrap: break-word; } .cxd-Log-line code { color: inherit; background: inherit; } .cxd-Log-line:hover { background: var(--Log-line--onHover-bg); } .cxd-Log-line-number { color: #999; font-style: italic; margin-right: 5px; } .cxd-Log-operation { position: absolute; top: 0; left: -16px; } .cxd-Log-operation .cxd-Button { margin-right: var(--gap-xs); } .cxd-Log-operation-hidden { background: #f0f2f5; width: 24px; height: 48px; box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06); border-radius: 0 2px 2px 0; padding-top: 14px; padding-left: 6px; cursor: pointer; color: #000; transition: all 0.3s; } .cxd-Log .ansi-bold { font-weight: 700; } .cxd-Log .ansi-italic { font-style: italic; } .cxd-Log .ansi-underline { text-decoration: underline; } .cxd-Log .ansi-black-fg, .cxd-Log .ansi-bright-black-fg { color: #4e4e4e; } .cxd-Log .ansi-red-fg, .cxd-Log .ansi-bright-red-fg { color: #ff6c60; } .cxd-Log .ansi-green-fg, .cxd-Log .ansi-bright-green-fg { color: #0a0; } .cxd-Log .ansi-yellow-fg, .cxd-Log .ansi-bright-yellow-fg { color: #ffffb6; } .cxd-Log .ansi-blue-fg, .cxd-Log .ansi-bright-blue-fg { color: #96cbfe; } .cxd-Log .ansi-magenta-fg, .cxd-Log .ansi-bright-magenta-fg { color: #ff73fd; } .cxd-Log .ansi-cyan-fg, .cxd-Log .ansi-bright-cyan-fg { color: #5ff; } .cxd-Log .ansi-white-fg, .cxd-Log .ansi-bright-white-fg { color: #eee; } .cxd-Log .ansi-grey-fg, .cxd-Log .ansi-bright-grey-fg { color: #969696; } .cxd-Log .ansi-black-bg { background-color: #4e4e4e; } .cxd-Log .ansi-red-bg { background-color: #ff6c60; } .cxd-Log .ansi-green-bg { background-color: #0a0; } .cxd-Log .ansi-yellow-bg { background-color: #ffffb6; } .cxd-Log .ansi-blue-bg { background-color: #96cbfe; } .cxd-Log .ansi-magenta-bg { background-color: #ff73fd; } .cxd-Log .ansi-cyan-bg { background-color: #0aa; } .cxd-Log .ansi-white-bg { background-color: #eee; } .cxd-JsonField-nodeValue { white-space: normal; word-break: break-all; overflow-wrap: break-word; } .cxd-Icon { height: var(--fontSizeBase); vertical-align: middle; } .cxd-Steps { display: flex; list-style: none; padding: 0; } .cxd-Steps .cxd-StepsItem { flex: 1; overflow: hidden; padding: 0 1.25rem; height: auto; line-height: 2rem; } .cxd-Steps .cxd-StepsItem-container { position: relative; } .cxd-Steps .cxd-StepsItem-containerIcon { vertical-align: top; display: inline-block; padding-right: 0.625rem; } .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon { display: inline-block; width: 1.875rem; height: 1.875rem; line-height: 1.75rem; border-radius: 50%; font-size: var(--Steps-icon-fontsize); text-align: center; } .cxd-Steps .cxd-StepsItem-containerWrapper { display: inline-block; position: relative; } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title { font-size: var(--Steps-title-fontsize); color: var(--Steps-title-color); padding-right: 1.25rem; position: relative; display: inline-block; } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title > span { display: inline-block; } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title:after { content: ""; position: absolute; right: 0; top: 1rem; height: 1px; left: 100%; width: 9999px; padding-right: 0.625rem; background-color: var(--Steps-line-bg); } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title.is-success:after { background-color: var(--Steps-line-success-bg); } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-ellText { max-width: 9.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-subTitle { padding-left: 0.625rem; font-size: var(--Steps-sub-title-fontsize); color: var(--Steps-sub-title-color); } .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-description { max-width: 8.75rem; white-space: nowrap; position: relative; bottom: 0.625rem; } .cxd-Steps .cxd-StepsItem:last-child { flex: none; } .cxd-Steps .cxd-StepsItem:last-child .cxd-StepsItem-title:after { display: none; } .cxd-Steps--vertical { flex-direction: column; } .cxd-Steps--vertical .cxd-StepsItem { padding: 0.3125rem 0; min-height: 75px; overflow: hidden !important; } .cxd-Steps--vertical .cxd-StepsItem-containerIcon:after { content: ""; position: absolute; right: 0; top: 2rem; height: 9999px; left: 0.6875rem; width: 1px; background-color: var(--Steps-line-bg); } .cxd-Steps--vertical .cxd-StepsItem-containerWrapper > .cxd-StepsItem-body > .cxd-StepsItem-title:after { display: none; } .cxd-Steps--vertical .cxd-StepsItem-containerTail:after { display: none !important; } .cxd-Steps--vertical .cxd-StepsItem:last-child { flex: none; } .cxd-Steps--vertical .cxd-StepsItem:last-child .cxd-StepsItem-containerIcon:after { display: none; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot { margin-left: 10px; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-container { flex-direction: row; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-containerTail { display: none; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-containerWrapper { width: 25rem; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-containerProgressDot { margin-left: 0px; margin-top: 0.625rem; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-containerProgressDot:after { content: ""; position: absolute; display: inline-block; top: 1.75rem; width: 1px; left: 3px; height: 9999px; background-color: var(--Steps-line-bg); } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-title > span { display: inline-block !important; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-vertical-ProgressDot { right: 0.625rem; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot .cxd-StepsItem-body { text-align: left !important; } .cxd-Steps--vertical .cxd-StepsItem-ProgressDot:last-child .cxd-StepsItem-containerProgressDot:after { display: none; } .cxd-Steps--vertical .is-finish .cxd-StepsItem-containerProgressDot:after { background: var(--Steps-status-success); } .cxd-Steps--Placement-vertical { display: flex; list-style: none; padding: 0; } .cxd-Steps--Placement-vertical .cxd-StepsItem { flex: 1; padding: 0; overflow: visible; } .cxd-Steps--Placement-vertical .cxd-StepsItem-container { display: flex; flex-direction: column; justify-content: flex-start; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerTail:after { content: ""; position: absolute; display: inline-block; top: 1rem; height: 1px; left: 8.125rem; width: calc(100% - 55px); background-color: var(--Steps-line-bg); } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerIcon { margin-left: 5.625rem; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper { width: 12.5rem; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body { text-align: center; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title { padding: 0 0.625rem; width: 100%; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title > span { display: block; position: relative; left: 0.625rem; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title .cxd-StepsItem-subTitle { word-break: break-all; padding: 0 0.625rem; position: relative; left: 0.625rem; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title:after { display: none; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-description { min-width: 12.5rem; word-break: break-all; padding: 0 0.625rem; } .cxd-Steps--Placement-vertical .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title.is-success:after { background-color: var(--Steps-line-success-bg); } .cxd-Steps--Placement-vertical .cxd-StepsItem:last-child .cxd-StepsItem-containerTail:after { display: none; } .cxd-Steps--Placement-vertical .is-finish .cxd-StepsItem-containerTail:after { background: var(--Steps-status-success); } .cxd-Steps--ProgressDot .cxd-StepsItem-containerTail:after { left: 6.875rem; width: calc(100% - 20px); } .cxd-Steps--ProgressDot .cxd-StepsItem-containerProgressDot { margin-top: 0.8125rem; margin-bottom: 0.3125rem; width: 0.5rem; height: 0.5rem; margin-left: 6rem; border: 1px solid var(--Steps-line-success-bg); border-radius: 100%; } .cxd-Steps--ProgressDot .is-finish .cxd-StepsItem-containerTail:after { background: var(--Steps-status-success); } .cxd-Steps--ProgressDot .is-wait .cxd-StepsItem-containerProgressDot { background: var(--Steps-line-bg); border: 1px solid var(--Steps-line-bg); } .cxd-Steps--ProgressDot .is-error .cxd-StepsItem-containerProgressDot { background: var(--Steps-status-error); border: 1px solid var(--Steps-status-error); } .cxd-Steps--ProgressDot .is-process .cxd-StepsItem-containerProgressDot { border: 1px solid var(--Steps-status-success); background: var(--Steps-status-success); } .cxd-Steps .cxd-StepsItem.is-wait .cxd-StepsItem-icon { background-color: var(--white); color: var(--Steps-bg); border: 1px solid var(--Steps-bg); } .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon { background-color: var(--Steps-status-error); color: var(--white); border: 1px solid var(--Steps-status-error); } .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-title, .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-subTitle, .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-description { color: var(--Steps-status-error); } .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon, .cxd-Steps .cxd-StepsItem.is-process .cxd-StepsItem-icon { background-color: var(--Steps-status-success); color: var(--white); border: 1px solid var(--Steps-status-success); } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title::after { display: none !important; } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title .cxd-StepsItem-subTitle { padding-left: 0.3125rem; } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon { position: relative; display: block; } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon:after { content: ""; position: absolute; right: 0; top: 0.9375rem; height: 1px; left: 2.5rem; width: 99999px; background-color: var(--Steps-line-bg); } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon.is-success:after { background-color: var(--Steps-line-success-bg); } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem:last-child { flex: 1; } .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem:last-child .cxd-StepsItem-containerIcon:after { display: none !important; } .cxd-Portlet { border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor); border-radius: var(--Portlet-borderRadius); padding: var(--gap-base); } .cxd-Portlet-tab.unactive-select .is-active a:first-child, .cxd-Portlet-tab.unactive-select .is-active:hover > a:first-child, .cxd-Portlet-tab.unactive-select .is-active > a:first-child:focus { border: none !important; color: inherit !important; cursor: auto !important; } .cxd-Portlet-tab.no-divider .cxd-Tabs-links { border-bottom: none; } .cxd-Portlet .cxd-Tabs-pane { padding: unset; } .cxd-Portlet-toolbar { display: inline-flex; float: right; justify-content: flex-end; } .cxd-Portlet-toolbar .cxd-Button { margin-left: calc(var(--gap-xs)); } .cxd-Portlet-header-desc { height: 100%; overflow: hidden; position: relative; margin-left: var(--gap-base); } .cxd-Portlet.no-header .cxd-Portlet-tab .cxd-Tabs-links { display: none; } .u-hairline::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid var(--borderColorLight); z-index: 1; transform: scale(0.5); } .cxd-GridNav { display: flex; flex-wrap: wrap; } .cxd-GridNav-top { position: relative; } .cxd-GridNav-top::after { border-top-width: 0.0625rem; } .cxd-GridNavItem { position: relative; box-sizing: border-box; } .cxd-GridNavItem--square { height: 0; position: relative; } .cxd-GridNavItem-icon { width: var(--rv-grid-item-icon-size); } .cxd-GridNavItem-text { color: var(--text-color); font-size: var(--fontSizeSm); line-height: 1.5; word-break: break-all; flex-shrink: 0; } .cxd-GridNavItem-icon + .cxd-GridNavItem-text { margin-top: 0.5rem; } .cxd-GridNavItem-image { display: inline-block; } .cxd-GridNavItem-image svg, .cxd-GridNavItem-image img { max-width: 100%; display: block; width: 60%; margin: 0 auto; } .cxd-GridNavItem-content { display: flex; flex-direction: column; box-sizing: border-box; height: 100%; padding: var(--gap-md) var(--gap-sm); background-color: var(--white); position: relative; } .cxd-GridNavItem-content .cxd-Badge-text { z-index: 10; } .cxd-GridNavItem-content--border::after { border-width: 0 var(--borderWidth) var(--borderWidth) 0; } .cxd-GridNavItem-content--square { position: absolute; top: 0; right: 0; left: 0; } .cxd-GridNavItem-content--center { align-items: center; justify-content: center; } .cxd-GridNavItem-content--horizontal { flex-direction: row; } .cxd-GridNavItem-content--horizontal .cxd-GridNavItem-text { margin: 0 0 0 var(--gap-sm); } .cxd-GridNavItem-content--reverse { flex-direction: column-reverse; } .cxd-GridNavItem-content--reverse .cxd-GridNavItem-text { margin: 0 0 var(--gap-sm); } .cxd-GridNavItem-content--horizontal .cxd-GridNavItem-content--reverse { flex-direction: row-reverse; } .cxd-GridNavItem-content--horizontal .cxd-GridNavItem-content--reverse .cxd-GridNavItem-text { margin: 0 var(--gap-sm) 0 0; } .cxd-GridNavItem-content--surround::after { border-width: var(--borderWidth); } .cxd-GridNavItem-content--clickable { cursor: pointer; } fieldset.cxd-Collapse--lg, fieldset.cxd-Collapse--md, fieldset.cxd-Collapse--base, fieldset.cxd-Collapse--sm, fieldset.cxd-Collapse--xs { position: relative; } fieldset.cxd-Collapse--lg:after, fieldset.cxd-Collapse--md:after, fieldset.cxd-Collapse--base:after, fieldset.cxd-Collapse--sm:after, fieldset.cxd-Collapse--xs:after { content: ""; pointer-events: none; border: 1px solid var(--borderColor); position: absolute; z-index: 0; top: 11px; left: 0; bottom: 0; right: 0; } fieldset.cxd-Collapse--lg > legend, fieldset.cxd-Collapse--md > legend, fieldset.cxd-Collapse--base > legend, fieldset.cxd-Collapse--sm > legend, fieldset.cxd-Collapse--xs > legend { position: absolute; top: 0; left: 0; display: inline-block; border: 0; width: auto; z-index: 1; background: var(--Fieldset-legend-bgColor); border-left: 0 !important; } fieldset.cxd-Collapse--lg .collapse, fieldset.cxd-Collapse--md .collapse, fieldset.cxd-Collapse--base .collapse, fieldset.cxd-Collapse--sm .collapse, fieldset.cxd-Collapse--xs .collapse { position: relative; } fieldset.cxd-Collapse { margin-bottom: var(--Form-item-gap); } fieldset.cxd-Collapse > legend { font-weight: var(--fontWeightNormal); padding: var(--gap-xs) 0; font-size: var(--fontSizeMd); color: var(--text--loud-color); border-left: var(--primary) 0.25rem solid; line-height: 1.2; margin: var(--gap-base) 0; padding: 0 0 0 14px; cursor: pointer; border-bottom: none !important; background: transparent; display: flex; flex-direction: row; } fieldset.cxd-Collapse > legend:hover { background: transparent; } fieldset.cxd-Collapse--xs { padding: 20px 5px 5px 5px; } fieldset.cxd-Collapse--xs > legend { left: 5px; font-size: var(--fontSizeXs); padding: 0 3px; margin: 0 0 0 -3px; } fieldset.cxd-Collapse--xs:after { top: 6px; } fieldset.cxd-Collapse--sm { padding: 25px 10px 10px 10px; } fieldset.cxd-Collapse--sm > legend { left: 10px; font-size: var(--fontSizeSm); padding: 0 5px; margin: 0 0 0 -5px; } fieldset.cxd-Collapse--sm:after { top: 6px; } fieldset.cxd-Collapse--base { padding: 30px var(--gap-md) var(--gap-md) var(--gap-md); } fieldset.cxd-Collapse--base > legend { left: var(--gap-md); font-size: var(--fontSizeBase); padding: 0 8px; margin: 0 0 0 -8px; } fieldset.cxd-Collapse--base:after { top: 7px; } fieldset.cxd-Collapse--md { padding: 30px 20px 20px 20px; } fieldset.cxd-Collapse--md > legend { left: 20px; font-size: var(--fontSizeMd); padding: 0 10px; margin: 0 0 0 -10px; } fieldset.cxd-Collapse--md:after { top: 7px; } fieldset.cxd-Collapse--lg { padding: 40px 30px 30px 30px; } fieldset.cxd-Collapse--lg > legend { left: 30px; font-size: var(--fontSizeLg); padding: 0 var(--gap-md); margin: 0 0 0 calc(var(--gap-md) * -1); } fieldset.cxd-Collapse--lg:after { top: 9px; } .cxd-Form-groupColumn { margin-bottom: var(--gap-sm); } @media (min-width: 768px) { .cxd-Form-group { margin-bottom: var(--Form-item-gap); } .cxd-Form-group:last-child { margin-bottom: 0; } .cxd-Form-value > .cxd-Form-group { margin-bottom: var(--Form-input-marginBottom); } .cxd-Form-group--hor { display: flex; flex-wrap: wrap; margin-left: calc(var(--Form-group-gutterWidth) / -2); margin-right: calc(var(--Form-group-gutterWidth) / -2); align-items: flex-start; } .cxd-Form-group--hor.v-middle { align-items: center; } .cxd-Form-group--hor.v-bottom { align-items: flex-end; } .cxd-Form-group--hor > * { padding-left: calc(var(--Form-group-gutterWidth) / 2); padding-right: calc(var(--Form-group-gutterWidth) / 2); } .cxd-Form-group--hor > .cxd-Form-item--inline { margin-right: 0; } .cxd-Form-group--hor > .cxd-Form-item, .cxd-Form-group--hor > div > .cxd-Form-item { margin-bottom: 0; } .cxd-Form-group--hor .cxd-Form-input > .cxd-Form-group { margin-bottom: 0; } .cxd-Form-group--lg { margin-left: calc(var(--Form-group--lg-gutterWidth) / -2); margin-right: calc(var(--Form-group--lg-gutterWidth) / -2); } .cxd-Form-group--lg > * { padding-left: calc(var(--Form-group--lg-gutterWidth) / 2); padding-left: calc(var(--Form-group--lg-gutterWidth) / 2); } .cxd-Form-group--md { margin-left: calc(var(--Form-group--md-gutterWidth) / -2); margin-right: calc(var(--Form-group--md-gutterWidth) / -2); } .cxd-Form-group--md > * { padding-left: calc(var(--Form-group--md-gutterWidth) / 2); padding-right: calc(var(--Form-group--md-gutterWidth) / 2); } .cxd-Form-group--sm { margin-left: calc(var(--Form-group--sm-gutterWidth) / -2); margin-right: calc(var(--Form-group--sm-gutterWidth) / -2); } .cxd-Form-group--sm > * { padding-left: calc(var(--Form-group--sm-gutterWidth) / 2); padding-right: calc(var(--Form-group--sm-gutterWidth) / 2); } .cxd-Form-group--xs { margin-left: calc(var(--Form-group--xs-gutterWidth) / -2); margin-right: calc(var(--Form-group--xs-gutterWidth) / -2); } .cxd-Form-group--xs > * { padding-left: calc(var(--Form-group--xs-gutterWidth) / 2); padding-right: calc(var(--Form-group--xs-gutterWidth) / 2); } .cxd-Form-groupColumn { flex-basis: 0; flex-grow: 1; width: 100%; max-width: 100%; margin-bottom: 0; } .cxd-Form-groupColumn--1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; } .cxd-Form-groupColumn--2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; } .cxd-Form-groupColumn--3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; } .cxd-Form-groupColumn--4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; } .cxd-Form-groupColumn--5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; } .cxd-Form-groupColumn--6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; } .cxd-Form-groupColumn--7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; } .cxd-Form-groupColumn--8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; } .cxd-Form-groupColumn--9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; } .cxd-Form-groupColumn--10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; } .cxd-Form-groupColumn--11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; } .cxd-Form-groupColumn--12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; } .cxd-Form-groupColumn--auto { flex: 0 0 auto; width: auto; max-width: 100%; min-height: 1px; } } .cxd-InputGroup { display: inline-flex; flex-wrap: nowrap; } .cxd-InputGroup.cxd-Form-control--sizeXs, .cxd-InputGroup.cxd-Form-control--sizeSm, .cxd-InputGroup.cxd-Form-control--sizeMd, .cxd-InputGroup.cxd-Form-control--sizeLg { display: inline-flex; } .cxd-InputGroup-addOn, .cxd-InputGroup .cxd-Form-control { display: inline-block; white-space: nowrap; } .cxd-InputGroup-addOn { background: var(--InputGroup-addOn-bg); border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor); line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 ); height: var(--InputGroup-height); box-sizing: border-box; padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX); } .cxd-InputGroup-addOn:not(:last-child) { border-right: 0; } .cxd-InputGroup-addOn:first-child { border-top-left-radius: var(--InputGroup-addOn-borderRadius); border-bottom-left-radius: var(--InputGroup-addOn-borderRadius); } .cxd-InputGroup-addOn:last-child { border-top-right-radius: var(--InputGroup-addOn-borderRadius); border-bottom-right-radius: var(--InputGroup-addOn-borderRadius); } .cxd-InputGroup-btn .cxd-Button { border-radius: 0; border: var(--InputGroup-button-borderWidth) solid var(--InputGroup-button-borderColor); } .cxd-InputGroup-btn:not(:last-child) .cxd-Button { border-right: 0; } .cxd-InputGroup-btn:first-child .cxd-Button { border-top-left-radius: var(--InputGroup-button-borderRadius); border-bottom-left-radius: var(--InputGroup-button-borderRadius); } .cxd-InputGroup-btn:last-child .cxd-Button { border-top-right-radius: var(--InputGroup-button-borderRadius); border-bottom-right-radius: var(--InputGroup-button-borderRadius); } .cxd-InputGroup .cxd-TextControl-input { flex-basis: 0; flex-grow: 1; display: inline-flex; } .cxd-InputGroup .cxd-TextControl-input:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .cxd-InputGroup .cxd-TextControl-input:not(:last-child) { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .cxd-InputGroup .cxd-SelectControl .cxd-Select { background: var(--InputGroup-select-bg); border: var(--InputGroup-select-borderWidth) solid var(--InputGroup-select-borderColor); color: var(--InputGroup-select-color); } .cxd-InputGroup .cxd-SelectControl:not(:last-child) .cxd-Select { border-right: 0; } .cxd-InputGroup .cxd-SelectControl:first-child .cxd-Select { border-top-left-radius: var(--InputGroup-select-borderRadius); border-bottom-left-radius: var(--InputGroup-select-borderRadius); } .cxd-InputGroup .cxd-SelectControl:last-child .cxd-Select { border-top-right-radius: var(--InputGroup-select-borderRadius); border-bottom-right-radius: var(--InputGroup-select-borderRadius); } .cxd-InputGroup .cxd-SelectControl:not(:first-child) .cxd-Select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .cxd-InputGroup .cxd-SelectControl:not(:last-child) .cxd-Select { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .cxd-InputGroup .cxd-Select-arrow { color: var(--InputGroup-select-arrowColor); } .cxd-InputGroup.is-focused .cxd-InputGroup-addOn, .cxd-InputGroup.is-focused .cxd-TextControl-input, .cxd-InputGroup.is-focused .cxd-Select, .cxd-InputGroup.is-focused .cxd-InputGroup-btn .cxd-Button { border-color: var(--InputGroup-addOn-onFocused-borderColor); } .cxd-InputGroup.is-focused .cxd-Select { background: var(--InputGroup-select-onFocused-bg); } .cxd-InputGroup.is-focused .cxd-Select { color: var(--InputGroup-select-onFocused-color); } .cxd-InputGroup.is-focused .cxd-Select-arrow { color: var(--InputGroup-select-onFocused-arrowColor); } .cxd-InputGroup.is-focused .cxd-InputGroup-addOn { color: var(--primary); } .cxd-InputGroup:not(.is-inline) { display: flex; } .cxd-TextControl { position: relative; max-width: 100%; } .cxd-TextControl.is-inline { display: inline-block; width: var(--Form-control-widthBase); } .cxd-TextControl-input { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-TextControl-input input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-TextControl-input input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-TextControl-input:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-TextControl-input--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-TextControl-input--borderNone { border-color: transparent !important; } .cxd-TextControl.is-error > .cxd-TextControl-input { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); transition: all var(--animation-duration); } .cxd-TextControl.is-focused > .cxd-TextControl-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); transition: all var(--animation-duration); } .cxd-TextControl.is-error.is-focused > .cxd-TextControl-input { border-color: var(--Form-input-onError-borderColor); } .cxd-TextControl.is-disabled > .cxd-TextControl-input { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); transition: all var(--animation-duration); } .cxd-TextControl-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-TextControl-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-TextControl-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-TextControl-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-TextControl-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-TextControl-revealPassword { cursor: pointer; color: var(--text--muted-color); } @media (min-width: 576px) { .cxd-TextControl.cxd-Form-control--sizeXs > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeSm > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeMd > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeLg > .cxd-TextControl-input { min-width: 100%; display: inline-flex; } } .cxd-TextControl-placeholder { color: var(--Form-input-placeholderColor); user-select: none; position: absolute; left: var(--Form-input-paddingX); top: var(--Form-input-paddingY); margin-top: calc(2 * var(--Form-input-borderWidth)); line-height: var(--Form-input-lineHeight); } .cxd-TextControl--withAddOn { display: flex; flex-wrap: nowrap; } @media (min-width: 576px) { .cxd-TextControl--withAddOn.cxd-Form-control--sizeXs, .cxd-TextControl--withAddOn.cxd-Form-control--sizeSm, .cxd-TextControl--withAddOn.cxd-Form-control--sizeMd, .cxd-TextControl--withAddOn.cxd-Form-control--sizeLg { display: inline-flex; } .cxd-TextControl--withAddOn.cxd-Form-control--sizeXs > .cxd-TextControl-input, .cxd-TextControl--withAddOn.cxd-Form-control--sizeSm > .cxd-TextControl-input, .cxd-TextControl--withAddOn.cxd-Form-control--sizeMd > .cxd-TextControl-input, .cxd-TextControl--withAddOn.cxd-Form-control--sizeLg > .cxd-TextControl-input { min-width: unset; } } .cxd-TextControl--withAddOn > .cxd-TextControl-input { flex-basis: 1; flex-grow: 1; min-width: 0; border-radius: 0; } .cxd-TextControl--withAddOn > .cxd-TextControl-input:first-child { border-top-left-radius: var(--Form-input-borderRadius); border-bottom-left-radius: var(--Form-input-borderRadius); } .cxd-TextControl--withAddOn > .cxd-TextControl-input:last-child { border-top-right-radius: var(--Form-input-borderRadius); border-bottom-right-radius: var(--Form-input-borderRadius); } .cxd-TextControl-addOn { display: flex; align-items: center; justify-content: center; padding-left: 0.625rem; padding-right: 0.625rem; background: var(--Form-input-addOnBg); color: var(--Form-input-addOnColor); border-color: var(--Form-input-borderColor); border-style: solid; border-width: 0.0625rem 0; } .cxd-TextControl-addOn:first-child { border-left-width: 0.0625rem; } .cxd-TextControl-addOn:last-child { border-right-width: 0.0625rem; border-top-right-radius: var(--Form-input-borderRadius); border-bottom-right-radius: var(--Form-input-borderRadius); } .cxd-TextControl--withAddOn > .cxd-TextControl-button > .cxd-Button { position: relative; border-radius: 0; margin-left: -0.0625rem; border: var(--InputGroup-button-borderWidth) solid var(--InputGroup-button-borderColor); } .cxd-TextControl--withAddOn > .cxd-TextControl-button:not(:last-child) .cxd-Button { border-right: 0; } .cxd-TextControl--withAddOn > .cxd-TextControl-button:first-child .cxd-Button { border-top-left-radius: var(--InputGroup-addOn-borderRadius); border-bottom-left-radius: var(--InputGroup-addOn-borderRadius); } .cxd-TextControl--withAddOn > .cxd-TextControl-button:last-child .cxd-Button { border-top-right-radius: var(--InputGroup-addOn-borderRadius); border-bottom-right-radius: var(--InputGroup-addOn-borderRadius); } .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-button .cxd-Button { border-color: var(--Form-input-onFocused-borderColor); } .cxd-TextControl--withAddOn.is-error > .cxd-TextControl-addOn { border-color: var(--Form-input-onError-borderColor); } .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-addOn { border-color: var(--Form-input-onFocused-borderColor); color: var(--Form-input-onFocus-addOnColor); box-shadow: var(--Form-input-boxShadow); } .cxd-TextControl--withAddOn.is-disabled > .cxd-TextControl-addOn { color: var(--text--muted-color); } .cxd-TextControl--withAddOn.is-inline { display: inline-block; } @media (min-width: 576px) { .cxd-TextControl--withAddOn.is-inline.cxd-Form-control--sizeXs > .cxd-TextControl-input, .cxd-TextControl--withAddOn.is-inline.cxd-Form-control--sizeSm > .cxd-TextControl-input, .cxd-TextControl--withAddOn.is-inline.cxd-Form-control--sizeMd > .cxd-TextControl-input, .cxd-TextControl--withAddOn.is-inline.cxd-Form-control--sizeLg > .cxd-TextControl-input { min-width: 100%; } } .cxd-TextControl-input--withAC { position: relative; flex-wrap: wrap; } .cxd-TextControl-input--withAC input { width: auto; } .cxd-TextControl-sugs { position: absolute; background: var(--Form-select-menu-bg); color: var(--Form-select-menu-color); border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor); left: -0.0625rem; right: -0.0625rem; top: calc(100% + 0.25rem); z-index: 10; max-height: 18.75rem; overflow: auto; } .cxd-TextControl-sugItem { padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) 0.75rem; } .cxd-TextControl-sugItem svg { width: 1rem; margin-top: 0.25rem; float: right; fill: var(--Form-input-onHover-iconColor); } .cxd-TextControl-sugItem:not(.is-disabled) { cursor: pointer; } .cxd-TextControl-sugItem.is-highlight { color: var(--Form-select-menu-onHover-color); background: var(--Form-select-menu-onHover-bg); } .cxd-TextControl-sugItem .is-matched { color: var(--Form-select-menu-onActive-color); } .cxd-TextControl-value { user-select: none; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); vertical-align: middle; display: inline-block; } .cxd-TextControl-input--multiple { height: auto; min-height: var(--Form-input-height); padding: calc(var(--Form-input-paddingY) - 0.125rem) calc(var(--Form-input-paddingX) - 0.1875rem); } .cxd-TextControl-input--multiple .cxd-TextControl-placeholder { margin-top: 0; } .cxd-TextControl-input--multiple > input { margin-top: 2px; } .cxd-TextControl-input--multiple .cxd-TextControl-valueWrap { white-space: normal; margin-bottom: calc(var(--gap-xs) * -1); } .cxd-TextControl-input--multiple .cxd-TextControl-valueWrap > input { margin-bottom: var(--gap-xs); } .cxd-TextControl-input--multiple .cxd-TextControl-value { white-space: nowrap; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ); font-size: var(--Form-selectValue-fontSize); background: var(--Form-select-multiple-bgColor); border-radius: 0.125rem; margin: 2px 3px; display: flex; align-items: center; padding: 0 var(--gap-sm); } .cxd-TextControl-valueIcon.icon-close { top: 0; cursor: pointer; margin-left: var(--gap-sm); width: 0.625rem; color: var(--default-icon-color); } .cxd-TextControl-input--multiple .cxd-TextControl-valueLabel { line-height: var(--gap-xl); max-width: 3.75rem; display: block; overflow: hidden; text-overflow: ellipsis; } .cxd-TextControl-counter { color: var(--text--muted-color); } .has-error--maxLength .cxd-TextControl-counter { color: var(--danger); } .cxd-TextControl-input:hover { border-color: var(--Form-input-onHover-borderColor); } .cxd-TextControl-revealPassword { font-size: 0; display: inline-flex; align-items: center; } .cxd-TextControl-revealPassword .icon { width: var(--Form-input-password-icon-size); height: var(--Form-input-password-icon-size); color: var(--Form-input-password-icon-color); cursor: pointer; } input.cxd-TextControl-input-password { flex-basis: 0; } .cxd-TextControl.is-disabled-input input { color: var(--Form-input-onDisabled-color); } .cxd-TextareaControl { position: relative; max-width: 100%; --Form-input-clearBtn-padding: 0.125rem; position: relative; } .cxd-TextareaControl.is-inline { display: inline-block; width: var(--Form-control-widthBase); } .cxd-TextareaControl-input { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-TextareaControl-input input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-TextareaControl-input input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-TextareaControl-input:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-TextareaControl-input--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-TextareaControl-input--borderNone { border-color: transparent !important; } .cxd-TextareaControl.is-error > .cxd-TextareaControl-input { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); transition: all var(--animation-duration); } .cxd-TextareaControl.is-focused > .cxd-TextareaControl-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); transition: all var(--animation-duration); } .cxd-TextareaControl.is-error.is-focused > .cxd-TextareaControl-input { border-color: var(--Form-input-onError-borderColor); } .cxd-TextareaControl.is-disabled > .cxd-TextareaControl-input { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); transition: all var(--animation-duration); } .cxd-TextareaControl-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-TextareaControl-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-TextareaControl-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-TextareaControl-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-TextareaControl-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-TextareaControl-revealPassword { cursor: pointer; color: var(--text--muted-color); } @media (min-width: 576px) { .cxd-TextareaControl.cxd-Form-control--sizeXs > .cxd-TextareaControl-input, .cxd-TextareaControl.cxd-Form-control--sizeSm > .cxd-TextareaControl-input, .cxd-TextareaControl.cxd-Form-control--sizeMd > .cxd-TextareaControl-input, .cxd-TextareaControl.cxd-Form-control--sizeLg > .cxd-TextareaControl-input { min-width: 100%; display: inline-flex; } } .cxd-TextareaControl > textarea { border: 1px solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); background: var(--Form-input-bg); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); display: block; width: 100%; line-height: var(--Form-input-lineHeight); outline: none; resize: vertical; } .cxd-TextareaControl > textarea--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-TextareaControl > textarea--borderNone { border-color: transparent !important; } .cxd-TextareaControl > textarea::placeholder { color: var(--Form-input-placeholderColor); } .cxd-TextareaControl > textarea:hover { border-color: var(--Form-input-onHover-borderColor); } .cxd-TextareaControl-counter { position: absolute; right: var(--Form-input-paddingX); bottom: var(--Form-input-paddingY); font-size: var(--fontSizeSm); padding: 0 5px; border-radius: 3px; color: #84868c; } .cxd-TextareaControl-counter.is-empty { color: #84868c; } .cxd-TextareaControl-counter.is-clearable { right: calc( var(--Form-input-paddingX) + var(--Form-input-clearBtn-size) + var(--Form-input-clearBtn-padding) * 2 + 0.3125rem ); } .has-error--maxLength .cxd-TextareaControl-counter { background: var(--danger); } .cxd-TextareaControl-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; position: absolute; right: var(--Form-input-paddingX); bottom: var(--Form-input-paddingY); } .cxd-TextareaControl-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-TextareaControl-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-TextareaControl-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-Checkbox { margin: 0 var(--gap-sm) 0 0; font-weight: var(--fontWeightNormal); user-select: none; pointer-events: none; } .cxd-Checkbox input { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); pointer-events: none; } .cxd-Checkbox:hover input:not(:disabled) + i { border-color: var(--Checkbox-onHover-color); } .cxd-Checkbox.cxd-Checkbox--checkbox.cxd-Checkbox--button > i + span { margin-left: 0; } .cxd-Checkbox > i { cursor: pointer; line-height: 1; background: var(--Checkbox-gb); display: inline-block; vertical-align: middle; position: relative; pointer-events: all; } .cxd-Checkbox > i + span { pointer-events: all; margin-left: var(--gap-sm); cursor: pointer; display: inline-block; vertical-align: baseline; } .cxd-Checkbox > i + span > a { margin-left: var(--gap-xs); display: none; } .cxd-Checkbox > i + span:empty { display: none; } .cxd-Checkbox > i:before { content: ""; position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; background: transparent; transition: all var(--animation-duration); transform-origin: 50% 50%; transform: translate(-50%, -50%); } .cxd-Checkbox:hover > i + span > a { display: inline-block; } .cxd-Checkbox--checkbox { padding-left: var(--Checkbox-size); } .cxd-Checkbox--checkbox input { margin-left: calc(var(--Checkbox-size) * -1); } .cxd-Checkbox--checkbox input:checked + i { border-color: var(--Checkbox-onHover-color); } .cxd-Checkbox--checkbox input:checked + i:before { width: var(--Checkbox-inner-size); height: var(--Checkbox-inner-size); background: var(--Checkbox-onHover-color); } .cxd-Checkbox--checkbox input[disabled] + i { border-color: var(--Checkbox-onDisabled-color); cursor: not-allowed; } .cxd-Checkbox--checkbox input[disabled] + i:before { width: var(--Checkbox-inner-size); height: calc(var(--Checkbox-inner-size) / 2); } .cxd-Checkbox--checkbox input[disabled] + i + span { cursor: not-allowed; color: var(--text--muted-color); } .cxd-Checkbox--checkbox > i { width: var(--Checkbox-size); height: var(--Checkbox-size); border: 0.0625rem solid var(--Checkbox-color); border-radius: var(--Checkbox-borderRadius); margin-left: calc(var(--Checkbox-size) * -1); } .cxd-Checkbox--checkbox.cxd-Checkbox:hover > i:before { background: var(--Button--primary-onHover-bg); } .cxd-Checkbox--checkbox.cxd-Checkbox:active > i:before { background: var(--Switch-checked-onHover-bgColor); } .cxd-Checkbox--full.cxd-Checkbox--checkbox:not(:disabled) + i:hover { border-color: var(--Checkbox-color); } .cxd-Checkbox--full.cxd-Checkbox--checkbox:hover input:checked + i { background: var(--Button--primary-onHover-bg); } .cxd-Checkbox--full.cxd-Checkbox--checkbox:hover input:checked + i:before { background: var(--Button--primary-onHover-bg); } .cxd-Checkbox--full.cxd-Checkbox--checkbox:hover > i:before { background: transparent; } .cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i { background: var(--Switch-checked-onHover-bgColor); } .cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i:before { background: var(--Switch-checked-onHover-bgColor); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i { border-color: var(--Checkbox-onHover-color); background: var(--Checkbox-onHover-color); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i:before { width: var(--Checkbox--full-inner-size); height: calc(var(--Checkbox--full-inner-size) / 2); border-color: var(--Checkbox-gb); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled] + i { border-color: var(--Checkbox-onDisabled-color); background: var(--FileControl-onDisabled-bg); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before { border-color: var(--Checkbox-onDisabled-color); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i { border-color: var(--Checkbox-onDisabled-color); background: var(--FileControl-onDisabled-bg); } .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i:before { background: var(--FileControl-onDisabled-bg); border-color: var(--Checkbox-inner-onDisabled-bg); } .cxd-Checkbox--full.cxd-Checkbox--checkbox > i { position: relative; cursor: pointer; } .cxd-Checkbox--full.cxd-Checkbox--checkbox > i:before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-color: transparent; transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration); border-width: 0 0 0.0625rem 0.0625rem; transform: translate(-50%, -90%) rotate(-40deg); border-style: solid; } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input { margin-left: calc(var(--Checkbox-size) * -1); } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input + i { border-color: var(--Checkbox-onHover-color); } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input + i:before { width: var(--Checkbox-inner-size); height: var(--Checkbox-inner-size); background: var(--Checkbox-onHover-color); } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i { border-color: var(--Checkbox-onDisabled-color); } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i:before { width: var(--Checkbox-inner-size); height: var(--Checkbox-inner-size); background: var(--Checkbox-inner-onDisabled-bg); } .cxd-Checkbox--partial.cxd-Checkbox--checkbox input:checked[disabled] + i { width: var(--Checkbox-inner-size); height: var(--Checkbox-inner-size); background: var(--Checkbox-onDisabled-bg); } .cxd-Checkbox--button.cxd-Checkbox--checkbox { text-align: center; height: var(--Checkbox-button-height); line-height: var(--Checkbox-button-line-height); padding-left: var(--Checkbox-paddingX); padding-right: var(--Checkbox-paddingX); font-size: var(--fontSizeSm); border: var(--Checkbox-border-width) solid; cursor: pointer; position: relative; display: inline-block; background-color: var(--Checkbox-gb); border-color: var(--Checkbox-color); margin-right: 0; border-radius: calc(var(--Checkbox-borderRadius) * 2); min-width: var(--Checkbox-button-min-width); } .cxd-Checkbox--button.cxd-Checkbox--checkbox:hover:not(:disabled) { color: var(--Checkbox-onHover-color); } .cxd-Checkbox--button.cxd-Checkbox--checkbox:hover input:checked + i { background: transparent; border-color: var(--Button--primary-onHover-bg) transparent transparent var(--Button--primary-onHover-bg); } .cxd-Checkbox--button.cxd-Checkbox--checkbox:active input:checked + i { background: transparent; border-color: var(--Switch-checked-onHover-bgColor) transparent transparent var(--Switch-checked-onHover-bgColor); } .cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked + i { background: transparent; top: 0; left: 0; width: 0; height: 0; border-width: 0.5rem; border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color); border-radius: 0; } .cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked + i:before { position: absolute; top: 0; left: 0; width: var(--Checkbox--full-inner-size); height: calc(var(--Checkbox--full-inner-size) / 2); transform: translate(-80%, -160%) rotate(-50deg); background: transparent; } .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i { border-color: var(--Checkbox-onDisabled-color); background: transparent; } .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i:before { background: transparent; } .cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked[disabled] + i { background: transparent; border-width: 0.5rem; border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color); } .cxd-Checkbox--button.cxd-Checkbox--checkbox > i { position: absolute; top: 0; left: 0; margin-left: 0; border: 0; border-style: solid; background: transparent; } .cxd-Checkbox--button.cxd-Checkbox--checkbox > i + span { max-width: 6.25rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button { border-color: var(--Checkbox-onHover-color); color: var(--Checkbox-onHover-color); } .cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:hover { border-color: var(--menu-active-color); color: var(--menu-active-color); } .cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:active { border-color: var(--Switch-checked-onHover-bgColor); color: var(--Switch-checked-onHover-bgColor); } .cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--checkbox.cxd-Checkbox--full i { background: var(--FileControl-onDisabled-bg); } .cxd-Checkbox--radio { padding-left: var(--Radio-size); } .cxd-Checkbox--radio input { margin-left: calc(var(--Radio-size) * -1); } .cxd-Checkbox--radio input:checked + i { border-color: var(--Radio-onHover-color); } .cxd-Checkbox--radio input:checked + i:before { width: var(--Radio-inner-size); height: var(--Radio-inner-size); background: var(--Radio-onHover-color); border-radius: 50%; } .cxd-Checkbox--radio input[disabled] + i { border-color: var(--Radio-onDisabled-color); background: var(--Radio-onDisabled-bg); cursor: not-allowed; } .cxd-Checkbox--radio input[disabled] + i:before { background: var(--Radio-onDisabled-color); } .cxd-Checkbox--radio input[disabled] + i + span { cursor: not-allowed; color: var(--text--muted-color); } .cxd-Checkbox--radio input:focus + i { box-shadow: var(--Radio-onFocus-boxShadow); } .cxd-Checkbox--radio > i { cursor: pointer; width: var(--Radio-size); height: var(--Radio-size); border: 0.0625rem solid var(--Radio-color); margin-left: calc(var(--Radio-size) * -1); margin-top: -0.125rem; border-radius: 50%; } .cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full { background: none; } .cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i { background: var(--FileControl-onDisabled-bg); border: 1px solid var(--menu-border-color); } .cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i:before { background: var(--Checkbox-inner-onDisabled-bg); } .cxd-Checkbox--sm { padding-left: var(--Checkbox--sm-size); } .cxd-Checkbox--sm input { margin-left: calc(var(--Checkbox--sm-size) * -1); } .cxd-Checkbox--sm input:checked + i:before { width: var(--Checkbox--sm-inner-size); height: var(--Checkbox--sm-inner-size); } .cxd-Checkbox--sm > i { width: var(--Checkbox--sm-size); height: var(--Checkbox--sm-size); margin-left: calc(var(--Checkbox--sm-size) * -1); margin-top: 0; } .cxd-Checkbox--sm > i + span { margin-left: var(--gap-xs); } .cxd-Checkbox--sm.cxd-Checkbox--full input[type=checkbox]:checked + i:before { width: var(--Checkbox--sm--full-inner-size); height: calc(var(--Checkbox--sm--full-inner-size) / 2); } .cxd-Checkbox-desc { color: var(--text--muted-color); margin-left: var(--Checkbox-gap); margin-top: var(--gap-xs); pointer-events: all; } .cxd-CheckboxControl, .cxd-RadiosControl, .cxd-CheckboxesControl { padding-top: calc( (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px ); } .cxd-RadiosControl .cxd-Checkbox, .cxd-CheckboxesControl .cxd-Checkbox { display: block; margin-bottom: var(--Form-label-paddingTop); } .cxd-RadiosControl .cxd-Checkbox--button, .cxd-CheckboxesControl .cxd-Checkbox--button { margin-bottom: 0; } .cxd-RadiosControl .cxd-Checkbox--button--disabled--unchecked, .cxd-CheckboxesControl .cxd-Checkbox--button--disabled--unchecked { background: var(--FileControl-onDisabled-bg); } .cxd-RadiosControl .cxd-Checkbox--button-checked:active, .cxd-CheckboxesControl .cxd-Checkbox--button-checked:active { border-color: var(--Switch-checked-onHover-bgColor); } .cxd-RadiosControl.is-inline .cxd-Checkbox, .cxd-CheckboxesControl.is-inline .cxd-Checkbox { display: inline-block; margin-right: var(--gap-md); } .cxd-RadiosControl.is-inline .cxd-Checkbox--button, .cxd-CheckboxesControl.is-inline .cxd-Checkbox--button { display: inline-block; margin-right: 0; margin-bottom: 0; } .cxd-RadiosControl-group:not(:first-child), .cxd-CheckboxesControl-group:not(:first-child) { margin-top: 0.625rem; } .cxd-RadiosControl-group .cxd-RadiosControl-groupLabel, .cxd-RadiosControl-group .cxd-CheckboxesControl-groupLabel, .cxd-CheckboxesControl-group .cxd-RadiosControl-groupLabel, .cxd-CheckboxesControl-group .cxd-CheckboxesControl-groupLabel { display: block; font-size: var(--fontSizeSm); color: #999; } .cxd-RadiosControl .cxd-Button:active, .cxd-RadiosControl .cxd-Button.is-active { background: var(--ButtonGroup--primary-isActive-bg); } .cxd-Selection > .cxd-Checkbox { display: block; line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size)); } .cxd-Selection--inline > .cxd-Checkbox { display: inline-block; } .cxd-Selection-addBtn { display: block; cursor: pointer; } .cxd-Selection-addBtn:hover { text-decoration: none; } .cxd-Selection-addBtn > svg { width: 0.875rem; height: 0.875rem; margin-right: var(--Checkbox-gap); } .cxd-GroupedSelection { max-height: 18.75rem; overflow: auto; user-select: none; padding: var(--gap-xs) 0; } .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel { padding: var(--gap-xs) var(--gap-base); color: var(--FileControl-icon-color); } .cxd-GroupedSelection-item { display: flex; line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); flex-direction: row; cursor: pointer; user-select: none; } .cxd-GroupedSelection-item > .cxd-Checkbox { margin-right: 0.625rem; } .cxd-GroupedSelection-item.is-active { background: var(--Form-select-menu-onActive-bg); } .cxd-GroupedSelection-item:hover { background: var(--Tree-item-onHover-bg); } .cxd-GroupedSelection-item:hover i { border: 1px solid var(--menu-active-color); } .cxd-GroupedSelection-item.is-disabled { pointer-events: none; color: var(--text--muted-color); } .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item { padding-left: calc(var(--gap-base) * 2); } .cxd-GroupedSelection-itemLabel { flex-grow: 1; } .cxd-GroupedSelection-itemLabel span { vertical-align: middle; white-space: nowrap; } .cxd-GroupedSelection-placeholder { height: var(--Form-input-height); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); color: var(--text--muted-color); height: 100%; display: flex; align-items: center; justify-content: center; } .cxd-TableSelection .cxd-Table-content { border-top: var(--Table-borderWidth) solid var(--Table-borderColor); } .cxd-TableSelection .cxd-Table-table > tbody > tr { cursor: pointer; } .cxd-TableSelection .cxd-Table-table > thead > tr > th, .cxd-TableSelection .cxd-Table-table > tbody > tr > td { font-size: var(--fontSizeSm); padding-top: var(--gap-xs); padding-bottom: 0.375rem; vertical-align: middle; } .cxd-TableSelection .cxd-Table-table > thead > tr > th { padding-top: 0.375rem; } .cxd-TableSelection .cxd-Table-table > thead > tr > th:first-child, .cxd-TableSelection .cxd-Table-table > tbody > tr > td:first-child { padding-left: 0.625rem; padding-right: 0; } .cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child, .cxd-TableSelection .cxd-Table-table > tbody > tr > td:last-child { padding-right: var(--gap-md); } .cxd-TableSelection .cxd-Table-table > tbody > tr.is-active { color: var(--Form-select-menu-onActive-color); background: var(--Form-select-menu-onActive-bg); } .cxd-TreeSelection .cxd-Table-expandBtn { color: var(--icon-color); margin-right: var(--gap-xs); } .cxd-TreeSelection-sublist { position: relative; margin: 0 0 0 2.1875rem; display: none; } .cxd-TreeSelection-item { position: relative; } .cxd-TreeSelection-item.is-expanded > .cxd-TreeSelection-sublist { display: block; } .cxd-TreeSelection-item:not(:last-child) > .cxd-TreeSelection-sublist:before { bottom: 0; } .cxd-TreeSelection-item.is-disabled { color: var(--text--muted-color); } .cxd-TreeSelection-itemInner { display: flex; align-items: center; line-height: var(--Tree-itemHeight); position: relative; font-size: var(--Form-input-fontSize); padding: 0 var(--gap-sm); flex-direction: row; cursor: pointer; user-select: none; } .cxd-TreeSelection-itemInner > .cxd-Checkbox { margin-right: var(--gap-sm); } .cxd-TreeSelection-itemInner:hover { background: var(--Tree-item-onHover-bg); } .cxd-TreeSelection-itemInner.is-active { color: var(--Form-select-menu-onActive-color); } .cxd-TreeSelection-itemInner.is-disabled { pointer-events: none; color: var(--text--muted-color); } .cxd-TreeSelection-itemInner .cxd-TreeSelection-itemLabel { margin-left: var(--gap-xs); } .cxd-TreeSelection-itemLabel { flex-grow: 1; } .cxd-TreeSelection-itemLabel span { vertical-align: middle; } .cxd-TreeSelection-placeholder { height: var(--Form-input-height); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); color: var(--text--muted-color); } .cxd-ChainedSelection { display: flex; flex-direction: row; min-height: 100%; } .cxd-ChainedSelection-col { flex-grow: 1; min-width: 150px; } .cxd-ChainedSelection-col:not(:last-child) { border-right: 1px solid var(--borderColor); } .cxd-ChainedSelection-subTitle { font-size: var(--fontSizeSm); padding: var(--gap-xs) var(--gap-xs); color: var(--text--muted-color); } .cxd-ChainedSelection-item { display: flex; line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); flex-direction: row; cursor: pointer; user-select: none; } .cxd-ChainedSelection-item > .cxd-Checkbox { margin-right: 0; } .cxd-ChainedSelection-item.is-active { color: var(--Form-select-menu-onActive-color); background: var(--Form-select-menu-onActive-bg); } .cxd-ChainedSelection-item:hover { background: var(--Tree-item-onHover-bg); } .cxd-ChainedSelection-item.is-disabled { pointer-events: none; color: var(--text--muted-color); } .cxd-ChainedSelection-itemLabel { flex-grow: 1; } .cxd-ChainedSelection-itemLabel span { margin-left: 0.625rem; vertical-align: middle; } .cxd-ChainedSelection-placeholder { height: var(--Form-input-height); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); color: var(--text--muted-color); } .cxd-AssociatedSelection { display: flex; flex-direction: row; } .cxd-AssociatedSelection-left, .cxd-AssociatedSelection-right { flex-grow: 1; width: 0; min-height: 12.5rem; max-height: 25rem; overflow: auto; } .cxd-AssociatedSelection-left { border-right: 1px solid var(--borderColor); } .cxd-AssociatedSelection-reload { text-align: center; color: var(--info); margin: 20px 0 0; } .cxd-AssociatedSelection-reload.is-clickable { cursor: pointer; } .cxd-AssociatedSelection-box { line-height: var(--Form-input-lineHeight); font-size: var(--fontSizeSm); color: var(--text--muted-color); flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .cxd-AssociatedSelection-box > p { text-align: center; margin: 10px 0 20px; color: var(--text--muted-color); } .cxd-ResultTreeList { height: 100%; width: 100%; } .cxd-ResultTableList { height: 100%; width: 100%; } .cxd-ResultTableList-close-btn { float: right; cursor: pointer; } .cxd-CityPicker .cxd-Select { margin-right: var(--gap-xs); margin-bottom: var(--gap-xs); } .cxd-CityPicker-input { outline: none; vertical-align: top; border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); } .cxd-CityPicker-input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-CityPicker-input:focus { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-Form-item--inline > .cxd-Form-value > .cxd-CityPicker { display: inline-block; } .cxd-CityArea { text-align: right; } .cxd-CityArea-popup { height: 17.5rem; } .cxd-CityArea-Input { margin-top: var(--gap-xs); outline: none; vertical-align: top; border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); display: inline-flex !important; } .cxd-CityArea-Input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-CityArea-Input:focus { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-Switch { cursor: pointer; position: relative; display: inline-block; height: var(--Switch-height); min-width: var(--Switch-width); overflow: hidden; border-radius: 1.875rem; background: var(--Switch-bgColor); margin: 0; vertical-align: middle; text-align: left; transition: all 0.5s ease; } .cxd-Switch.is-disabled { cursor: not-allowed; opacity: 0.4; } .cxd-Switch .text { margin: 0 0.4375rem 0 1.5625rem; color: var(--Switch-valueColor); text-indent: var(--gap-xs); text-transform: uppercase; font-size: var(--fontSizeSm); line-height: var(--Switch-height); font-style: normal; font-weight: bold; transition: all var(--animation-duration); } .cxd-Switch .text > svg { width: var(--fontSizeSm); height: var(--fontSizeSm); margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2); } .cxd-Switch .slider:before { content: ""; position: absolute; background: var(--white); width: calc(var(--Switch-height) - 0.125rem); top: 0.0625rem; bottom: 0.0625rem; left: 0.0625rem; border-radius: 50%; transition: margin-left var(--animation-duration); } .cxd-Switch.is-checked { background: var(--Switch-onActive-bgColor); } .cxd-Switch.is-checked .slider::before { left: auto; right: 0.0625rem; border-width: 0; } .cxd-Switch.is-checked .text { color: var(--white); margin: 0 1.5625rem 0 0.4375rem; } .cxd-Switch.is-checked.is-disabled .slider:before { color: var(--Switch-onDisabled-color); } .cxd-Switch.is-checked.is-disabled .text { color: var(--Switch-onDisabled-color); } .cxd-Switch input { position: absolute; opacity: 0; } .cxd-Switch-option { vertical-align: middle; margin-left: var(--Switch-gap); } .cxd-Switch-option:first-child { margin-left: 0; margin-right: var(--Switch-gap); } .cxd-Switch-option:empty { display: none; } .cxd-SwitchControl { padding-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2); } .cxd-SwitchControl.is-inline { display: inline-block; } .cxd-Number { margin: 0; padding: 0; line-height: var(--Form-input-height); font-size: var(--Form-input-fontSize); height: var(--Form-input-height); display: inline-block; vertical-align: middle; background: var(--Number-bg); border: var(--Number-borderWidth) solid var(--Number-borderColor); border-radius: var(--Number-borderRadius); overflow: hidden; } .cxd-Number--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-Number--borderNone { border-color: transparent !important; } .cxd-Number.no-steps > .cxd-Number-handler-wrap { display: none; } .cxd-Number-focused { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); } .cxd-Number-handler { text-align: center; overflow: hidden; display: block; touch-action: none; } .cxd-Number-handler-active { background: #ddd; } .cxd-Number-handler-up-inner, .cxd-Number-handler-down-inner { user-select: none; -webkit-user-select: none; display: inline-block; } .cxd-Number:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-Number-disabled:hover { border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number-input-wrap { overflow: hidden; height: 100%; } .cxd-Number-input { width: 100%; background: transparent; text-align: left; vertical-align: top; outline: 0; -moz-appearance: textfield; line-height: calc(var(--Form-input-height) - var(--Number-borderWidth) * 2); height: 100%; transition: all var(--animation-duration) ease; border: 0; border-radius: var(--Form-input-borderRadius); color: var(--Form-input-color); padding: 0 var(--Form-inputNumber-paddingX); } .cxd-Number-handler { background: var(--Number-handler-bg); color: var(--Number-handler-color); font-family: var(--Number-handler-fontFamily); font-size: var(--Number-handler-fontSize); } .cxd-Number-handler:hover { background: var(--Number-handler-onHover-bg); color: var(--Number-handler-onHover-color); cursor: pointer; } .cxd-Number-handler:hover:active { background: var(--Number-handler-onActive-bg); } .cxd-Number-handler-up-inner { transform: var(--Number-handler--up-transform); } .cxd-Number-handler-up-inner:after { content: var(--Number-handler--up-content); } .cxd-Number-handler-down-inner:after { content: var(--Number-handler--down-content); } .cxd-Number-handler-wrap { float: right; border-left: 0.0625rem solid var(--Form-input-borderColor); width: var(--Number-handler-width); height: 100%; } .cxd-Number-handler { line-height: calc((var(--Form-input-height) - 0.375rem) / 2); height: calc( (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2 ); } .cxd-Number-handler-up { border-bottom: var(--Number-handler-borderBottom); padding-top: 0.0625rem; } .cxd-Number-handler-down-disabled, .cxd-Number-handler-up-disabled { background: var(--Number-handler-onDisabled-bg); pointer-events: none; color: var(--Number-handler-onDisabled-color); } .cxd-Number-disabled { border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number-disabled .cxd-Number-input { opacity: 0.72; cursor: not-allowed; border-top-right-radius: 0px; border-bottom-right-radius: 0px; color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number-disabled .cxd-Number-handler-wrap { border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number-disabled .cxd-Number-handler { cursor: not-allowed; color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); opacity: 0.72; } .cxd-Number-disabled .cxd-Number-handler:hover { color: var(--text--muted-color); border-color: var(--Form-input-borderColor); } .cxd-Number-disabled .cxd-Number-handler:hover:active { background: var(--Form-input-onDisabled-bg); } .cxd-NumberControl:not(.is-inline) > .cxd-Number { display: block; } .cxd-Number--borderHalf .cxd-Number-handler-wrap, .cxd-Number--borderNone .cxd-Number-handler-wrap { border-left: none; } .cxd-NumberControl--withUnit { display: flex; } .cxd-NumberControl--withUnit .cxd-Number { flex-grow: 1; } .cxd-NumberControl--withUnit .cxd-Select { border-left: 0; } .cxd-Number--enhance { display: inline-flex; align-items: center; border: var(--Number-borderWidth) solid var(--Number-borderColor); border-radius: var(--Number-borderRadius); overflow: hidden; } .cxd-Number--enhance .cxd-Number--enhance-left-icon, .cxd-Number--enhance .cxd-Number--enhance-right-icon { display: inline-block; width: var(--Form-inputNumber-base-width); height: var(--Form-inputNumber-base-height); line-height: var(--Form-inputNumber-base-height); text-align: center; color: var(--Form-input-color); background: var(--Form-input-bg); } .cxd-Number--enhance .cxd-Number--enhance-left-icon:hover, .cxd-Number--enhance .cxd-Number--enhance-right-icon:hover { cursor: pointer; background: var(--Form-input-bg); color: var(--Form-input-onHover-borderColor); } .cxd-Number--enhance .cxd-Number--enhance-left-icon-focused, .cxd-Number--enhance .cxd-Number--enhance-right-icon-focused { background: var(--Form-input-bg); color: var(--Form-input-onFocused-borderColor); } .cxd-Number--enhance .cxd-Number--enhance-left-icon > svg, .cxd-Number--enhance .cxd-Number--enhance-right-icon > svg { width: var(--fontSizeSm); height: var(--fontSizeSm); } .cxd-Number--enhance .cxd-Number--enhance-left-icon { border-top-left-radius: var(--Number-borderRadius); border-bottom-left-radius: var(--Number-borderRadius); } .cxd-Number--enhance .cxd-Number--enhance-right-icon { border-top-right-radius: var(--Number-borderRadius); border-bottom-right-radius: var(--Number-borderRadius); } .cxd-Number--enhance .cxd-Number--enhance-input { flex: 1; border: 0; border-left: var(--Number-borderWidth) solid var(--Number-borderColor); border-right: var(--Number-borderWidth) solid var(--Number-borderColor); border-radius: 0; } .cxd-Number--enhance .cxd-Number--enhance-input .cxd-Number-handler-wrap { display: none; } .cxd-Number--enhance:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-Number--enhance:focus-within { border-color: var(--Form-input-onFocused-borderColor); } .cxd-Number--enhance .cxd-Number--enhance-border-min, .cxd-Number--enhance .cxd-Number--enhance-border-max { background: var(--Number-handler-onDisabled-bg); pointer-events: none; color: var(--Number-handler-onDisabled-color); } .cxd-Number--enhance .cxd-Number--enhance-border-min:hover, .cxd-Number--enhance .cxd-Number--enhance-border-max:hover { background: var(--Number-handler-onDisabled-bg); color: var(--Number-handler-onDisabled-color); } .cxd-Number--enhance .cxd-Number--enhance-border-disabled { background: var(--Form-input-onDisabled-bg); color: var(--Form-inputNumber-strong-disabled-color); cursor: not-allowed; } .cxd-Number--enhance .cxd-Number--enhance-border-disabled:hover { cursor: not-allowed; background: var(--Form-input-onDisabled-bg); color: var(--Form-inputNumber-strong-disabled-color); } .cxd-Number--enhance .cxd-Number--enhance-border-readOnly:hover, .cxd-Number--enhance .cxd-Number--enhance-border-readOnly:hover { color: var(--Number-handler-onHover-color); } .cxd-Number--enhance-no-steps .cxd-Number--enhance-left-icon, .cxd-Number--enhance-no-steps .cxd-Number--enhance-right-icon { display: none; } .cxd-Number--enhance-no-steps .cxd-Number--enhance-input { border: none; border-radius: var(--Number-borderRadius); } .cxd-Number--enhance-disabled { border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number--enhance-disabled .cxd-Number--enhance-input { border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Number--enhance-disabled:hover { border-color: var(--Number-borderColor); } .cxd-Number--enhance-borderNone, .cxd-Number--enhance-borderHalf { border: none; } .cxd-Select { display: inline-flex; /* select 标签样式 */ vertical-align: middle; text-align: left; align-items: center; outline: none; position: relative; font-size: var(--Form-input-fontSize); border: var(--Form-select-borderWidth) solid var(--Form-select-borderColor); background: var(--Form-select-bg); border-radius: var(--Form-select-borderRadius); min-height: var(--Form-selectOption-height); padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2 ) / 2 ) 0 calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2 ) / 2 ) var(--Form-select-paddingX); cursor: pointer; color: var(--Form-select-color); } .cxd-Select--block { display: flex; } .cxd-Select:hover { background: var(--Form-select-onHover-bg); border-color: var(--Form-select-onHover-borderColor); } .cxd-Select:hover .cxd-Select-arrow:before { color: var(--Form-select-caret-onHover-iconColor); } .cxd-Select.is-disabled { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); } .cxd-Select:focus { box-shadow: var(--Form-select-onFocus-boxShadow); } .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option { height: 2rem; line-height: 1.375rem; } .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-addBtn { height: 2rem; line-height: 1.875rem; } .cxd-Select--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-Select--borderNone { border-color: transparent !important; } .cxd-Select-valueWrap { user-select: none; position: relative; flex-grow: 1; line-height: 1; max-width: 100%; } .cxd-Select-valuesNoWrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.25rem; } .cxd-Select-placeholder { color: var(--Form-select-placeholderColor); line-height: var(--Form-input-lineHeight); user-select: none; white-space: nowrap; color: var(--Form-select-placeholderColor); } .cxd-Select-value { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .cxd-Select-value.is-invalid { color: var(--Form-selectValue-onInvalid-color); } .cxd-Select-value.is-disabled { color: var(--Form-selectValue-onDisabled-color); } .cxd-Select--multi { height: auto; min-height: var(--Form-selectOption-height); padding: var(--gap-xs) 0 var(--gap-xs) var(--gap-xs); } .cxd-Select--multi .cxd-Select-valueWrap > input { display: inline-block; width: 6.25rem; margin-bottom: var(--gap-xs); } .cxd-Select--multi .cxd-Select-valueWrap .cxd-Select-placeholder { margin-left: var(--gap-sm); } .cxd-Select--multi .cxd-Select-values + .cxd-Select-input { transform: translateY(0); } .cxd-Select--multi .cxd-Select-value { position: static; white-space: normal; user-select: none; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ); display: inline-block; vertical-align: middle; font-size: var(--Form-selectValue-fontSize); background: var(--Form-select-value-bgColor); border: 0.0625rem solid var(--Form-select-value-borderColor); border-radius: 0.125rem; margin-right: var(--gap-xs); margin-bottom: var(--gap-xs); } .cxd-Select--multi .cxd-Select-value:hover { background-color: var(--Form-selectValue-onHover-bgColor); } .cxd-Select--multi .cxd-Select-valueLabel { display: inline-block; max-width: var(--Form-valueLabel-maxWidth); padding: 0 var(--gap-xs); overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .cxd-Select-valueIcon { cursor: pointer; padding: 1px 5px; color: var(--Form-select-valueIcon-color); } .cxd-Select-valueIcon:hover { color: var(--Form-select-valueIcon-onHover-color); } .cxd-Select-valueIcon.is-disabled { pointer-events: none; display: none; cursor: not-allowed; background: var(--Form-selectValue-onDisable-bg); } .cxd-Select-valueIcon svg { width: 0.625rem; height: 0.625rem; } .cxd-Select-arrow { margin-right: 0.75rem; width: var(--gap-md); text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1; transform: rotate(90deg); } .cxd-Select-arrow > svg { transition: transform var(--animation-duration); display: inline-block; color: var(--Form-select-caret-iconColor); width: 10px; height: 10px; top: 0; } .cxd-Select.is-opened:not(.is-mobile) .cxd-Select-arrow > svg { transform: rotate(180deg); } .cxd-Select.is-mobile { min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg)); border: none; padding: 0; font-size: var(--fontSizeLg); } .cxd-Select.is-mobile .cxd-Select-valueWrap { text-align: right; padding-right: 4px; } .cxd-Select.is-mobile .cxd-Select-arrow > svg { transform: rotate(-90deg); } .cxd-Select-menu { max-height: 18.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; overflow: auto; user-select: none; } .cxd-Select-menu .cxd-Checkbox--sm > i { margin-top: -0.1875rem; margin-right: 0.25rem; } .cxd-Select-menu.is-mobile { width: 100%; text-align: center; } .cxd-Select-menu.is-mobile .cxd-Select-option { line-height: 2.25rem; } .cxd-Select--longlist { overflow: hidden; max-height: max-content; } .cxd-Select-input { cursor: pointer; outline: none; border: none; margin: 0 var(--Form-select-paddingX); height: var(--Form-select-search-height); font-size: var(--Form-select-input-fontSize); border-bottom: 1px solid var(--borderColor); display: flex; align-items: center; } .cxd-Select-input > svg { fill: #999; width: 0.875rem; min-width: 0.875rem; height: 0.875rem; margin-right: var(--gap-xs); } .cxd-Select-input > input { width: 100%; outline: none; border: none; flex-grow: 1; background: transparent; position: relative; top: 0.125em; } .cxd-Select-option { cursor: pointer; padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-Select-option.is-active { color: var(--Form-select-menu-onActive-color); background: var(--Form-select-menu-onActive-bg); } .cxd-Select-option.is-highlight { color: var(--Form-select-menu-onHover-color); background: var(--Form-select-menu-onHover-bg); } .cxd-Select-option.is-disabled { color: var(--Form-select-menu-onDisabled-color); background: var(--Form-select-menu-onDisabled-bg); } .cxd-Select-option > label { display: block; } .cxd-Select-option > a { float: right; margin-left: var(--gap-xs); display: none; } .cxd-Select-option.is-highlight > a { display: block; } .cxd-Select-option .cxd-Select-option-content, .cxd-Select-option .cxd-Select-option-content > span > div { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%; } .cxd-Select-noResult { color: var(--Form-select-placeholderColor); line-height: var(--Form-input-lineHeight); font-size: var(--Form-select-input-fontSize); user-select: none; padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-Select-option-hl { color: var(--info); } .cxd-Select-addBtn { display: block; cursor: pointer; padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-Select-addBtn:hover { text-decoration: none; } .cxd-Select-addBtn > svg { width: 0.875rem; height: 0.875rem; margin-right: var(--Checkbox-gap); } .cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) { border-color: var(--Form-input-onFocused-borderColor); color: var(--Form-select-onFocused-color); } .cxd-Select-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-Select-clear { padding: 0.1875rem; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } .cxd-Select-clear svg { fill: var(--Form-input-iconColor); width: 0.875rem; height: 0.875rem; top: 0; } .cxd-Select-clear svg:hover > path:first-of-type { fill: var(--Form-select-valueIcon-color); } .cxd-Select-popup { height: 20rem; } .cxd-Select-overflow-wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; overflow-x: hidden; overflow-y: auto; max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 ); } .cxd-Select-overflow-wrapper .cxd-Select-value { position: static; white-space: normal; user-select: none; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ); display: inline-block; vertical-align: middle; font-size: var(--Form-selectValue-fontSize); background: var(--Form-select-value-bgColor); border: 0.0625rem solid var(--Form-select-value-borderColor); border-radius: 0.125rem; margin-right: var(--gap-xs); margin-bottom: var(--gap-xs); } .cxd-Select-overflow-wrapper .cxd-Select-value:hover { background-color: var(--Form-selectValue-onHover-bgColor); } .cxd-Select-overflow-wrapper .cxd-Select-valueLabel { display: inline-block; max-width: var(--Form-valueLabel-maxWidth); padding: 0 var(--gap-xs); overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value { background-color: var(--Form-select-value-bgColor--dark); border: none; } .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value:hover { background-color: var(--ResultBox-value--onHover-bg--dark); } .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value .cxd-Select-valueIcon { color: var(--Form-select-valueIcon-color--dark); } .cxd-Select-popover { margin-top: calc(var(--Form-select-outer-borderWidth) * -1); background: var(--Form-select-menu-bg); color: var(--Form-select-menu-color); border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-select-outer-boxShadow); border-top-left-radius: 0; border-top-right-radius: 0; } .cxd-Select-popover.cxd-PopOver--leftTopLeftBottom { margin-top: calc( (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1 ); } .cxd-SelectControl:not(.is-inline) > .cxd-Select { display: flex; } .cxd-SelectControl.is-error > .cxd-Select { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); } .cxd-Select.is-error { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); } @media (min-width: 576px) { .cxd-Form-control--sizeXs > .cxd-Select, .cxd-Form-control--sizeSm > .cxd-Select, .cxd-Form-control--sizeMd > .cxd-Select, .cxd-Form-control--sizeLg > .cxd-Select { min-width: 100%; max-width: 100%; display: inline-flex !important; } .cxd-Form-control--sizeXs > .cxd-Select .cxd-Select-valueWrap, .cxd-Form-control--sizeSm > .cxd-Select .cxd-Select-valueWrap, .cxd-Form-control--sizeMd > .cxd-Select .cxd-Select-valueWrap, .cxd-Form-control--sizeLg > .cxd-Select .cxd-Select-valueWrap { width: 0; } } .cxd-Selections { height: 100%; min-width: 12.5rem; position: relative; display: flex; flex-direction: column; } .cxd-Selections-title { height: var(--Form-input-height); background: var(--Table-thead-bg); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); } .cxd-Selections-placeholder { color: var(--Form-input-placeholderColor); text-align: center; width: 100%; height: 100%; flex-basis: var(--Form-input-height); flex-grow: 1; display: flex; flex-direction: column; justify-content: center; font-size: var(--Form-input-fontSize); } .cxd-Selections-items { flex-grow: 1; } .cxd-Selections-item { display: flex; flex-direction: row; height: var(--Form-input-height); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); align-items: center; padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); } .cxd-Selections-item > label { flex-basis: 3.125rem; flex-grow: 1; } .cxd-Selections-item > .cxd-Selections-dragbar { top: 0; width: var(--gap-lg); position: relative; left: calc(var(--gap-xs) * -1); color: var(--icon-color); cursor: move; } .cxd-Selections-item--dragging > * { opacity: 0.2; } .cxd-Selections-delBtn { color: var(--icon-color); cursor: pointer; } .cxd-Selections-delBtn:hover { color: var(--icon-onHover-color); } .cxd-Selections-delBtn > svg { width: 12px; height: 12px; } .cxd-ListControl-items { display: block; margin: calc(var(--ListControl-gutterWidth) / -2); } .cxd-ListControl-items:empty { display: none; } .cxd-ListControl-item { position: relative; user-select: none; font-size: var(--ListControl-fontSize); display: inline-block; vertical-align: middle; margin: calc(var(--ListControl-gutterWidth) / 2); border: var(--ListControl-item-borderWidth) solid var(--ListControl-item-borderColor); background: var(--ListControl-item-bg); padding: var(--ListControl-item-paddingY) var(--ListControl-item-paddingX); color: var(--ListControl-item-color); transition: var(--ListControl-item-transition); max-width: calc(12.5rem + 2 * var(--ListControl-item-paddingX)); border-radius: var(--ListControl-item-borderRadius); } .cxd-ListControl-item:not(.is-disabled) { cursor: pointer; } .cxd-ListControl-item .b-inherit { border-color: var(--ListControl-item-color); } .cxd-ListControl-item:hover { background: var(--ListControl-item-onHover-bg); border-color: var(--ListControl-item-onHover-borderColor); color: var(--ListControl-item-onHover-color); } .cxd-ListControl-item:hover .b-inherit { border-color: var(--ListControl-item-onHover-borderColor); } .cxd-ListControl-item:hover:active, .cxd-ListControl-item.is-active { background: var(--ListControl-item-onActive-bg); border-color: var(--ListControl-item-onActive-borderColor); color: var(--ListControl-item-onActive-color); } .cxd-ListControl-item:hover:active:hover, .cxd-ListControl-item.is-active:hover { background: var(--ListControl-item-onActive-onHover-bg); } .cxd-ListControl-item:hover:active .b-inherit, .cxd-ListControl-item.is-active .b-inherit { border-color: var(--ListControl-item-onActive-color); } .cxd-ListControl-item:hover:active:before, .cxd-ListControl-item.is-active:before { content: ""; position: absolute; width: 0.875rem; height: 0.875rem; background: var(--ListControl-item-onActive-before-bg); right: 0; bottom: 0; } .cxd-ListControl-item:hover:active:after, .cxd-ListControl-item.is-active:after { content: ""; position: absolute; width: 0.625rem; height: var(--gap-xs); border-color: var(--ListControl-item-onActive-after-borderColor); border-style: solid; border-width: 0 0 0.125rem 0.125rem; right: 0.0625rem; bottom: var(--gap-xs); transform: rotate(-40deg); } .cxd-ListControl-item.is-disabled { pointer-events: none; opacity: var(--ListControl-item-onDisabled-opacity); border-color: var(--ListControl-item-onDisabled-borderColor); background: var(--ListControl-item-onDisabled-bg); color: var(--ListControl-item-onDisabled-color); } .cxd-ListControl-item.is-disabled:before { background: var(--ListControl-item-onDisabled-color); } .cxd-ListControl-item.is-disabled .b-inherit { border-color: var(--ListControl-item-onDisabled-borderColor); } .cxd-ListControl-itemImage { margin: calc(var(--ListControl-item-paddingY) * -1) calc(var(--ListControl-item-paddingX) * -1); } .cxd-ListControl-itemImage img { display: block; max-width: 100%; } .cxd-ListControl-itemLabel { text-align: center; } .cxd-ListControl-itemImage + .cxd-ListControl-itemLabel { margin-top: var(--ListControl-item-paddingY); } .cxd-ListControl-placeholder { color: var(--Form-input-placeholderColor); } .cxd-LocationPicker { position: relative; display: inline-flex; flex-wrap: nowrap; border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor); font-size: var(--DatePicker-fontSize); padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX); height: var(--DatePicker-height); outline: none; white-space: nowrap; color: var(--DatePicker-color); background: var(--DatePicker-bg); border-radius: var(--LocationPicker-borderRadius); } .cxd-LocationPicker:not(.is-disabled) { cursor: pointer; } .cxd-LocationPicker:not(.is-disabled):hover { background: var(--DatePicker-onHover-bg); border-color: var(--DatePicker-onHover-borderColor); } .cxd-LocationPicker:not(.is-disabled):hover .cxd-DatePicker-toggler:before { color: var(--DatePicker-onHover-iconColor); } .cxd-LocationPicker.is-focused, .cxd-LocationPicker.is-active { border-color: var(--DatePicker-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); } .cxd-LocationPicker.is-disabled { background: #e5e7eb; } .cxd-LocationPicker.is-disabled > cxd-LocationPicker-input { color: var(--text--muted-color); } .cxd-LocationPicker-placeholder { color: var(--DatePicker-placeholderColor); user-select: none; margin-right: var(--gap-base); flex-basis: 0; flex-grow: 1; } .cxd-LocationPicker-value { margin-right: var(--gap-base); flex-basis: 0; flex-grow: 1; } .cxd-LocationPicker-toggler { cursor: pointer; color: var(--DatePicker-iconColor); } .cxd-LocationPicker-toggler:hover { color: var(--DatePicker-onHover-iconColor); } .cxd-LocationPicker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; margin-right: var(--gap-xs); } .cxd-LocationPicker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-LocationPicker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-LocationPicker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-LocationControl { position: relative; width: 100%; } .cxd-LocationControl:not(.is-inline) > .cxd-LocationPicker { display: flex; } .cxd-LocationPicker-popover { min-width: 320px; width: 100%; max-width: 100%; margin-top: -1px; border-color: var(--Form-input-onFocused-borderColor); } .cxd-MapPicker-search { padding: 5px 10px; } .cxd-MapPicker-map { display: block; width: 100%; height: 200px; } .cxd-MapPicker-item { padding: 10px 10px; position: relative; border-top: 1px solid var(--borderColor); } .cxd-MapPicker-item > svg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .cxd-MapPicker-itemTitle { font-size: var(--fontSizeBase); } .cxd-MapPicker-itemDesc { font-size: var(--fontSizeSm); } .cxd-MapPicker-sugItem { cursor: pointer; padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-MapPicker-sugItem:hover { color: var(--Form-select-menu-onActive-color); background: var(--Form-select-menu-onActive-bg); } .tangram-suggestion-main { display: none !important; } .cxd-MatrixControl-error { margin-bottom: 0; } .cxd-ColorPicker { position: relative; display: inline-flex; flex-wrap: nowrap; white-space: nowrap; border: var(--ColorPicker-borderWidth) solid var(--ColorPicker-borderColor); font-size: var(--ColorPicker-fontSize); padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX); background: var(--ColorPicker-bg); color: var(--ColorPicker-color); border-radius: var(--borderRadius); } .cxd-ColorPicker-popup { height: 25rem; } .cxd-ColorPicker:not(.is-disabled) { cursor: pointer; } .cxd-ColorPicker:not(.is-disabled):hover { background: var(--ColorPicker-onHover-bg); border-color: var(--ColorPicker-onHover-borderColor); } .cxd-ColorPicker-input { border: 0; background: transparent; outline: none; width: 100%; flex-basis: 0; flex-grow: 1; padding: 0; margin: 0; height: calc(var(--ColorPicker-fontSize) * var(--ColorPicker-lineHeight)); } .cxd-ColorPicker-input::placeholder { color: var(--ColorPicker-placeholderColor); } .cxd-ColorPicker.is-focused { border-color: var(--ColorPicker-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); } .cxd-ColorPicker.is-disabled { background: var(--ColorPicker-onDisabled-bg); color: var(--ColorPicker-onDisabled-color); pointer-events: none; } .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input { color: var(--ColorPicker-onDisabled-color); } .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::placeholder { color: var(--ColorPicker-onDisabled-color); } .cxd-ColorPicker-preview { display: flex; align-items: center; margin-right: var(--gap-sm); cursor: pointer; } .cxd-ColorPicker-previewIcon { display: block; width: 1rem; height: 1rem; box-shadow: var(--boxShadowSm); } .cxd-ColorPicker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-ColorPicker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-ColorPicker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-ColorPicker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-ColorPicker-arrow { margin-right: var(--gap-xs); width: var(--gap-md); text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1; } .cxd-ColorPicker-arrow > svg { transition: transform var(--animation-duration); display: inline-block; color: var(--Form-select-caret-iconColor); width: 10px; height: 10px; top: 0; } .cxd-ColorPicker.is-opened .cxd-ColorPicker-arrow > svg { transform: rotate(180deg); } .cxd-ColorPicker-popover { border: none; box-shadow: none; } .cxd-ColorControl:not(.is-inline) > .cxd-ColorPicker { display: flex; } .sketch-picker { border: none !important; border-radius: var(--borderRadius) !important; box-shadow: var(--ColorPicker-boxShadow) !important; } .cxd-DatePicker { position: relative; display: inline-flex; flex-wrap: nowrap; border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor); font-size: var(--DatePicker-fontSize); padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX); height: var(--DatePicker-height); outline: none; white-space: nowrap; color: var(--DatePicker-color); background: var(--DatePicker-bg); border-radius: var(--DatePicker-borderRadius); min-width: var(--DatePicker-minWidth); } .cxd-DatePicker-input { display: inline-block; width: 100%; background: none; padding: 0; border: 0; } .cxd-DatePicker-input:focus { border: none; outline: none; box-sizing: none; } .cxd-DatePicker .cxd-DatePicker-clear { display: none; } .cxd-DatePicker--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-DatePicker--borderNone { border-color: transparent !important; } .cxd-DatePicker:not(.is-disabled) { cursor: pointer; } .cxd-DatePicker:not(.is-disabled):hover { background: var(--DatePicker-onHover-bg); border-color: var(--DatePicker-onHover-borderColor); } .cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-clear { display: flex; } .cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-clear + .cxd-DatePicker-toggler { display: none; } .cxd-DatePicker.is-focused { border-color: var(--DatePicker-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); } .cxd-DatePicker.is-disabled { background: #e5e7eb; } .cxd-DatePicker.is-disabled > .cxd-DatePicker-input { color: var(--text--muted-color); } .cxd-DatePicker-placeholder { color: var(--DatePicker-placeholderColor); user-select: none; margin-right: var(--gap-base); min-width: 3.125rem; flex-basis: 0; flex-grow: 1; } .cxd-DatePicker-value { margin-right: var(--gap-base); flex-basis: 0; flex-grow: 1; } .cxd-DatePicker-toggler { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; } .cxd-DatePicker-toggler svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-DatePicker-toggler:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-DatePicker-toggler:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-DatePicker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; } .cxd-DatePicker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-DatePicker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-DatePicker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-DateControl:not(.is-inline) > .cxd-DatePicker { display: flex; } .cxd-DatePicker-shortcuts { margin: 0; padding-left: 0.625rem; list-style: none; background: #f7f7f9; line-height: 2rem; } .cxd-DatePicker-shortcut { display: inline-block; margin-right: 2rem; font-size: var(--fontSizeSm); } .cxd-DatePicker-shortcut a { font-size: var(--Calendar-fontSize); cursor: pointer; color: var(--Calendar-shortcut-color); text-decoration: var(--Calendar-shortcut-decoration); } .cxd-DatePicker-shortcut a:hover { color: var(--Calendar-shortcut-onHover-color); text-decoration: var(--Calendar-shortcut-onHover-decoration); } .cxd-DatePicker-popover { margin: 0.125rem 0 0; } .cxd-DatePicker-popover.cxd-PopOver--leftTopLeftBottom, .cxd-DatePicker-popover.cxd-PopOver--rightTopRightBottom { margin: -0.125rem 0 0; } .cxd-DatePicker-popup { height: 18.75rem; } .cxd-DatePicker.is-mobile { border: 0; justify-content: flex-end; } .cxd-DatePicker.is-mobile span:focus, .cxd-DatePicker.is-mobile a:focus { outline: unset; } .cxd-DatePicker.is-mobile .cxd-DatePicker-value, .cxd-DatePicker.is-mobile .cxd-DatePicker-clear { display: inline-flex; justify-content: flex-end; padding: 0 0; } .cxd-DatePicker.is-mobile .cxd-DatePicker-value { margin-right: var(--gap-xs); } .cxd-DatePicker.is-mobile .cxd-DatePicker-placeholder { flex-grow: unset; flex-basis: unset; } .cxd-DatePicker.is-mobile .cxd-DatePicker-toggler { margin-top: -3px; } .cxd-DatePicker-popup.cxd-DatePicker-mobile { color: red; } .cxd-DatePicker-popup.cxd-DatePicker-mobile .rdt { width: 100%; } .cxd-DatePicker-popup.cxd-DatePicker-mobile .rdt .rdtPicker { width: 100%; padding: unset; } .rdt { user-select: none; font-size: var(--Calendar-fontSize); color: var(--Calendar-color); } .rdt .rdtDays { display: flex; } .rdt .rdtDays .rdtDaysPart { width: 16.5rem; border-right: 1px solid var(--Calendar-input-borderColor); } .rdt .rdtDays .rdtTimePart { width: 8rem; text-align: center; } .rdt .rdtDays .rdtTimePartWithS { width: 12rem; text-align: center; } .rdt .rdtDays .rdtShowTime { height: 2.6875rem; padding-top: 0.6875rem; margin-left: 0.125rem; border-bottom: 1px solid var(--Calendar-input-borderColor); } .rdt .rdtPickerTime { width: 100%; height: 100%; } .rdt .rdtPickerDate { height: 100%; } .rdt .rdtPickerTimeWithoutD { width: 100%; } .rdt .rdtPickerTimeWithoutD .TimeContentWrapper { display: flex; } .rdt .rdtPicker { margin-top: 0; padding: 0; background: transparent; border: none; } .rdt .rdtPicker .dow { font-weight: normal; } .rdt .rdtPicker td.rdtDay, .rdt .rdtPicker td.rdtHour, .rdt .rdtPicker td.rdtMinute, .rdt .rdtPicker td.rdtSecond, .rdt .rdtPicker .rdtTimeToggle { background: var(--Calendar-cell-bg); } .rdt .rdtPicker td.rdtDay:hover, .rdt .rdtPicker td.rdtHour:hover, .rdt .rdtPicker td.rdtMinute:hover, .rdt .rdtPicker td.rdtSecond:hover, .rdt .rdtPicker .rdtTimeToggle:hover { background: var(--Calendar-cell-onHover-bg); } .rdt .rdtPicker td.rdtBetween { background: var(--Calendar-cell-onBetween-bg); } .rdt .rdtPicker td.rdtToday:before { border-bottom-color: var(--Calendar-cell-onActive-bg); } .rdt .rdtPicker td.rdtActive.rdtToday:before { border-bottom-color: var(--Calendar-cell-bg); } .rdt .rdtPicker .rdtDisabled.rdtToday > span, .rdt .rdtPicker .rdtOld.rdtToday > span, .rdt .rdtPicker .rdtNew.rdtToday > span { border-color: #e8e9eb; } .rdt .rdtPicker td.rdtActive > span, .rdt .rdtPicker td.rdtActive:hover > span { background: var(--Calendar-cell-onActive-bg); } .rdt .rdtPicker .rdtActive.rdtToday { color: #151b26; } .rdt .rdtPicker .rdtActive.rdtToday > span { background: transparent; border-color: #144bcc; } .rdt .rdtPicker td.rdtDisabled > span, .rdt .rdtPicker td.rdtDisabled:hover > span { background: var(--Calendar-cell-onDisabled-bg); } .rdt thead tr:first-child th { cursor: default; font-weight: normal; border-bottom: none; } .rdt thead tr:first-child th:hover { background: transparent; } .rdt tfoot { border-top: 0; } .rdt tfoot td { padding-top: var(--gap-xs); text-align: left; } .rdt tfoot td span { width: 10px; display: inline-block; text-align: center; } .rdt tfoot td .rdtActions { text-align: right; padding: var(--gap-sm); border-top: 1px solid var(--Calendar-input-borderColor); } .cxd-CalendarInputWrapper { display: inline-block; position: relative; width: 4rem; height: 14rem; overflow: auto; } .cxd-CalendarInputWrapper .cxd-CalendarInput-sugs { list-style: none; background: var(--Form-select-menu-bg); color: var(--Form-select-menu-color); left: -0.0625rem; right: -0.0625rem; top: 100%; z-index: 10; } .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsHours { height: 54.25rem; } .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsTimes { height: 117.25rem; border-left: 1px solid var(--Calendar-input-borderColor); } .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem { text-align: center; height: 28px; line-height: 28px; } .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight, .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover { color: var(--Form-select-menu-onHover-color); background: var(--Form-select-menu-onHover-bg); } .cxd-TimeRangeHeaderWrapper { height: 40px; padding-top: 10px; text-align: center; border-bottom: 1px solid var(--Calendar-input-borderColor); } .cxd-TimeFooterWrapper { height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 12px; } .cxd-TimeFooterWrapper .cxd-Button { height: 24px; line-height: 24px; padding: 0 8px; border-radius: 2px; } .cxd-CalendarInput { outline: none; width: 3.5rem; font-size: var(--Calendar-input-fontSize); color: var(--Calendar-input-color); border: 1px solid var(--Calendar-input-borderColor); border-radius: var(--Calendar-input-borderRadius); height: var(--Calendar-input-height); line-height: var(--Calendar-input-lineHeight); padding: var(--Calendar-input-paddingY) var(--Calendar-input-paddingX); box-shadow: none; } .cxd-CalendarInput:focus { border-color: var(--Calendar-input-onFocused-borderColor); box-shadow: none; } .cxd-CalendarTime { display: flex; flex-direction: row; justify-content: center; align-items: center; } .cxd-CalendarCounter-btn { display: flex; justify-content: center; align-items: center; height: 25px; text-align: center; color: var(--Button--primary-bg); } .cxd-CalendarCounter-btn:hover { color: var(--Button--primary-onActive-bg); } .cxd-CalendarCounter-btn > svg { width: 16px; height: 16px; } .cxd-CalendarCounter-btn--up > svg { transform: rotate(-90deg); } .cxd-CalendarCounter-btn--down > svg { transform: rotate(90deg); } .cxd-CalendarCounter-sep { width: var(--gap-md); text-align: center; } .cxd-CalendarCounter--daypart { margin-left: 10px; } .cxd-CalendarCounter--daypart .cxd-CalendarCounter-value { height: 30px; display: flex; align-items: center; padding: 0 5px; } .rdtBtn { line-height: var(--Calendar-btn-lineHeight); padding: var(--Calendar-btn-paddingY) var(--Calendar-btn-paddingX); display: inline-block; vertical-align: middle; text-align: center; user-select: none; cursor: pointer; text-decoration: none; font-size: var(--Calendar-btn-fontSize); border: 1px solid var(--Calendar-btn-border); color: var(--Calendar-btn-color); background: var(--Calendar-btn-bg); border-color: var(--Calendar-btn-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); border-radius: var(--Calendar-btn-borderRadius); } .rdtBtn:hover { text-decoration: none; } .rdtBtn.is-disabled { border-color: var(--Button-onDisabled-borderColor); opacity: 0.6; pointer-events: none; } .rdtBtn .fa, .rdtBtn .iconfont { font-size: var(--fontSizeSm); } .rdtBtn:not(:disabled):not(.is-disabled):hover { color: var(--Calendar-btn-onHover-color); background: var(--Calendar-btn-onHover-bg); border-color: var(--Calendar-btn-onHover-border); } .rdtBtn:not(:disabled):not(.is-disabled):hover:active { color: var(--Calendar-btn-onActive-color); background: var(--Calendar-btn-onActive-bg); border-color: var(--Calendar-btn-onActive-border); } .rdtBtn:hover:focus { box-shadow: var(--Button-boxShadow); } .rdtBtn + .rdtBtn { margin-left: var(--gap-xs); } .rdtBtnCancel { color: var(--Calendar-btnCancel-color); background: var(--Calendar-btnCancel-bg); border-color: var(--Calendar-btnCancel-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .rdtBtnCancel:not(:disabled):not(.is-disabled):hover { color: var(--Calendar-btnCancel-onHover-color); background: var(--Calendar-btnCancel-onHover-bg); border-color: var(--Calendar-btnCancel-onHover-border); } .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active { color: var(--Calendar-btnCancel-onActive-color); background: var(--Calendar-btnCancel-onActive-bg); border-color: var(--Calendar-btnCancel-onActive-border); } .rdtBtnCancel:hover:focus { box-shadow: var(--Button-boxShadow); } .rdtBtnPrev:before, .rdtBtnNext:before { display: inline-block; color: inherit; font-style: normal; line-height: 1; } .rdtPrev, .rdtNext { cursor: pointer !important; width: var(--gap-md); padding: 0; color: var(--DatePicker-arrow-color); font-size: var(--fontSizeXl); text-decoration: none; font-family: auto; font-weight: normal; } .rdtPrev:hover, .rdtNext:hover { text-decoration: none; color: var(--DatePicker-color); } .rdtCenter { color: var(--DatePicker-color); } .rdtSwitch { text-align: center; cursor: pointer; font-weight: normal; color: var(--DatePicker-color); } .rdtSwitch:hover { color: var(--DatePicker-header-onHover-color); text-decoration: none; } .rdtHeader { display: table; table-layout: fixed; border-collapse: separate; border-bottom: 1px solid var(--Calendar-input-borderColor); height: 40px; width: 100%; margin-top: -8px; } .rdtHeader > * { display: table-cell; vertical-align: middle; text-align: center; } .rdtHeader .rdtSwitch + .rdtSwitch { margin-left: var(--gap-xs); } td.rdtMonth > span, td.rdtYear > span, td.rdtQuarter > span { display: inline-block; } td.rdtMonth.rdtBetween, td.rdtYear.rdtBetween, td.rdtQuarter.rdtBetween { background: var(--Calendar-cell-onBetween-bg); } td.rdtMonth:hover, td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover, td.rdtYear:hover, td.rdtYear.rdtActive, td.rdtYear.rdtActive:hover, td.rdtQuarter:hover, td.rdtQuarter.rdtActive, td.rdtQuarter.rdtActive:hover { background: transparent; } td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span, td.rdtYear:hover > span, td.rdtYear.rdtActive > span, td.rdtYear.rdtActive:hover > span, td.rdtQuarter:hover > span, td.rdtQuarter.rdtActive > span, td.rdtQuarter.rdtActive:hover > span { background: var(--info) !important; color: var(--white); } td.rdtMonth.rdtDisabled, td.rdtMonth.rdtDisabled:hover, td.rdtYear.rdtDisabled, td.rdtYear.rdtDisabled:hover, td.rdtQuarter.rdtDisabled, td.rdtQuarter.rdtDisabled:hover { background: var(--Calendar-cell-onDisabled-bg); color: #b8babf; } .cxd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween { background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%); } .cxd-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween { background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%); } .cxd-DateCalendar { display: inline-block; border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor); background: var(--DatePicker-bg); border-radius: var(--DatePicker-borderRadius); } .cxd-DateRangePicker { position: relative; display: inline-flex; flex-wrap: nowrap; border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor); font-size: var(--DatePicker-fontSize); padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX); height: var(--DatePicker-height); outline: none; border-radius: var(--DatePicker-borderRadius); color: var(--DatePicker-color); background: var(--DatePicker-bg); min-width: var(--DateRangePicker-minWidth); } .cxd-DateRangePicker--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-DateRangePicker--borderNone { border-color: transparent !important; } .cxd-DateRangePicker .cxd-DateRangePicker-clear { display: none; } .cxd-DateRangePicker:not(.is-disabled) { cursor: pointer; } .cxd-DateRangePicker:not(.is-disabled):hover { background: var(--DatePicker-onHover-bg); border-color: var(--DatePicker-onHover-borderColor); } .cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-clear { display: flex; } .cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-clear + .cxd-DateRangePicker-toggler { display: none; } .cxd-DateRangePicker.is-focused { border-color: var(--DatePicker-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); } .cxd-DateRangePicker .cxd-DateRangePicker-input { border: none; border-bottom: 1px solid transparent; outline: none; padding: 0; background: 0; flex: 1; } .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive { border-bottom: 1px solid var(--DatePicker-onFocused-borderColor); } .cxd-DateRangePicker .cxd-DateRangePicker-input-separator { margin: 0 var(--gap-sm); } .cxd-DateRangePicker.is-disabled { background: #e5e7eb; } .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input { color: var(--text--muted-color); } .cxd-DateRangePicker-placeholder { color: var(--DatePicker-placeholderColor); user-select: none; margin-right: var(--gap-base); flex-basis: 0; flex-grow: 1; } .cxd-DateRangePicker-value { margin-right: var(--gap-base); flex-basis: 0; flex-grow: 1; } .cxd-DateRangePicker-toggler { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; } .cxd-DateRangePicker-toggler svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-DateRangePicker-toggler:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-DateRangePicker-toggler:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-DateRangePicker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; } .cxd-DateRangePicker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-DateRangePicker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-DateRangePicker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-DateRangePicker-wrap { width: auto; padding: 0; } .cxd-DateRangePicker-start, .cxd-DateRangePicker-end { display: inline-block; vertical-align: top; } .cxd-DateRangePicker-start .rdtPicker, .cxd-DateRangePicker-end .rdtPicker { padding: 0; box-shadow: none; border: none; } .cxd-DateRangePicker-end { margin-top: 20px; } .cxd-DateRangePicker-rangers { margin: 0; padding-left: 0.625rem; list-style: none; background: #F7F7F9; line-height: 2rem; } .cxd-DateRangePicker-ranger { display: inline-block; margin-right: 2rem; font-size: var(--fontSizeSm); } .cxd-DateRangePicker-ranger a { cursor: pointer; color: var(--DatePicker-color); } .cxd-DateRangePicker-ranger a:hover { color: var(--DatePicker-header-onHover-color); } .cxd-DateRangePicker-actions { text-align: right; padding: var(--gap-sm); border-top: 1px solid var(--Calendar-input-borderColor); } .cxd-DateRangeControl:not(.is-inline) > .cxd-DateRangePicker { display: flex; } .cxd-DateRangeControl.is-date > .cxd-DateRangePicker { min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10); } .cxd-DateRangeControl.is-datetime > .cxd-DateRangePicker { min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10); } .cxd-DateRangePicker-popover { margin: 0.125rem 0 0; } .cxd-DateRangePicker-popover.cxd-PopOver--leftTopLeftBottom, .cxd-DateRangePicker-popover.cxd-PopOver--rightTopRightBottom { margin: -0.125rem 0 0; } .cxd-DateRangePicker-popup { height: 25rem; } @media (min-width: 576px) { .cxd-DateRangePicker-wrap { white-space: nowrap; } .cxd-DateRangePicker-end { margin-top: 0; border-left: 1px solid var(--Calendar-input-borderColor); } } .cxd-DateRangeCalendar { display: inline-block; border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor); background: var(--DatePicker-bg); border-radius: var(--DatePicker-borderRadius); } .cxd-DateRangePicker.is-mobile { border: 0; justify-content: flex-end; } .cxd-DateRangePicker.is-mobile span:focus, .cxd-DateRangePicker.is-mobile a:focus { outline: unset; } .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value, .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-clear { display: inline-flex; justify-content: flex-end; padding: 0 0; } .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value { margin-right: var(--gap-xs); } .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-placeholder { flex-grow: unset; flex-basis: unset; } .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-toggler { margin-top: -3px; } .cxd-ImageControl { position: relative; } .cxd-ImageControl-dropzone { outline: none; } .cxd-ImageControl-addBtn { margin: 0; width: 7.5rem; height: 7.5rem; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; border: var(--borderWidth) solid var(--borderColor); border-radius: var(--ImageControl-addBtn-borderRadius); cursor: pointer; margin-right: var(--gap-base); color: var(--ImageControl-addBtn-color); background: var(--ImageControl-addBtn-bg); border-color: var(--ImageControl-addBtn-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover { color: var(--ImageControl-addBtn-onHover-color); background: var(--ImageControl-addBtn-onHover-bg); border-color: var(--ImageControl-addBtn-onHover-border); } .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active { color: var(--ImageControl-addBtn-onActive-color); background: var(--ImageControl-addBtn-onActive-bg); border-color: var(--ImageControl-addBtn-onActive-border); } .cxd-ImageControl-addBtn:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-ImageControl-addBtn > svg { width: 1.5rem; height: 1.5rem; top: 0; margin-bottom: 0.5rem; } .cxd-ImageControl-addBtn-text { color: var(--ImageControl-addBtn-upload-color); } .cxd-ImageControl-addBtn.is-disabled { pointer-events: none; border: 0.0625rem solid var(--ImageControl-addBtn-onDisabled-border); background: var(--ImageControl-addBtn-onDisabled-bg); color: var(--ImageControl-addBtn-onDisabled-color); } .cxd-ImageControl-pasteTip { pointer-events: none; left: 0; top: 50%; transform: translateY(-50%); position: absolute; font-size: var(--Tooltip--attr-fontSize); line-height: var(--Tooltip--attr-lineHeigt); text-align: left; white-space: nowrap; background: var(--Tooltip--attr-bg); border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor); border-radius: var(--Tooltip--attr-borderRadius); box-shadow: var(--Tooltip--attr-boxShadow); left: 100%; color: var(--Tooltip--attr-color); padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX); margin: 30px 0 0 var(--Tooltip--attr-gap); } .cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn { border-color: var(--ImageControl-addBtn-onHover-border); background: var(--ImageControl-addBtn-onHover-bg); color: var(--ImageControl-addBtn-onHover-color) !important; } .cxd-ImageControl-dropzone:hover .cxd-ImageControl-addBtn { border-color: var(--ImageControl-addBtn-onHover-border); background: var(--ImageControl-addBtn-onHover-bg); color: var(--ImageControl-addBtn-onHover-color); border-color: var(--ImageControl-addBtn-onHover-border); } .cxd-ImageControl-dropzone:hover .cxd-ImageControl-addBtn-text { color: var(--ImageControl-addBtn-onHover-color); } .cxd-ImageControl-item { border-radius: var(--ImageControl-addBtn-borderRadius); vertical-align: top; padding: var(--gap-xs); display: inline-block; margin-right: var(--gap-base); margin-bottom: var(--gap-base); position: relative; width: 7.5rem; } .cxd-ImageControl-item.is-invalid { padding: 0; border-color: var(--FileControl-danger-color); } .cxd-ImageControl-item svg.icon-refresh { transform: rotate(180deg); } .cxd-ImageControl-filename { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; color: var(--FileControl-danger-color); } .cxd-ImageControl-filename > svg.icon-image { margin-bottom: 8px; width: 24px; height: 24px; } .cxd-ImageControl-filename > span { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cxd-ImageControl-image { width: 100%; height: 100%; padding: 0; border: none; display: block; } .cxd-ImageControl-itemClear { position: absolute; cursor: pointer; color: #999; top: 5px; right: 5px; line-height: 1; } .cxd-ImageControl-itemClear > svg { top: 0; width: 10px; height: 10px; } .cxd-ImageControl-itemInfo { display: inline-flex; width: 110px; height: 110px; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .cxd-ImageControl-itemInfo > p { width: 100%; text-align: center; font-size: 12px; margin-bottom: 5px; } .cxd-ImageControl-progress { width: 70px; height: 5px; background: #ebebeb; } .cxd-ImageControl-progressValue { height: 5px; border-radius: var(--ImageControl-progress-borderRadius); display: block; background: var(--info); min-width: 10%; transition: ease-out width var(--animation-duration); } .cxd-ImageControl-item.is-invalid .cxd-ImageControl-itemClear { display: none; } .cxd-ImageControl-item.is-invalid:hover .cxd-ImageControl-itemClear { display: block; } .cxd-ImageControl-errorMsg { color: var(--danger); margin: 5px 0 0; } .cxd-ImageControl-uploadBtn { margin-top: 5px; } .cxd-ImageControl-cropperWrapper { position: relative; } .cxd-ImageControl-cropperWrapper img { max-width: 100%; max-height: 400px; } .cxd-ImageControl-croperToolbar { display: inline-flex; width: 50px; position: absolute; right: 0; bottom: 0; flex-direction: column; align-items: flex-end; } .cxd-ImageControl-croperToolbar > a { color: #fff; padding: 2px 5px; cursor: pointer; font-size: 20px; } .cxd-ImageControl-croperToolbar > a .icon-retry polygon { fill: #fff; } .cxd-ImageControl-croperToolbar > a .icon-retry path { stroke: #fff; } .cxd-ImageControl-acceptTip { height: 120px; color: #999; border: 2px dashed var(--borderColor); border-color: var(--info); background: #f3f9fe; border-radius: var(--borderRadius); line-height: 120px; text-align: center; } .cxd-ImageControl-fixed-size { width: 100%; height: 100%; padding: 0; } .cxd-ImageControl-fixed-size .cxd-ImageControl-itemOverlay { width: 100%; height: 100%; } .cxd-FileControl-templateInfo { display: block; margin-bottom: var(--gap-base); padding: var(--Button-paddingY) var(--Button-paddingX); cursor: pointer; } .cxd-FileControl-templateInfo > svg { margin-right: var(--gap-xs); } .cxd-FileControl-dropzone { outline: none; } .cxd-FileControl-selectBtn { display: inline-flex; margin-right: 10px; } .cxd-FileControl-selectBtn > svg { margin-right: 4px !important; width: 1rem; height: 1rem; } .cxd-FileControl-selectBtn > span { font-size: var(--fontSizeSm); line-height: 20px; } .cxd-FileControl-description { color: #999; font-size: 12px; } .cxd-FileControl-sizeTip { margin-top: 4px; line-height: 20px; font-size: var(--fontSizeSm); color: var(--FileControl-icon-color); } .cxd-FileControl-list { list-style: none; margin: 8px 0; padding: 0; max-height: 144px; overflow-x: hidden; overflow-y: auto; } .cxd-FileControl-list > li { margin-bottom: 4px; font-size: 12px; } .cxd-FileControl-list > li:hover { border-radius: 2px; background: var(--FileControl-onHover-bg); } .cxd-FileControl-list-tooltip span { font-size: var(--fontSizeSm); color: var(--FileControl-danger-color); } .cxd-FileControl-itemInfo { padding: 2px 4px; display: flex; line-height: 24px; height: auto; } .cxd-FileControl-itemInfo span { word-break: break-all; } .cxd-FileControl-itemInfo.is-invalid { color: var(--FileControl-danger-color); } .cxd-FileControl-itemInfo > svg:not(:first-child) { margin-left: 10px; width: 1rem; height: 1rem; top: var(--gap-xs); } .cxd-FileControl-itemInfoIcon { margin-right: 4px; } .cxd-FileControl-itemInfoText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .cxd-FileControl-clear { color: var(--FileControl-icon-color); display: none; cursor: pointer; margin-left: auto; margin-right: var(--gap-xs); } .cxd-FileControl-clear:hover { color: var(--FileControl-icon-onHover-color); } .cxd-FileControl-list:empty { display: none; } .cxd-FileControl-list > li:hover .cxd-FileControl-clear { display: block; } .cxd-FileControl-progressInfo { display: inline-flex; height: 20px; padding: 0 6px; transform: translateY(-3px); width: 100%; align-items: center; white-space: nowrap; text-overflow: ellipsis; } .cxd-FileControl-progressInfo > span { display: inline-block; padding: 0 4px 0 10px; font-size: 12px; } .cxd-FileControl-progressInfo > svg { display: inline-block; margin: 0 4px 0 10px; width: 14px; height: 14px; top: 0; } .cxd-FileControl-progress { height: 5px; flex: 1; background: #ebebeb; } .cxd-FileControl-progress > span { display: block; background: var(--info); border-radius: var(--FileControl-progress-borderRadius); height: 100%; transition: ease-out width var(--animation-duration); } .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip { filter: grayscale(100%); box-shadow: none; cursor: not-allowed; color: var(--FileControl-onDisabled-color); pointer-events: auto; background: var(--FileControl-onDisabled-bg); } .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip:hover { border-color: var(--FileControl-border-color); } .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > div, .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > span { color: var(--FileControl-onDisabled-color); } .cxd-FileControl-acceptTip { display: flex; align-items: center; justify-content: center; flex-flow: column; height: 180px; text-align: center; border: 1px dashed var(--FileControl-border-color); border-radius: var(--borderRadius); background: var(--white); cursor: pointer; } .cxd-FileControl-acceptTip-click { color: var(--Spinner-color); } .cxd-FileControl-acceptTip-help a { color: var(--FileControl-icon-color); font-size: var(--fontSizeSm); } .cxd-FileControl-acceptTip:hover { border-color: var(--info); } .cxd-FileControl-acceptTip > span { margin-top: 8px; line-height: 20px; font-size: var(--fontSizeSm); color: var(--FileControl-drag-color); } .cxd-FileControl-acceptTip > svg { width: 48px; height: 48px; top: 0; } .cxd-FileControl-dropzone.is-active .cxd-FileControl-acceptTip { border-color: var(--info); } .cxd-FileControl-sum { font-size: var(--fontSizeSm); } .cxd-FileControl-sum > a { cursor: pointer; } .cxd-ExcelControl-container { display: flex; flex-direction: column; font-family: sans-serif; cursor: pointer; } .cxd-ExcelControl-container > p { font-size: 1rem; } .cxd-ExcelControl-container > em { font-size: 0.8rem; } .cxd-ExcelControl-dropzone { flex: 1; display: flex; flex-direction: column; align-items: center; padding: var(--gap-md); border-width: 2px; border-radius: 2px; border-color: #eeeeee; border-style: dashed; background-color: #fafafa; color: #bdbdbd; outline: none; transition: border 0.24s ease-in-out; } .cxd-ExcelControl-dropzone:focus { border-color: var(--primary); } .cxd-ExcelControl-dropzone.disabled { opacity: 0.6; } .cxd-EditorControl { min-height: 12.5rem; max-height: 25rem; overflow: visible; height: auto; border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); max-width: 100%; box-sizing: content-box; } .cxd-EditorControl > .cxd-MonacoEditor, .cxd-EditorControl > .cxd-MonacoEditor > .monaco-diff-editor { min-height: inherit; } .cxd-EditorControl.is-error { border-color: var(--Form-input-onError-borderColor); } .cxd-EditorControl.is-focused { border-color: var(--Form-input-onFocused-borderColor); } .cxd-EditorControl .cxd-MonacoEditor { position: relative; } .cxd-EditorControl .cxd-MonacoEditor-header { position: absolute; right: 0.875rem; top: 0; padding: 0; width: 1.125rem; height: 1.125rem; z-index: 5; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: var(--Modal-header-bg); box-sizing: border-box; } .cxd-EditorControl .cxd-MonacoEditor-fullscreen { cursor: pointer; color: var(--Modal-close-color); line-height: inherit; text-decoration: none; text-align: center; vertical-align: middle; } .cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover { color: var(--Model-close-onHover-color); } .cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover svg { fill: var(--Model-close-onHover-color); } .cxd-EditorControl--sm { min-height: 100px; } .cxd-EditorControl--sm > .cxd-MonacoEditor { min-height: 100px; } .cxd-EditorControl--md { min-height: 250px; } .cxd-EditorControl--md > .cxd-MonacoEditor { min-height: 250px; } .cxd-EditorControl--lg { min-height: 300px; } .cxd-EditorControl--lg > .cxd-MonacoEditor { min-height: 300px; } .cxd-EditorControl--xl { min-height: 400px; } .cxd-EditorControl--xl > .cxd-MonacoEditor { min-height: 400px; } .cxd-EditorControl--xxl { min-height: 500px; } .cxd-EditorControl--xxl > .cxd-MonacoEditor { min-height: 500px; } .monaco-inputbox > .wrapper { padding: 0; } .is-fullscreen { margin: 0 !important; position: fixed !important; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483630 !important; width: auto !important; } .fr-popup { z-index: 3000 !important; } .cxd-RichTextControl { min-height: 12.5rem; height: auto; border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); width: 100%; } .cxd-RichTextControl > .tox-tinymce { border: 0; } .cxd-RichTextControl > textarea { width: 100%; } .cxd-RichTextControl--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-RichTextControl--borderNone { border-color: transparent !important; } .cxd-RichTextControl .fr-toolbar.fr-top { box-shadow: none; border: 0; position: relative; } .cxd-RichTextControl .fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper { min-height: 150px; max-height: 400px; box-shadow: none; overflow: auto; border: none; } .cxd-RichTextControl .second-toolbar { border: none; } .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn, .cxd-RichTextControl .fr-popup .fr-command.fr-btn { color: var(--Button--default-color); } .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active, .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active { color: var(--info); background: var(--Form-select-onHover-bg); } .cxd-RichTextControl .fr-desktop .fr-command:hover, .cxd-RichTextControl .fr-desktop .fr-command:focus { background: var(--Form-select-onHover-bg); } .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { background: var(--Form-select-onHover-bg); } .cxd-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: var(--info); color: #fff; } .cxd-RichTextControl.is-focused { border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor); } .cxd-RichTextControl .fr-box.fr-basic .fr-element { min-height: 150px; } .cxd-RichTextControl .fr-sticky-dummy { position: absolute; } .cxd-RichTextControl.is-disabled { border-color: var(--Form-input-onDisabled-borderColor); pointer-events: none; opacity: 0.6; } .cxd-RichTextControl.is-disabled .fr-box.fr-basic.fr-top .fr-wrapper { border-color: var(--Form-input-onDisabled-borderColor); } .tox-tinymce-aux { z-index: 3000; } .tox-fullscreen .tox.tox-tinymce-aux { z-index: 3000; } .cxd-InputRange { display: flex; justify-content: space-between; padding: var(--InputRange-padding) 0; width: 100%; } .cxd-InputRange-wrap { position: relative; flex: auto; } .cxd-InputRange-input { width: 80px; height: 32px; margin: 0 8px; } .cxd-InputRange-input .cxd-Number { overflow: hidden; } .cxd-InputRange-input .cxd-Number-handler { transition: 0.3s opacity; color: var(--Number-handler-color); } .cxd-InputRange-input .cxd-Number-handler-up-inner, .cxd-InputRange-input .cxd-Number-handler-down-inner { cursor: pointer; } .cxd-InputRange-input .cxd-Number-handler-up-inner:hover, .cxd-InputRange-input .cxd-Number-handler-down-inner:hover { color: var(--Number-handler-onHover-color); } .cxd-InputRange-clear { display: flex; align-items: center; cursor: pointer; } .cxd-InputRange-clear svg { height: 0.75rem; width: 0.75rem; fill: #999; } .cxd-InputRange.is-disabled .cxd-InputRange-track { cursor: not-allowed; } .cxd-InputRange.is-disabled .cxd-InputRange-track-active { background-color: var(--InputRange-track-onActive-onDisabled-bg); cursor: not-allowed; } .cxd-InputRange.is-disabled .cxd-InputRange-handle-icon { border-color: var(--InputRange-handle-onDisabled-border-color); cursor: not-allowed; } .cxd-InputRange.is-disabled .cxd-InputRange-handle-icon:hover { transform: none; } .cxd-InputRange.is-disabled .cxd-Number-handler { cursor: not-allowed; } .cxd-InputRange.is-disabled .cxd-Number-handler-up-inner, .cxd-InputRange.is-disabled .cxd-Number-handler-down-inner { cursor: not-allowed; } .cxd-InputRange.is-disabled .cxd-Number-handler-up-inner:hover, .cxd-InputRange.is-disabled .cxd-Number-handler-down-inner:hover { color: var(--text--muted-color); } .cxd-InputRange-handle { position: absolute; top: 0; bottom: 0; margin: auto 0 auto calc(var(--InputRange-handle-width) / -2); width: var(--InputRange-handle-width); height: var(--InputRange-handle-height); } .cxd-InputRange-handle-icon, .cxd-InputRange-handle-drage { width: 100%; height: 100%; appearance: none; background-color: var(--InputRange-handle-bg); border: var(--InputRange-handle-border); cursor: pointer; display: flex; justify-content: center; align-items: center; outline: none; border-radius: 50%; transition: var(--InputRange-handle-transition); } .cxd-InputRange-handle-icon:hover, .cxd-InputRange-handle-drage:hover { transform: var(--InputRange-handle-onActive-transform); box-shadow: var(--InputRange-handle-onFocus-boxShadow); } .cxd-InputRange-handle-icon:active, .cxd-InputRange-handle-drage:active { transform: var(--InputRange-handle-onActive-transform); } .cxd-InputRange-handle-icon:focus, .cxd-InputRange-handle-drage:focus { box-shadow: var(--InputRange-handle-onFocus-boxShadow); } .cxd-InputRange-handle-drage { transform: var(--InputRange-handle-onActive-transform); box-shadow: var(--InputRange-handle-onFocus-boxShadow); border-width: var(--InputRange-handle-onDrage-border-width); } .input-range--disabled .cxd-InputRange-handle { background: var(--InputRange-slider-onDisabled-bg); border: var(--InputRange-slider-onDisabled-border); box-shadow: none; transform: none; } .cxd-InputRange-handle .icon-slider-handle { width: var(--InputRange-handle-icon-width); height: var(--InputRange-handle-icon-height); top: 0; } .cxd-InputRange-track { background: var(--InputRange-track-bg); border-radius: var(--InputRange-track-border-radius); cursor: pointer; display: block; height: var(--InputRange-track-height); position: relative; transition: var(--InputRange-track-transition); } .cxd-InputRange-track.is-active { background: var(--InputRange-track-onActive-bg); transition: 0.3s all; } .cxd-InputRange-track-dot { width: var(--InputRange-track-dot-height); height: var(--InputRange-track-dot-height); border-radius: 50%; background-color: var(--InputRange-track-dot-bg); position: absolute; } .cxd-InputRange-track--background { left: 0.5rem; margin-top: calc(-0.5 * var(--InputRange-track-height)); position: absolute; right: 0.5rem; top: 50%; } .cxd-InputRange-track-active { background: var(--InputRange-track-onActive-bg); border-radius: var(--InputRange-track-border-radius); position: absolute; height: 100%; left: 0; top: 0; } .cxd-InputRange-label { position: absolute; padding: var(--InputRange-label-padding); background-color: var(--InputRange-label-bg); color: var(--InputRange-label-color); font-size: var(--InputRange-label-font-size); border-radius: var(--InputRange-label-border-radius); visibility: hidden; } .cxd-InputRange-label-visible { visibility: visible; } .cxd-InputRange-label.pos-top { left: 50%; bottom: var(--InputRange-label-position-bottom); transform: translateX(-50%); } .cxd-InputRange-label.pos-top::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -4px; border-width: 4px 4px 0 4px; border-style: solid; border-color: #000 transparent transparent transparent; } .cxd-InputRange-label.pos-bottom { top: var(--InputRange-label-position-bottom); left: 50%; transform: translateX(-50%); } .cxd-InputRange-label.pos-bottom::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -4px; border-width: 0 4px 4px 4px; border-style: solid; border-color: transparent transparent #000 transparent; } .cxd-InputRange-label.pos-left { top: 50%; transform: translateY(-50%) translateX(-100%) translateX(-12px); } .cxd-InputRange-label.pos-left::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -4px; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent transparent transparent #000; } .cxd-InputRange-label.pos-right { top: 50%; transform: translateY(-50%) translateX(26px); } .cxd-InputRange-label.pos-right::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -4px; border-width: 4px 4px 4px 0; border-style: solid; border-color: transparent #000 transparent transparent; } .cxd-InputRange-marks { position: relative; top: 8px; } .cxd-InputRange-marks div { position: absolute; top: 0; } .cxd-InputRange-marks div span { position: absolute; left: 50%; transform: translateX(-50%); } .cxd-RepeatControl .repeat-btn { width: 5rem; } .cxd-RepeatControl .Select { display: inline-block; min-width: 100px; } .cxd-RepeatControl .input-range { margin-top: 0; } @media (min-width: 768px) { .repeat-control.form-contorl-inline, .form-group-inline .repeat-control { display: inline-block; min-width: 280px; width: auto; } } .cxd-TreeControl { border: 1px solid var(--Form-input-borderColor); padding: 6px 12px; border-radius: 2px; max-height: 300px; overflow: auto; } .cxd-TreeControl.h-full { max-height: none; overflow: visible; } .cxd-TreeControl.no-border { border: 0; } .cxd-Tree-list, .cxd-Tree-sublist { list-style: none; padding: 0; margin: 0; } .cxd-Tree-sublist { margin-left: var(--Tree-indent); } .cxd-Tree-sublist.is-folded { display: none; } .cxd-Tree-item { line-height: var(--Tree-itemHeight); position: relative; } .cxd-Tree-item > div:hover { text-decoration: none; } .cxd-Tree-item > div:hover > .cxd-Tree-item-icons { visibility: visible; } .cxd-Tree-item > div > span > svg { display: inline-block; cursor: pointer; position: relative; top: 2px; width: 1rem; height: 1rem; margin-left: var(--Tree-icon-gap); } .cxd-Tree.is-disabled { pointer-events: none; } .cxd-Tree.is-draggable { position: relative; } .cxd-Tree--outline .cxd-Tree-sublist .cxd-Tree-item--isLeaf:before { position: absolute; top: -8px; left: calc((var(--Tree-indent) - 5px) * -1); bottom: 0px; border-left: 1px solid var(--borderColor); content: ""; } .cxd-Tree-rootItem { line-height: var(--Tree-itemHeight); } .cxd-Tree-item > div:hover > .cxd-Tree-item-icons, .cxd-Tree-rootItem > div:hover > .cxd-Tree-item-icons { visibility: visible; } .cxd-Tree-itemLabel { display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.25rem; padding-left: var(--Tree-icon-gap); } .cxd-Tree-itemLabel > * { position: relative; z-index: 2; } .cxd-Tree-itemLabel > .cxd-Checkbox { display: inline-flex; align-self: center; } .cxd-Tree-itemLabel:hover { background: var(--Tree-item-onHover-bg-pure); } .cxd-Tree-item .is-checked { background: var(--Tree-item-onChekced-bg); border-radius: var(--Tree-item-onChekced-bg-borderRadius); } .cxd-Tree-item .is-disabled { color: var(--text--muted-color); background: none; } .cxd-Tree-item .is-disabled:hover { background: none; } .cxd-Tree.is-draggable .cxd-Tree-itemLabel:hover::after { display: none; } .cxd-Tree-item-icons { visibility: hidden; transition: visibility var(--animation-duration) ease; display: inline-block; vertical-align: top; height: var(--Tree-itemHeight); line-height: var(--Tree-itemHeight); padding-right: var(--Tree-icon-gap); } .cxd-Tree-item-icons > a { display: inline-block; vertical-align: middle; margin-left: var(--Tree-icon-gap); cursor: pointer; } .cxd-Tree-item-icons > a > svg { width: 0.75rem; height: 0.75rem; top: 0; } .cxd-Tree-itemInput { padding-left: var(--Tree-itemArrowWidth); display: flex; flex-direction: row; flex-wrap: nowrap; } .cxd-Tree-itemInput > a { display: inline-block; cursor: pointer; margin-left: var(--Tree-icon-gap); color: var(--icon-color); } .cxd-Tree-itemInput > a:hover { color: var(--icon-onHover-color); text-decoration: none; } .cxd-Tree-itemInput > input { flex-grow: 1; width: 100%; outline: none; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: calc( ( var(--Tree-inputHeight) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); } .cxd-Tree-itemInput > input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-Tree-itemInput > input:focus { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-Tree-addTopBtn { cursor: pointer; height: var(--Tree-itemHeight); line-height: var(--Tree-itemHeight); display: block; } .cxd-Tree-addTopBtn:hover { text-decoration: none; } .cxd-Tree-addTopBtn.is-disabled { pointer-events: none; color: var(--text--muted-color); } .cxd-Tree-addTopBtn > svg { width: 0.875rem; height: 0.875rem; top: 0.109375rem; margin-right: var(--Tree-icon-gap); } .cxd-Tree-itemArrow { cursor: pointer; width: var(--Tree-itemArrowWidth); display: inline-flex; margin-right: var(--Tree-icon-margin-right); } .cxd-Tree-itemArrow > svg { width: var(--Tree-itemArrowWidth); height: var(--Tree-itemArrowWidth); display: block; transition: transform var(--animation-duration); top: 0; } .cxd-Tree-itemArrow.is-folded > svg { transform: rotate(-90deg); } .cxd-Tree-itemArrowPlaceholder { display: inline-block; width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap)); } .cxd-Tree-itemDrager { cursor: move; color: var(--icon-color); } .cxd-Tree-spinner { margin-right: var(--Tree-icon-gap); } .cxd-Tree-itemIcon { display: inline-flex; margin-right: var(--Tree-icon-gap); } .cxd-Tree-rootIcon > svg, .cxd-Tree-folderIcon > svg, .cxd-Tree-leafIcon > svg { top: 0; width: 0.875rem; height: 0.875rem; } .cxd-Tree-itemText { cursor: pointer; flex: 1 auto; color: var(--Form-input-color); line-height: var(--lineHeightBase); } .is-disabled .cxd-Tree-itemText { color: var(--text--muted-color); } .cxd-Tree-placeholder { color: var(--text--muted-color); } .cxd-Tree-dropIndicator { position: absolute; height: 0.125rem; background-color: var(--Tree-itemLabel--onChecked-color); border-radius: 0.0625rem; z-index: 1; } .cxd-Tree-dropIndicator::after { position: absolute; top: -0.1875rem; left: -0.375rem; width: 0.5rem; height: 0.5rem; background-color: transparent; border: 0.125rem solid var(--Tree-itemLabel--onChecked-color); border-radius: 50%; content: ""; } .cxd-Tree-dropIndicator--hover { border-radius: 0; background-color: var(--Tree-item-onHover-bg-pure); } .cxd-Tree-dropIndicator--hover::after { display: none; } .cxd-TreeSelectControl { position: relative; } .cxd-TreeSelectControl > .cxd-TreeSelect-popover { width: 100%; } .cxd-TreeSelect { position: relative; max-width: 100%; outline: none; } .cxd-TreeSelect.is-inline { display: inline-block; width: var(--Form-control-widthBase); } .cxd-TreeSelect-input { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-TreeSelect-input input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-TreeSelect-input input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-TreeSelect-input:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-TreeSelect-input--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-TreeSelect-input--borderNone { border-color: transparent !important; } .cxd-TreeSelect.is-error > .cxd-TreeSelect-input { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); transition: all var(--animation-duration); } .cxd-TreeSelect.is-focused > .cxd-TreeSelect-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); transition: all var(--animation-duration); } .cxd-TreeSelect.is-error.is-focused > .cxd-TreeSelect-input { border-color: var(--Form-input-onError-borderColor); } .cxd-TreeSelect.is-disabled > .cxd-TreeSelect-input { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); transition: all var(--animation-duration); } .cxd-TreeSelect-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-TreeSelect-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-TreeSelect-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-TreeSelect-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-TreeSelect-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-TreeSelect-revealPassword { cursor: pointer; color: var(--text--muted-color); } @media (min-width: 576px) { .cxd-TreeSelect.cxd-Form-control--sizeXs > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeSm > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeMd > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeLg > .cxd-TreeSelect-input { min-width: 100%; display: inline-flex; } } .cxd-TreeSelect.is-opened { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-TreeSelect-popup { height: 25rem; } .cxd-TreeSelect-popover { background: transparent; border: none; box-shadow: none; } .cxd-TreeSelect-popover > .cxd-Tree { background: var(--TreeSelect-popover-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor); padding: var(--gap-xs) var(--Form-input-paddingX); border-radius: 0; margin-top: -1px; max-height: 400px; overflow: auto; } .cxd-Combo-placeholder { color: var(--text--muted-color); padding-top: var(--Form-label-paddingTop); } .cxd-Combo-toolbarBtn { line-height: var(--Combo-toolbarBtn-lineHeight); height: var(--Combo-toolbarBtn-height); color: var(--Combo-toolbarBtn-color); padding: var(--Combo-toolbarBtn-paddingY) var(--Combo-toolbarBtn-paddingX); cursor: pointer; } .cxd-Combo-toolbarBtn:hover { color: var(--Combo-toolbarBtn-onHover-color); } .cxd-Combo-setNullBtn { margin-top: var(--gap-xs); display: inline-block; } .cxd-Combo-addBtn { font-size: var(--Combo-addBtn-fontSize); padding: var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX); font-size: var(--Combo-addBtn-fontSize); line-height: var(--Combo-addBtn-lineHeight); border-radius: var(--Combo-addBtn-borderRadius); height: var(--Combo-addBtn-height); color: var(--Combo-addBtn-color); background: var(--Combo-addBtn-bg); border-color: var(--Combo-addBtn-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-Combo-addBtn > svg { width: var(--Combo-addBtn-fontSize); height: var(--Combo-addBtn-fontSize); } .cxd-Combo-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right), .cxd-Combo-addBtn > .pull-left { margin-right: var(--Combo-addBtn-paddingX); } .cxd-Combo-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-Combo-addBtn > .pull-right { margin-left: var(--Combo-addBtn-paddingX); } .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right), .cxd-Combo-addBtn > .pull-left { margin-right: var(--Combo-addBtn-paddingX); } .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-Combo-addBtn > .pull-right { margin-left: var(--Combo-addBtn-paddingX); } .cxd-Combo-addBtn img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover { color: var(--Combo-addBtn-onHover-color); background: var(--Combo-addBtn-onHover-bg); border-color: var(--Combo-addBtn-onHover-border); } .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active { color: var(--Combo-addBtn-onActive-color); background: var(--Combo-addBtn-onActive-bg); border-color: var(--Combo-addBtn-onActive-border); } .cxd-Combo-addBtn:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-Combo-addBtn.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-Combo-delBtn { color: var(--icon-color); cursor: pointer; } .cxd-Combo-delBtn:hover { color: var(--icon-onHover-color); } .cxd-Combo-tab-delBtn { color: var(--icon-color); cursor: pointer; margin-left: var(--gap-sm); display: inline-block; } .cxd-Combo-tab-delBtn > svg { width: 0.6875rem; height: 0.6875rem; } .cxd-Combo-tab-delBtn:hover { color: var(--icon-onHover-color); } .cxd-Combo-items { margin-bottom: var(--Combo-items-marginBottom); } .cxd-Combo-items:empty { display: none; } .cxd-Combo-items:empty + .cxd-Combo-toolbar { padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 ); } .cxd-Combo-item { background: var(--Page-main-bg); } .cxd-Combo-itemDrager { cursor: move; } .cxd-Combo-itemDrager > a { color: var(--icon-color); } .cxd-Combo-itemDrager > a:hover { color: var(--icon-onHover-color); } .cxd-Combo-itemDrager svg { width: 1rem; height: 1rem; } .cxd-Combo--hor .cxd-Combo-item { display: flex; flex-wrap: nowrap; } .cxd-Combo--hor .cxd-Combo-item + .cxd-Combo-item { margin-top: var(--Combo--horizontal-item-gap); } .cxd-Combo--hor .cxd-Combo-itemInner { flex-basis: 0; flex-grow: 1; } .cxd-Combo--hor .cxd-Combo-itemTag { margin-right: var(--gap-sm); } .cxd-Combo--hor .cxd-Combo-itemTag label { color: var(--info); margin-right: var(--gap-sm); } .cxd-Combo--hor .cxd-Combo-delBtn { margin-left: var(--gap-xs); display: flex; white-space: nowrap; align-items: flex-start; padding-top: var(--Form-label-paddingTop); } .cxd-Combo--hor .cxd-Combo-delBtn.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-Combo--hor .cxd-Combo-delController { margin-left: var(--gap-xs); } .cxd-Combo--hor.is-draggable .cxd-Combo-toolbar { padding-left: 1.5rem; } .cxd-Combo--hor .cxd-Combo-itemDrager { padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0; display: flex; align-items: center; } .cxd-Combo--ver:not(.cxd-Combo--noBorder)::before, .cxd-Combo--ver:not(.cxd-Combo--noBorder)::after { display: table; content: ""; } .cxd-Combo--ver:not(.cxd-Combo--noBorder)::after { clear: both; } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items { margin: calc(var(--Combo--vertical-item-gap) * -2) calc(var(--Combo--vertical-item-gap) * -2) 0 calc(var(--Combo--vertical-item-gap) * -2); } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-placeholder { margin: calc(var(--Combo--vertical-item-gap) * 2); } .cxd-Combo--ver:not(.cxd-Combo--noBorder) .cxd-Combo-itemTag { text-align: right; } .cxd-Combo--ver:not(.cxd-Combo--noBorder) .cxd-Combo-itemTag label { color: var(--info); margin-right: var(--gap-sm); } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-item, .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item { border: var(--Combo--vertical-item-borderWidth) dashed var(--Combo--vertical-item-borderColor); padding: var(--Combo--vertical-item-paddingY) var(--Combo--vertical-item-paddingX); position: relative; } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item { margin: calc(var(--Combo--vertical-item-gap) * 2); } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item > .cxd-Combo-delBtn { position: absolute; opacity: 0; top: var(--gap-xs); right: var(--gap-xs); } .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-item:hover, .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-items > .cxd-Combo-item:hover { border-color: var(--Combo--vertical-item-onHover-borderColor); } .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-item:hover > .cxd-Combo-delBtn, .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-item:hover > .cxd-Combo-delController, .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-items > .cxd-Combo-item:hover > .cxd-Combo-delBtn, .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-items > .cxd-Combo-item:hover > .cxd-Combo-delController { opacity: 1; } .cxd-Combo--ver:not(.cxd-Combo--noBorder) .cxd-Combo-delController { position: absolute; top: var(--gap-xs); right: var(--gap-xs); opacity: 0; } .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item > .cxd-Combo-itemDrager { position: absolute; top: var(--Combo--horizontal-dragger-top); left: -1.875rem; display: flex; align-items: center; } .cxd-Combo--ver:not(.cxd-Combo--noBorder).is-draggable > .cxd-Combo-items > .cxd-Combo-item { margin-left: 2.1875rem; } .cxd-Combo--ver:not(.cxd-Combo--noBorder).is-draggable > .cxd-Combo-toolbar { padding-left: 1.5625rem; } .cxd-Combo-item--dragging { position: relative; } .cxd-Combo-item--dragging:after { content: ""; display: block; position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); } .cxd-ComboTabs > .cxd-Tabs-links::before, .cxd-ComboTabs > .cxd-Tabs-links::after { display: table; content: ""; } .cxd-ComboTabs > .cxd-Tabs-links::after { clear: both; } .cxd-ComboTabs > .cxd-Tabs-links .cxd-Tabs-link > a { word-break: break-all; } .cxd-ComboTabs-addLink { float: right; } .cxd-ComboTabs-addLink > a svg { margin-right: var(--gap-xs); } .cxd-Combo-dragableTip { color: var(--text--muted-color); font-size: var(--fontSizeSm); margin-left: var(--gap-xs); } .cxd-Combo-dragableTip:empty { display: none; } .cxd-ComboControl.is-inline .cxd-Combo--hor .cxd-Combo-itemInner { flex-grow: unset; flex-basis: unset; } .cxd-ComboControl.is-inline .cxd-Combo--ver .cxd-Combo-item { display: inline-block; min-width: var(--Form-control-widthBase); } @media (min-width: 576px) { .cxd-Combo-form .cxd-Form-item:last-child { margin-bottom: 0; } } .cxd-SubForm-values { margin: 2px -3px; } .cxd-SubForm-values:empty { display: none; } .cxd-SubForm-value { background: var(--ResultBox-value-bg); color: var(--ResultBox-value-color); font-size: var(--Form-input-fontSize); padding: 0 var(--gap-xs); min-height: 1.5rem; flex-wrap: nowrap; display: inline-flex; align-items: center; margin: 2px 3px; user-select: none; } .cxd-SubForm-valueLabel { color: inherit; } .cxd-SubForm-valueDel, .cxd-SubForm-valueEdit, .cxd-SubForm-valueDragBar { cursor: pointer; margin-left: var(--gap-xs); color: var(--ResultBox-icon-color); } .cxd-SubForm-valueDel:hover, .cxd-SubForm-valueEdit:hover, .cxd-SubForm-valueDragBar:hover { color: var(--ResultBox-icon--onHover-color); } .cxd-SubForm-valueDel > svg, .cxd-SubForm-valueEdit > svg, .cxd-SubForm-valueDragBar > svg { width: 0.75rem; height: 0.75rem; } .cxd-SubForm-valueDragBar { margin-left: 0; margin-right: var(--gap-xs); cursor: move; } .cxd-SubForm-value:hover { background: var(--ResultBox-value--onHover-bg); } .cxd-SubForm-value.is-disabled { pointer-events: none; color: var(--ResultBox-value--onDisabled-color); } .cxd-SubForm-value.is-disabled > a { color: var(--ResultBox-icon--onDisabled-color); } .cxd-SubForm-value--dragging { position: relative; } .cxd-SubForm-value--dragging:after { content: ""; display: block; position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); } .cxd-SubForm-addBtn { width: auto; min-width: auto; font-weight: var(--fontWeightNormal); color: var(--Button--link-color); text-decoration: var(--link-decoration); border: none; height: auto; padding: 0 4px; display: inline-flex; align-items: center; } .cxd-SubForm-addBtn:hover:focus { color: var(--Button--link-onHover-color); text-decoration: var(--link-onHover-decoration); box-shadow: none; } .cxd-SubForm-addBtn > svg { width: 12px; height: 12px; margin-right: 4px !important; top: 0; } .cxd-SubForm-addBtn:disabled, .cxd-SubForm-addBtn.is-disabled { color: var(--text--muted-color); pointer-events: none; background: transparent; } .cxd-SubForm-placeholder { color: var(--Form-input-placeholderColor); user-select: none; padding: 4px; } .cxd-ChainedSelectControl .cxd-Select { margin-right: var(--gap-xs); } .cxd-Picker { position: relative; max-width: 100%; outline: none; } .cxd-Picker.is-inline { display: inline-block; width: var(--Form-control-widthBase); } .cxd-Picker-input { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-Picker-input input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-Picker-input input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-Picker-input:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-Picker-input--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-Picker-input--borderNone { border-color: transparent !important; } .cxd-Picker.is-error > .cxd-Picker-input { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); transition: all var(--animation-duration); } .cxd-Picker.is-focused > .cxd-Picker-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); transition: all var(--animation-duration); } .cxd-Picker.is-error.is-focused > .cxd-Picker-input { border-color: var(--Form-input-onError-borderColor); } .cxd-Picker.is-disabled > .cxd-Picker-input { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); transition: all var(--animation-duration); } .cxd-Picker-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-Picker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-Picker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-Picker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-Picker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-Picker-revealPassword { cursor: pointer; color: var(--text--muted-color); } @media (min-width: 576px) { .cxd-Picker.cxd-Form-control--sizeXs > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeSm > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeMd > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeLg > .cxd-Picker-input { min-width: 100%; display: inline-flex; } } .cxd-Picker.is-focus > .cxd-Picker-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); } .cxd-Picker.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-Picker-placeholder { color: var(--Form-input-placeholderColor); user-select: none; position: absolute; line-height: var(--Form-input-lineHeight); } .cxd-Picker-input { min-height: var(--Form-input-height); height: auto; } .cxd-Picker .cxd-Picker-values { display: inline; } .cxd-Picker-valueWrap { flex-grow: 1; position: relative; } .cxd-Picker-valueWrap > input { width: 1rem; display: inline-block; } .cxd-Picker .cxd-Picker-valueWrap { margin-bottom: calc(var(--gap-xs) * -1); line-height: 1; } .cxd-Picker .cxd-Picker-value { cursor: pointer; user-select: none; white-space: nowrap; vertical-align: middle; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ); display: inline-block; font-size: var(--Form-selectValue-fontSize); color: var(--Form-selectValue-color); background: var(--Form-selectValue-bg); border: 0.0625rem solid var(--Form-selectValue-borderColor); border-radius: 2px; margin-right: var(--gap-xs); margin-bottom: var(--gap-xs); } .cxd-Picker .cxd-Picker-valueIcon { cursor: pointer; border-right: 0.0625rem solid var(--Form-selectValue-borderColor); padding: 1px 5px; } .cxd-Picker .cxd-Picker-valueIcon:hover { background: var(--Form-selectValue-onHover-bg); } .cxd-Picker .cxd-Picker-valueLabel { padding: 0 var(--gap-xs); } .cxd-Picker-btn { cursor: pointer; color: var(--Picker-iconColor); } .cxd-Picker-btn:hover { color: var(--Picker-onHover-iconColor); } .cxd-Picker-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; line-height: 1; margin-right: var(--gap-xs); } .cxd-Picker-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-Picker-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-Picker-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-PickerControl.is-inline .cxd-Picker { display: inline-block; min-width: 9.375rem; } .cxd-QrCode { min-height: var(--Form-input-height); padding: 0.4375rem 0; } .cxd-TagControl { position: relative; } .cxd-TagControl-input.is-focused { border-radius: 0; } .cxd-TagControl-input.is-disabled { border-style: dashed; background: transparent; } .cxd-TagControl.is-inline { display: inline-block; } .cxd-TagControl > .cxd-TagControl-popover { padding: 0; border: none; width: 100%; margin-top: calc( var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth) ); } .cxd-TagControl > .cxd-TagControl-popover.cxd-PopOver--leftBottomLeftTop { top: 100% !important; } .cxd-TagControl > .cxd-TagControl-popover.cxd-PopOver--leftTopLeftBottom { top: auto !important; bottom: 100% !important; } .cxd-TagControl-sug { margin-top: var(--Form-input-marginBottom); } .cxd-TagControl-sugTip { color: var(--TagControl-sugTip-color); margin-bottom: var(--Form-input-marginBottom); } .cxd-TagControl-sugItem { margin-right: var(--gap-sm); margin-bottom: var(--gap-sm); display: inline-block; font-size: var(--TagControl-sugBtn-fontSize); cursor: pointer; user-select: none; border: var(--TagControl-sugBtn-borderWidth) solid transparent; padding: var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX); font-size: var(--TagControl-sugBtn-fontSize); line-height: var(--TagControl-sugBtn-lineHeight); border-radius: var(--TagControl-sugBtn-borderRadius); height: var(--TagControl-sugBtn-height); color: var(--TagControl-sugBtn-color); background: var(--TagControl-sugBtn-bg); border-color: var(--TagControl-sugBtn-border); box-shadow: var(--Button-boxShadow); text-shadow: var(--Button-textShadow); } .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right), .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right), .cxd-TagControl-sugItem > .pull-left { margin-right: var(--TagControl-sugBtn-paddingX); } .cxd-TagControl-sugItem .cxd-Button-icon:last-child:not(:first-child):not(.pull-left), .cxd-TagControl-sugItem > .pull-right { margin-left: var(--TagControl-sugBtn-paddingX); } .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right), .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right), .cxd-TagControl-sugItem > .pull-left { margin-right: var(--TagControl-sugBtn-paddingX); } .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left), .cxd-TagControl-sugItem > .pull-right { margin-left: var(--TagControl-sugBtn-paddingX); } .cxd-TagControl-sugItem img.cxd-Button-icon { height: var(--Button-fontSize); vertical-align: middle; } .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover { color: var(--TagControl-sugBtn-onHover-color); background: var(--TagControl-sugBtn-onHover-bg); border-color: var(--TagControl-sugBtn-onHover-border); } .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active { color: var(--TagControl-sugBtn-onActive-color); background: var(--TagControl-sugBtn-onActive-bg); border-color: var(--TagControl-sugBtn-onActive-border); } .cxd-TagControl-sugItem:hover:focus { box-shadow: var(--Button-boxShadow); } .cxd-TagControl-sugItem.is-disabled { pointer-events: none; opacity: var(--Button-onDisabled-opacity); } .cxd-TagControl-popover.cxd-PopOver--leftBottomLeftTop > .cxd-ListMenu { border-top-left-radius: 0; border-top-right-radius: 0; } .cxd-TagControl-popover.cxd-PopOver--leftTopLeftBottom > .cxd-ListMenu { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .cxd-Rating { display: flex; position: relative; align-items: center; justify-content: flex-start; flex-flow: row wrap; } .cxd-Rating > ul { display: flex; padding: unset; margin: unset; align-items: center; justify-content: flex-start; flex-flow: row wrap; } .cxd-Rating-star { position: relative; margin-right: var(--Rating-star-margin); overflow: hidden; display: block; font-size: var(--Rating-star-size); line-height: 1; cursor: pointer; user-select: none; color: var(--Rating-inactive-color); } .cxd-Rating-star-half > svg.icon, .cxd-Rating-star > svg.icon { display: block; width: 1.5rem; height: 1.5rem; top: 0; } .cxd-Rating-star:last-of-type { margin-right: 0; } .cxd-Rating-star.is-disabled { cursor: not-allowed; pointer-events: none; } .cxd-Rating-star-half { position: absolute; overflow: hidden; display: block; z-index: 1; top: 0; left: 0; width: 50%; } .cxd-Rating-text { font-size: var(--fontSizeSm); color: var(--text-color); font-weight: var(--fontWeightNormal); } .cxd-Rating-text--left { margin-right: var(--Rating-star-margin); } .cxd-Rating-text--right { margin-left: var(--Rating-star-margin); } .cxd-RatingControl { position: relative; overflow: hidden; } .cxd-Transfer { display: flex; flex-direction: row; flex-wrap: wrap; min-height: 18.75rem; position: relative; } .cxd-Transfer-searchbox { width: 100%; } .cxd-Transfer--inline { display: inline-flex; flex-wrap: nowrap; } .cxd-Transfer-title { display: flex; align-items: center; background: var(--Transfer-title-bg); height: 1.875rem; line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( 1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); flex-direction: row; border-radius: var(--borderRadius) var(--borderRadius) 0 0; } .cxd-Transfer-title--light { background: transparent; } .cxd-Transfer-title > span { flex-grow: 1; } .cxd-Transfer-select { overflow: hidden; } .cxd-Transfer-select, .cxd-Transfer-result { width: 0; min-width: 12.5rem; max-height: 25rem; flex-grow: 1; border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); display: flex; flex-direction: column; border-radius: var(--borderRadius); } .cxd-Transfer-select > .cxd-Transfer-selection, .cxd-Transfer-result > .cxd-Transfer-value { flex-grow: 1; max-height: 100%; overflow: auto; position: relative; } .cxd-Transfer-select > .cxd-ChainedSelection { min-height: unset; overflow: hidden; } .cxd-Transfer-select > .cxd-ChainedSelection .cxd-ChainedSelection-col { height: 100%; overflow: auto; min-width: unset; flex: 1 1 0; } .cxd-Transfer .cxd--ResultTreeList { border-top: 1px solid var(--borderColor); } .cxd-Transfer .cxd-AssociatedSelection { overflow: hidden; } .cxd-Transfer .cxd-AssociatedSelection-left, .cxd-Transfer .cxd-AssociatedSelection-right { min-height: unset; } .cxd-Transfer-select { overflow: hidden; } .cxd-Transfer-search + .cxd-Transfer-selection { border-top: 1px solid var(--borderColor); } .cxd-Transfer-selection .cxd-ListSelection-placeholder { height: 100%; display: flex; align-items: center; text-align: center; justify-content: center; } .cxd-Transfer-search { padding: var(--gap-sm); } .cxd-Transfer-mid { min-width: 0.625rem; display: flex; flex-direction: column; justify-content: center; } .cxd-Transfer-arrow { width: 40px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--borderColor); margin: 0 10px; color: var(--icon-color); } .cxd-Transfer-arrow > svg { top: 0; width: 14px; height: 14px; } .cxd-Transfer-checkAll, .cxd-Transfer-clearAll { user-select: none; cursor: pointer; } .cxd-Transfer-checkAll.is-disabled, .cxd-Transfer-clearAll.is-disabled { pointer-events: none; color: var(--text--muted-color); } .cxd-Transfer .cxd-Tree { padding: 0.125rem 0.625rem; } .cxd-Transfer .cxd-Tree-itemLabel:hover::after { left: 0; } .cxd-TabsTransfer .cxd-Transfer-title { height: 40px; } .cxd-TabsTransfer-tabs .cxd-Tabs-linksContainer { padding-left: 1.25rem; padding-top: 0.5rem; background-color: var(--TabsTransfer-title-bg); } .cxd-TabsTransfer-search { margin: var(--gap-sm) var(--gap-sm); } .cxd-TabsTransfer-search .cxd-InputBox { border: 1px solid var(--TabsTransfer-border-color); } .cxd-TabsTransfer .cxd-Transfer-result .cxd-Transfer-title { height: 2.5rem; line-height: 2.5rem; } .cxd-TabsTransfer-placeholder { height: var(--Form-input-height); line-height: var(--Form-input-lineHeight); font-size: var(--Form-input-fontSize); padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm); color: var(--text--muted-color); } .cxd-TabsTransfer-tab { padding: 0; overflow: auto; } .cxd-TabsTransfer-tabs { display: flex; flex-direction: column; height: 100%; } .cxd-TabsTransfer-tabs > .cxd-Tabs-links { border-top: 0 none; padding: 5px 0 0 5px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child { font-size: 12px; padding: 7px 8px; } .cxd-TabsTransfer-tabs > .cxd-Tabs-links .cxd-TabsTransfer-tabsMid { flex-grow: 1; } .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-SearchBox { margin: -5px 5px 0 10px; } .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-SearchBox.is-active { width: 150px; margin-right: 10px; padding-left: 10px; } .cxd-TabsTransfer-tabs > .cxd-Tabs-content { flex-grow: 1; min-height: 0; position: relative; padding: 5px 0 0; } .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane { position: relative; height: 100%; } .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active { display: flex; flex-direction: column; } .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active > .cxd-Transfer-selection { flex-grow: 1; max-height: 100%; overflow: auto; } .cxd-TransferControl { position: relative; overflow: hidden; } .cxd-TransferControl.is-inline { display: inline-block; } .cxd-TransferPicker-icon { transition: transform var(--animation-duration) ease-out; margin: 5px 5px 5px auto; display: flex; color: var(--Form-select-caret-iconColor); } .cxd-TransferPicker-icon:hover { color: var(--Form-select-caret-onHover-iconColor); } .cxd-TransferPicker-icon > svg { width: 0.75rem; height: 0.75rem; top: 0; } .cxd-TransferDropDown:hover { border: 0.0625rem solid ver(--menu-active-color); } .cxd-TransferDropDown-icon { transform: rotate(90deg); transition: transform var(--animation-duration) ease-out; margin: 0.3125rem 0 0.3125rem auto; display: flex; color: var(--Form-select-caret-iconColor); } .cxd-TransferDropDown-icon:hover { color: var(--Form-select-caret-onHover-iconColor); } .cxd-TransferDropDown-icon > svg { width: 0.625rem; height: 0.625rem; top: 0; } .cxd-TransferDropDown.is-active .cxd-TransferDropDown-icon { transform: rotate(-90deg); } .cxd-TransferDropDown-content { min-height: 12.5rem; min-width: 25rem; display: flex; flex-direction: column; padding: var(--gap-xs) 0; } .cxd-TransferDropDown-content.is-mobile { width: 100%; } .cxd-TransferDropDown-content > .cxd-Transfer-selection { flex-grow: 1; max-height: var(--Transfer-selection-maxHeight); overflow-x: hidden; overflow-y: auto; position: relative; } .cxd-NestedSelectControl { position: relative; } .cxd-NestedSelect { position: relative; } .cxd-NestedSelect--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-NestedSelect--borderNone { border-color: transparent !important; } .cxd-NestedSelect-optionArrowRight { display: inline-block; padding-right: 2.5rem; } .cxd-NestedSelect-optionArrowRight svg { width: 0.75rem; height: 0.75rem; fill: var(--Form-input-iconColor); color: var(--default-icon-color); } .cxd-NestedSelect-menuOuter { display: flex; } .cxd-NestedSelect-noResult { width: 10rem; padding: 0 var(--gap-xs); color: var(--Form-select-placeholderColor); line-height: var(--Form-input-lineHeight); font-size: var(--Form-select-input-fontSize); user-select: none; padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX); } .cxd-NestedSelect-menu { width: 10rem; min-height: 2rem; max-height: 10.9375rem; background: var(--Form-select-menu-bg); color: var(--Form-select-menu-color); border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-select-outer-boxShadow); overflow-y: auto; overflow-x: hidden; } .cxd-NestedSelect-menu:not(:first-child) { border-left: 0; } .cxd-NestedSelect-menu .cxd-NestedSelect-option { position: relative; padding-left: var(--gap-md); min-height: var(--Form-input-height); line-height: var(--Form-input-height); cursor: pointer; display: flex; } .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel { flex: 1; height: 2rem; overflow: hidden; text-overflow: ellipsis; } .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel.is-disabled { cursor: not-allowed; color: var(--text--muted-color); } .cxd-NestedSelect-menu .cxd-NestedSelect-option .cxd-NestedSelect-optionLabel-highlight { color: var(--Form-select-menu-onActive-color); } .cxd-NestedSelect-menu .cxd-NestedSelect-option.is-active { color: var(--Form-select-menu-onActive-color); background: var(--Form-select-menu-onActive-bg); } .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover { color: var(--Form-select-menu-onHover-color); background: var(--Form-select-menu-onHover-bg); } .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover > .cxd-NestedSelect-childrenOuter { display: block; } .cxd-NestedSelect-menu .cxd-NestedSelect-option.no-result { justify-content: center; cursor: default; color: var(--Form-select-placeholderColor); } .cxd-NestedSelect-menu .cxd-NestedSelect-option.no-result:hover { color: unset; background: unset; } .cxd-NestedSelect-popup { height: 28.75rem; } .cxd-Cascader-tabs { display: flex; } .cxd-Cascader-tabs.scrollable { display: block; overflow-x: auto; white-space: nowrap; } .cxd-Cascader-tabs.scrollable::-webkit-scrollbar { display: none; } .cxd-Cascader-tab { flex: 1; width: calc((100vw - 20px) / 3); height: 23.125rem; overflow-y: auto; display: inline-block; } .cxd-Cascader-tab::-webkit-scrollbar { display: none; } .cxd-Cascader { width: 100%; padding: 0 10px; } .cxd-Cascader-Nav { overflow-x: auto; } .cxd-Cascader-NavItem { display: inline-block; margin-right: 0.625rem; list-style: none; cursor: pointer; user-select: none; padding: 0 0.375rem; } .cxd-Cascader-btnGroup { display: flex; justify-content: space-between; align-items: center; height: 3.75rem; } .cxd-Cascader-options { box-sizing: border-box; height: var(--Cascader-option-height); padding-top: 0.375rem; overflow-y: auto; -webkit-overflow-scrolling: touch; margin: 0; padding: 0; } .cxd-Cascader-option { display: flex; align-items: center; justify-content: space-between; padding: 0.375rem 0; font-size: var(--fontSizeMd); line-height: var(--Cascader-option-lineHeight); cursor: pointer; position: relative; } .cxd-Cascader-option.selected span { color: var(--primary); } .cxd-Cascader-option.disabled span { color: gray; } .cxd-Cascader-option--text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none; } .cxd-Cascader-option-selectedNum { min-width: 1rem; height: 1rem; line-height: 1rem; border-radius: 100%; text-align: center; background: var(--Form-select-menu-onActive-color); color: var(--white) !important; font-size: var(--fontSizeSm); display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .cxd-Cascader-icon { color: var(--primary); } .cxd-Cascader-tab { padding: 0; } .cxd-Cascader-btnCancel { color: var(--PopUp-cancelAction-color); } .cxd-IconPickerControl { position: relative; max-width: 100%; } .cxd-IconPickerControl.is-inline { display: inline-block; width: var(--Form-control-widthBase); } .cxd-IconPickerControl-input { display: flex; background: var(--Form-input-bg); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); line-height: var(--Form-input-lineHeight); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); font-size: var(--Form-input-fontSize); flex-wrap: wrap; justify-content: flex-start; } .cxd-IconPickerControl-input input { flex-basis: 5rem; flex-grow: 1; outline: none; background: transparent; border: none; color: var(--Form-input-color); width: 100%; height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize)); } .cxd-IconPickerControl-input input::placeholder { color: var(--Form-input-placeholderColor); user-select: none; } .cxd-IconPickerControl-input:hover { border-color: var(--Form-input-onFocused-borderColor); } .cxd-IconPickerControl-input--borderHalf { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } .cxd-IconPickerControl-input--borderNone { border-color: transparent !important; } .cxd-IconPickerControl.is-error > .cxd-IconPickerControl-input { border-color: var(--Form-input-onError-borderColor); background: var(--Form-input-onError-bg); transition: all var(--animation-duration); } .cxd-IconPickerControl.is-focused > .cxd-IconPickerControl-input { border-color: var(--Form-input-onFocused-borderColor); box-shadow: var(--Form-input-boxShadow); background: var(--Form-input-onFocused-bg); transition: all var(--animation-duration); } .cxd-IconPickerControl.is-error.is-focused > .cxd-IconPickerControl-input { border-color: var(--Form-input-onError-borderColor); } .cxd-IconPickerControl.is-disabled > .cxd-IconPickerControl-input { color: var(--text--muted-color); background: var(--Form-input-onDisabled-bg); border-color: var(--Form-input-onDisabled-borderColor); transition: all var(--animation-duration); } .cxd-IconPickerControl-spinner { line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); } .cxd-IconPickerControl-clear { padding: var(--Form-input-clearBtn-padding); cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; text-decoration: none; } .cxd-IconPickerControl-clear svg { fill: var(--Form-input-clearBtn-color); top: 0; width: var(--Form-input-clearBtn-size); height: var(--Form-input-clearBtn-size); } .cxd-IconPickerControl-clear:hover svg { fill: var(--Form-input-clearBtn-color-onHover); } .cxd-IconPickerControl-clear:active svg { fill: var(--Form-input-clearBtn-color-onActive); } .cxd-IconPickerControl-revealPassword { cursor: pointer; color: var(--text--muted-color); } @media (min-width: 576px) { .cxd-IconPickerControl.cxd-Form-control--sizeXs > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeSm > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeMd > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeLg > .cxd-IconPickerControl-input { min-width: 100%; display: inline-flex; } } .cxd-IconPickerControl-placeholder { color: var(--Form-input-placeholderColor); user-select: none; line-height: var(--Form-input-lineHeight); position: absolute; left: 2px; overflow: hidden; width: 100%; } .cxd-IconPickerControl-valueWrap { justify-content: space-between; flex-grow: 1; line-height: 1; white-space: nowrap; width: 100%; position: relative; } .cxd-IconPickerControl-valueWrap > input { display: inline-block; width: auto; vertical-align: middle; } .cxd-IconPickerControl-input--withAC { position: relative; flex-wrap: wrap; width: 100%; } .cxd-IconPickerControl-input--withAC > input { width: auto; } .cxd-IconPickerControl-sugsPanel { position: absolute; background: var(--Form-select-menu-bg); color: var(--Form-select-menu-color); border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor); left: -0.0625rem; right: -0.0625rem; top: 100%; z-index: 10; height: auto; } .cxd-IconPickerControl-tabs { background: var(--IconPicker-tabs-bg); } .cxd-IconPickerControl-tab { display: inline-block; padding: var(--IconPicker-tab-padding); height: var(--IconPicker-tab-height); line-height: var(--IconPicker-tab-lineHeight); cursor: pointer; text-align: center; font-size: var(--fontSizeSm); user-select: none; } .cxd-IconPickerControl-tab.active { background: var(--IconPicker-tab-onActive-bg); } .cxd-IconPickerControl-sugs { position: relative; padding: var(--IconPicker-padding); max-height: var(--IconPicker-content-maxHeight); overflow-y: auto; } .cxd-IconPickerControl-sugItem { display: inline-block; width: var(--IconPicker-sugItem-width); height: var(--IconPicker-sugItem-height); text-align: center; line-height: var(--IconPicker-sugItem-lineHeight); cursor: pointer; } .cxd-IconPickerControl-sugItem:hover { background: var(--Form-select-menu-onHover-bg); } .cxd-IconPickerControl-sugItem.is-active { color: var(--white); background: var(--Form-select-menu-onActive-color); } .cxd-IconPickerControl-value { user-select: none; line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) ); vertical-align: middle; display: inline-block; overflow: hidden; width: 100%; text-overflow: ellipsis; } .cxd-IconPickerControl-value > i { display: inline-block; margin-right: var(--IconPicker-selectedIcon-marginRight); } .cxd-Form { font-size: var(--Form-fontSize); position: relative; } .cxd-Form--quickEdit > div:last-of-type { margin-bottom: 0; } .cxd-Form--inline > .cxd-Button { margin-bottom: calc(var(--Form-item-gap) / 2); margin-right: calc(var(--Form-item-gap) / 2); } .cxd-Form--inline > .cxd-PlainField { display: inline-block; padding-top: var(--Form-input-paddingY); } .cxd-Form-static { min-height: var(--Form-input-height); padding-top: var(--Form-label-paddingTop); padding-bottom: var(--Form-label-paddingTop); margin-bottom: 0; } .cxd-Form-item--inline > .cxd-Form-value > .cxd-Form-static { display: inline-block; vertical-align: top; } .cxd-Form-static--borderFull { border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); } .cxd-Form-static--borderHalf { border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); border-radius: var(--Form-input-borderRadius); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); } .cxd-Form-label { font-weight: var(--fontWeightNormal); margin-bottom: var(--gap-xs); position: relative; font-size: var(--Form-item-fontSize); color: var(--Form-item-fontColor); } .cxd-Form-label > span { position: relative; } .cxd-Form-star { color: var(--danger); font-size: var(--fontSizeXs); line-height: 1; } .cxd-Form-feedback { color: var(--danger); margin: var(--Form-input-marginBottom) 0 0; padding-left: var(--gap-base); font-size: var(--fontSizeSm); position: var(--Form-feedback-position); } .cxd-Form-description { display: block; color: var(--Form-description-color); margin: var(--Form-input-marginBottom) 0 0; font-size: var(--Form-description-fontSize); } .cxd-Form-hint { display: inline-block; margin-left: var(--gap-sm); padding-top: var(--Form-input-paddingY); vertical-align: top; } .cxd-Form-item { margin-bottom: var(--Form-item-gap); } .cxd-Form-item:last-child { margin-bottom: 0; } .cxd-Form-item:last-child .cxd-Form-feedback { position: relative; } .cxd-Grid-form > .cxd-Form-item:last-child { margin-bottom: 0; } .cxd-Form--inline > .cxd-Form-item--inline:last-child { margin-right: 0; margin-bottom: 0; } .cxd-Form-item .cxd-Form-remark { padding-top: var(--Form-label-paddingTop); vertical-align: top; } .cxd-Form-item--inline { margin-bottom: calc(var(--Form-item-gap) / 2); margin-right: calc(var(--Form-item-gap) / 2); } .cxd-Form-item--horizontal > .cxd-Form-label { text-align: var(--Form--horizontal-label-align); white-space: var(--Form--horizontal-label-whiteSpace); } .cxd-Form-item--horizontal > .cxd-Form-label--left { text-align: left; } .cxd-Form-item--horizontal-justify { justify-content: space-between; } .cxd-Form-item--horizontal-justify > .cxd-Form-label { text-align: var(--Form--horizontal-justify-label-align); white-space: var(--Form--horizontal-justify-label-whiteSpace); } .cxd-Form-item--horizontal-justify > .cxd-Form-value { text-align: var(--Form--horizontal-justify-value-align); } .cxd-Form-item--horizontal-justify > .cxd-Form-value > * { text-align: initial; } .cxd-Form-item--normal > .cxd-Form-label { display: block; } .cxd-Form-item--normal > .cxd-Form-label .cxd-Form-star { position: absolute; left: -0.375rem; top: 0.1875rem; } .cxd-Form-item.is-error > .cxd-Form-label { color: var(--danger); } .cxd-Form-placeholder { color: var(--Form-input-placeholderColor); } .cxd-Form-caption { display: inline-block; line-height: var(--Form-input-height); height: var(--Form-input-height); margin-left: 0.625rem; } @media (min-width: 576px) { .cxd-Form-label { display: inline-block; max-width: 100%; } .cxd-Form-control--sizeXs { width: var(--Form-control-widthXs); max-width: 100%; display: inline-block; vertical-align: top; } .cxd-Form-control--sizeXs.cxd-NumberControl { width: var(--Form-control-widthXs); } .cxd-Form-control--sizeSm { width: var(--Form-control-widthSm); max-width: 100%; display: inline-block; vertical-align: top; } .cxd-Form-control--sizeSm.cxd-NumberControl { width: var(--Form-control-widthSm); } .cxd-Form-control--sizeMd { width: var(--Form-control-widthMd); max-width: 100%; display: inline-block; vertical-align: top; } .cxd-Form-control--sizeLg { width: var(--Form-control-widthLg); max-width: 100%; display: inline-block; vertical-align: top; } .cxd-Form-control--sizeLg.cxd-NumberControl { width: var(--Form-control-widthLg); } .cxd-Form-item--horizontal { display: flex; flex-wrap: nowrap; margin-left: calc(var(--Form--horizontal-gutterWidth) / 2 * -1); margin-right: calc(var(--Form--horizontal-gutterWidth) / 2 * -1); } .cxd-Form-item--horizontal > * { padding-left: calc(var(--Form--horizontal-gutterWidth) / 2); padding-right: calc(var(--Form--horizontal-gutterWidth) / 2); } .cxd-Form-item--horizontal > .cxd-Form-value { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: 0; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--xs, .cxd-Form-item--horizontal .cxd-Form-itemColumn--sm, .cxd-Form-item--horizontal .cxd-Form-itemColumn--normal, .cxd-Form-item--horizontal .cxd-Form-itemColumn--auto, .cxd-Form-item--horizontal .cxd-Form-itemColumn--md, .cxd-Form-item--horizontal .cxd-Form-itemColumn--lg { flex-grow: unset; flex-basis: unset; } .cxd-Form-item--horizontal > .cxd-Form-label { padding-top: var(--Form-label-paddingTop); margin-bottom: 0; flex-shrink: 0; } .cxd-Form-item--horizontal > .cxd-Form-label .cxd-Form-star { position: absolute; left: -0.375rem; top: 0.1875rem; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--xs { width: var(--Form--horizontal-label-widthXs); } .cxd-Form-item--horizontal .cxd-Form-itemColumn--sm { width: var(--Form--horizontal-label-widthSm); } .cxd-Form-item--horizontal .cxd-Form-itemColumn--normal { width: var(--Form--horizontal-label-widthBase); } .cxd-Form-item--horizontal .cxd-Form-itemColumn--md { width: var(--Form--horizontal-label-widthMd); } .cxd-Form-item--horizontal .cxd-Form-itemColumn--lg { width: var(--Form--horizontal-label-widthLg); } .cxd-Form-item--horizontal .cxd-Form-itemColumn--auto { width: auto; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--3 { flex: 0 0 25%; max-width: 25%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--6 { flex: 0 0 50%; max-width: 50%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--9 { flex: 0 0 75%; max-width: 75%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--12 { flex: 0 0 100%; max-width: 100%; min-height: 1px; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--align-left { text-align: left; } .cxd-Form-item--horizontal .cxd-Form-itemColumn--align-right { text-align: right; } .cxd-Form-item--inline { display: inline-block; vertical-align: top; } .cxd-Form-item--inline > .cxd-Form-label { padding-top: var(--Form-label-paddingTop); margin-bottom: 0; margin-right: calc(var(--Form-item-gap) / 2); } .cxd-Form-item--inline > .cxd-Form-label .cxd-Form-star { position: absolute; left: -0.375rem; top: 0.1875rem; } .cxd-Form-item--inline > .cxd-Form-value { display: inline-block; vertical-align: top; } .cxd-Form-item--inline > .cxd-Form-value > .cxd-Button--link { padding-top: var(--Form-label-paddingTop); } .cxd-Form-item--inline > .cxd-Form-value > .cxd-Form-control { vertical-align: top; display: inline-block; } .cxd-Form-item--inline > .cxd-Form-value > .cxd-Form-control.cxd-InputGroup { display: inline-flex; } .cxd-Form-item--inline > .cxd-Form-value > .cxd-TextControl--withAddOn { display: inline-flex; } .cxd-Form-row { display: flex; flex-wrap: wrap; margin-left: calc(var(--Form-row-gutterWidth) / -2); margin-right: calc(var(--Form-row-gutterWidth) / -2); align-items: flex-start; } .cxd-Form-row > * { padding-left: calc(var(--Form-row-gutterWidth) / 2); padding-right: calc(var(--Form-row-gutterWidth) / 2); } .cxd-Form-col { flex-basis: 0; flex-grow: 1; flex-shrink: 1; } .cxd-Form-rowInner { display: flex; flex-wrap: nowrap; } .cxd-Form-rowInner > .cxd-Form-label { display: inline-block; vertical-align: top; padding-top: var(--Form-label-paddingTop); padding-right: var(--Form-row-gutterWidth); } .cxd-Form-rowInner > .cxd-Form-control { flex-basis: 0; flex-grow: 1; } } .cxd-Form--quickEdit { min-width: var(--Form-control-widthSm); } .cxd-Form--column { display: flex; flex-wrap: wrap; margin-left: calc(var(--Form-group-gutterWidth) / -2); margin-right: calc(var(--Form-group-gutterWidth) / -2); } .cxd-Form--column > .cxd-Form-item { flex-shrink: 0; flex-grow: 1; padding-left: calc(var(--Form-group-gutterWidth) / 2); padding-right: calc(var(--Form-group-gutterWidth) / 2); } .cxd-Form--column-2 > .cxd-Form-item { width: 50%; } .cxd-Form--column-3 > .cxd-Form-item { width: 33%; } .cxd-Form--column-4 > .cxd-Form-item { width: 25%; } .cxd-Form--column-5 > .cxd-Form-item { width: 20%; } .cxd-Form--column-6 > .cxd-Form-item { width: 16.6%; } .cxd-Form--column-7 > .cxd-Form-item { width: 14.2%; } .cxd-Form--column-8 > .cxd-Form-item { width: 12.5%; } .cxd-Form-column-9 > .cxd-Form-item { width: 11.1%; } .cxd-Form-column-10 > .cxd-Form-item { width: 10%; } /* 移动端样式调整 */ @media (max-width: 767px) { .cxd-Form::before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 0; top: 0; left: 0; border-bottom: var(--Form-input-borderWidth) solid var(--borderColor); } .cxd-Form .cxd-Form-item { display: flex; flex-wrap: wrap; margin-bottom: 0; padding: var(--Form-item-gap) 0; position: relative; } .cxd-Form .cxd-Form-item::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 0; bottom: 0; left: 0; border-bottom: var(--Form-input-borderWidth) solid var(--borderColor); } .cxd-Form .cxd-Form-item .cxd-InputGroup-addOn, .cxd-Form .cxd-Form-item .cxd-TextControl-addOn { border: none; } .cxd-Form .cxd-Form-item > .cxd-Form-label { flex: 0 0 28%; max-width: 28%; min-height: 1px; text-align: left; padding-right: calc(var(--Form--horizontal-gutterWidth) / 2); overflow-wrap: break-word; margin-right: 0; margin-bottom: 0; font-size: var(--fontSizeLg); } .cxd-Form .cxd-Form-item .cxd-Form-description { font-size: var(--fontSizeBase); } .cxd-Form .cxd-Form-item .cxd-TextControl-input { font-size: var(--fontSizeLg); } .cxd-Form .cxd-Form-item .cxd-TextControl-input input { height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg)); } .cxd-Form .cxd-Form-item .cxd-Form-value, .cxd-Form .cxd-Form-item .cxd-Form-control { flex: 1; flex-wrap: wrap; font-size: var(--fontSizeLg); } .cxd-Form .cxd-Form-item .cxd-Form-value.is-disabled > .cxd-TextControl-input, .cxd-Form .cxd-Form-item .cxd-Form-control.is-disabled > .cxd-TextControl-input { background: transparent; } .cxd-Form .cxd-Form-item .cxd-Form-hint, .cxd-Form .cxd-Form-item .cxd-Form-remark, .cxd-Form .cxd-Form-item .cxd-Form-static, .cxd-Form .cxd-Form-item .cxd-Form-group--hor .cxd-Form-item, .cxd-Form .cxd-Form-item .cxd-SwitchControl, .cxd-Form .cxd-Form-item .cxd-CheckboxControl, .cxd-Form .cxd-Form-item .cxd-RadiosControl, .cxd-Form .cxd-Form-item .cxd-CheckboxesControl { padding-top: 0; padding-bottom: 0; } .cxd-Form .cxd-Form-item .cxd-Form-group--horizontal .cxd-TextControl-input input { height: var(--Form-input-height); } .cxd-Form .cxd-Form-item .cxd-Form-hint { font-size: var(--fontSizeBase); margin-left: 0; color: var(--text--muted-color); } .cxd-Form .cxd-Form-item .cxd-TextControl-placeholder { top: 0; } .cxd-Form .cxd-Form-item .cxd-Form-static { min-height: 0; } .cxd-Form .cxd-Form-item .cxd-Form-description, .cxd-Form .cxd-Form-item .cxd-Form-feedback { font-size: var(--fontSizeBase); } .cxd-Form .cxd-Form-item .cxd-InputGroup .cxd-Select, .cxd-Form .cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button { border: none; } .cxd-Form .cxd-Form-item .cxd-InputGroup > .cxd-TextControl-input input { height: var(--Form-input-height); } .cxd-Form .cxd-Form-item .cxd-ColorPicker { padding: 0; border: none; } .cxd-Form .cxd-Form-item .cxd-ColorPicker .cxd-ColorPicker-arrow { display: none; } .cxd-Form .cxd-Form-item .cxd-Form-group--hor .cxd-Form-item .cxd-Button { margin-bottom: var(--gap-xs); } .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea, .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input, .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input { border: none; padding: 0 var(--Form-input-paddingX) 0 0; box-shadow: none; } .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea:hover, .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea:focus, .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea.active, .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover, .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus, .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active, .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover, .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus, .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active { border: none; outline: none; outline-style: none; } .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input--multiple { padding: 0; min-height: 0; } .cxd-Form .cxd-Form-groupColumn { margin-bottom: 0; } .cxd-Form > .cxd-Form-item.is-placeholder::after { display: none; } .cxd-Form .cxd-Divider { display: none; } .cxd-Form .cxd-Tabs-pane { padding: 0; } .cxd-Form .cxd-Form-item .cxd-Form-groupColumn > .cxd-Form-item { padding-bottom: var(--Form-input-paddingX); } } .cxd-UserSelect { position: relative; } .cxd-UserSelect-popup { height: 100vh; } .cxd-UserSelect-selectPopup { width: 100vw; height: 100vh; z-index: var(3000)1; } .cxd-UserSelect-searchBox { height: 3.25rem; margin: 0 1rem; flex: none; display: flex; align-items: center; } .cxd-UserSelect-search { background: var(--UserSelect--content-bg); flex: 1; } .cxd-UserSelect-searchResult { width: 100vw; flex: 1; overflow-x: hidden; overflow-y: auto; background: var(--UserSelect--content-bg); } .cxd-UserSelect-wrap { width: 100%; height: 100%; display: flex; flex-direction: column; text-align: left; } .cxd-UserSelect-navbar { position: relative; height: 44px; display: flex; align-items: center; justify-content: space-between; background: var(--white); padding-left: 0.75rem; padding-right: 1rem; flex: none; } .cxd-UserSelect-navbar-title { position: absolute; left: 50%; top: 0; transform: translateX(-50%); line-height: 44px; text-align: center; } .cxd-UserSelect-navbar-btnEdit { color: var(--UserSelect--bread-color); font-size: 1rem; } .cxd-UserSelect-breadcrumb { width: 100%; line-height: 2.75rem; padding-left: 1rem; flex: none; white-space: nowrap; overflow-x: auto; } .cxd-UserSelect-breadcrumb-item { cursor: pointer; color: var(--UserSelect--bread-color); } .cxd-UserSelect-breadcrumb-item:last-child { color: inherit; } .cxd-UserSelect-breadcrumb-separator { margin: 0 0.5rem; transform: rotate(-90deg) scale(0.5); } .cxd-UserSelect-contentBox { width: 100vw; overflow: hidden; position: relative; flex: 1; background: var(--UserSelect--content-bg); } .cxd-UserSelect-scroll { height: 100%; display: flex; position: absolute; left: 0; top: 0; transition: left var(--animation-duration) ease-in-out; } .cxd-UserSelect-memberList-box { width: 100vw; margin-top: 1rem; } .cxd-UserSelect-memberList, .cxd-UserSelect-selection { height: 100%; list-style: none; margin: 0 1rem; padding: 0.5rem 1rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: var(--white); } .cxd-UserSelect-memberList li, .cxd-UserSelect-selection li { display: flex; justify-content: space-between; align-items: center; height: 2.625rem; line-height: 2.625rem; cursor: pointer; user-select: none; padding: 0 1rem; border-bottom: 0.0625rem solid var(--UserSelect--border-color); } .cxd-UserSelect-memberList li > span, .cxd-UserSelect-selection li > span { flex: 1; } .cxd-UserSelect-selection { margin: 0; padding: 0; } .cxd-UserSelect-selection li { padding: 0; } .cxd-UserSelect-memberName { font-size: 14px; flex: 2 !important; text-align: left; user-select: none; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cxd-UserSelect-label { flex: 1; } .cxd-UserSelect-icon-box { width: 1.75rem; height: 1.75rem; border-radius: 100%; overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center; } .cxd-UserSelect-icon-box > svg { position: static; } .cxd-UserSelect-icon-box.role { background-color: var(--UserSelect--role-bg); } .cxd-UserSelect-icon-box.department { background-color: var(--UserSelect--department-bg); } .cxd-UserSelect-icon-box.post { background-color: var(--UserSelect--post-bg); } .cxd-UserSelect-userPic { width: 1.75rem; height: 1.75rem; border-radius: 100%; overflow: hidden; } .cxd-UserSelect-userPic-box { width: 1.75rem; margin-right: 0.625rem; flex: none !important; display: flex; align-items: center; } .cxd-UserSelect-text-userPic { display: flex; justify-content: center; align-items: center; background-color: var(--UserSelect--post-bg); text-align: center; line-height: 1.75rem; width: 1.75rem; height: 1.75rem; border-radius: 50%; overflow: hidden; color: var(--white); margin: 0; } .cxd-UserSelect-more { text-align: right; } .cxd-UserSelect-more svg { width: 10px; height: 10px; transform: rotateZ(-90deg); } .cxd-UserSelect-resultBox { width: 100vw; height: 3rem; display: flex; align-items: center; padding: 0 1rem; flex: none; overflow: hidden; box-sizing: border-box; } .cxd-UserSelect-selectNum { flex: none; } .cxd-UserSelect-selectList { width: 100%; flex: 1; padding: 0; overflow-x: scroll; white-space: nowrap; cursor: pointer; display: flex; align-items: center; } .cxd-UserSelect-selectList-item { list-style: none; margin-right: 0.5rem; display: flex; align-items: center; background: var(--UserSelect--border-color); border-radius: 4px; padding: 0 0.5rem; padding-right: 0; } .cxd-UserSelect-selectList-item-closeBox { height: 100%; margin-left: 0.25rem; padding: 0 0.375rem; display: flex; align-items: center; } .cxd-UserSelect-selectList-item-closeBox .icon { font-size: 8px; } .cxd-UserSelect-selectSort-box { margin-left: 0.625rem; padding: 0.25rem 0.625rem; } .cxd-UserSelect-noRecord { width: 100vw; height: 100%; margin: 0 1rem; margin-top: 1rem; display: flex; align-items: center; justify-content: center; background: var(--white); padding: 6.25rem 0; box-sizing: border-box; } .cxd-UserSelect-selectList-pop { margin: 0; padding: 0 10px; } .cxd-UserSelect-selectList-pop li { height: 40px; display: flex; align-items: center; } .cxd-UserSelect-btnSure { flex: none; } .cxd-UserSelect-del { text-align: right; flex: none !important; padding: 0 10px; } .cxd-UserSelect-dragBar { flex: none; margin-right: 10px; } .cxd-UserSelect-checkContent li > label { flex: 1 !important; } .cxd-UserSelect-selectBody { width: 100%; background: var(--UserSelect--content-bg); display: flex; flex-direction: column; } .cxd-UserSelect-searchLoadingBox { flex: 1; width: 100vw; height: 100%; display: flex; align-items: center; justify-content: center; } .cxd-UserSelect-spinnerBox { width: 100vw; height: 100%; display: flex; align-items: center; justify-content: center; } .cxd-UserSelect-selectList-box { margin-top: 1rem; background: var(--white); border-radius: 4px; padding: 0 1rem; margin: 1rem; flex: 1; overflow-y: auto; } .cxd-UserSelect-selectList-box .cxd-UserSelect-noRecord { width: auto; } .cxd-UserSelect-select-head { height: 3rem; display: flex; align-items: center; justify-content: space-between; } .cxd-UserSelect-select-head-text { font-size: 1rem; color: #151b26; } .cxd-UserSelect-select-head-btnClear { color: var(--UserSelect--bread-color); font-size: 1rem; cursor: pointer; } .cxd-UserTabSelect-popup { width: 100vw; height: 100vh; } .cxd-UserTabSelect-wrap { display: flex; flex-direction: column; } .cxd-UserTabSelect-tabs { flex: 1; display: flex; flex-direction: column; } .cxd-UserTabSelect-tabs > div:first-child { flex: none; } .cxd-UserTabSelect-tabs > div:last-child { flex: 1; } .cxd-UserTabSelect-tabs > div:last-child > div { height: 100%; } .cxd-UserTabSelect-tabs > div:last-child > div > div { height: 100%; } .cxd-AnchorNav { display: flex; height: 25rem; } .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap { margin: 0; padding: 0; width: var(--Tabs--vertical-width); border-right: var(--AnchorNav-links-container-borderRight); padding-bottom: 3.75rem; } .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link { position: relative; display: block; } .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a { display: block; border: var(--Tabs-borderWidth) solid transparent; border-width: var(--AnchorNav-onActive-borderWidth); color: var(--Tabs-color); padding: var(--Tabs-linkPadding); font-size: var(--Tabs-linkFontSize); outline: none; text-align: right; text-decoration: none; cursor: pointer; margin: 0; } .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:hover { color: var(--primary); } .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a, .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:hover { color: var(--Tabs--vertical-onActive-color); border-color: var(--Tabs--vertical-onActive-border); } .cxd-AnchorNav--horizontal { flex-direction: column; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap { user-select: none; margin: 0px; padding: 0px; border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor); list-style: none; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link { margin-bottom: calc(var(--Tabs-borderWidth) * -1); display: inline-block; position: relative; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child { font-size: var(--Tabs-linkFontSize); outline: 0; border: var(--Tabs-borderWidth) solid transparent; border-width: 0 0 var(--Tabs--line-borderWidth) 0; border-top-left-radius: var(--Tabs-borderRadius); border-top-right-radius: var(--Tabs-borderRadius); color: var(--Tabs-color); margin: var(--Tabs-linkMargin); padding: var(--Tabs-linkPadding); text-decoration: none; cursor: pointer; display: block; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child:hover, .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child:focus { color: var(--primary); background: transparent; border-color: transparent; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link:last-child > a { margin: 0; } .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child, .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child:hover, .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child:focus { font-size: var(--Tabs-linkFontSize); border-width: 0 0 var(--Tabs--line-borderWidth) 0; border-color: var(--Tabs--line-onHover-borderColor); color: var(--Tabs--line-onHover-color); background: transparent; } .cxd-AnchorNav-section-wrap { border: none; flex-grow: 1; overflow: auto; scroll-behavior: smooth; background: var(--Tabs-content-bg); } .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section { display: block; padding: var(--gap-base); } .cxd-Markdown strong { font-weight: bolder; } .cxd-Markdown img { border-style: none; } .cxd-Markdown svg:not(:root) { overflow: hidden; } .cxd-Markdown button:-moz-focusring, .cxd-Markdown [type=button]:-moz-focusring, .cxd-Markdown [type=reset]:-moz-focusring, .cxd-Markdown [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } .cxd-Markdown [type=checkbox] { box-sizing: border-box; padding: 0; } .cxd-Markdown table { border-spacing: 0; border-collapse: collapse; } .cxd-Markdown table td, .cxd-Markdown table th { padding: 0; } .cxd-Markdown hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #ddd; } .cxd-Markdown hr::before { display: table; content: ""; } .cxd-Markdown hr::after { display: table; clear: both; content: ""; } .cxd-Markdown p { margin-top: 0; margin-bottom: 10px; } .cxd-Markdown blockquote { margin: 0; } .cxd-Markdown ul, .cxd-Markdown ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .cxd-Markdown ol ol, .cxd-Markdown ul ol { list-style-type: lower-roman; } .cxd-Markdown ul ul ol, .cxd-Markdown ul ol ol, .cxd-Markdown ol ul ol, .cxd-Markdown ol ol ol { list-style-type: lower-alpha; } .cxd-Markdown dd { margin-left: 0; } .cxd-Markdown p, .cxd-Markdown blockquote, .cxd-Markdown ul, .cxd-Markdown ol, .cxd-Markdown dl, .cxd-Markdown table, .cxd-Markdown pre { margin-top: 0; margin-bottom: 16px; } .cxd-Markdown hr { height: 4px; padding: 0; margin: 16px 0; background-color: #e7e7e7; border: 0 none; } .cxd-Markdown ul:not(.dropdown-menu):not(.nav), .cxd-Markdown ol { padding-left: 2em; } .cxd-Markdown ul ul, .cxd-Markdown ul ol, .cxd-Markdown ol ol, .cxd-Markdown ol ul { margin-top: 0; margin-bottom: 0; } .cxd-Markdown li > p { margin-top: 16px; } .cxd-Markdown dl { padding: 0; } .cxd-Markdown dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } .cxd-Markdown dl dd { padding: 0 16px; margin-bottom: 16px; } .cxd-Markdown blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd; } .cxd-Markdown blockquote > :first-child { margin-top: 0; } .cxd-Markdown blockquote > :last-child { margin-bottom: 0; } .cxd-Markdown table { display: block; width: 100%; overflow: auto; word-break: normal; } .cxd-Markdown table th { font-weight: bold; } .cxd-Markdown table th, .cxd-Markdown table td { padding: 6px 13px; border: 1px solid #ddd; } .cxd-Markdown table tr { background-color: #fff; border-top: 1px solid #ccc; } .cxd-Markdown table tr:nth-child(2n) { background-color: #f8f8f8; } @media (min-width: 1200px) { .cxd-Markdown img { max-width: 800px; } } .cxd-Markdown code { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; } .cxd-Markdown code:before, .cxd-Markdown code:after { letter-spacing: -0.2em; content: " "; } .cxd-Markdown pre > code { padding: 0; margin: 0; word-break: normal; white-space: pre; background: transparent; border: 0; } .cxd-Markdown .highlight { margin-bottom: 16px; } .cxd-Markdown .highlight pre, .cxd-Markdown pre { padding: 16px; overflow: auto; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; } .cxd-Markdown .highlight pre { margin-bottom: 0; word-break: normal; } .cxd-Markdown pre { word-wrap: normal; } .cxd-Markdown pre code { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .cxd-Markdown pre code:before, .cxd-Markdown pre code:after { content: normal; } .cxd-Markdown kbd { display: inline-block; padding: 3px 5px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .cxd-Markdown hr { border-bottom-color: #eee; } .cxd-Link.is-disabled { cursor: not-allowed; color: var(--text--muted-color); } .cxd-MappingField { margin-right: var(--gap-xs); } .cxd-MappingField:last-child { margin-right: 0; } .cxd-FormulaEditor { overflow: visible; max-width: 100%; box-sizing: content-box; /* 变量列表 */ /* 函数列表 */ } .cxd-FormulaEditor-content { border-radius: var(--borderRadius); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); } .cxd-FormulaEditor-header { width: 100%; height: 1.875rem; line-height: 1.875rem; padding: 0 0.625rem; box-sizing: border-box; background: var(--InputFormula-header-bgColor); border-radius: var(--borderRadius) var(--borderRadius) 0 0; border-bottom: none; font-weight: 500; } .cxd-FormulaEditor-editor { height: 12.5rem; padding: 0.3125rem; padding-right: 0; } .cxd-FormulaEditor-editor::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-editor::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor-editor .CodeMirror { width: 100%; height: 100%; } .cxd-FormulaEditor.is-error .cxd-FormulaEditor-editor { border-color: var(--Form-input-onError-borderColor); } .cxd-FormulaEditor.is-focused .cxd-FormulaEditor-editor { border-color: var(--Form-input-onFocused-borderColor); } .cxd-FormulaEditor-settings { display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: space-between; height: 15.625rem; margin-top: 0.625rem; } .cxd-FormulaEditor-settings.only-variable { height: 21.875rem; } .cxd-FormulaEditor-panel { display: flex; flex: 1; flex-flow: column nowrap; justify-content: space-between; align-items: stretch; height: 100%; border-radius: var(--borderRadius); border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); } .cxd-FormulaEditor-panel:not(:last-child) { margin-right: 0.625rem; } .cxd-FormulaEditor-panel:last-child { flex: 1; } .cxd-FormulaEditor-panel-header { width: 100%; height: 1.875rem; line-height: 1.875rem; padding: 0 0.625rem; box-sizing: border-box; background: var(--InputFormula-header-bgColor); border-radius: var(--borderRadius) var(--borderRadius) 0 0; border-bottom: none; font-weight: 500; } .cxd-FormulaEditor-panel-body { flex: 1; display: flex; flex-flow: column nowrap; max-height: calc(100% - 30px); overflow: hidden; } .cxd-FormulaEditor-panel-body--tabs { max-height: 100%; } .cxd-FormulaEditor-VariableList-root { max-height: 100%; } .cxd-FormulaEditor-VariableList-body { display: flex; flex-flow: column nowrap; max-height: 100%; } .cxd-FormulaEditor-VariableList-base { --Form-input-fontSize: var(--fontSizeSm); --gap-sm: 0.625rem; flex: 1; max-height: 100%; } .cxd-FormulaEditor-VariableList-base.is-scrollable { overflow-x: hidden; overflow-y: auto; } .cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor-VariableList-searchBox { display: flex; width: auto; flex-shrink: 0; padding: 0.5rem; } .cxd-FormulaEditor-VariableList-searchBox > div { flex: 1; font-size: var(--fontSizeSm); height: var(--gap-xl); } .cxd-FormulaEditor-VariableList-tabs { --Tabs-linkFontSize: var(--fontSizeSm); --Tabs--card-linkPadding: 0.3125rem; max-height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content { padding: 0; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub .cxd-FormulaEditor-VariableList-body { max-height: 13.75rem; overflow-y: hidden; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base { overflow-x: hidden; overflow-y: auto; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper { width: 100%; height: 1.875rem; line-height: 1.875rem; padding: 0 0.625rem; box-sizing: border-box; background: var(--InputFormula-header-bgColor); border-radius: var(--borderRadius) var(--borderRadius) 0 0; border-bottom: none; font-weight: 500; max-height: 1.875rem; min-height: 1.875rem; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li { height: 30px; line-height: 30px; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper ul.cxd-Tabs-links > li > a { margin: 0; padding: 0; } .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer--overflow > div { margin: 0; } .cxd-FormulaEditor-VariableList-tabs > div { overflow-x: hidden; overflow-y: auto; flex: 1; border-radius: var(--borderRadius); } .cxd-FormulaEditor-VariableList-tabs > div::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-VariableList-tabs > div::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor-VariableList-tab { padding: 0; } .cxd-FormulaEditor-VariableList-item { display: flex; flex-flow: row nowrap; justify-content: space-between; white-space: nowrap; } .cxd-FormulaEditor-VariableList-item > label { white-space: nowrap; } .cxd-FormulaEditor-VariableList-item-tag { vertical-align: middle; text-align: center; padding: 0 0.5rem; border-radius: var(--borderRadius); background: #f5f5f5; color: var(--black); } .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag { line-height: 17px; } .cxd-FormulaEditor-FuncList { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; flex: 1; } .cxd-FormulaEditor-FuncList .cxd-FormulaEditor-panel { width: 11.75rem; } .cxd-FormulaEditor-FuncList:not(:last-child) { margin-right: 0.625rem; } .cxd-FormulaEditor-FuncList-searchBox { display: flex; width: auto; flex-shrink: 0; padding: 0.5rem; } .cxd-FormulaEditor-FuncList-searchBox > div { flex: 1; font-size: var(--fontSizeSm); height: var(--gap-xl); } .cxd-FormulaEditor-FuncList-body { flex: 1; overflow-x: hidden; overflow-y: auto; } .cxd-FormulaEditor-FuncList-body::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-FuncList-body::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor-FuncList-collapseGroup .cxd-FormulaEditor-FuncList-collapse { border: none; } .cxd-FormulaEditor-FuncList-collapseGroup .cxd-FormulaEditor-FuncList-collapse .cxd-FormulaEditor-FuncList-expandIcon { font-size: var(--fontSizeSm); line-height: var(--fontSizeXl); transform-origin: 0.4375rem 0.5625rem; transition: transform 0.2s; } .cxd-FormulaEditor-FuncList-groupTitle { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: unset; padding: 0.3125rem 0.625rem; background: transparent; font-size: var(--fontSizeSm); font-weight: bold; } .cxd-FormulaEditor-FuncList-groupBody > div { padding: 5px 0; } .cxd-FormulaEditor-FuncList-item { cursor: pointer; padding: 0 1.875rem; height: var(--gap-xl); line-height: var(--gap-xl); } .cxd-FormulaEditor-FuncList-item.is-active { background: var(--Tree-item-onHover-bg); } .cxd-FormulaEditor-FuncList-doc { display: flex; flex-flow: column nowrap; padding: 0.625rem; max-height: 12.5rem; } .cxd-FormulaEditor-FuncList-doc pre { white-space: pre-wrap; word-wrap: break-word; background: var(--InputFormula-code-bgColor); padding: 0.3125rem 0.625rem; border-radius: var(--borderRadius); margin-top: 0; } .cxd-FormulaEditor-FuncList-doc pre code { color: #2468f2; } .cxd-FormulaEditor-FuncList-doc-desc { color: var(--text--loud-color); overflow-x: hidden; overflow-y: auto; flex: 1; } .cxd-FormulaEditor-FuncList-doc-desc::-webkit-scrollbar { width: 6px; height: 6px; } .cxd-FormulaEditor-FuncList-doc-desc::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } .cxd-FormulaEditor .cm-field, .cxd-FormulaEditor .cm-func { border-radius: 3px; color: #fff; margin: 0 1px; padding: 0 2px; } .cxd-FormulaEditor .cm-field { padding: 3px 5px; } .cxd-FormulaEditor .cm-field { background: #007bff; } .cxd-FormulaEditor .cm-func { color: #ae4597; font-weight: bold; line-height: 14px; } .cxd-FormulaPicker { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .cxd-FormulaPicker-input { flex: 1; margin-right: 0.625rem; padding-right: 0; max-width: calc(100% - 2.625rem); } .cxd-FormulaPicker-action { display: flex; justify-content: center; align-items: center; } .cxd-FormulaPicker-icon { top: 0 !important; font-size: var(--InputFormula-icon-size); } .cxd-FormulaPicker-icon:not(:last-child) { margin-right: var(--fontSizeSm); } .cxd-FormulaPicker-icon.is-filled { fill: var(--InputFormula-icon-color-onActive); color: var(--InputFormula-icon-color-onActive); } .cxd-FormulaPicker-ResultBox { padding-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .cxd-FormulaPicker-ResultBox span.c-field { background: #007bff; padding: 3px 5px; margin: 0 1px; color: #fff; font-size: 12px; border-radius: 4px; } .cxd-FormulaPicker-ResultBox span.c-func { color: #ae4597; font-weight: bold; line-height: 14px; padding: 0 2px; } .cxd-FormulaPicker.is-input-group { border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor); padding: var(--Form-input-paddingY) var(--Form-input-paddingX); border-radius: var(--borderRadius); background-color: #fff; height: var(--Form-input-height); } .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input { display: inline-block; width: 100%; height: 100%; background: none; padding: 0; border: 0; margin: 0; } .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input:focus { border: none; outline: none; box-sizing: none; } .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-function { transform: scale(1.8); } .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-ellipsis-v { transform: rotate(90deg); } .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler:hover { cursor: pointer; } .cxd-Timeline-vertical { display: flex; flex-flow: column; } .cxd-Timeline-vertical .cxd-TimelineItem { display: flex; flex: 1; flex-direction: row; } .cxd-Timeline-vertical .cxd-TimelineItem:last-of-type .cxd-TimelineItem-axle .cxd-TimelineItem-line { display: none; } .cxd-Timeline-vertical .cxd-TimelineItem-axle { position: relative; flex: var(--TimelineItem--axle-flex); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-line { position: absolute; height: calc(100% - var(--TimelineItem--left-line-top)); width: var(--TimelineItem--left-line-width); left: var(--TimelineItem--left-line-left); top: var(--TimelineItem--left-line-top); background-color: var(--TimelineItem--line-bg); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round { position: absolute; width: var(--TimelineItem--round-width); height: var(--TimelineItem--round-height); left: var(--TimelineItem--round-left); top: var(--TimelineItem--round-top); background: var(--TimelineItem-round-bg); border-radius: var(--TimelineItem--round-radius); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger { background: var(--Timeline--danger-bg); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--info { background: var(--Timeline--info-bg); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--success { background: var(--Timeline--success-bg); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning { background: var(--Timeline--warning-bg); } .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-icon { position: absolute; width: var(--TimelineItem--icon-width); height: var(--TimelineItem--icon-height); left: var(--TimelineItem--icon-left); border-radius: var(--TimelineItem--icon-radius); } .cxd-Timeline-vertical .cxd-TimelineItem-content { padding-bottom: var(--TimelineItem--content-padding-bottom); margin-left: var(--TimelineItem--content-margin-left); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-time { color: var(--TimelineItem--text-secondary-color); font-size: var(--Timeline--font-size); margin-bottom: var(--TimelineItem--content-time-margin-bottom); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-title { color: var(--TimelineItem--text-primary-color); font-size: var(--Timeline--font-size); margin-bottom: var(--TimelineItem--content-title-margin-bottom); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-button { display: flex; cursor: pointer; align-items: center; font-size: var(--Timeline--font-size); color: var(--TimelineItem--detail-button-color); margin-bottom: var(--TimelineItem--detail-button-margin-bottom); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow { width: var(--TimelineItem-detail-arrow-width); height: var(--TimelineItem-detail-arrow-width); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow-top { transform: rotateX(180deg); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-visible { display: block; max-width: var(--TimelineItem-detail-visible-max-width); font-size: var(--Timeline--font-size); padding: var(--TimelineItem-detail-visible-padding); box-shadow: var(--TimelineItem-detail-visible-shadow); } .cxd-Timeline-vertical .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-invisible { display: none; } .cxd-Timeline-vertical.cxd-Timeline-left .cxd-TimelineItem { flex-direction: row-reverse; } .cxd-Timeline-vertical.cxd-Timeline-alternate .cxd-TimelineItem:nth-child(odd) { flex-direction: row-reverse; max-width: 50%; } .cxd-Timeline-vertical.cxd-Timeline-alternate .cxd-TimelineItem:nth-child(even) { margin-left: calc(50% - var(--Timeline-alternate-margin-left)); max-width: calc(50% + var(--Timeline-alternate-margin-left)); } .cxd-Timeline-horizontal { display: flex; flex-flow: row; margin-left: 50%; transform: translateX(-50%); } .cxd-Timeline-horizontal .cxd-TimelineItem { display: flex; width: -webkit-fill-available; flex-flow: column; } .cxd-Timeline-horizontal .cxd-TimelineItem:last-of-type .cxd-TimelineItem-axle .cxd-TimelineItem-line { display: none; } .cxd-Timeline-horizontal .cxd-TimelineItem-axle { position: relative; flex: var(--TimelineItem--axle-flex); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-line { position: absolute; height: var(--TimelineItem--left-line-width); width: calc(100% - var(--TimelineItem--left-line-left)); left: var(--TimelineItem--left-line-top); top: var(--TimelineItem--left-line-left); background-color: var(--TimelineItem--line-bg); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round { position: absolute; width: var(--TimelineItem--round-width); height: var(--TimelineItem--round-height); left: var(--TimelineItem--round-top); top: var(--TimelineItem--round-left); background: var(--TimelineItem-round-bg); border-radius: var(--TimelineItem--round-radius); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger { background: var(--Timeline--danger-bg); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--info { background: var(--Timeline--info-bg); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--success { background: var(--Timeline--success-bg); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning { background: var(--Timeline--warning-bg); } .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-icon { position: absolute; width: var(--TimelineItem--icon-width); height: var(--TimelineItem--icon-height); left: var(--TimelineItem--icon-left); border-radius: var(--TimelineItem--icon-radius); } .cxd-BarCode > img { display: block; margin: 0 auto; } .cxd-Tag { display: inline-flex; height: var(--Tag-height); padding: 0 var(--gap-sm); justify-content: center; align-items: center; font-size: var(--Tag-content-fontSize); max-width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.3; border-radius: var(--Tag-borderRadius); background-color: var(--Tag-default-color); color: var(--Tag-fontColor); } .cxd-Tag:not(:last-child) { margin-right: var(--gap-sm); } .cxd-Tag--normal { border-radius: var(--Tag-borderRadius); } .cxd-Tag--normal--hasColor { color: var(--white); } .cxd-Tag--normal--inactive { background: var(--Tag-inactive-color); } .cxd-Tag--normal--active { background: var(--Tag-active-color); } .cxd-Tag--normal--processing { background: var(--Tag-processing-color); } .cxd-Tag--normal--success { background: var(--Tag-success-color); } .cxd-Tag--normal--error { background: var(--Tag-error-color); } .cxd-Tag--normal--warning { background: var(--Tag-warning-color); } .cxd-Tag--rounded { background-color: var(--white); border-radius: calc((var(--Tag-height) + 2px) / 2); border: 1px solid var(--Tag-default-color); color: var(--Tag-default-color); } .cxd-Tag--rounded--inactive { border-color: var(--Tag-inactive-color); color: var(--Tag-inactive-color); } .cxd-Tag--rounded--active { border-color: var(--Tag-active-color); color: var(--Tag-active-color); } .cxd-Tag--rounded--processing { border-color: var(--Tag-processing-color); color: var(--Tag-processing-color); } .cxd-Tag--rounded--success { border-color: var(--Tag-success-color); color: var(--Tag-success-color); } .cxd-Tag--rounded--error { border-color: var(--Tag-error-color); color: var(--Tag-error-color); } .cxd-Tag--rounded--warning { border-color: var(--Tag-warning-color); color: var(--Tag-warning-color); } .cxd-Tag--status { background-color: var(--white); } .cxd-Tag--status--inactive .cxd-Tag--prev { color: var(--Tag-inactive-color); } .cxd-Tag--status--active .cxd-Tag--prev { color: var(--Tag-active-color); } .cxd-Tag--status--processing .cxd-Tag--prev { color: var(--Tag-processing-color); } .cxd-Tag--status--success .cxd-Tag--prev { color: var(--Tag-success-color); } .cxd-Tag--status--error .cxd-Tag--prev { color: var(--Tag-error-color); } .cxd-Tag--status--warning .cxd-Tag--prev { color: var(--Tag-warning-color); } .cxd-Tag--status:not(.cxd-Tag--status--processing):not(.cxd-Tag--status--active) .icon-dot #dotWave { display: none; } .cxd-Tag--prev { color: var(--Tag-default-color); margin-right: var(--gap-sm); } .cxd-Tag--prev i { font-size: 0.5rem; } .cxd-Tag--prev .icon { width: 0.5rem; height: 0.5rem; top: 0; } .cxd-Tag--close { margin-left: var(--gap-sm); margin-right: var(--gap-xs); cursor: pointer; } .cxd-Tag--close i { font-size: 0.5rem; } .cxd-Tag--close .icon { width: 0.5rem; height: 0.5rem; position: inherit; } .cxd-Tag--close:hover { opacity: 0.7; } .cxd-Tag--close:active { opacity: 0.3; } .cxd-Tag--disabled { opacity: 0.3; cursor: not-allowed; } .cxd-Tag--disabled .cxd-Tag--close { cursor: not-allowed; opacity: 0.7; } .cxd-Tag--checkable { background-color: var(--Tag-checkable-bgColor); cursor: pointer; } .cxd-Tag--checkable:hover { background-color: var(--Tag-checkable-bgColor-onHover); } .cxd-Tag--checkable:active { background-color: var(--Tag-checkable-bgColor-onActive); } .cxd-Tag--checkable--disabled { cursor: not-allowed; background-color: var(--Tag-checkable-bgColor-onDisable); color: var(--Tag-checkable-fontColor-onDisable); } .cxd-Tag--checkable--checked:not(.cxd-Tag--checkable--disabled) { color: var(--white); background-color: var(--Tag-checkable-bgColor-onChecked); } .cxd-Tag--checkable--checked:not(.cxd-Tag--checkable--disabled):hover { background-color: var(--Tag-checkable-bgColor-onHover-onChecked); } .cxd-Tag--checkable--checked:not(.cxd-Tag--checkable--disabled):active { background-color: var(--Tag-checkable-bgColor-onActive-onChecked); } .cxd-PullRefresh-wrap { position: relative; height: 100%; } .cxd-PullRefresh-header { position: absolute; left: 0px; width: 100%; text-align: center; transform: translateY(-100%); overflow: hidden; padding: var(--gap-xs) 0; min-height: var(--gap-lg); line-height: var(--gap-lg); color: #999; } .cxd-PullRefresh .loading-icon { animation: var(--Button-animation-spin); margin-right: var(--gap-xs); } /** * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格 */ .AMISDebug { position: fixed; z-index: 4000; top: 0; right: 0; height: 100vh; width: 24px; pointer-events: none; } .AMISDebug h3 { color: inherit; } .AMISDebug .primary { color: #009fff; } .AMISDebug-header { padding: var(--Drawer-header-padding); background: var(--Drawer-header-bg); border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor); } .AMISDebug-hoverBox { pointer-events: none; position: absolute; outline: 1px dashed #1c76c4; } .AMISDebug-activeBox { pointer-events: none; position: absolute; outline: 1px #1c76c4; } .AMISDebug-tab { overflow: hidden; } .AMISDebug-tab > button { color: inherit; background: inherit; float: left; border: none; outline: none; cursor: pointer; padding: var(--gap-sm) var(--gap-md); transition: 0.3s; border-bottom: 1px solid transparent; } .AMISDebug-tab > button:hover { color: #e7e7e7; } .AMISDebug-tab > button.active { color: #e7e7e7; border-bottom-color: #e7e7e7; } .AMISDebug-toggle { pointer-events: all; background: var(--body-bg); position: fixed; top: 50%; right: 0; width: 24px; height: 48px; box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06); border-radius: var(--borderRadius) 0 0 var(--borderRadius); padding-top: 14px; padding-left: 6px; cursor: pointer; } .AMISDebug-toggle i { color: var(--text-color); } .AMISDebug-toggle:hover i { color: var(--primary); } .AMISDebug-content { pointer-events: all; display: none; } .AMISDebug-resize { position: absolute; width: 4px; top: 0; left: 0; bottom: 0; cursor: col-resize; } .AMISDebug-resize:hover { background: #75715e; } .AMISDebug-changePosition { position: absolute; font-size: 18px; right: 40px; top: var(--gap-sm); cursor: pointer; } .AMISDebug-close { position: absolute; font-size: 18px; right: var(--gap-sm); top: var(--gap-sm); cursor: pointer; } .AMISDebug.is-expanded { width: 420px; overflow: auto; background: #272821; color: #cccccc; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .AMISDebug.is-expanded .AMISDebug-toggle { display: none; } .AMISDebug.is-expanded .AMISDebug-content { display: block; } .AMISDebug.is-left { left: 0; } .AMISDebug.is-left .AMISDebug-resize { left: unset; right: 0; } .AMISDebug-log { padding: var(--gap-sm); } .AMISDebug-log button { cursor: pointer; background: #0e639c; flex-grow: 1; box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; padding: 6px 11px; outline: none; text-decoration: none; color: inherit; max-width: 300px; border: none; } .AMISDebug-log button:hover { background: #1177bb; } .AMISDebug-inspect { padding: var(--gap-sm); } /* * utilities */ .bg-light { background-color: #eaf6fe; color: #151a26; } .bg-light.lt, .bg-light .lt { background: #f4fafe; } .bg-light.lter, .bg-light .lter { background: #f9fcff; } .bg-light.dk, .bg-light .dk { background: #dbf0fe; } .bg-light.dker, .bg-light .dker { background: #d0ecfe; } .bg-light.bg, .bg-light .bg { background-color: #eaf6fe; } .bg-dark { background-color: #343a40; color: #a0a0a0; } .bg-dark.lt, .bg-dark .lt { background: #41474c; } .bg-dark.lter, .bg-dark .lter { background: #4f5458; } .bg-dark.dk, .bg-dark .dk { background: #272d33; } .bg-dark.dker, .bg-dark .dker { background: #1c2125; } .bg-dark.bg, .bg-dark .bg { background-color: #343a40; } .bg-dark a, .bg-dark .cxd-Button--link { color: #b9baba; } .bg-dark a:hover, .bg-dark .cxd-Button--link:hover { color: #fff; } .bg-dark .open > a, .bg-dark .open > a:hover, .bg-dark .open > a:focus { color: #fff; } .bg-dark .text-muted { color: #030405 !important; } .bg-dark .text-lt { color: #425278 !important; } .bg-black { background-color: #000; color: #666666; } .bg-black.lt, .bg-black .lt { background: #0d0d0d; } .bg-black.lter, .bg-black .lter { background: #1a1a1a; } .bg-black.dk, .bg-black .dk { background: black; } .bg-black.dker, .bg-black .dker { background: black; } .bg-black.bg, .bg-black .bg { background-color: #000; } .bg-black a, .bg-black .cxd-Button--link { color: gray; } .bg-black a:hover, .bg-black .cxd-Button--link:hover { color: #fff; } .bg-black .open > a, .bg-black .open > a:hover, .bg-black .open > a:focus { color: #fff; } .bg-black .text-muted { color: #030405 !important; } .bg-black .text-lt { color: #425278 !important; } .bg-primary { background-color: #2468f2; color: #e6edfc; } .bg-primary.lt, .bg-primary .lt { background: #3f79f1; } .bg-primary.lter, .bg-primary .lter { background: #598bf0; } .bg-primary.dk, .bg-primary .dk { background: #0b57f2; } .bg-primary.dker, .bg-primary .dker { background: #074ddc; } .bg-primary.bg, .bg-primary .bg { background-color: #2468f2; } .bg-primary a, .bg-primary .cxd-Button--link { color: white; } .bg-primary a:hover, .bg-primary .cxd-Button--link:hover { color: #fff; } .bg-primary .open > a, .bg-primary .open > a:hover, .bg-primary .open > a:focus { color: #fff; } .bg-primary .text-muted { color: #030405 !important; } .bg-primary .text-lt { color: #425278 !important; } .bg-success { background-color: #30bf13; color: #b8f2ac; } .bg-success.lt, .bg-success .lt { background: #38d318; } .bg-success.lter, .bg-success .lter { background: #43e223; } .bg-success.dk, .bg-success .dk { background: #29aa0e; } .bg-success.dker, .bg-success .dker { background: #22950a; } .bg-success.bg, .bg-success .bg { background-color: #30bf13; } .bg-success a, .bg-success .cxd-Button--link { color: #def9d8; } .bg-success a:hover, .bg-success .cxd-Button--link:hover { color: #fff; } .bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus { color: #fff; } .bg-success .text-muted { color: #030405 !important; } .bg-success .text-lt { color: #425278 !important; } .bg-info { background-color: #2468f2; color: #e6edfc; } .bg-info.lt, .bg-info .lt { background: #3f79f1; } .bg-info.lter, .bg-info .lter { background: #598bf0; } .bg-info.dk, .bg-info .dk { background: #0b57f2; } .bg-info.dker, .bg-info .dker { background: #074ddc; } .bg-info.bg, .bg-info .bg { background-color: #2468f2; } .bg-info a, .bg-info .cxd-Button--link { color: white; } .bg-info a:hover, .bg-info .cxd-Button--link:hover { color: #fff; } .bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus { color: #fff; } .bg-info .text-muted { color: #030405 !important; } .bg-info .text-lt { color: #425278 !important; } .bg-warning { background-color: #ff9326; color: #fef9f3; } .bg-warning.lt, .bg-warning .lt { background: #fda042; } .bg-warning.lter, .bg-warning .lter { background: #fbac5d; } .bg-warning.dk, .bg-warning .dk { background: #ff860d; } .bg-warning.dker, .bg-warning .dker { background: #f27a00; } .bg-warning.bg, .bg-warning .bg { background-color: #ff9326; } .bg-warning a, .bg-warning .cxd-Button--link { color: white; } .bg-warning a:hover, .bg-warning .cxd-Button--link:hover { color: #fff; } .bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus { color: #fff; } .bg-warning .text-muted { color: #030405 !important; } .bg-warning .text-lt { color: #425278 !important; } .bg-danger { background-color: #f33e3e; color: #fffefe; } .bg-danger.lt, .bg-danger .lt { background: #f25858; } .bg-danger.lter, .bg-danger .lter { background: #f27272; } .bg-danger.dk, .bg-danger .dk { background: #f42323; } .bg-danger.dker, .bg-danger .dker { background: #f50909; } .bg-danger.bg, .bg-danger .bg { background-color: #f33e3e; } .bg-danger a, .bg-danger .cxd-Button--link { color: white; } .bg-danger a:hover, .bg-danger .cxd-Button--link:hover { color: #fff; } .bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus { color: #fff; } .bg-danger .text-muted { color: #030405 !important; } .bg-danger .text-lt { color: #425278 !important; } .bg-white { background-color: #fff; color: #151a26; } .bg-white.lt, .bg-white .lt { background: white; } .bg-white.lter, .bg-white .lter { background: white; } .bg-white.dk, .bg-white .dk { background: #f3f2f2; } .bg-white.dker, .bg-white .dker { background: #e7e4e4; } .bg-white.bg, .bg-white .bg { background-color: #fff; } .bg-none { background: none !important; } .cursor-pointer { cursor: pointer; } a.bg-primary:hover { background: #0e58ee; } a.text-primary:hover { color: #0e58ee; } .text-primary { color: #2468f2; } .text-primary-lt { color: #0e58ee; } .text-primary-lter { color: #0d4fd6; } .text-primary-dk { color: #0e58ee; } .text-primary-dker { color: #0d4fd6; } a.bg-info:hover { background: #0e58ee; } a.text-info:hover { color: #0e58ee; } .text-info { color: #2468f2; } .text-info-lt { color: #0e58ee; } .text-info-lter { color: #0d4fd6; } .text-info-dk { color: #0e58ee; } .text-info-dker { color: #0d4fd6; } a.bg-success:hover { background: #2aa811; } a.text-success:hover { color: #2aa811; } .text-success { color: #30bf13; } .text-success-lt { color: #2aa811; } .text-success-lter { color: #24910e; } .text-success-dk { color: #2aa811; } .text-success-dker { color: #24910e; } a.bg-warning:hover { background: #ff860d; } a.text-warning:hover { color: #ff860d; } .text-warning { color: #ff9326; } .text-warning-lt { color: #ff860d; } .text-warning-lter { color: #f27a00; } .text-warning-dk { color: #ff860d; } .text-warning-dker { color: #f27a00; } a.bg-danger:hover { background: #f22626; } a.text-danger:hover { color: #f22626; } .text-danger { color: #f33e3e; } .text-danger-lt { color: #f22626; } .text-danger-lter { color: #ef0f0f; } .text-danger-dk { color: #f22626; } .text-danger-dker { color: #ef0f0f; } a.bg-dark:hover { background: #292d32; } a.text-dark:hover { color: #292d32; } .text-dark { color: #343a40; } .text-dark-lt { color: #292d32; } .text-dark-lter { color: #1d2124; } .text-dark-dk { color: #292d32; } .text-dark-dker { color: #1d2124; } a.bg-white:hover { background: #f2f2f2; } a.text-white:hover { color: #f2f2f2; } .text-white { color: #fff; } .text-white-lt { color: #f2f2f2; } .text-white-lter { color: #e6e6e6; } .text-white-dk { color: #f2f2f2; } .text-white-dker { color: #e6e6e6; } a.bg-black:hover { background: black; } a.text-black:hover { color: black; } .text-black { color: #000; } .text-black-lt { color: black; } .text-black-lter { color: black; } .text-black-dk { color: black; } .text-black-dker { color: black; } .text-muted { color: var(--text--muted-color); } .text-loud { color: var(--text--loud-color); } .clearfix::before, .clearfix::after { display: table; content: ""; } .clearfix::after { clear: both; } .pos-rlt { position: relative; } .pos-stc { position: static !important; } .pos-abt { position: absolute; } .pos-fix { position: fixed; } .show { visibility: visible; } .line { height: 2px; margin: 10px 0; font-size: 0; overflow: hidden; } .line-xs { margin: 0; } .line-lg { margin-top: 15px; margin-bottom: 15px; } .line-dashed { border-style: dashed !important; background: transparent; border-width: 0; } .no-line { border-width: 0; } .no-border, .no-borders { border-color: transparent; border-width: 0; } .no-b-t { border-top-width: 0; } .no-b-r { border-right-width: 0; } .no-b-b { border-bottom-width: 0; } .no-b-l { border-left-width: 0; } .no-radius { border-radius: 0; } .block { display: block; } .block.hide { display: none; } .inline { display: inline-block; } .none { display: none; } .pull-none { float: none; } .pull-right { float: right; } .pull-left { float: left; } .rounded { border-radius: 500px; } .clear { display: block; overflow: hidden; } .no-bg { background: transparent; color: inherit; } .no-select { user-select: none; } .l-h { line-height: var(--lineHeightBase); } .l-h-0x { line-height: 0; } .l-h-1x { line-height: 1.2; } .l-h-2x { line-height: 2em; } .l-s-1x { letter-spacing: 1; } .l-s-2x { letter-spacing: 2; } .l-s-3x { letter-spacing: 3; } .font-normal { font-weight: normal; } .font-thin { font-weight: 300; } .font-bold { font-weight: 700; } .text-5x { font-size: 5em; } .text-4x { font-size: 4em; } .text-3x { font-size: 3em; } .text-2x { font-size: 2em; } .text-xl { font-size: var(--fontSizeXl) !important; } .text-lg { font-size: var(--fontSizeLg) !important; } .text-md { font-size: var(--fontSizeMd) !important; } .text-base { font-size: var(--fontSizeBase) !important; } .text-sm { font-size: var(--fontSizeSm) !important; } .text-xs { font-size: var(--fontSizeXs) !important; } .text-xxs { text-indent: -9999px; } .text-ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-u-c { text-transform: uppercase; } .text-l-t { text-decoration: line-through; } .text-u-l { text-decoration: underline; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .box-shadow { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); } .box-shadow-lg { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); } .text-shadow { font-size: 170px; text-shadow: 0 1px 0 var(--borderColor), 0 2px 0 var(--borderColorLight), 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2); } .no-shadow { box-shadow: none !important; } .wrapper-xs { padding: 5px; } .wrapper-sm { padding: 10px; } .wrapper { padding: 15px; } .wrapper-md { padding: 20px; } .wrapper-lg { padding: 30px; } .wrapper-xl { padding: 50px; } .padder-lg { padding-left: 30px; padding-right: 30px; } .padder-md { padding-left: 20px; padding-right: 20px; } .padder { padding-left: 15px; padding-right: 15px; } .padder-v-xs { padding-top: 5px; padding-bottom: 5px; } .padder-v-sm { padding-top: 10px; padding-bottom: 10px; } .padder-v { padding-top: 15px; padding-bottom: 15px; } .padder-v-md { padding-top: 20px; padding-bottom: 20px; } .padder-v-lg { padding-top: 30px; padding-bottom: 30px; } .no-padder { padding: 0 !important; } .pull-in { margin-left: -15px; margin-right: -15px; } .pull-in-md { margin-left: -20px; margin-right: -20px; } .pull-in-sm { margin-left: -10px; margin-right: -10px; } .pull-out { margin: -10px -15px; } .b { border: 1px solid rgba(0, 0, 0, 0.05); } .b-a { border: 1px solid var(--borderColor); } .b-t { border-top: 1px solid var(--borderColor); } .b-t-none { border-top-width: 0; } .b-r { border-right: 1px solid var(--borderColor); } .b-r-none { border-right-width: 0; } .b-b { border-bottom: 1px solid var(--borderColor); } .b-b-none { border-bottom-width: 0; } .b-l { border-left: 1px solid var(--borderColor); } .b-l-none { border-left-width: 0; } .b-light { border-color: var(--light); } .b-dark { border-color: var(--dark); } .b-black { border-color: var(--dark); } .b-primary { border-color: var(--primary); } .b-success { border-color: var(--success); } .b-info { border-color: var(--info); } .b-warning { border-color: var(--warning); } .b-danger { border-color: var(--danger); } .b-white { border-color: #fff; } .b-dashed { border-style: dashed !important; } .b-l-light { border-left-color: var(--light); } .b-l-dark { border-left-color: var(--dark); } .b-l-black { border-left-color: var(--dark); } .b-l-primary { border-left-color: var(--primary); } .b-l-success { border-left-color: var(--success); } .b-l-info { border-left-color: var(--info); } .b-l-warning { border-left-color: var(--warning); } .b-l-danger { border-left-color: var(--danger); } .b-l-white { border-left-color: #fff; } .b-l-2x { border-left-width: 2px; } .b-l-3x { border-left-width: 3px; } .b-l-4x { border-left-width: 4px; } .b-l-5x { border-left-width: 5px; } .b-2x { border-width: 2px; } .b-3x { border-width: 3px; } .b-4x { border-width: 4px; } .b-5x { border-width: 5px; } .r { border-radius: var(--borderRadius) var(--borderRadius) var(--borderRadius) var(--borderRadius); } .r-2x { border-radius: var(--borderRadiusMd); } .r-3x { border-radius: var(--borderRadiusLg); } .r-l { border-radius: var(--borderRadius) 0 0 var(--borderRadius); } .r-r { border-radius: 0 var(--borderRadius) var(--borderRadius) 0; } .r-t { border-radius: var(--borderRadius) var(--borderRadius) 0 0; } .r-b { border-radius: 0 0 var(--borderRadius) var(--borderRadius); } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m-sm { margin: 10px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n, .m-none { margin: 0 !important; } .m-l-none { margin-left: 0 !important; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-xxl { margin-left: 50px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-l-n-xxl { margin-left: -50px; } .m-t-none { margin-top: 0 !important; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-xxl { margin-top: 50px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-t-n-xxl { margin-top: -50px; } .m-r-none { margin-right: 0 !important; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-xxl { margin-right: 50px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-r-n-xxl { margin-right: -50px; } .m-b-none { margin-bottom: 0 !important; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-lg { margin-bottom: 30px; } .m-b-xl { margin-bottom: 40px; } .m-b-xxl { margin-bottom: 50px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .m-b-n-xxl { margin-bottom: -50px; } .p-xxs { padding: 2px 4px; } .p-xs { padding: 5px; } .p-sm { padding: 10px; } .p { padding: 15px; } .p-md { padding: 20px; } .p-lg { padding: 30px; } .p-xl { padding: 50px; } .p-n, .p-none { padding: 0 !important; } .p-l-none { padding-left: 0 !important; } .p-l-xs { padding-left: 5px; } .p-l-sm { padding-left: 10px; } .p-l { padding-left: 15px; } .p-l-md { padding-left: 20px; } .p-l-lg { padding-left: 30px; } .p-l-xl { padding-left: 40px; } .p-l-xxl { padding-left: 50px; } .p-t-none { padding-top: 0 !important; } .p-t-xxs { padding-top: 1px; } .p-t-xs { padding-top: 5px; } .p-t-sm { padding-top: 10px; } .p-t { padding-top: 15px; } .p-t-md { padding-top: 20px; } .p-t-lg { padding-top: 30px; } .p-t-xl { padding-top: 40px; } .p-t-xxl { padding-top: 50px; } .p-t-n-xxs { padding-top: -1px; } .p-r-none { padding-right: 0 !important; } .p-r-xxs { padding-right: 1px; } .p-r-xs { padding-right: 5px; } .p-r-sm { padding-right: 10px; } .p-r { padding-right: 15px; } .p-r-md { padding-right: 20px; } .p-r-lg { padding-right: 30px; } .p-r-xl { padding-right: 40px; } .p-r-xxl { padding-right: 50px; } .p-b-none { padding-bottom: 0 !important; } .p-b-xxs { padding-bottom: 1px; } .p-b-xs { padding-bottom: 5px; } .p-b-sm { padding-bottom: 10px; } .p-b { padding-bottom: 15px; } .p-b-md { padding-bottom: 20px; } .p-b-lg { padding-bottom: 30px; } .p-b-xl { padding-bottom: 40px; } .p-b-xxl { padding-bottom: 50px; } .avatar { position: relative; display: block; border-radius: 500px; white-space: nowrap; } .avatar img { border-radius: 500px; width: 100%; } .avatar i { position: absolute; left: 0; top: 0; width: 10px; height: 10px; margin: 2px; border-width: 2px; border-style: solid; border-radius: 100%; } .avatar i.right { left: auto; right: 0; } .avatar i.bottom { left: auto; top: auto; bottom: 0; right: 0; } .avatar i.left { top: auto; bottom: 0; } .avatar i.on { background: var(--success); } .avatar i.off { background: var(--text--muted-color); } .avatar i.busy { background: var(--danger); } .avatar i.away { background: var(--warning); } .avatar.thumb-md i { width: 12px; height: 12px; margin: 3px; } .avatar.thumb-sm i { margin: 1px; } .avatar.thumb-xs i { margin: 0; } .w-1x { width: 1em; } .w-2x { width: 2em; } .w-3x { width: 3em; } .w-xxs { width: 60px; } .h-xxs { height: 60px; } .w-xs { width: 90px; } .h-xs { height: 90px; } .w-ssm { width: 120px; } .w-sm { width: 150px; } .h-sm { height: 150px; } .h-ssm { height: 120px; } .w { width: 200px; } .h { height: 200px; } .w-md { width: 240px; } .h-md { height: 240px; } .w-lg { width: 280px; } .h-lg { height: 280px; } .w-xl { width: 320px; } .h-xl { height: 320px; } .w-xxl { width: 360px; } .h-xxl { height: 360px; } .w-xxxl { width: 420px; } .h-xxxl { height: 420px; } .w-full { width: 100%; } .w-auto { width: auto; } .h-auto { height: auto; } .h-full { height: 100%; } .no-grow { flex-grow: unset !important; flex-basis: unset !important; } .nowrap { white-space: nowrap; flex-wrap: nowrap; } @media (min-width: 576px) { .cxd-Form-col.w, .cxd-Form-col.w-xs, .cxd-Form-col.w-sm, .cxd-Form-col.w-md, .cxd-Form-col.w-lg { flex-basis: unset; flex-grow: unset; } } .thumb-xl { width: 128px; display: inline-block; } .thumb-lg { width: 96px; display: inline-block; } .thumb-md { width: 64px; display: inline-block; } .thumb { width: 50px; display: inline-block; } .thumb-sm { width: 40px; display: inline-block; } .thumb-xs { width: 34px; display: inline-block; } .thumb-xxs { width: 30px; display: inline-block; } .thumb-wrapper { padding: 2px; border: 1px solid var(--borderColor); } .thumb img, .thumb-xxs img, .thumb-xs img, .thumb-sm img, .thumb-md img, .thumb-lg img, .thumb-btn img, .thumb-xl img { height: auto; max-width: 100%; vertical-align: middle; } .img-full { width: 100%; } .img-full img { width: 100%; } .v-top { vertical-align: top !important; align-self: flex-start; } .v-middle { vertical-align: middle !important; align-self: center; } .v-bottom { vertical-align: bottom !important; align-self: flex-end; } .scrollable { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .scrollable.hover, .scrollable.hover > .cell-inner { overflow-y: hidden !important; } .scrollable.hover:hover, .scrollable.hover:focus, .scrollable.hover:active { overflow: visible; overflow-y: auto; } .scrollable.hover:hover > .cell-inner, .scrollable.hover:focus > .cell-inner, .scrollable.hover:active > .cell-inner { overflow-y: auto !important; } .smart .scrollable, .smart .scrollable > .cell-inner { overflow-y: auto !important; } .scroll-x, .scroll-y { overflow: hidden; -webkit-overflow-scrolling: touch; } .scroll-y { overflow-y: auto; } .scroll-x { overflow-x: auto; } .hover-action { display: none; } .hover-rotate { transition: all var(--animation-duration) ease-in-out var(--animation-duration); } .hover-anchor:hover > .hover-action, .hover-anchor:focus > .hover-action, .hover-anchor:active > .hover-action { display: inherit; } .hover-anchor:hover > .hover-rotate, .hover-anchor:focus > .hover-rotate, .hover-anchor:active > .hover-rotate { transform: rotate(90deg); } .backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; } .backdrop.fade { opacity: 0; } .backdrop.in { opacity: 0.8; } .col-xs-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4, .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-2-4 { width: 20%; float: left; } .col-xs-1-5 { width: 12.5%; float: left; } .invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .invisible2 { visibility: hidden; } .hbox { display: table; table-layout: fixed; border-spacing: 0; width: 100%; height: 100%; } .hbox > .col { display: table-cell; vertical-align: top; height: 100%; float: none; } .vbox { display: table; border-spacing: 0; position: relative; width: 100%; height: 100%; min-height: 240px; } .vbox .row-row { display: table-row; height: 100%; } .vbox .row-row .cell { position: relative; height: 100%; width: 100%; } .ie .vbox .row-row .cell { display: table-cell; overflow: auto; } .ie .vbox .row-row .cell .cell-inner { overflow: visible !important; } .vbox .row-row .cell .cell-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-overflow-scrolling: touch; overflow: auto; } .word-break { white-space: normal; word-break: break-all; word-wrap: break-word; } .white-space-pre { white-space: pre; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: var(--label-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: var(--label-link--hover-color); text-decoration: none; cursor: pointer; } .label-default { background: var(--label--default-bg); } .label-primary { background: var(--label--primary-bg); } .label-success { background: var(--label--success-bg); } .label-info { background: var(--label--info-bg); } .label-warning { background: var(--label--warning-bg); } .label-danger { background: var(--label--danger-bg); } @keyframes apearSensor { from { opacity: 0; } } @media (min-width: 768px) { .col-sm-2-4 { width: 20%; float: left; } .col-sm-1-5 { width: 12.5%; float: left; } } @media (min-width: 992px) { .col-md-2-4 { width: 20%; float: left; } .col-md-1-5 { width: 12.5%; float: left; } } @media (min-width: 1200px) { .col-lg-2-4 { width: 20%; float: left; } .col-lg-1-5 { width: 12.5%; float: left; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm.show { display: inherit !important; } .no-m-sm { margin: 0 !important; } .no-padder-sm { padding: 0 !important; } } .visible-xs { display: none; } /*phone*/ @media (max-width: 767px) { .visible-xs { display: block !important; } .hidden-xs { display: none !important; } .w-auto-xs { width: auto; } .shift { display: none !important; } .shift.in { display: block !important; } .row-2 [class*=col] { width: 50%; float: left; } .row-2 .col-0 { clear: none; } .row-2 li:nth-child(odd) { clear: left; margin-left: 0; } .text-center-xs { text-align: center; } .text-left-xs { text-align: left; } .text-right-xs { text-align: right; } .no-border-xs { border-width: 0; } .pull-none-xs { float: none !important; } .pull-right-xs { float: right !important; } .pull-left-xs { float: left !important; } .dropdown-menu.pull-none-xs { left: 0; } .hidden-xs.show { display: inherit !important; } .wrapper-lg, .wrapper-md { padding: 15px; } .padder-lg, .padder-md { padding-left: 15px; padding-right: 15px; } .no-m-xs { margin: 0 !important; } .no-padder-xs { padding: 0 !important; } } .cxd-Switch .text { margin: 0 0.5rem 0 1.5625rem; vertical-align: super; } .cxd-Switch .slider:before { width: calc(var(--Switch-height) - 0.25rem); top: 0.125rem; bottom: 0.125rem; left: 0.125rem; transition: all 0.5s ease; } .cxd-Switch:active .slider::before { width: calc(var(--Switch-height) + 0.125rem); border-radius: 10px; } .cxd-Switch:hover { background: var(--Switch-onHover-bgColor); } .cxd-Switch.is-checked { background: var(--Switch-checked-bgColor); } .cxd-Switch.is-checked .slider::before { right: auto; left: calc( 100% - (var(--Switch-height) - 0.25rem) - 0.125rem ); } .cxd-Switch.is-checked .text { margin: 0 1.5625rem 0 0.5rem; } .cxd-Switch.is-checked:hover { background: var(--Switch-checked-onHover-bgColor); } .cxd-Switch.is-checked:active { background: var(--Switch-checked-onActive-bgColor); } .cxd-Switch.is-checked:active .slider::before { left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem ); } .cxd-TextControl-sugs { border-radius: 0.1875rem; box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2); border: none; } .cxd-Select .cxd-PopOver .cxd-Select-menu { border-radius: 0.25rem; } .cxd-Select .cxd-PopOver .cxd-Select-menu .cxd-Select-option { line-height: 1.1; padding: 0.3125rem 0.75rem; } .cxd-Select .cxd-PopOver .cxd-Select-menu .cxd-Select-option.is-highlight:hover > span { color: var(--menu-active-color); } .cxd-Select .cxd-PopOver .cxd-Select-menu .cxd-Select-option svg { color: var(--default-icon-color); } .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu { border-radius: 0.25rem; } .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu .cxd-NestedSelect-option { height: var(--Form-input-height); padding: 0 0.75rem; } .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu .cxd-NestedSelect-option .cxd-NestedSelect-optionArrowRight { padding-right: 0; } .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu:not(:first-child) { margin-left: 2px; } .cxd-TreeSelectControl .cxd-PopOver { box-shadow: var(--boxShadow); } .cxd-TreeSelectControl .cxd-PopOver .cxd-Tree { border-radius: 0.25rem; border: none; } .cxd-Modal-content .cxd-TreeSelect-popover { box-shadow: var(--boxShadow); } .cxd-Modal-content .cxd-TreeSelect-popover .cxd-Tree { border-radius: 0.25rem; border: none; } .cxd-Toast .cxd-Toast-icon { margin-right: 0.5rem; } .cxd-Toast .cxd-Toast-close { margin-left: 0.5rem; cursor: pointer; } .cxd-Button--iconOnly { min-width: var(--Button-height); } .cxd-Alert { font-weight: 400; } .cxd-Alert .cxd-Alert-close { opacity: 1; color: #84868c; } .cxd-Alert .cxd-Alert-close:hover { color: #5c5f66; } .cxd-Alert .cxd-Alert-close:active { color: #303540; } .cxd-IconPickerControl .cxd-IconPickerControl-input--withAC .cxd-IconPickerControl-sugsPanel { border: none; box-shadow: var(--boxShadow); border-radius: 0.1875rem; } .cxd-Combo .cxd-Combo-items .cxd-Combo-item .cxd-Combo-delBtn { padding-top: calc( (var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2 ); } .cxd-LocationControl .cxd-PopOver { border: none; box-shadow: var(--boxShadow); } .cxd-Transfer-title { height: 2rem; flex: 0 0 2rem; padding-left: 0.75rem; padding-right: 0.75rem; } .cxd-Transfer-title--light { height: 2.5rem; flex: 0 0 2.5rem; } .cxd-Transfer-result > .cxd-Selections { height: 100%; } .cxd-Transfer-table-title { background-color: unset; } .cxd-Transfer .cxd-ListCheckboxes .cxd-ListCheckboxes-item { padding-left: 1rem; padding-right: 1rem; } .cxd-Transfer .cxd-TableSelection .cxd-Table-table { border-top: 0; border-left: 0; border-right: 0; } .cxd-Transfer .cxd-TableSelection tbody tr.is-active { color: unset; } .cxd-GroupedSelection-item { padding-left: var(--gap-base); padding-right: var(--gap-base); } .cxd-GroupedSelection-item.is-active { color: unset; } .cxd-Selections { height: auto; } .cxd-Selections-item { padding-left: var(--gap-base); padding-right: var(--gap-base); } .cxd-Selections-mid { min-width: 1rem; } .cxd-Selections .cxd-TableSelection .cxd-Table-table > thead > tr, .cxd-Selections .cxd-TableSelection .cxd-Table-table > tbody > tr { height: 2.5rem; } .cxd-Modal { box-shadow: var(--boxShadow); } .cxd-Modal-content { padding: 1.5rem; border-radius: 0.375rem; } .cxd-Modal-body { padding: 1rem 0 1.5rem 0; font-size: 12px; font-weight: 400; } .cxd-Modal-footer .cxd-Button { margin-left: 1rem; } .cxd-Drawer-content { border-radius: 0; } .cxd-Drawer-header { border-radius: 0.375rem 0 0 0; } .cxd-Drawer-title { font-size: 14px; font-weight: 500; } .cxd-Drawer-body { font-size: 14px; font-weight: 400; } .cxd-Drawer--right .cxd-Drawer-header { border-radius: 0.375rem 0 0 0; } .cxd-Drawer--right .cxd-Drawer-footer { justify-content: flex-end; } .cxd-Drawer--right .cxd-Drawer-footer .cxd-Button { margin-left: 1rem; } .cxd-Drawer--left .cxd-Drawer-header { border-radius: 0 0.375rem 0 0; } .cxd-Drawer--left .cxd-Drawer-footer .cxd-Button { margin-left: 1rem; } .cxd-Drawer--top .cxd-Drawer-footer .cxd-Button { margin-left: 1rem; } .cxd-Drawer--bottom .cxd-Drawer-header { border-radius: 0.375rem 0.375rem 0 0; } .cxd-Drawer--bottom .cxd-Drawer-footer .cxd-Button { margin-left: 1rem; } .cxd-Steps .cxd-StepsItem-containerIcon { padding-right: 0.5rem; } .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon { width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; } .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon svg { width: 0.75rem; height: 0.75rem; top: 0; } .cxd-Steps .cxd-StepsItem-containerIconWrapper .cxd-StepsItem-body .cxd-StepsItem-title:after { padding-right: 0.5rem; } .cxd-Steps .cxd-StepsItem-containerIconWrapper .cxd-StepsItem-body .cxd-StepsItem-subTitle { padding-left: 0.5rem; } .cxd-Steps--vertical .cxd-StepsItem-containerIcon > .cxd-StepsItem-icon:after { top: 1.75rem; left: 0.625rem; transform: translate(0.0625rem); } .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon { color: var(--Steps-status-success); background-color: var(--white); } .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon { color: var(--Steps-status-error); background-color: var(--white); border: 1px solid var(--Steps-status-error); } .cxd-Form-feedback { list-style-type: none; padding-left: 0; } .cxd-Form-item--inline .cxd-Form-label { margin-right: 1rem; } .cxd-Form .cxd-Collapse { border: none; } .cxd-Form .cxd-Collapse-header { background-color: var(--white); display: inline-flex; justify-content: flex-end; flex-direction: row-reverse; } .cxd-Form .cxd-Collapse-content { padding: 0; } :root{--AppLayout-light-fontColor: #151a26;--AppLayout-dark-fontColor: #fff;--AppLayout-fontColor--info: #2468f2;--AppLayout-light-backgroundColor: #fff;--AppLayout-light-backgroundColor-onHover: #eef3fe;--AppLayout-dark-backgroundColor: #212631;--AppLayout-light-dividerColor: #e6e6e8;--AppLayout-dark-dividerColor: #393e47;--AppLayout-border-width: 0.0625rem;--AppLayout-brand-height: var(--AppLayout-nav-height--horizontal);--AppLayout-brand-height--vertical: 6.25rem;--AppLayout-brand-logo-fontSize: 2rem;--AppLayout-nav-height--horizontal: 3.125rem;--AppLayout-nav-height--vertical: 100%;--AppLayout-mobileNav-width: 11.25rem;--AppLayout-mobileNav-bgColor: #212631;--AppLayout-mobileNav-color: #fff;--AppLayout-nav-width--horizontal: calc(100% - 320px);--AppLayout-nav-width--vertical: 180px;--AppLayout-nav-width--vertical--collapsed: 60px;--AppLayout-nav-fontSize: 0.875rem;--AppLayout-nav-fontSize--collapsed: 1rem;--AppLayout-nav-fontColor-onDisabled: var(--icon-onDisabled-color);--AppLayout-nav-fontWeight: 400;--AppLayout-icon-szie: var(--AppLayout-nav-fontSize);--AppLayout-paddingX: 1.5625rem;--AppLayout-tooltip-fontSize: 0.75rem;--AppLayout-dark-tooltip-backgroundColor: var(--AppLayout-dark-dividerColor);--AppLayout-asideToggler-height: 2.5rem}body.bg{background:#fff url(./static/b47eb39fae527e765ebc.jpg) no-repeat center 50%;background-size:1280px 394px}body.bg .cxd-Layout::before{background-color:transparent}body.customBg .cxd-Layout::before{background-color:transparent}body.portal:not(.is-embeded){background-color:#fff}body.portal:not(.is-embeded) .cxd-Layout-header{height:3.75rem}body.portal:not(.is-embeded) .cxd-Layout--headerFixed{padding-top:3.75rem}@media(min-width: 768px){body.portal:not(.is-embeded) .cxd-Layout::before{background-color:transparent}body.portal:not(.is-embeded) .cxd-Layout-header::before{height:3.75rem;content:"";position:absolute;z-index:-1;left:0;right:0;background:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}body.portal:not(.is-embeded) .cxd-Layout--headerFixed .cxd-Layout-header::before{position:fixed}body.portal:not(.is-embeded) .cxd-Layout-headerBar{min-height:3.75rem;padding:0}}body.portal:not(.is-embeded)>.cxd-Drawer--noOverlay{top:3.75rem;z-index:100}body.portal:not(.is-embeded) .Header-brand{height:3.75rem;line-height:3.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:15.625rem}body.portal:not(.is-embeded) .Header-brandImg>img{display:inline-block;height:25px;vertical-align:middle;margin-right:10px}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-title{font-size:18px;color:#333;line-height:32px}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-main>.cxd-Page-header,body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-main>.cxd-Page-headerRow{position:relative;border-bottom:0}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-main>.cxd-Page-header>*,body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-main>.cxd-Page-headerRow>*{z-index:2;position:relative}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-main>.cxd-Page-headerRow>*{width:100%}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-header{padding-top:14px;padding-bottom:14px}body.portal:not(.is-embeded)>.app-wrapper .cxd-Page-content{padding:0}body.portal:not(.is-embeded) .cxd-Layout-headerBar{border-bottom:0}body.portal:not(.is-embeded) .Layout-headerBar-toolbar li{margin:0}body.portal:not(.is-embeded) .cxd-AsideNav-label{color:var(--text--muted-color);margin-top:10px;margin-bottom:5px;font-size:12px;padding-left:0;padding-top:5px;border-top:1px solid #eceff8}body.portal:not(.is-embeded) .cxd-AsideNav-item a{color:var(--text-color);border-left:3px solid transparent}body.portal:not(.is-embeded) .cxd-AsideNav-item a>span{margin-left:-3px}body.portal:not(.is-embeded) .cxd-AsideNav-item a:hover{background:#f6f7fb;color:#1067ee}body.portal:not(.is-embeded) .cxd-AsideNav-item.is-open a{background:#f6f7fb}body.portal:not(.is-embeded) .cxd-AsideNav-item.is-active a{color:#1067ee;background:#f6f7fb;border-left:3px solid #1067ee}body.portal:not(.is-embeded) .cxd-AsideNav-itemArrow>svg{color:var(--icon-color)}body.portal:not(.is-embeded) .cxd-AsideNav-subList{background-color:#f6f7fb}body.portal:not(.is-embeded) .cxd-Portal-body .cxd-Page-header{padding:10px 0}body.portal:not(.is-embeded) .cxd-Portal-body .cxd-Page-header>h2{font-size:14px;color:#333;line-height:30px}body.share{background:#e2e5ec}.Header{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;position:relative;width:100%}.Header #headerBreadcrumb{margin-right:auto}.Header-brand{width:12.5rem;color:#151935;font-size:12px;user-select:none;line-height:var(--Layout-header-height);height:var(--Layout-header-height)}.Header-brand a{color:#151935;text-decoration:none}.Header-brandName{font-size:24px;font-weight:600;margin-right:10px}.Header-headerBar{flex:1;display:flex;justify-content:space-between;align-items:center}.Header-offScreen-btn{padding:0 20px;cursor:pointer}.Header-headerBar-navlinks{list-style:none;display:block;margin:0 -5px;padding:0;white-space:nowrap}.Header-headerBar-navlinks a,.Header-headerBar-navlinks button{cursor:pointer;display:block;padding:0 15px;line-height:50px;height:50px;color:#333;font-size:14px;text-decoration:none}.Header-headerBar-navlinks a.cxd-Header-headerBar-navlinks-button,.Header-headerBar-navlinks button.cxd-Header-headerBar-navlinks-button{border:none;background:transparent}.Header-headerBar-navlinks a:hover,.Header-headerBar-navlinks button:hover{background:#f6f7fb;color:#1067ee}.Header-headerBar-navlinks a.is-active,.Header-headerBar-navlinks button.is-active{background:#f6f7fb;color:#1067ee;position:relative}.Header-headerBar-navlinks a.is-active::before,.Header-headerBar-navlinks button.is-active::before{content:"";border-bottom:3px solid #1067ee;position:absolute;width:100%;left:0;bottom:0}.Header-headerBar-navlinks>li.is-active>a,.Header-headerBar-navlinks>li:hover>a{background:#f6f7fb;color:#1067ee}.Header-headerBar-navlinks>li{display:inline-block;margin:0 5px}body.portal .Header-headerBar-navlinks a{line-height:3.75rem;height:3.75rem}@media(max-width: 767px){.Header-headerBar-navlinks{position:absolute}.Header-headerBar-navlinks:first-child{top:3.75rem;width:var(--Layout--offscreen-width);box-shadow:0 2px 3px rgba(25,35,60,.1);height:100%;position:fixed;left:0;transition:transform .2s ease;transform:translate(-100%, 0);background:#fff;margin:0}.Header-headerBar-navlinks:first-child>li{display:block;margin:0}.Header-headerBar-navlinks:last-child{right:0}.cxd-Layout--offScreen .Header-headerBar-navlinks:first-child{transform:translate(0, 0)}}.AsideToggler{display:none;height:40px;width:100%;color:#fff;border-top:var(--borderWidth) solid var(--Layout-asideDivider-bg)}.AsideToggler-icon{width:30px;height:30px;display:block;text-align:center;line-height:30px;cursor:pointer}.AsideToggler-icon>i{transition:transform .3s;display:inline-block}.AsideToggler-icon:hover{color:var(--Layout-asideLink-onHover-iconColor)}.AsideToggler-text{font-size:12px}.AsideToggler.is-collased{justify-content:center}.AsideToggler.is-collased .AsideToggler-icon>i{transform:rotate(180deg)}.cxd-Layout-asideInner{display:flex;flex-flow:column nowrap;justify-content:space-between;overflow-y:initial;width:100%;background:#212631}.cxd-Layout-asideInner .cxd-Menu-inline,.cxd-Layout-asideInner .cxd-Menu-vertical{height:100%}.cxd-AsideNav{width:100%;height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden}.OffScreenToggler{color:var(--Layout-asideLink-iconColor);outline:none}.OffScreenToggler:hover{color:#fff}.Aside-header{height:50px;line-height:50px;display:block;color:#333;font-size:14px;padding-left:10px;padding-right:10px;border-bottom:var(--borderWidth) solid var(--borderColor)}.Aside-header>a{color:#333;cursor:pointer}.Aside-header>a:hover{color:var(--Button--link-onHover-color)}.PageHeader{position:relative;padding:10px 20px;border-bottom:var(--borderWidth) solid var(--borderColor)}.PageHeader::before,.PageHeader::after{display:table;content:""}.PageHeader::after{clear:both}.PageHeader-link{float:left;color:#333;cursor:pointer;line-height:28px}.PageHeader-link:hover{color:var(--Button--link-onHover-color)}.PageHeader-title{line-height:28px;font-size:16px;color:#000;text-align:center}.PageHeader-toolbar{position:absolute;right:15px;top:10px}.MainWithAside-aside{border-bottom:var(--borderWidth) solid var(--borderColor)}.MainWithAside-aside .cxd-AsideNav-tooltip{display:none}@media(min-width: 768px){.MainWithAside{display:flex;flex-direction:row;flex-wrap:nowrap}.MainWithAside .cxd-AsideNav{margin:60px 0 0 70px;width:auto}.MainWithAside-aside{width:250px;border-bottom:none;position:relative}.MainWithAside-aside>*{position:relative;z-index:2}.MainWithAside-main{flex-grow:1;width:0;padding-left:20px}.AsideToggler{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.cxd-Layout--asideFixed.cxd-Layout--folded .AsideToggler{justify-content:center;width:var(--Layout-aside--folded-width)}.cxd-Layout--asideFixed.cxd-Layout-asideInner{overflow-y:initial;width:100%}.cxd-Layout--asideFixed.cxd-Layout--folded .cxd-Layout-asideInner{padding-right:0;overflow-y:initial;width:100%}}.App-logo{font-size:1.8rem;vertical-align:middle;margin-left:8px}.App-logo--folded{margin-left:0;font-size:2rem}.PageWrapper{display:flex;flex-direction:column;height:100%}.PageWrapper-Content{flex:1;height:0;box-shadow:0 2px 6px 0 rgba(211,211,211,.5);overflow:auto}.PageContent{flex:1}.cxd-AppLayout .cxd-AppLayout-header{background:#fff;color:#000;z-index:999;box-shadow:0 4px 6px 0 rgba(8,14,26,.04),0 1px 10px 0 rgba(8,14,26,.05),0 2px 4px -1px rgba(8,14,26,.06)}.cxd-AppLayout .App-preview-toolbar{position:fixed;z-index:999;right:0;top:40%}.cxd-AppLayout .App-preview-toolbar .toolbar-item{width:35px;height:35px;line-height:35px;white-space:break-spaces;text-align:center;background:var(--Button--default-bg);box-shadow:0 4px 6px 0 rgba(8,14,26,.04),0 1px 10px 0 rgba(8,14,26,.05),0 2px 4px -1px rgba(8,14,26,.06);transition:color .3s;border-radius:var(--borderRadius) 0 0 var(--borderRadius);margin-bottom:12px}.cxd-AppLayout .App-preview-toolbar .toolbar-item :hover{color:#108cee;cursor:pointer}.AppLayout-aside{height:100%;position:relative;background:var(--Layout-aside-bg);color:var(--Layout-aside-color)}.PageInnerDrawer{top:calc(var(--Layout-header-height) + 3px)}.cxd-AppLayout-aside,.cxd-AppLayout-content--row>.cxd-AppLayout-aside{display:flex;flex-flow:column nowrap;justify-content:space-between;box-shadow:0px 4px 6px 0px rgba(8,14,26,.06),0px 1px 10px 0px rgba(8,14,26,.05),0px 2px 4px -1px rgba(8,14,26,.04);z-index:900}.cxd-AppLayout--row>.cxd-AppLayout-aside{z-index:1000}.cxd-AppLayout-header{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.Login{max-width:21.25rem;margin:auto;padding-top:6.25rem}.Login-logo{text-align:center;padding:0;margin-bottom:2.5rem}.Login-logo>a>span{font-size:40px;font-weight:bold}.Login-box{background:#fff;box-shadow:0 5px 30px 0 rgba(5,8,27,.1);border-radius:5px;padding:40px 30px}.Login-box label{color:#878cb1;margin-bottom:10px}.Login-box .cxd-TextControl::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-box .cxd-TextControl-input{background:#f6f7fb;border-radius:20px;border:0;padding:10px 0 10px 50px}.Login-box .cxd-TextControl-input>input{line-height:1.666;height:20px}.Login-box .cxd-TextControl.is-error>.cxd-TextControl-input{background:#f6f7fb}.Login-box .cxd-Email-control .cxd-TextControl-input{position:relative;border-radius:20px 0 0 20px}.Login-box .cxd-Email-control .cxd-TextControl-input:last-child{border-radius:20px}.Login-box .cxd-Email-control .cxd-TextControl-input::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-box .cxd-Email-control .cxd-TextControl-button>button{border:0;height:40px;background:#f6f7fb;border-radius:0 20px 20px 0 !important;color:#666;padding:0 5px}.Login-box .cxd-Email-control .cxd-TextControl-button>button:hover,.Login-box .cxd-Email-control .cxd-TextControl-button>button:focus{background:#e4e7f3}.Login-box .cxd-Email-control .cxd-TextControl-button>button:disabled{background:#edeff7 !important}.Login-box .cxd-Token-control .cxd-TextControl-input{position:relative}.Login-box .cxd-Token-control .cxd-TextControl-input::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-box button[type=submit]{margin-top:40px;border-radius:20px}.Login-container{background:#fff;box-shadow:0 5px 30px 0 rgba(5,8,27,.1);border-radius:5px;padding:40px 0}.Login-container-tabs ul{display:flex;margin:0;padding:0 30px;list-style:none;border-bottom:1px solid #ebebeb}.Login-container-tabs ul>li{flex:1}.Login-container-tabs ul>li>a.item{cursor:pointer;color:#666;display:inline-block;font-size:16px;font-weight:bold;line-height:32px;height:40px}.Login-container-tabs ul>li.selected>a.item{color:#1067ee;border-bottom:2px solid #2164ed}.Login-container-content{min-height:320px;padding:40px 30px}.Login-container-content label{line-height:20px;color:#878cb1;margin-bottom:10px}.Login-container-content .cxd-TextControl::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-container-content .cxd-TextControl .is-focuesd>.cxd-TextControl-input{background:#f6f7fb}.Login-container-content .cxd-TextControl-input{background:#f6f7fb;border-radius:3px;border:0;padding:10px 0 10px 50px}.Login-container-content .cxd-TextControl-input>input{line-height:20px;height:20px}.Login-container-content .cxd-TextControl.is-focused>.cxd-TextControl-input{background:#f6f7fb}.Login-container-content .cxd-TextControl.is-error>.cxd-TextControl-input{background:#f6f7fb}.Login-container-content .cxd-Form-item.is-error ul{padding-left:0;list-style:none}.Login-container-content .cxd-Email-control .cxd-TextControl-input{position:relative;border-radius:3px}.Login-container-content .cxd-Email-control .cxd-TextControl-input::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-container-content .cxd-Token-control .cxd-TextControl-input{position:relative}.Login-container-content .cxd-Token-control .cxd-TextControl-input::before{font-family:iconfont !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;content:"";position:absolute;left:20px;top:8px;color:#666}.Login-container-content .cxd-Token-control .cxd-TextControl-button{margin-left:10px}.Login-container-content .cxd-Token-control .cxd-TextControl-button>button,.Login-container-content .cxd-Token-control .cxd-TextControl-button div{width:100px;border:0;height:40px;border-radius:3px !important}.Login-container-content .cxd-Token-control .cxd-TextControl-button>div{line-height:32px}.Login-container-content .cxd-Submit-control{margin-top:40px;margin-bottom:0}.Login-container-content .cxd-Submit-control>button[type=submit]{border-radius:3px;border:0}.Login-container-content-weixin #weixin-login-container{height:240px}.Login-container-content-weixin #weixin-login-container iframe{width:280px !important;height:220px !important;border:none}.Login-container-content-weixin-mask-wrapper{height:240px;padding:0;position:relative}.Login-container-content-weixin-mask-wrapper .detaule-qrcode-container{width:280px;height:240px;background-color:#fff;position:absolute;top:3px;left:50%;transform:translateX(-50%)}.Login-container-content-weixin-mask-wrapper .detaule-qrcode-container .cxd-Container-body{position:relative;text-align:center}.Login-container-content-weixin-mask-wrapper .detaule-qrcode-container .cxd-Container-body .detaule-qrcode-container-mask{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:#fff;opacity:.9}.Login-container-content-weixin-mask-wrapper .detaule-qrcode-container .cxd-Container-body .detaule-qrcode-container-mask .cxd-Container-body{position:relative;top:50%;transform:translateY(-50%)}.Login-container-content-weixin-operation{cursor:pointer;position:relative;height:20px;margin-top:-20px;z-index:10;font-size:12px;text-align:center;color:#1067ee}.Login-container-content-uuap{text-align:center}.Login-container-content-uuap a{cursor:pointer;color:#666;display:block;text-align:center;font-size:12px;transition:all .3s;margin-top:80px}.Login-container-content-uuap a:hover{color:#333;transform:translateY(-5px)}.Login-container-content-uuap a>svg{width:30px;height:30px;display:block;margin:0 auto 5px auto}.Login-container-auth-list ul{list-style:none;padding:0;margin:0;text-align:center}.Login-container-auth-list ul li{padding:0 10px;display:inline-block}.Login-container-auth-list ul li>a{font-size:12px;color:#1067ee}.cxd-Bind-body-wrapper{padding:0}.cxd-Bind-body-wrapper .cxd-Alert{background-color:#f7f7f7 !important}.cxd-Bind-body-wrapper .cxd-Form-item .cxd-Form-label{text-align:left;padding-left:18px}.cxd-Bind-body-wrapper .cxd-Form .cxd-Token-control .cxd-TextControl-button{margin-left:10px}.cxd-Bind-body-wrapper .cxd-Form .cxd-Token-control .cxd-TextControl-button>button{width:100px;background:#fff;color:#000}.cxd-Bind-body-wrapper .cxd-Form .cxd-Token-control .cxd-TextControl-button>button:disabled{color:#999}.cxd-Bind-body-wrapper .cxd-Form-item.is-error ul{padding-left:0;list-style:none}.Login-oauth{margin:40px 0 0}.Login-oauth dt{font-weight:normal}.Login-oauth dd{display:inline-block;margin-right:5px}.AuthList{margin-bottom:-20px}.AuthList>h4{margin:20px 0 30px;color:#666;font-size:14px;text-align:center}.AuthList>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center}.AuthList>ul>li{display:inline-block;margin:0;padding:0}.AuthList>ul>li>a{cursor:pointer;color:#666;display:block;text-align:center;font-size:12px;transition:all .3s;width:60px;margin:0 10px}.AuthList>ul>li>a:hover{color:#333;transform:translateY(-5px)}.AuthList>ul>li>a>svg{width:30px;height:30px;display:block;margin:0 auto 5px auto}.Upgrade{max-width:37.5rem}.UserInfo{display:inline-block}.UserInfo-textAvatar{display:inline-block;margin-right:.625rem;width:2.125rem;height:2.125rem;line-height:2.125rem;border-radius:50%;background:#1067ee;color:#fff;text-align:center;user-select:none;font-size:1.25rem;text-transform:uppercase}.UserInfo-name{font-size:12px}.UserInfo-avatar{width:2.125rem;height:2.125rem;display:inline-block;vertical-align:middle;margin-right:.625rem;border-radius:500px}.UserDropDown{position:relative;list-style-type:none;width:5rem}.UserDropDown-popover{left:-174px}.UserDropDown-menu{box-shadow:0 2px 3px rgba(25,35,60,.1);margin:-1px auto 0;width:15.625rem;padding:0;list-style:none;text-align:left;background-clip:padding-box;background:#fff}.UserDropDown-menu>li>a{display:block;padding:0rem 1.25rem;clear:both;font-weight:normal;white-space:nowrap;color:#333}.UserDropDown-menu>li>a:hover{text-decoration:none}.UserDropDown-menu li:first-child{padding:.625rem 1.25rem}.UserDropDown-menu li:first-child span.UserDropDown-name{width:1.875rem;height:1.875rem;background:#1067ee;line-height:1.875rem}.UserDropDown-menu li:first-child span.UserDropDown-name+span{font-weight:bold;vertical-align:text-bottom}.UserDropDown-menu li:not(:first-child){width:15.625rem;height:2.8125rem;line-height:2.8125rem;cursor:pointer}.UserDropDown-menu li:not(:first-child)>a{width:100%;height:100%;line-height:2.8125rem;padding-left:1.25rem;user-select:none}.UserDropDown-menu li:last-child{text-align:center;border-top:var(--borderWidth) solid var(--borderColor)}.UserDropDown-menu li:hover a{color:#1067ee;background:transparent}.UserDropDown-menu li>a>span>i.iconfont{margin-right:.4375rem}.UserDropDown-name{display:inline-block;margin-right:.625rem;width:2.125rem;height:2.125rem;line-height:2.125rem;border-radius:50%;background:#000;color:#fff;text-align:center;user-select:none;font-size:1.25rem;text-transform:uppercase}.UserDropDown-avatar{width:2.125rem;height:2.125rem;display:inline-block;vertical-align:middle;margin-right:.625rem}.UserDropDown-avatar>img{display:block;width:100%;object-fit:cover;max-width:100%;max-height:100%;border-radius:500px}.UserDropDown>a{cursor:pointer;padding:0 10px;display:inline-block}.UserDropDown>a.is-disabled{cursor:not-allowed;border-color:#f5f5f5;pointer-events:none;color:#aaa;box-shadow:none}.UserDropDown>a:hover .UserDropDown-name{background:#1067ee}.UserDropDown>a:hover i{color:#1067ee}.UserDropDown>a i{display:inline-block;transition:transform .3s ease;font-size:12px;color:#999}.UserDropDown.is-active,.UserDropDown:hover>a{background:#fff}.UserDropDown.is-active>a .UserDropDown-name{background:#1067ee}.UserDropDown.is-active>a i{color:#1067ee;transform:rotate(180deg)}.cxd-Page-header.header-horizontal>h2{display:inline-block;vertical-align:middle}.cxd-Page-header.header-horizontal>small{display:inline-block;vertical-align:middle;margin-left:var(--gap-md)}.cxd-AppPageContent{height:calc(100% - 64px)}.App-homePage-placeholder{text-align:center;position:relative;left:0;right:0;top:50%;transform:translateY(-50%)}.App-homePage-placeholder-img{height:350px;background:url(./static/c85bb7cccd7fbed23c4d.png) center/contain no-repeat}.App-homePage-placeholder-text{margin-top:20px}.Iframe{width:100%;height:calc(100% - 43px);border:0}.Iframe.is-preview{height:calc(100% - 5px)}.App-page-edit-toolbar.design{position:absolute;z-index:20;top:-40px;right:0}.App-page-edit-toolbar.design .cxd-PageEdit{margin-right:10px}.App-page-edit-toolbar.design .cxd-PageEdit>a{color:var(--Button--primary-color)}.App-page-edit-toolbar.design .cxd-PageEdit:hover>a{color:var(--Button--primary-onHover-color)}.App-page-edit-toolbar.design .more-operation .cxd-Button>i{margin-right:0}.App-page-edit-toolbar.runtime{position:fixed;z-index:999;right:0;top:calc(50% + 50px);border-radius:4px 0 0 4px;padding:8px;padding-bottom:0;width:32px;background:var(--primary)}.App-page-edit-toolbar.runtime a:first-child{margin-bottom:4px}.App-page-edit-toolbar.runtime>a{color:#fff;display:block;cursor:pointer}.FormulaEditor{min-height:16.75rem;overflow:visible;max-width:100%;box-sizing:content-box}.FormulaEditor::before,.FormulaEditor::after{display:table;content:""}.FormulaEditor::after{clear:both}.FormulaEditor-header{width:100%;height:2.5rem;line-height:2.5rem;padding-left:.625rem;box-sizing:border-box;background:#f3f8fb}.FormulaEditor-editor{min-height:14.875rem;max-height:20rem;height:auto;border:var(--Form-input-borderWidth) solid var(--Form-input-borderColor)}.FormulaEditor.is-error .FormulaEditor-editor{border-color:var(--Form-input-onError-borderColor)}.FormulaEditor.is-focused .FormulaEditor-editor{border-color:var(--Form-input-onFocused-borderColor)}.FormulaEditor-settings{display:flex;flex-direction:row;align-items:center;margin-top:1.875rem}.FormulaEditor-settings .funcItem,.FormulaEditor-settings .dataItem{position:relative;flex:1;flex-shrink:0;margin-right:1.25rem;width:9.375rem;max-width:9.375rem;min-width:9.375rem;height:12.5rem;border:1px solid #e0e0e0}.FormulaEditor-settings .funcItem .itemIntro,.FormulaEditor-settings .dataItem .itemIntro{position:absolute;top:-1.25rem;font-size:.75rem;color:#91a1b7;line-height:1.125rem;margin-bottom:.3125rem}.FormulaEditor-settings .funcItem ul,.FormulaEditor-settings .dataItem ul{list-style:none;width:100%;padding-inline-start:0;margin:0}.FormulaEditor-settings .funcItem ul li,.FormulaEditor-settings .dataItem ul li{height:1.875rem;line-height:1.875rem;padding:0 0 0 1.875rem;cursor:pointer;box-sizing:border-box;font-size:.75rem;user-select:none}.FormulaEditor-settings .funcItem ul li:hover,.FormulaEditor-settings .dataItem ul li:hover{background:#e6f6f4}.FormulaEditor-settings .searchItem{border-bottom:solid 1px #e0e0e0}.FormulaEditor-settings .searchItem i{padding:.625rem .3125rem 0 .625rem;font-size:.75rem}.FormulaEditor-settings .searchItem .searchInput{box-sizing:border-box;border:0;font-size:.75rem;border-radius:0;width:7.5rem}.FormulaEditor-settings .searchItem input{outline:none;height:2.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FormulaEditor-settings .dataItemContent{position:absolute;left:0;top:0;width:100%;height:100%;overflow:auto}.FormulaEditor-settings .funcItemContent{position:absolute;top:2.3125rem;bottom:0;width:100%;overflow:auto;padding:5px 0}.FormulaEditor-settings .dataItemContent::-webkit-scrollbar,.FormulaEditor-settings .funcItemContent::-webkit-scrollbar{appearance:none;width:.4375rem}.FormulaEditor-settings .dataItemContent::-webkit-scrollbar-thumb,.FormulaEditor-settings .funcItemContent::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:rgba(194,194,194,.8);box-shadow:0 0 1px rgba(255,255,255,.5)}.FormulaEditor-settings .funcItemToggle{cursor:pointer;user-select:none}.FormulaEditor-settings .funcItemToggle i{display:inline-block;font-size:.75rem;padding:0 .3125rem 0 .625rem}.FormulaEditor-settings .funcItemToggle i::before{display:inline-block;transition:transform .3s ease;transform-origin:50% 50%}.FormulaEditor-settings .funcItemToggle i.down::before{transform:rotate(90deg)}.FormulaEditor-settings .funcItemList{transition-property:height,display;transition-duration:.3s;transition-timing-function:ease}.FormulaEditor-settings .infoItem{flex:auto;margin-right:0;height:12.5rem;border:1px solid #e0e0e0}.FormulaEditor-settings .infoItem>.infoHeader{border-bottom:1px solid #e0e0e0;padding-left:.625rem;font-size:.875rem;height:2.1875rem;line-height:2.1875rem}.FormulaEditor-settings .infoItem>.infoContent{padding:.625rem}.cm-field,.cm-func{border-radius:2px;color:#fff;margin:0 1px;padding:0 2px}.cm-field{background:#007bff}.cm-func{background:#17a2b8}.PageTitle{display:flex;flex-direction:row;min-height:60px;align-items:center;justify-content:space-between}.PageTitle>h2{font-size:18px;padding:14px 0 14px 20px;color:#333;margin:0}.Share-dropdown{background:#fff;box-shadow:0 2px 3px rgba(25,35,60,.1);position:absolute;right:20px;top:37px;padding:20px;text-align:left;min-width:300px;min-height:50px}.Share-copy{margin-left:5px;cursor:pointer}.Share-btns{display:flex}.Share-btns>a{flex:1;cursor:pointer}.Table-placeholder{margin:80px auto;position:relative;padding-left:180px;padding-top:26px;width:360px;min-height:100px;text-align:left;color:var(--body-color);font-size:12px;cursor:default}.Table-placeholder::before{content:"";display:block;position:absolute;left:0;top:0;width:140px;height:101px;background:url(./static/e5cd7ff2359cbca31dd6.png) no-repeat;background-size:contain}.Table-placeholder a{cursor:pointer}.Diagrams-service .cxd-Alert{display:none}.Diagrams-service .Table-placeholder{margin:42px auto}.status{position:relative;margin-right:5px;font-size:12px;line-height:16px;color:inherit}.status:before{font-family:"iconfont";content:"";font-size:inherit;position:relative;margin-right:10px}.status.error:before{color:#eb5252}.status.normal:before{color:#2cb663}.status.waiting:before{color:#108cee;content:""}.status.warning:before{color:#f4b329}.status.unavailable:before{color:#999}.ExpandableControl{position:relative}.ExpandableControl.is-active::before{content:"";position:absolute;left:-11px;top:-11px;bottom:-11px;right:-11px;pointer-events:none;border:1px solid var(--Combo--vertical-item-onHover-borderColor)}.cxd-Drawer--right .cxd-Drawer-content{box-shadow:-5px 0 6px 0 rgba(93,93,93,.1);border:none}.App-page:not(.is-embeded) .cxd-Drawer-header{--height: 3rem;padding:calc((var(--height) - var(--Drawer-title-fontSize)*var(--lineHeightBase))/2) var(--gap-base)}.App-page:not(.is-embeded) .cxd-Drawer-close{top:.625rem !important}.App-page:not(.is-embeded) .cxd-Drawer--bottom{left:180px}.App-page:not(.is-embeded).is-asideFolded .cxd-Drawer--bottom{left:60px}.NotifyLink{position:relative;list-style-type:none;margin:0 10px}.NotifyLink>a.is-disabled{cursor:not-allowed;border-color:#f5f5f5;pointer-events:none;color:#aaa;box-shadow:none}.NotifyLink>a:hover{text-decoration:none}.NotifyLink .Badge{position:absolute;top:15%;right:35%;transform:translateX(50%)}.NotifyLink:hover{cursor:pointer}.NotifyContent{display:flex;height:100%;flex-direction:column}.NotifyContent-markBtn{font-size:12px;margin:0 20px 10px;cursor:pointer}.NotifyContent>h3{font-size:18px;color:#333;line-height:32px;padding:14px 15px;margin:0;border-bottom:var(--borderWidth) solid var(--borderColor)}.NotifyContent>div{flex-grow:1;height:0;overflow:auto}.NotifyContent>div>ul{list-style:none;margin:0;padding:0}.NotifyItem{font-size:12px;margin:0;padding:10px 20px}.NotifyItem-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:10px}.NotifyItem-meta{color:var(--text--muted-color);text-align:right}.Layouts{width:100%;padding:10px;overflow:hidden;position:relative;display:flex;justify-content:flex-start;flex-wrap:wrap}.Layouts .Layouts-item{width:calc((100% - 60px)/3);margin:10px;border:1px solid #ececed;border-radius:0.375rem;position:relative}.Layouts .Layouts-item:hover{box-shadow:0px 4px 6px 0px rgba(8,14,26,.06),0px 1px 10px 0px rgba(8,14,26,.05),0px 2px 4px -1px rgba(8,14,26,.04);transition:box-shadow .2s ease-out}.Layouts .Layouts-item:hover .Layouts-item-fullscreenToggle{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;opacity:1;transition:opacity .7s ease-out}.Layouts .Layouts-item-fullscreenToggle{position:absolute;right:5px;top:5px;border-radius:.1875rem;width:14px;height:14px;cursor:pointer;background:#f5f5f5;opacity:0;padding:2px;z-index:20}.Layouts .Layouts-item-fullscreenToggle>svg{width:10px;height:10px;top:0}.Layouts .Layouts-item-fullscreenToggle:hover>svg{color:var(--icon-onHover-color)}.Layouts .Layouts-item .Layout-item-tags{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;position:absolute;position:absolute;right:20px;top:212px}.Layouts .Layouts-item .Layout-item-tags span:not(:last-child){margin-right:5px}.Layouts .Layouts-item .Layout-badge{position:absolute;top:-15px;left:-30px;width:70px;height:0px;border:20px solid transparent;border-bottom-color:var(--label--success-bg);transform:rotate(-45deg) scale(0.7);color:var(--label-color);text-align:center;vertical-align:middle}.Layouts .Layouts-item .Layout-item-content{box-sizing:border-box;padding:20px 20px 0;width:100%;height:200px;position:relative}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb{--LayoutThumb-ratio: 0.5;--LayoutThumb-offsetX: var(--AppLayout-nav-width--vertical);--LayoutThumb-offsetY: var(--AppLayout-nav-height--horizontal);--LayoutThumb-offsetX--scaled: calc( var(--AppLayout-nav-width--vertical) * var(--LayoutThumb-ratio) );--LayoutThumb-offsetY--scaled: calc( var(--AppLayout-nav-height--horizontal) * var(--LayoutThumb-ratio) );padding-top:0}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-header,.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-content>.cxd-AppLayout-header{width:calc(100%*1/var(--LayoutThumb-ratio));height:var(--AppLayout-nav-height--horizontal);position:static;z-index:2;transform:scale(var(--LayoutThumb-ratio));transform-origin:0 0 0}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-aside,.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-content>.cxd-AppLayout-aside{height:calc(100%*1/var(--LayoutThumb-ratio));position:static;transform:scale(var(--LayoutThumb-ratio));transform-origin:0 0 0}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-body-placeholder{font-size:1.25rem}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb .cxd-AppLayout-body{margin-left:0;width:100%;margin-top:calc(-1*var(--LayoutThumb-offsetY--scaled));height:calc(100% + var(--LayoutThumb-offsetY))}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb.cxd-AppLayout--asideFixed .cxd-AppLayout-content.cxd-AppLayout-content--row{margin-top:calc(-1*var(--LayoutThumb-offsetY--scaled))}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb.cxd-AppLayout--asideFixed .cxd-AppLayout-content.cxd-AppLayout-content--row .cxd-AppLayout-aside{z-index:6}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb.cxd-AppLayout--asideFixed .cxd-AppLayout-content.cxd-AppLayout-content--row .cxd-AppLayout-body{height:calc(100% + var(--LayoutThumb-offsetY--scaled));margin-left:calc(-1*var(--LayoutThumb-offsetX--scaled));width:calc(100%*1/var(--LayoutThumb-ratio) - var(--LayoutThumb-offsetX--scaled))}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb.cxd-AppLayout--row .cxd-AppLayout-content{padding-top:0;left:0;width:100%;margin-left:calc(-1*var(--LayoutThumb-offsetX--scaled))}.Layouts .Layouts-item .Layout-item-content .cxd-AppLayout-thumb.cxd-AppLayout--row .cxd-AppLayout-content .cxd-Applayout-header{width:calc(100%*1/var(--LayoutThumb-ratio) + var(--LayoutThumb-offsetX));margin-left:var(--LayoutThumb-offsetX--scaled)}.Layouts .Layouts-item .Layout-item-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 20px}.Layouts .Layouts-item .Layout-item-footer .Layout-item-info{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;width:calc(100% - 32px)}.Layouts .Layouts-item .Layout-item-footer .Layout-item-info span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;width:100%}.Layouts .Layouts-item .Layout-item-footer .Layout-item-info span:first-child{font-size:14px}.Layouts .Layouts-item .Layout-item-footer .Layout-item-info span:not(:last-child){margin-bottom:5px}.Layouts .Layouts-item .Layout-item-footer .Layout-item-name{color:#333;font-weight:bold}.Layouts .Layouts-item .Layout-item-footer .Layout-item-desc{color:#666}.Layouts .Layouts-item .Layout-item-footer .Layout-item-btns>.icon{color:red}.Layouts .Layouts-item .Layout-item-footer .Layout-item-btns>a{cursor:pointer}.cxd-Menu{--Menu-width: var(--AppLayout-nav-width--vertical);--Menu-width--collapsed: var(--AppLayout-nav-width--vertical--collapsed);--Menu-fontSize: var(--AppLayout-nav-fontSize);--Menu-fontSize--collapsed: var(--AppLayout-nav-fontSize--collapsed);--Menu-fontWeight: var(--AppLayout-nav-fontWeight);--Menu-fontColor-onDisabled: var(--AppLayout-nav-fontColor-onDisabled);--Menu-item-height--vertical: 2.5rem;--Menu-item-height--horizontal: var(--AppLayout-nav-height--horizontal);--Menu-Submenu-title-paddingX: var(--AppLayout-paddingX);--Menu-icon-size: var(--AppLayout-icon-szie);--Menu-light-backgroundColor: var(--AppLayout-light-backgroundColor);--Menu-light-backgroundColor-onHover: var( --AppLayout-light-backgroundColor-onHover );--Menu-light-fontColor: var(--AppLayout-light-fontColor);--Menu-light-fontColor-onHover: var(--AppLayout-fontColor--info);--Menu-light-fontColor-onActive: var(--AppLayout-fontColor--info);--Menu-light-groupTitle-fontColor: #d8d8d8;--Menu-light-selectedIndicator-color: var(--AppLayout-fontColor--info);--Menu-dark-backgroundColor: #212631;--Menu-dark-backgroundColor-onHover: var(--AppLayout-fontColor--info);--Menu-dark-fontColor: var(--AppLayout-dark-fontColor);--Menu-dark-fontColor-onHover: #3a77f3;--Menu-dark-ancestor-fontColor-onActive: var(--AppLayout-fontColor--info);--Menu-dark-fontColor-onActive: var(--AppLayout-dark-fontColor);--Menu-dark-groupTitle-fontColor: #d8d8d8;--Menu-dark-selectedIndicator-color: #578fff;outline:none;margin-bottom:0;margin-top:0;padding-left:0;padding-right:0;list-style:none;color:var(--Menu-light-fontColor);width:var(--Menu-width);box-shadow:0px 4px 6px 0px rgba(8,14,26,.06),0px 1px 10px 0px rgba(8,14,26,.05),0px 2px 4px -1px rgba(8,14,26,.04);background-color:var(--Menu-light-backgroundColor)}.cxd-Menu.cxd-Menu-dark{color:var(--Menu-dark-fontColor);background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu:focus-visible{box-shadow:0 0 5px rgba(8,14,26,.04)}.cxd-Menu-horizontal{display:flex;flex-wrap:nowrap}.cxd-Menu-submenu-hidden{display:none}.cxd-Menu-overflow-item{flex:none}.cxd-Menu-rtl{direction:rtl}.cxd-Menu-hidden{display:none}.cxd-Menu-collapse{overflow:hidden;transition:height .3s ease-out}.cxd-Menu-collapsed{width:var(--Menu-width--collapsed)}.cxd-Menu-root.cxd-Menu-collapsed>.cxd-Menu-item{padding:0;text-align:center}.cxd-Menu-item-link{display:block}.cxd-Menu-item-divider{border-bottom:1px solid #e6e6e8}.cxd-Menu-item-divider-dark{border-bottom:1px solid #3a3e47}.cxd-Menu-item-icon{margin-right:var(--gap-sm);font-size:var(--Menu-icon-size);width:var(--Menu-icon-size);color:var(--Menu-light-fontColor);display:inline-block;line-height:var(--Menu-item-height--vertical);position:relative;top:1.5px}.cxd-Menu-item-icon-collapsed{font-size:var(--Menu-fontSize--collapsed);margin-right:0}.cxd-Menu-dark .cxd-Menu-item-icon{color:var(--Menu-dark-fontColor)}.cxd-Menu-item-label{opacity:.95;font-size:var(--Menu-fontSize);color:var(--Menu-light-fontColor);font-weight:var(--Menu-fontWeight);text-align:left;display:inline-block;padding:9px 0;max-width:var(--Menu-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.cxd-Menu-item-label-collapsed{font-size:var(--Menu-fontSize--collapsed);font-weight:600}.cxd-Menu-dark .cxd-Menu-item-label{color:var(--Menu-dark-fontColor)}.cxd-Menu-item-badge{padding:.125rem var(--gap-xs);margin-top:.125rem;font-size:var(--fontSizeXs);text-shadow:0 .0625rem 0 rgba(0,0,0,.2);float:right;min-width:.0625rem;line-height:1;font-weight:var(--fontWeightBold);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.625rem;margin-right:5px}.cxd-Menu-item-badge-collapsed{position:absolute;right:.25rem;top:.25rem;z-index:3}.cxd-Menu-item-group-list{margin:0;padding:0}.cxd-Menu-item-group-title{color:var(--Menu-light-groupTitle-fontColor);line-height:1.5;padding:8px 10px;border-bottom:1px solid #dedede}.cxd-Menu-item-group-title.cxd-Menu-dark{color:var(--Menu-dark-groupTitle-fontColor)}.cxd-Menu-item-active,.cxd-Menu-submenu-active{background-color:var(--Menu-light-backgroundColor);color:var(--Menu-light-fontColor-onActive)}.cxd-Menu-dark .cxd-Menu-item-active,.cxd-Menu-dark .cxd-Menu-submenu-active{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-item-selected{background-color:var(--Menu-light-backgroundColor);transform:translateZ(0)}.cxd-Menu-item-selected .cxd--item-icon,.cxd-Menu-item-selected .cxd--item-label{color:var(--Menu-light-fontColor-onActive) !important}.cxd-Menu-item-selected.cxd-Menu-dark{background-color:var(--Menu-dark-backgroundColor-onHover)}.cxd-Menu-item-selected.cxd-Menu-dark .cxd--item-icon,.cxd-Menu-item-selected.cxd-Menu-dark .cxd--item-label{color:var(--Menu-dark-fontColor-onActive) !important}.cxd-Menu-inline .cxd-Menu-item-selected{background-color:var(--Menu-light-backgroundColor-onHover)}.cxd-Menu-inline .cxd-Menu-item-selected::before{content:"";position:absolute;top:0;left:0;bottom:0;border-right:3px solid var(--Menu-light-selectedIndicator-color);transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .15s cubic-bezier(0.645, 0.045, 0.355, 1)}.cxd-Menu-inline .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-inline .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-light-fontColor-onActive) !important}.cxd-Menu-inline.cxd-Menu-dark .cxd-Menu-item-selected{background-color:var(--Menu-dark-backgroundColor-onHover)}.cxd-Menu-inline.cxd-Menu-dark .cxd-Menu-item-selected::before{content:"";position:absolute;top:0;left:0;bottom:0;border-right:3px solid var(--Menu-dark-selectedIndicator-color);transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .15s cubic-bezier(0.645, 0.045, 0.355, 1)}.cxd-Menu-inline.cxd-Menu-dark .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-inline.cxd-Menu-dark .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive) !important}.cxd-Menu-root.cxd-Menu-vertical>.cxd-Menu-item-selected{background-color:var(--Menu-light-backgroundColor-onHover)}.cxd-Menu-root.cxd-Menu-vertical>.cxd-Menu-item-selected::before{content:"";position:absolute;top:0;left:0;bottom:0;border-right:3px solid var(--Menu-light-selectedIndicator-color);transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .15s cubic-bezier(0.645, 0.045, 0.355, 1)}.cxd-Menu-root.cxd-Menu-vertical>.cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-root.cxd-Menu-vertical>.cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-light-fontColor-onActive)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-item-selected{background-color:var(--Menu-dark-backgroundColor-onHover)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-item-selected::before{content:"";position:absolute;top:0;left:0;bottom:0;border-right:3px solid var(--Menu-dark-selectedIndicator-color);transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .15s cubic-bezier(0.645, 0.045, 0.355, 1)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title{background-color:var(--Menu-dark-backgroundColor-onHover)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title::before{content:"";position:absolute;top:0;left:0;bottom:0;border-right:3px solid var(--Menu-dark-selectedIndicator-color);transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .15s cubic-bezier(0.645, 0.045, 0.355, 1)}.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-submenu-selected .cxd-Menu-item-icon,.cxd-Menu-root.cxd-Menu-vertical.cxd-Menu-dark>.cxd-Menu-submenu-selected .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-submenu-selected{background-color:transparent}.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title>.cxd-Menu-item-label,.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title>.cxd-Menu-item-icon{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title .cxd-Menu-item-label,.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title .cxd-Menu-item-icon{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu>li.cxd-Menu-submenu{padding:0}.cxd-Menu-horizontal.cxd-Menu-sub,.cxd-Menu-vertical.cxd-Menu-sub,.cxd-Menu-vertical-left.cxd-Menu-sub,.cxd-Menu-vertical-right.cxd-Menu-sub{min-width:160px;margin-top:0;border-radius:2px;box-shadow:0 4px 5px 0 rgba(21,26,38,.06),0 1px 10px 0 rgba(21,26,38,.05),0 2px 4px -1px rgba(21,26,38,.04)}.cxd-Menu-horizontal.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-horizontal.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-vertical.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-vertical.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-vertical-left.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-vertical-left.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-vertical-right.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-vertical-right.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-light-fontColor-onActive)}.cxd-Menu-dark .cxd-Menu-horizontal.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-dark .cxd-Menu-horizontal.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-dark .cxd-Menu-vertical.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-dark .cxd-Menu-vertical.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-dark .cxd-Menu-vertical-left.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-dark .cxd-Menu-vertical-left.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label,.cxd-Menu-dark .cxd-Menu-vertical-right.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-dark .cxd-Menu-vertical-right.cxd-Menu-sub .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-item,.cxd-Menu-submenu-title{margin:0;position:relative;padding:7px 7px 7px 16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--Menu-light-fontColor)}.cxd-Menu-item:hover .cxd-Menu-item-label,.cxd-Menu-item:hover .cxd-Menu-item-icon,.cxd-Menu-submenu-title:hover .cxd-Menu-item-label,.cxd-Menu-submenu-title:hover .cxd-Menu-item-icon{color:var(--Menu-light-fontColor-onHover)}.cxd-Menu-dark .cxd-Menu-item,.cxd-Menu-dark .cxd-Menu-submenu-title{color:var(--Menu-dark-fontColor);background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu-dark .cxd-Menu-item:hover .cxd-Menu-item-label,.cxd-Menu-dark .cxd-Menu-item:hover .cxd-Menu-item-icon,.cxd-Menu-dark .cxd-Menu-submenu-title:hover .cxd-Menu-item-label,.cxd-Menu-dark .cxd-Menu-submenu-title:hover .cxd-Menu-item-icon{color:var(--Menu-dark-fontColor-onHover)}.cxd-Menu-rtl .cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-submenu-title{padding:7px 16px 7px 7px}.cxd-Menu-item.cxd-Menu-item-disabled,.cxd-Menu-item.cxd-Menu-submenu-disabled,.cxd-Menu-submenu-title.cxd-Menu-item-disabled,.cxd-Menu-submenu-title.cxd-Menu-submenu-disabled{color:#777 !important}.cxd-Menu-collapsed>.cxd-Menu-item,.cxd-Menu-collapsed>.cxd-Menu-submenu-title,.cxd-Menu-collapsed>.cxd-Menu-submenu>.cxd-Menu-submenu-title{text-overflow:initial}.cxd-Menu li{cursor:pointer}.cxd-Menu>.cxd-Menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e5e5e5}.cxd-Menu-submenu-popup{position:absolute;z-index:1500}.cxd-Menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.cxd-Menu-submenu-rtl .cxd-Menu-submenu-popup .submenu-title-wrapper{padding-right:0;padding-left:20px}.cxd-Menu-submenu>.cxd-Menu{background-color:var(--Menu-light-backgroundColor)}.cxd-Menu-submenu.cxd-Menu-submenu-dark>.cxd-Menu{background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu{background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item{color:var(--Menu-dark-fontColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item .cxd-Menu-item-label{color:var(--Menu-dark-fontColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-active{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onHover)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-active .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-active .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onHover)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-selected{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-ancestor-fontColor-onActive) !important}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-dark-ancestor-fontColor-onActive) !important}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title{color:var(--Menu-dark-fontColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-item-label,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-submenu-arrow{color:var(--Menu-dark-fontColor)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-submenu-popup-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title .cxd-Menu-item-label{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu .cxd-Menu-submenu-title .anticon,.cxd-Menu .cxd-Menu-item .anticon{width:14px;height:14px;margin-right:8px;top:-1px}.cxd-Menu-rtl .cxd-Menu .cxd-Menu-submenu-title .anticon,.cxd-Menu-rtl .cxd-Menu .cxd-Menu-item .anticon{margin-right:0;margin-left:8px}.cxd-Menu-horizontal{height:var(--Menu-item-height--horizontal);background-color:var(--Menu-light-backgroundColor);border:none;box-shadow:none;white-space:nowrap;overflow:hidden;width:auto}.cxd-Menu-horizontal .cxd-Menu-overflow-item.cxd-Menu-overflow-item-rest>.cxd-Menu-submenu-title .cxd-Menu-overflowedIcon{margin-right:0}.cxd-Menu-horizontal.cxd-Menu-dark{background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu-horizontal>.cxd-Menu-item,.cxd-Menu-horizontal>.cxd-Menu-submenu>.cxd-Menu-submenu-title{padding:0 20px;height:var(--Menu-item-height--horizontal)}.cxd-Menu-horizontal>.cxd-Menu-item .cxd-Menu-item-link,.cxd-Menu-horizontal>.cxd-Menu-submenu>.cxd-Menu-submenu-title .cxd-Menu-item-link{height:var(--Menu-item-height--horizontal)}.cxd-Menu-horizontal>.cxd-Menu-item .cxd-Menu-item-icon,.cxd-Menu-horizontal>.cxd-Menu-item .cxd-Menu-item-label,.cxd-Menu-horizontal>.cxd-Menu-submenu>.cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-horizontal>.cxd-Menu-submenu>.cxd-Menu-submenu-title .cxd-Menu-item-label{line-height:var(--Menu-item-height--horizontal)}.cxd-Menu-horizontal>.cxd-Menu-item .cxd-Menu-item-label,.cxd-Menu-horizontal>.cxd-Menu-submenu>.cxd-Menu-submenu-title .cxd-Menu-item-label{padding:0;top:0}.cxd-Menu-horizontal>.cxd-Menu-submenu,.cxd-Menu-horizontal>.cxd-Menu-item{border-bottom:2px solid transparent;display:inline-block;vertical-align:bottom}.cxd-Menu-horizontal>.cxd-Menu-submenu-active,.cxd-Menu-horizontal>.cxd-Menu-item-active{background-color:var(--Menu-light-backgroundColor);color:var(--Menu-light-fontColor-onActive)}.cxd-Menu-horizontal>.cxd-Menu-submenu-selected,.cxd-Menu-horizontal>.cxd-Menu-item-selected{border-bottom:2px solid var(--Menu-light-fontColor-onActive);background-color:transparent}.cxd-Menu-horizontal>.cxd-Menu-submenu-selected .cxd--item-icon,.cxd-Menu-horizontal>.cxd-Menu-submenu-selected .cxd--item-label,.cxd-Menu-horizontal>.cxd-Menu-item-selected .cxd--item-icon,.cxd-Menu-horizontal>.cxd-Menu-item-selected .cxd--item-label{color:var(--Menu-light-fontColor-onActive)}.cxd-Menu-horizontal:after{content:" ";display:block;height:0;clear:both}.cxd-Menu-horizontal .cxd-Menu-submenu-arrow{display:inline-block;font-size:.5625rem;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;line-height:1.25rem;margin-left:5px;color:var(--Menu-light-fontColor)}.cxd-Menu-horizontal .cxd-Menu-submenu-arrow>svg{text-align:center;vertical-align:middle}.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-submenu-active,.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-item-active{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-submenu-selected,.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-item-selected{border-bottom:2px solid var(--Menu-dark-selectedIndicator-color)}.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-submenu-selected .cxd--item-icon,.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-submenu-selected .cxd--item-label,.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-item-selected .cxd--item-icon,.cxd-Menu-horizontal.cxd-Menu-dark>.cxd-Menu-item-selected .cxd--item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-horizontal.cxd-Menu-dark .cxd-Menu-submenu-arrow{color:var(--Menu-dark-fontColor)}.cxd-Menu-vertical,.cxd-Menu-vertical-left,.cxd-Menu-vertical-right,.cxd-Menu-inline{padding:12px 0}.cxd-Menu-vertical>.cxd-Menu-item,.cxd-Menu-vertical>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-vertical-left>.cxd-Menu-item,.cxd-Menu-vertical-left>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-vertical-right>.cxd-Menu-item,.cxd-Menu-vertical-right>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-inline>.cxd-Menu-item,.cxd-Menu-inline>.cxd-Menu-submenu>.cxd-Menu-submenu-title{padding:0 var(--Menu-Submenu-title-paddingX) 0 calc(var(--Menu-Submenu-title-paddingX) - 1px)}.cxd-Menu-rtl .cxd-Menu-vertical>.cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-vertical>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-rtl .cxd-Menu-vertical-left>.cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-vertical-left>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-rtl .cxd-Menu-vertical-right>.cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-vertical-right>.cxd-Menu-submenu>.cxd-Menu-submenu-title,.cxd-Menu-rtl .cxd-Menu-inline>.cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-inline>.cxd-Menu-submenu>.cxd-Menu-submenu-title{padding:12px 24px 12px 8px}.cxd-Menu-vertical .cxd-Menu-submenu-arrow,.cxd-Menu-vertical-left .cxd-Menu-submenu-arrow,.cxd-Menu-vertical-right .cxd-Menu-submenu-arrow,.cxd-Menu-inline .cxd-Menu-submenu-arrow{display:inline-block;font-size:.5625rem;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;right:0;top:0;width:var(--Menu-Submenu-title-paddingX);line-height:var(--Menu-item-height--vertical);transform:rotate(-90deg)}.cxd-Menu-vertical .cxd-Menu-submenu-arrow>svg,.cxd-Menu-vertical-left .cxd-Menu-submenu-arrow>svg,.cxd-Menu-vertical-right .cxd-Menu-submenu-arrow>svg,.cxd-Menu-inline .cxd-Menu-submenu-arrow>svg{text-align:center;vertical-align:middle}.cxd-Menu-rtl .cxd-Menu-vertical .cxd-Menu-submenu-arrow,.cxd-Menu-submenu-rtl .cxd-Menu-vertical .cxd-Menu-submenu-arrow,.cxd-Menu-rtl .cxd-Menu-vertical-left .cxd-Menu-submenu-arrow,.cxd-Menu-submenu-rtl .cxd-Menu-vertical-left .cxd-Menu-submenu-arrow,.cxd-Menu-rtl .cxd-Menu-vertical-right .cxd-Menu-submenu-arrow,.cxd-Menu-submenu-rtl .cxd-Menu-vertical-right .cxd-Menu-submenu-arrow,.cxd-Menu-rtl .cxd-Menu-inline .cxd-Menu-submenu-arrow,.cxd-Menu-submenu-rtl .cxd-Menu-inline .cxd-Menu-submenu-arrow{right:auto;left:16px}.cxd-Menu-vertical.cxd-Menu-dark .cxd-Menu-submenu-arrow,.cxd-Menu-vertical-left.cxd-Menu-dark .cxd-Menu-submenu-arrow,.cxd-Menu-vertical-right.cxd-Menu-dark .cxd-Menu-submenu-arrow,.cxd-Menu-inline.cxd-Menu-dark .cxd-Menu-submenu-arrow{color:var(--Menu-dark-fontColor)}.cxd-Menu-inline .cxd-Menu-submenu-arrow,.cxd-Menu-horizontal .cxd-Menu-submenu-arrow{cursor:pointer;transition:transform .3s;transform:rotate(0deg)}.cxd-Menu-inline .cxd-Menu-submenu-open>.cxd-Menu-submenu-title .cxd-Menu-submenu-arrow,.cxd-Menu-horizontal .cxd-Menu-submenu-open>.cxd-Menu-submenu-title .cxd-Menu-submenu-arrow{transform:rotate(180deg)}.cxd-Menu-collapsed .cxd-Menu-submenu-arrow{display:none !important}.cxd-Menu-vertical.cxd-Menu-sub,.cxd-Menu-vertical-left.cxd-Menu-sub,.cxd-Menu-vertical-right.cxd-Menu-sub{padding:0}.cxd-Menu-submenu-rtl .cxd-Menu-vertical.cxd-Menu-sub,.cxd-Menu-submenu-rtl .cxd-Menu-vertical-left.cxd-Menu-sub,.cxd-Menu-submenu-rtl .cxd-Menu-vertical-right.cxd-Menu-sub{direction:rtl}.cxd-Menu-sub.cxd-Menu-inline{padding:0;border:none;border-radius:0;box-shadow:none}.cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-item,.cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-submenu>.cxd-Menu-submenu-title{padding-top:0;padding-bottom:0;padding-right:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cxd-Menu-rtl .cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-item,.cxd-Menu-rtl .cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-submenu>.cxd-Menu-submenu-title{padding-left:0}.cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-submenu.cxd-Menu-submenu-dark.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-submenu.cxd-Menu-submenu-dark.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title .cxd-Menu-item-label,.cxd-Menu-sub.cxd-Menu-inline>.cxd-Menu-submenu.cxd-Menu-submenu-dark.cxd-Menu-submenu-selected>.cxd-Menu-submenu-title .cxd-Menu-item-icon{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu .cxd-Menu-item-disabled,.cxd-Menu .cxd-Menu-submenu-disabled{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu .cxd-Menu-item-disabled.cxd-Menu-item,.cxd-Menu .cxd-Menu-submenu-disabled.cxd-Menu-item{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu .cxd-Menu-item-disabled.cxd-Menu-item .cxd-Menu-item-link,.cxd-Menu .cxd-Menu-submenu-disabled.cxd-Menu-item .cxd-Menu-item-link{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu .cxd-Menu-item-disabled .cxd-Menu-submenu-title,.cxd-Menu .cxd-Menu-submenu-disabled .cxd-Menu-submenu-title{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu .cxd-Menu-item-disabled .cxd-Menu-submenu-title>.cxd-Menu-item-icon,.cxd-Menu .cxd-Menu-item-disabled .cxd-Menu-submenu-title>.cxd-Menu-item-label,.cxd-Menu .cxd-Menu-item-disabled .cxd-Menu-submenu-title>.cxd-Menu-submenu-arrow,.cxd-Menu .cxd-Menu-submenu-disabled .cxd-Menu-submenu-title>.cxd-Menu-item-icon,.cxd-Menu .cxd-Menu-submenu-disabled .cxd-Menu-submenu-title>.cxd-Menu-item-label,.cxd-Menu .cxd-Menu-submenu-disabled .cxd-Menu-submenu-title>.cxd-Menu-submenu-arrow{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu .cxd-Menu-item-disabled>.cxd-Menu-item-icon,.cxd-Menu .cxd-Menu-item-disabled>.cxd-Menu-item-label,.cxd-Menu .cxd-Menu-item-disabled>.cxd-Menu-submenu-arrow,.cxd-Menu .cxd-Menu-submenu-disabled>.cxd-Menu-item-icon,.cxd-Menu .cxd-Menu-submenu-disabled>.cxd-Menu-item-label,.cxd-Menu .cxd-Menu-submenu-disabled>.cxd-Menu-submenu-arrow{cursor:not-allowed;color:var(--Menu-fontColor-onDisabled) !important;pointer-events:none}.cxd-Menu-open-slide-up-enter,.cxd-Menu-open-slide-up-appear{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);animation-play-state:paused}.cxd-Menu-open-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:1;animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);animation-play-state:paused}.cxd-Menu-open-slide-up-enter .cxd-Menu-open-slide-up-enter-active,.cxd-Menu-open-slide-up-appear .cxd-Menu-open-slide-up-appear-active{animation-name:rcMenuOpenSlideUpIn;animation-play-state:running}.cxd-Menu-open-slide-up-leave .cxd-Menu-open-slide-up-leave-active{animation-name:rcMenuOpenSlideUpOut;animation-play-state:running}@keyframes rcMenuOpenSlideUpIn{0%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}100%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}}@keyframes rcMenuOpenSlideUpOut{0%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}100%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}}.cxd-Menu-open-zoom-enter,.cxd-Menu-open-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);animation-play-state:paused}.cxd-Menu-open-zoom-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);animation-play-state:paused}.cxd-Menu-open-zoom-enter .cxd-Menu-open-zoom-enter-active,.cxd-Menu-open-zoom-appear .cxd-Menu-open-zoom-appear-active{animation-name:rcMenuOpenZoomIn;animation-play-state:running}.cxd-Menu-open-zoom-leave .cxd-Menu-open-zoom-leave-active{animation-name:rcMenuOpenZoomOut;animation-play-state:running}.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-enter,.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-enter,.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-appear,.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-appear,.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-leave,.cxd-Menu-submenu-rtl .cxd-Menu-open-zoom-leave{transform-origin:top right !important}@keyframes rcMenuOpenZoomIn{0%{opacity:0;transform:scale(0, 0)}100%{opacity:1;transform:scale(1, 1)}}@keyframes rcMenuOpenZoomOut{0%{transform:scale(1, 1)}100%{opacity:0;transform:scale(0, 0)}}.cxd-Menu-overflow-menu-dark>.cxd-Menu{background-color:var(--Menu-dark-backgroundColor)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item{color:var(--Menu-dark-fontColor)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item .cxd-Menu-item-label{color:var(--Menu-dark-fontColor)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-active{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onHover)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-active .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-active .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onHover)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-selected{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-ancestor-fontColor-onActive) !important}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-selected .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-item-selected .cxd-Menu-item-label{color:var(--Menu-dark-ancestor-fontColor-onActive) !important}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title{color:var(--Menu-dark-fontColor)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-item-label,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-dark .cxd-Menu-submenu-title .cxd-Menu-submenu-arrow{color:var(--Menu-dark-fontColor)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-active .cxd-Menu-submenu-title .cxd-Menu-item-label{color:var(--Menu-dark-fontColor-onActive)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title{background-color:var(--Menu-dark-backgroundColor);color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title .cxd-Menu-item-icon,.cxd-Menu-overflow-menu-dark>.cxd-Menu .cxd-Menu-submenu-selected .cxd-Menu-submenu-title .cxd-Menu-item-label{color:var(--Menu-dark-ancestor-fontColor-onActive)}.cxd-Menu-item-tooltip{font-size:var(--AppLayout-tooltip-fontSize);color:var(--AppLayout-light-fontColor);background:var(--AppLayout-light-backgroundColor);border:none;border-radius:var(--Tooltip--attr-borderRadius);box-shadow:0px 4px 6px 0px rgba(8,14,26,.06),0px 1px 10px 0px rgba(8,14,26,.05),0px 2px 4px -1px rgba(8,14,26,.04)}.cxd-Menu-item-tooltip .cxd-Tooltip-body,.cxd-Menu-item-tooltip .cxd-Tooltip-body span{color:var(--AppLayout-light-fontColor)}.cxd-Menu-item-tooltip .cxd-Tooltip-arrow{display:none}.cxd-Menu-item-tooltip.cxd-Menu-item-tooltip-dark{background:var(--AppLayout-dark-tooltip-backgroundColor)}.cxd-Menu-item-tooltip.cxd-Menu-item-tooltip-dark .cxd-Tooltip-body,.cxd-Menu-item-tooltip.cxd-Menu-item-tooltip-dark .cxd-Tooltip-body span{color:var(--AppLayout-dark-fontColor)}.UserPicker>.cxd-ResultBox:not(.is-disabled){cursor:pointer}.UserPicker>.cxd-ResultBox:not(.is-disabled):hover{border-color:var(--Form-input-onFocused-borderColor);box-shadow:var(--Form-input-boxShadow)}.OCRInput{outline:none}.OCRInput>a{cursor:pointer}.OCRInput.is-active{border:1px dashed #999;padding:5px 10px;text-align:center;border-radius:5px;background:#f6f7fb}.OCRInput-error{color:var(--danger)}.FormulaField{padding-top:var(--Form-label-paddingTop)}.FormulaField-placeholder{color:var(--text--muted-color)}.FormulaField-error{color:var(--danger)}.Brand{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:var(--AppLayout-brand-height);min-height:var(--AppLayout-brand-height);background:var(--AppLayout-light-backgroundColor);color:var(--AppLayout-light-fontColor);transition:width 0s;width:var(--AppLayout-nav-width--vertical)}.Brand.is-collapsed{width:var(--AppLayout-nav-width--vertical--collapsed)}.Brand.is-collapsed .Brand-backBtn,.Brand.is-collapsed .Brand-text{display:none !important}.Brand.Brand--vertical{flex-flow:column nowrap;padding:10px 20px;height:var(--AppLayout-brand-height--vertical);min-height:var(--AppLayout-brand-height--vertical);border-bottom:var(--AppLayout-border-width) solid var(--AppLayout-light-dividerColor)}.Brand.Brand--vertical .Brand-backBtn{display:none;color:var(--AppLayout-light-fontColor)}.Brand.Brand--vertical .Brand-logo{font-size:var(--AppLayout-brand-logo-fontSize)}.Brand.Brand--vertical .Brand-text{margin-left:0}.Brand .Brand-backBtn{display:inline-block;margin-right:0.625rem;color:var(--AppLayout-light-fontColor);text-decoration:none}.Brand .Brand-logo{font-size:var(--AppLayout-brand-logo-fontSize);color:var(--AppLayout-light-fontColor)}.Brand .Brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:inherit;vertical-align:middle;margin-left:0.3125rem;color:var(--AppLayout-light-fontColor)}.Brand .Brand-text .is-disabled{cursor:not-allowed;border-color:#f5f5f5;pointer-events:none;color:#aaa;box-shadow:none}.Brand .Brand-text>a{color:var(--AppLayout-light-fontColor);text-decoration:none}.Brand.Brand-dark{background:var(--AppLayout-dark-backgroundColor);color:var(--AppLayout-dark-fontColor)}.Brand.Brand-dark.Brand--vertical{border-bottom:var(--AppLayout-border-width) solid var(--AppLayout-dark-dividerColor)}.Brand.Brand-dark .Brand-backBtn,.Brand.Brand-dark .Brand-logo,.Brand.Brand-dark .Brand-text,.Brand.Brand-dark .Brand-text>a{color:var(--AppLayout-dark-fontColor)}.cxd-Layout-Nav{width:var(--AppLayout-nav-width--vertical);background:var(--AppLayout-light-backgroundColor);flex:1}.cxd-Layout-Nav--vertical{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;overflow-y:auto;overflow-x:hidden}.cxd-Layout-Nav--vertical.cxd-Layout-Nav--collapsed{width:var(--AppLayout-nav-width--vertical--collapsed)}.cxd-Layout-Nav--vertical .cxd-Layout-Nav-wrapper{flex:1;height:calc(100% - var(--AppLayout-asideToggler-height));overflow-y:auto;overflow-x:hidden;width:calc(100% + 17px)}.cxd-Layout-Nav--vertical .cxd-Layout-Nav-wrapper .cxd-Menu{box-shadow:none}.cxd-Layout-Nav--horizontal{height:var(--AppLayout-nav-height--horizontal);width:var(--AppLayout-nav-width--horizontal);padding:0 60px;flex:1}.cxd-Layout-Nav .AsideToggler{background:var(--AppLayout-light-backgroundColor);border-top:var(--AppLayout-border-width) solid var(--AppLayout-light-dividerColor);color:var(--AppLayout-light-fontColor);display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;width:var(--AppLayout-nav-width--vertical);height:var(--AppLayout-asideToggler-height)}.cxd-Layout-Nav .AsideToggler-icon{width:30px;height:30px;display:block;text-align:center;line-height:30px;cursor:pointer}.cxd-Layout-Nav .AsideToggler-icon>i{transition:transform .3s;display:inline-block}.cxd-Layout-Nav .AsideToggler-icon:hover{color:var(--AppLayout-fontColor--info)}.cxd-Layout-Nav .AsideToggler-text{font-size:12px}.cxd-Layout-Nav .AsideToggler.is-collased{justify-content:center;width:var(--AppLayout-nav-width--vertical--collapsed)}.cxd-Layout-Nav .AsideToggler.is-collased .AsideToggler-icon>i{transform:rotate(180deg)}.cxd-Layout-Nav-dark{background:var(--AppLayout-dark-backgroundColor)}.cxd-Layout-Nav-dark .AsideToggler{background:var(--AppLayout-dark-backgroundColor);border-top:var(--AppLayout-border-width) solid var(--AppLayout-dark-dividerColor);color:var(--AppLayout-dark-fontColor)}@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","STHeiti","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word;box-sizing:border-box;min-width:200px;margin:0 auto;padding:25px 45px 45px}.anchor{padding-top:80px;margin-top:-80px}.markdown-body a:not(.btn){background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active:not(.btn),.markdown-body a:hover:not(.btn){outline-width:0}.markdown-body strong{font-weight:inherit}.markdown-body strong{font-weight:bolder}.markdown-body>h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body button:-moz-focusring,.markdown-body [type=button]:-moz-focusring,.markdown-body [type=reset]:-moz-focusring,.markdown-body [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body table:not(.table){border-spacing:0;border-collapse:collapse}.markdown-body table:not(.table) td,.markdown-body table:not(.table) th{padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.markdown-body a:not(.btn){color:#4078c0;text-decoration:none}.markdown-body a:hover:not(.btn),.markdown-body a:active:not(.btn){color:#4078c0;text-decoration:underline}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}.markdown-body hr::before{display:table;content:""}.markdown-body hr::after{display:table;clear:both;content:""}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:0;margin-bottom:0;line-height:1.5}.markdown-body>h1{font-size:30px}.markdown-body>h2{font-size:21px}.markdown-body>h3{font-size:16px}.markdown-body>h4{font-size:14px}.markdown-body>h5{font-size:12px}.markdown-body>h6{font-size:11px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.markdown-body .pl-0{padding-left:0 !important}.markdown-body .pl-1{padding-left:3px !important}.markdown-body .pl-2{padding-left:6px !important}.markdown-body .pl-3{padding-left:12px !important}.markdown-body .pl-4{padding-left:24px !important}.markdown-body .pl-5{padding-left:36px !important}.markdown-body .pl-6{padding-left:48px !important}.markdown-body .form-select::-ms-expand{opacity:0}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{display:inline-block;padding-right:2px;margin-left:-18px}.markdown-body .anchor:focus{outline:none}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:1em;margin-bottom:16px;font-weight:bold;line-height:1.4}.markdown-body>h1 .octicon-link,.markdown-body>h2 .octicon-link,.markdown-body>h3 .octicon-link,.markdown-body>h4 .octicon-link,.markdown-body>h5 .octicon-link,.markdown-body>h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden}.markdown-body>h1:hover .anchor,.markdown-body>h2:hover .anchor,.markdown-body>h3:hover .anchor,.markdown-body>h4:hover .anchor,.markdown-body>h5:hover .anchor,.markdown-body>h6:hover .anchor{text-decoration:none}.markdown-body>h1:hover .anchor .octicon-link,.markdown-body>h2:hover .anchor .octicon-link,.markdown-body>h3:hover .anchor .octicon-link,.markdown-body>h4:hover .anchor .octicon-link,.markdown-body>h5:hover .anchor .octicon-link,.markdown-body>h6:hover .anchor .octicon-link{visibility:visible}.markdown-body>h1{padding-bottom:.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #dee5e7}.markdown-body>h1 .anchor{line-height:1}.markdown-body>h2{padding-bottom:.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #dee5e7}.markdown-body>h2 .anchor{line-height:1}.markdown-body>h3{font-size:1.5em;line-height:1.43}.markdown-body>h3 .anchor{line-height:1.2}.markdown-body>h4{font-size:1.25em}.markdown-body>h4 .anchor{line-height:1.2}.markdown-body>h5{font-size:1em}.markdown-body>h5 .anchor{line-height:1.1}.markdown-body>h6{font-size:1em;color:#777}.markdown-body h6 .anchor{line-height:1.1}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.markdown-body ul:not(.dropdown-menu):not(.nav),.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table:not(.table){display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}.markdown-body table:not(.table) th{font-weight:bold}.markdown-body table:not(.table) th,.markdown-body table:not(.table) td{padding:6px 13px;border:1px solid #ddd}.markdown-body table:not(.table) tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table:not(.table) tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:90%;margin-left:5%;margin-right:5%;box-sizing:content-box;background-color:#fff;border-radius:5px;border:1px solid #ddd;box-shadow:0 8px 18px 0 rgba(0,0,0,.3)}.markdown-body code{padding:0;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,.04);border-radius:3px}.markdown-body code:before,.markdown-body code:after{letter-spacing:-0.2em;content:" "}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body pre{word-wrap:normal}.markdown-body pre code{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:before,.markdown-body pre code:after{content:normal}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-id{color:#b52a1d}.markdown-body .pl-ii{background-color:#b52a1d;color:#f8f8f8}.markdown-body .pl-sr .pl-cce{color:#63a35c;font-weight:bold}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#1d3e81;font-weight:bold}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{color:#333;font-style:italic}.markdown-body .pl-mb{color:#333;font-weight:bold}.markdown-body .pl-md{background-color:#ffecec;color:#bd2c00}.markdown-body .pl-mi1{background-color:#eaffea;color:#55a532}.markdown-body .pl-mdr{color:#795da3;font-weight:bold}.markdown-body .pl-mo{color:#1d3e81}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#4078c0;border:1px solid #4078c0}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#4078c0}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.amis-schema-preview{margin-bottom:20px}.doc-play-ground{border:1px solid #ddd;min-height:200px;position:relative;width:100%;overflow:hidden;margin-bottom:20px}.doc-play-ground .nav-tabs{margin-bottom:0}.markdown-body .CodeMirror pre{padding:0 4px;margin:0;background-color:transparent}.markdown-body .CodeMirror,.markdown-body .CodeMirror *{box-sizing:content-box}.markdown-body .CodeMirror-lines{padding:0}.markdown-body .tree-view ul{padding-left:0 !important}.markdown-body>.amis-preview{margin-bottom:15px}th{text-align:left}html,body,.AppWrapper{position:relative;width:100%;height:100%}.App{width:100%;height:100%}p{margin:0 0 10px}.markdown-body{color:#333;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word;box-sizing:border-box;min-width:200px;margin:0 auto;padding:20px}.richtext-body{min-width:200px;margin:0 auto;padding:20px}.richtext-body>*:first-child{margin-top:0 !important}.richtext-body>*:last-child{margin-bottom:0 !important}.richtext-body h1,.richtext-body h2{padding-bottom:.3em;border-bottom:1px solid #dee5e7}img.Header-logo{max-height:40px;display:inline-block;margin-top:-8px;margin-right:10px;vertical-align:middle}a[data-link]{cursor:pointer}a[data-link]>svg{pointer-events:none}.cxd-Layout--headerFixed .cxd-Layout-header{background:#fff}.cxd-Layout-headerBar{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.Breadcrumb{position:relative;padding:8px 20px;background-color:#fff;border-radius:4px}.Breadcrumb>ul{display:inline-block;margin-bottom:0;list-style:none;padding:0;margin:0}.Breadcrumb>ul>li+li:before{padding:0 5px;color:#ccc;content:"/ "}.Breadcrumb>ul>li{display:inline-block}.Breadcrumb>ul>li>a{color:#1067ee}.Breadcrumb>div{top:0}.PageToolbar{position:absolute;z-index:5;right:0;text-align:right;padding:3px 15px}.PageToolbar:empty{display:none}.PageToolbar>a{cursor:pointer;display:inline-block;width:15px;height:15px;margin:5px}.PageToolbar>a.is-disabled{pointer-events:none;opacity:.6}.EnvSwitcher,.CompanySwitcher{line-height:1.875rem;display:inline-block;vertical-align:middle}.CompanySwitcher{padding-bottom:5px;margin-right:5px}#headerBar{line-height:50px;vertical-align:middle;height:50px;float:left;padding-left:5px}.Badge{padding:.125rem .3125rem;margin-top:.125rem;font-size:.6875rem;text-shadow:0 .0625rem 0 rgba(0,0,0,.2);float:right;min-width:.0625rem;line-height:1;font-weight:700;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.625rem}.Placeholder{color:var(--text--muted-color);padding:20px;text-align:center;font-size:12px}.ErrorPage-container{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.ErrorPage-cover{height:200px}.ErrorPage-cover--403{background:url(./static/9401cc95c3a2e813d2e9.png) center/contain no-repeat}.ErrorPage-cover--404{background:url(./static/d6536c5b5f5dcf00fb1b.png) center/contain no-repeat}.ErrorPage-cover--500{height:300px;background:url(./static/ba2d20bbc463e866c5bb.png) center/contain no-repeat}.ErrorPage-description{color:#999;margin-top:40px}#wm_div_id{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.component-build-ing{color:#f5a623}.component-build-success{color:#41bc0d}.component-build-failed{position:relative;color:red}.component-build-failed .cxd-Button-icon{margin:0 !important}.component-build-failed::before{content:"";position:absolute;top:-12px;right:-8px;color:red;font-size:16px;font-family:iconfont !important;background:#fff}.HistoryTabs{display:flex;flex-direction:column;position:relative;height:100%}.HistoryTabs>.cxd-Tabs-content{flex-grow:1;border:0}.HistoryTabs>.cxd-Tabs-content>.cxd-Tabs-pane{height:100%;position:relative;padding:0}.HistoryTabs>ul li a{display:flex !important}.HistoryTabs>ul li a .HistoryTabs-nav{display:inline-block;overflow:hidden;flex:1}.HistoryTabs>ul li a .HistoryTabs-nav--hide-del{width:100%}.HistoryTabs>ul li a .HistoryTabs-nav--hide-del+.HistoryTabs-del{display:none}.HistoryTabs>ul li a .HistoryTabs-del{display:inline-block;padding-left:5px;vertical-align:top}.HistoryTabs>ul li:hover{min-width:3.875rem}.HistoryTabs>ul li:hover .HistoryTabs-del{display:inline-block !important}.HistoryTabs>ul .is-active{min-width:3.875rem}.HistoryTabs>ul .is-active .HistoryTabs-del{display:inline-block !important}.UserDropDown-menu-change-position{position:absolute;right:-20px}