.center[data-v-2dfddc2d] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-112cbba8]:export { prefixCls: tdp; } [data-v-112cbba8]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-112cbba8]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .full-screen[data-v-112cbba8] { width: 100vw; height: 100vh; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-f075443e]:export { prefixCls: tdp; } [data-v-f075443e]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-f075443e]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ [data-v-f075443e] .dialog-table .q-table thead tr th { position: sticky !important; top: 0; z-index: 8; background: #f2f3f5; } [data-v-f075443e] .dialog-expansion .q-table thead tr th { background: rgba(242, 243, 245, 0.6); } [data-v-f075443e] .dialog-expansion.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-09b736d9]:export { prefixCls: tdp; } [data-v-09b736d9]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-09b736d9]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .dialog-table .q-table tbody tr[data-v-09b736d9]:nth-child(even) { background: #fff !important; } [data-v-09b736d9] .dialog-expansion .q-table thead tr th { background: rgba(242, 243, 245, 0.6); } [data-v-09b736d9] .bottom3px { padding: 0; border: none; position: relative; bottom: 1px; } [data-v-09b736d9] .dialog-expansion.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-606884f9]:export { prefixCls: tdp; } [data-v-606884f9]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-606884f9]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ [data-v-606884f9] .bottom3px { padding: 0; border: none; position: relative; bottom: 1px; } [data-v-606884f9] .dialog-expansion .q-table thead tr th { background: rgba(242, 243, 245, 0.6); } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-87c1be2c]:export { prefixCls: tdp; } [data-v-87c1be2c]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-87c1be2c]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ [data-v-87c1be2c] .bottom3px { padding: 0; border: none; position: relative; bottom: 1px; } [data-v-87c1be2c] .dialog-expansion .q-table thead tr th { background: rgba(242, 243, 245, 0.6); } [data-v-87c1be2c] .dialog-expansion.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-dc4a17ae]:export { prefixCls: tdp; } [data-v-dc4a17ae]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-dc4a17ae]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ [data-v-dc4a17ae] .dialog-table .q-table tbody tr:nth-child(even) { background: #fff !important; } [data-v-dc4a17ae] .dialog-expansion .q-table thead tr th { background: rgba(242, 243, 245, 0.6); } [data-v-dc4a17ae] .bottom3px { padding: 0; border: none; position: relative; bottom: 1px; } [data-v-dc4a17ae] .dialog-expansion.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ .dialog-expansion { background: #fff; border-radius: 5px; margin: 5px 0; } .flowPicture.view_flowchart, .flowChildPicture.view_flowchart { position: relative; /* 修改线/三角 未完成*/ /* 修改子流程 长方形 未进行 */ /* 修改子流程园长方形 未进行 */ /* 修改三角 已完成*/ /* 隐藏设置 */ /* 隐藏设置 */ /* 修改园长方形 预判 */ /* 修改X 已完成*/ /* 修改三角 预判*/ /* 修改园长方形 预判 */ /* 修改园长方形 已完成 */ /* 修改园长方形 已完成 */ /* 修改子流程园长方形 已完成 */ /* 修改子流程园长方形 已完成 */ /* 修改子流程园长方形 已完成 */ /* 修改园长方形 当前 */ /* 修改园长方形 当前 */ /* 修改子流程园长方形 已完成 */ /* 修改子流程园长方形 已完成 */ /* 修改子流程园长方形 已完成 */ /* 修改线 已完成*/ /* 修改子流程园长方形 已完成 */ /* 当前字的颜色 */ /* 完成字的颜色 */ /* 修改园长方形 未进行 */ /* 修改X 未完成 */ /* 修改X 已完成*/ /* 修改X 当前*/ /* 修改园长方形 未进行 */ } .flowPicture.view_flowchart .stencils .edge path, .flowChildPicture.view_flowchart .stencils .edge path { stroke: #d7d7d7; stroke: #d7d7d7; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart marker path, .flowChildPicture.view_flowchart marker path { fill: #d7d7d7; stroke: #d7d7d7; fill: #d7d7d7; stroke: #d7d7d7; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children .stencils .me > g > g rect, .flowChildPicture.view_flowchart .stencils .children .stencils .me > g > g rect { fill: rgba(224, 224, 224, 0.42); fill: #e0e0e06b; stroke: #cccccc; stroke: #ccc; stroke-width: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart marker.tiu-finish path, .flowChildPicture.view_flowchart marker.tiu-finish path { fill: rgba(54, 164, 255, 0.5); stroke: rgba(54, 164, 255, 0.5); fill: #54a4ff80; stroke: #54a4ff80; } .flowPicture.view_flowchart marker path.tiu-finish, .flowChildPicture.view_flowchart marker path.tiu-finish { fill: rgba(54, 164, 255, 0.5); stroke: rgba(54, 164, 255, 0.5); fill: #54a4ff80; stroke: #54a4ff80; } .flowPicture.view_flowchart .stencils .children .tiu-hidden circle, .flowPicture.view_flowchart .stencils .children .tiu-hidden rect, .flowChildPicture.view_flowchart .stencils .children .tiu-hidden circle, .flowChildPicture.view_flowchart .stencils .children .tiu-hidden rect { fill: white; stroke: white; } .flowPicture.view_flowchart .stencils .children .tiu-hidden circle, .flowPicture.view_flowchart .stencils .children .tiu-hidden text, .flowChildPicture.view_flowchart .stencils .children .tiu-hidden circle, .flowChildPicture.view_flowchart .stencils .children .tiu-hidden text { fill: black; } .flowPicture.view_flowchart .stencils .edge .tiu-hidden path, .flowChildPicture.view_flowchart .stencils .edge .tiu-hidden path { fill: white; stroke: white; } .flowPicture.view_flowchart marker.tiu-hidden path, .flowChildPicture.view_flowchart marker.tiu-hidden path { fill: white; stroke: white; } .flowPicture.view_flowchart marker path.tiu-hidden, .flowChildPicture.view_flowchart marker path.tiu-hidden { fill: white; stroke: white; } .flowPicture.view_flowchart .stencils .edge .tiu-hidden text, .flowChildPicture.view_flowchart .stencils .edge .tiu-hidden text { fill: white; } .flowPicture.view_flowchart .stencils .tiu-hidden, .flowChildPicture.view_flowchart .stencils .tiu-hidden { fill: white; stroke: white; } .flowPicture.view_flowchart .stencils .children .tiu-expect circle, .flowPicture.view_flowchart .stencils .children .tiu-expect rect, .flowChildPicture.view_flowchart .stencils .children .tiu-expect circle, .flowChildPicture.view_flowchart .stencils .children .tiu-expect rect { fill: #bfe3f8; stroke: #56cff8; fill: #bfe3f8; stroke: #56cff8; } .flowPicture.view_flowchart .stencils .children .tiu-expect .stencils path, .flowChildPicture.view_flowchart .stencils .children .tiu-expect .stencils path { fill: #bfe3f8; stroke: #56cff8; fill: #bfe3f8; stroke: #56cff8; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .edge .tiu-expect path, .flowChildPicture.view_flowchart .stencils .edge .tiu-expect path { fill: #bfe3f8; stroke: #56cff8; fill: #bfe3f8; stroke: #56cff8; } .flowPicture.view_flowchart marker.tiu-expect path, .flowChildPicture.view_flowchart marker.tiu-expect path { fill: #bfe3f8; stroke: #56cff8; fill: #bfe3f8; stroke: #56cff8; } .flowPicture.view_flowchart marker path.tiu-expect, .flowChildPicture.view_flowchart marker path.tiu-expect { fill: #bfe3f8; stroke: #56cff8; fill: #bfe3f8; stroke: #56cff8; } .flowPicture.view_flowchart .stencils .children .tiu-expect text, .flowPicture.view_flowchart .stencils .edge .tiu-expect text, .flowChildPicture.view_flowchart .stencils .children .tiu-expect text, .flowChildPicture.view_flowchart .stencils .edge .tiu-expect text { fill: black; } .flowPicture.view_flowchart .stencils .children .tiu-finish circle, .flowPicture.view_flowchart .stencils .children .tiu-finish rect, .flowChildPicture.view_flowchart .stencils .children .tiu-finish circle, .flowChildPicture.view_flowchart .stencils .children .tiu-finish rect { fill: rgba(54, 164, 255, 0.5); stroke: rgba(54, 164, 255, 0.5); fill: #54a4ff80; stroke: #54a4ff80; } .flowPicture.view_flowchart .stencils .children .tiu-finish .stencils .me > g > g rect, .flowChildPicture.view_flowchart .stencils .children .tiu-finish .stencils .me > g > g rect { fill: transparent; stroke: #1d7ae4; stroke: #1d7ae4; } .flowPicture.view_flowchart .stencils .children .tiu-finish .stencils .me > g > g path, .flowChildPicture.view_flowchart .stencils .children .tiu-finish .stencils .me > g > g path { fill: transparent; stroke: #177df1; stroke: #177df1; stroke-width: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children .tiu-current circle, .flowPicture.view_flowchart .stencils .children .tiu-current rect, .flowChildPicture.view_flowchart .stencils .children .tiu-current circle, .flowChildPicture.view_flowchart .stencils .children .tiu-current rect { fill: rgba(176, 229, 255, 0.8); stroke: #f5a623; fill: #b0e5ffcc; stroke: #f5a623; stroke-width: 3; } .flowPicture.view_flowchart .stencils .children .tiu-current .stencils .me > g > g rect, .flowChildPicture.view_flowchart .stencils .children .tiu-current .stencils .me > g > g rect { fill: transparent; stroke: rgba(54, 164, 255, 0.5); stroke: #54a4ff80; stroke-width: 2; } .flowPicture.view_flowchart .stencils .children .tiu-current .stencils .me > g > g path, .flowChildPicture.view_flowchart .stencils .children .tiu-current .stencils .me > g > g path { fill: transparent; stroke: rgba(54, 164, 255, 0.5); stroke: #54a4ff80; stroke-width: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .edge .tiu-finish path, .flowChildPicture.view_flowchart .stencils .edge .tiu-finish path { fill: transparent; stroke: rgba(54, 164, 255, 0.5); stroke: #54a4ff80; } .flowPicture.view_flowchart .stencils .children .tiu-current text, .flowPicture.view_flowchart .stencils .edge .tiu-current text, .flowChildPicture.view_flowchart .stencils .children .tiu-current text, .flowChildPicture.view_flowchart .stencils .edge .tiu-current text { fill: #1887be; fill: #1887be; } .flowPicture.view_flowchart .stencils .children .tiu-finish text, .flowPicture.view_flowchart .stencils .edge .tiu-finish text, .flowChildPicture.view_flowchart .stencils .children .tiu-finish text, .flowChildPicture.view_flowchart .stencils .edge .tiu-finish text { fill: rgba(16, 61, 111, 0.86); fill: #103d6fdb; } .flowPicture.view_flowchart .stencils .children circle, .flowPicture.view_flowchart .stencils .children rect, .flowChildPicture.view_flowchart .stencils .children circle, .flowChildPicture.view_flowchart .stencils .children rect { fill: rgba(224, 224, 224, 0.42); fill: #e0e0e06b; stroke: #ccc; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children .stencils path, .flowChildPicture.view_flowchart .stencils .children .stencils path { stroke: black; fill: rgba(224, 224, 224, 0.42); fill: #e0e0e06b; stroke: #ccc; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children .tiu-finish .stencils path, .flowChildPicture.view_flowchart .stencils .children .tiu-finish .stencils path { fill: transparent; stroke: rgba(54, 164, 255, 0.5); stroke: #54a4ff80; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children .tiu-finish .current path, .flowChildPicture.view_flowchart .stencils .children .tiu-finish .current path { fill: rgba(176, 229, 255, 0.8); stroke: #f5a623; fill: #b0e5ffcc; stroke: #f5a623; stroke-width: 3; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .flowPicture.view_flowchart .stencils .children text, .flowChildPicture.view_flowchart .stencils .children text { fill: rgba(112, 110, 110, 0.73); fill: #706e6eba; } .flowPicture.view_flowchart .stencils .edge text, .flowChildPicture.view_flowchart .stencils .edge text { fill: rgba(112, 110, 110, 0.73); fill: #706e6eba; } .flowPicture.view_flowchart .layout_box, .flowChildPicture.view_flowchart .layout_box { position: relative; } .flowPicture.view_flowchart .overlay, .flowChildPicture.view_flowchart .overlay { position: absolute; top: 0px; right: 0; bottom: 0; left: 0px; margin: 0 auto; } .flowPicture.view_flowchart .overlay .node, .flowChildPicture.view_flowchart .overlay .node { position: absolute; } .flowPicture.view_flowchart .step_tip_wrapper, .flowChildPicture.view_flowchart .step_tip_wrapper { position: absolute; cursor: pointer; border: 1px solid rgba(176, 229, 255, 0.8); border: 1px solid #b0e5ffcc; border-radius: 8px; font-size: 12px; background: #ffffcf; background: #ffffcf; padding: 10px 15px; text-align: left; z-index: 9999; } .flowPicture.view_flowchart .step_tip_wrapper .step_info .step_info_title, .flowChildPicture.view_flowchart .step_tip_wrapper .step_info .step_info_title { font-size: 14px; } .flowPicture.view_flowchart .step_tip_wrapper::before, .flowChildPicture.view_flowchart .step_tip_wrapper::before { position: absolute; top: -10px; left: 20px; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ddd; } .flowPicture.view_flowchart .recipientDept .subflowInfos, .flowChildPicture.view_flowchart .recipientDept .subflowInfos { white-space: nowrap; min-width: 120px; margin: 3px 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .flowPicture.view_flowchart .recipientDept .subflowInfos::before, .flowChildPicture.view_flowchart .recipientDept .subflowInfos::before { content: ''; width: 5px; height: 5px; background: #3f87da; position: absolute; top: 6px; left: -10px; border-radius: 100%; } .flowPicture.view_flowchart .recipientDept .subflowInfos_view, .flowChildPicture.view_flowchart .recipientDept .subflowInfos_view { margin-left: 5px; color: #78a6db; } .flowPicture.view_flowchart .recipientDept .subflowInfos_status, .flowChildPicture.view_flowchart .recipientDept .subflowInfos_status { margin: 0 2px; } .flowPicture.view_flowchart .recipientDept .subflowInfos_view:hover, .flowChildPicture.view_flowchart .recipientDept .subflowInfos_view:hover { color: #3f87da; } .dialog-expansion.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-7b0e59c6]:export { prefixCls: tdp; } [data-v-7b0e59c6]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-7b0e59c6]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ @use '@/common/design' as *; .selector-modal[data-v-7b0e59c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selector-modal .selector-modal-item-title[data-v-7b0e59c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .selector-modal .selector-modal-item-title .item-title[data-v-7b0e59c6] { font-size: 14px; color: #1d2129; } .selector-modal .selector-modal-item-title .item-title[data-v-7b0e59c6], .selector-modal .selector-modal-item-title .selector-modal-len[data-v-7b0e59c6] { display: inline-block; vertical-align: middle; } .selector-modal .selector-modal-item-title .selector-modal-len[data-v-7b0e59c6] { color: #86909c; } .selector-modal .selector-modal-item-title-right[data-v-7b0e59c6] { padding: 5px 10px; } .search[data-v-7b0e59c6] { margin-bottom: 15px; } .search-item[data-v-7b0e59c6] { line-height: 32px; } .search-pick[data-v-7b0e59c6] { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .search-btn[data-v-7b0e59c6] { position: relative; left: 20px; top: -5px; } .center[data-v-7b0e59c6] { text-align: center; -ms-flex-item-align: center; align-self: center; } .left[data-v-7b0e59c6], .right[data-v-7b0e59c6] { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .left[data-v-7b0e59c6] { width: 50%; min-width: 245px; height: 68vh; overflow: hidden; } .left .left-cont[data-v-7b0e59c6] { width: 100%; border: 1px solid var(--q-color-card-item); overflow-y: auto; padding: 10px; position: relative; } .left .left-cont .left-cont-loading[data-v-7b0e59c6] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .right[data-v-7b0e59c6] { width: 42%; min-width: 235px; height: 68vh; overflow: hidden; } .right .right-cont[data-v-7b0e59c6] { overflow-y: auto; } .right .right-cont .cont-item[data-v-7b0e59c6] { padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .right .right-cont .cont-item[data-v-7b0e59c6]:hover { background: #f5f7ff; } .cursor[data-v-7b0e59c6] { cursor: pointer; } .q-tree__node-header_notickbox .q-tree__node .q-tree__node-header .q-tree__tickbox[data-v-7b0e59c6] { display: none; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-4dca6288]:export { prefixCls: tdp; } [data-v-4dca6288]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-4dca6288]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ @use '@/common/design' as *; .selector-modal[data-v-4dca6288] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selector-modal .selector-modal-item-title[data-v-4dca6288] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .selector-modal .selector-modal-item-title .item-title[data-v-4dca6288] { font-size: 14px; color: #1d2129; } .selector-modal .selector-modal-item-title .item-title[data-v-4dca6288], .selector-modal .selector-modal-item-title .selector-modal-len[data-v-4dca6288] { display: inline-block; vertical-align: middle; } .selector-modal .selector-modal-item-title .selector-modal-len[data-v-4dca6288] { color: #86909c; } .selector-modal .selector-modal-item-title-right[data-v-4dca6288] { padding: 5px 10px; } .selector-modal .td-content[data-v-4dca6288] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selector-modal[data-v-4dca6288] .q-table tbody td { padding: 2px 8px; } .search[data-v-4dca6288] { margin-bottom: 15px; } .search-item[data-v-4dca6288] { line-height: 32px; } .search-pick[data-v-4dca6288] { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .search-btn[data-v-4dca6288] { position: relative; left: 20px; top: -5px; } .center[data-v-4dca6288] { text-align: center; -ms-flex-item-align: center; align-self: center; } .left[data-v-4dca6288], .right[data-v-4dca6288] { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .left[data-v-4dca6288] { width: 50%; min-width: 245px; height: 68vh; overflow: hidden; } .left .left-cont[data-v-4dca6288] { width: 100%; border: 1px solid var(--q-color-card-item); overflow-y: auto; position: relative; } .left .left-cont .left-cont-loading[data-v-4dca6288] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .right[data-v-4dca6288] { width: 42%; min-width: 235px; height: 68vh; overflow: hidden; } .right .right-cont[data-v-4dca6288] { overflow-y: auto; width: 100%; } .right .right-cont .cont-item[data-v-4dca6288] { padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .right .right-cont .item-cont[data-v-4dca6288] { margin-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .right .right-cont .item-cont-flex[data-v-4dca6288] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .right .right-cont .item-cont-flex .peizhi-icon[data-v-4dca6288] { display: inline-block; width: 20px; height: 20px; } .right .right-cont .cont-item[data-v-4dca6288]:hover { background: #f5f7ff; } .cursor[data-v-4dca6288] { cursor: pointer; } .dialog-form[data-v-4dca6288] { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dialog-form label[data-v-4dca6288]:nth-child(2) { display: inline-block; margin-left: 15%; } .q-field--with-bottom[data-v-4dca6288] { padding-bottom: 0; } .q-col-gutter-y-md > *[data-v-4dca6288], .q-col-gutter-md > *[data-v-4dca6288] { padding-top: 23px; } .tip[data-v-4dca6288] { color: red; margin: 2px 0; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-affcad46]:export { prefixCls: tdp; } [data-v-affcad46]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-affcad46]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ @use '@/common/design' as *; .selector-custom-admix .q-dialog--modal .scoll-no-padding[data-v-affcad46] { padding: 0 !important; } .selector-custom-admix .selector-modal[data-v-affcad46] { padding: 9px 14px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selector-custom-admix .selector-modal .selector-modal-item-title[data-v-affcad46] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .selector-custom-admix .selector-modal .selector-modal-item-title .item-title[data-v-affcad46] { font-size: 14px; color: #1d2129; } .selector-custom-admix .selector-modal .selector-modal-item-title .item-title[data-v-affcad46], .selector-custom-admix .selector-modal .selector-modal-item-title .selector-modal-len[data-v-affcad46] { display: inline-block; vertical-align: middle; } .selector-custom-admix .selector-modal .selector-modal-item-title .selector-modal-len[data-v-affcad46] { color: #86909c; } .selector-custom-admix .selector-modal .selector-modal-item-title-right[data-v-affcad46] { padding: 5px 10px; } .selector-custom-admix .selector-modal[data-v-affcad46] .q-table tbody td { padding: 2px 8px; } .selector-custom-admix .selector-modal .td-content[data-v-affcad46] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selector-custom-admix .search[data-v-affcad46] { margin-bottom: 15px; } .selector-custom-admix .search-item[data-v-affcad46] { line-height: 32px; } .selector-custom-admix .search-pick[data-v-affcad46] { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .selector-custom-admix .search-btn[data-v-affcad46] { position: relative; left: 20px; top: -5px; } .selector-custom-admix .center[data-v-affcad46] { text-align: center; -ms-flex-item-align: center; align-self: center; } .selector-custom-admix .admix-left[data-v-affcad46], .selector-custom-admix .admix-right[data-v-affcad46] { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .selector-custom-admix .admix-left[data-v-affcad46] { width: 47%; min-width: 245px; height: 68vh; overflow: hidden; } .selector-custom-admix .admix-left .left-cont[data-v-affcad46] { width: 100%; border: 1px solid var(--q-color-card-item); overflow-y: auto; padding: 10px; position: relative; } .selector-custom-admix .admix-left .left-cont .left-cont-loading[data-v-affcad46] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .selector-custom-admix .admix-right[data-v-affcad46] { width: 45%; min-width: 235px; height: 68vh; overflow: hidden; } .selector-custom-admix .admix-right .right-cont[data-v-affcad46] { width: 100%; overflow-y: auto; } .selector-custom-admix .admix-right .right-cont .cont-item-admix[data-v-affcad46] { padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selector-custom-admix .admix-right .right-cont .item-cont[data-v-affcad46] { margin-right: 10px; margin-left: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .selector-custom-admix .admix-right .right-cont .cont-item-admix[data-v-affcad46]:hover { background: #f5f7ff; } .selector-custom-admix .cursor[data-v-affcad46] { cursor: pointer; } .selector-custom-admix .tiu-pagination[data-v-affcad46] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; } .selector-custom-admix .tiu-pagination .total[data-v-affcad46] { margin-left: 10px; } .selector-custom-admix-style-com-phone .selector-modal-phone[data-v-affcad46] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important; } .selector-custom-admix-style-com-phone .selector-modal-phone .selector-modal-item-title-phone[data-v-affcad46] { padding: 6px 10px !important; } .selector-custom-admix-style-com-phone .selector-modal-phone .selector-modal-item-title-phone-right[data-v-affcad46] { padding: 3px 10px !important; } .selector-custom-admix-style-com-phone .selector-modal-phone .group-top[data-v-affcad46] { width: 100%; height: 42vh; } .selector-custom-admix-style-com-phone .selector-modal-phone .group-bottom[data-v-affcad46] { width: 100%; height: 26vh; } .selector-custom-admix-style-com-phone .selector-modal-phone .arrow-bottom[data-v-affcad46], .selector-custom-admix-style-com-phone .selector-modal-phone .arrow-top[data-v-affcad46] { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 8px 0; } .selector-custom-admix-style-com-phone .selector-modal-phone .arrow-bottom[data-v-affcad46] { margin-right: 16px; } .selector-custom-admix-style-com-phone .selector-modal-phone[data-v-affcad46] .q-table tbody td { height: 30px !important; padding: 2px 8px 2px 0; } .selector-custom-admix[data-v-affcad46] .custom-admix .q-tabs__content--align-justify .q-tab { -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-2fa09f52]:export { prefixCls: tdp; } [data-v-2fa09f52]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-2fa09f52]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .selector-modal[data-v-2fa09f52] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .selector-modal .selector-table[data-v-2fa09f52] { width: 100%; min-height: 45vh; } .search[data-v-2fa09f52] { margin-bottom: 15px; } .search-item[data-v-2fa09f52] { line-height: 32px; } .search-pick[data-v-2fa09f52] { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .search-btn[data-v-2fa09f52] { position: relative; left: 20px; top: -5px; } .center[data-v-2fa09f52] { text-align: center; -ms-flex-item-align: center; align-self: center; } .cursor[data-v-2fa09f52] { cursor: pointer; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-f29432b8]:export { prefixCls: tdp; } [data-v-f29432b8]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-f29432b8]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ @use '@/common/design' as *; .selector-modal[data-v-f29432b8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selector-modal .selector-modal-item-title[data-v-f29432b8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .selector-modal .selector-modal-item-title .item-title[data-v-f29432b8] { font-size: 14px; color: #1d2129; } .selector-modal .selector-modal-item-title .item-title[data-v-f29432b8], .selector-modal .selector-modal-item-title .selector-modal-len[data-v-f29432b8] { display: inline-block; vertical-align: middle; } .selector-modal .selector-modal-item-title .selector-modal-len[data-v-f29432b8] { color: #86909c; } .search[data-v-f29432b8] { margin-bottom: 15px; } .search-item[data-v-f29432b8] { line-height: 32px; } .search-pick[data-v-f29432b8] { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .search-btn[data-v-f29432b8] { position: relative; left: 20px; top: -5px; } .center[data-v-f29432b8] { text-align: center; -ms-flex-item-align: center; align-self: center; } .left[data-v-f29432b8], .right[data-v-f29432b8] { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .left[data-v-f29432b8] { width: 38%; min-width: 245px; height: 68vh; overflow-y: hidden; } .left .left-cont[data-v-f29432b8] { width: 100%; border: 1px solid var(--q-color-card-item); height: 92%; overflow-y: auto; padding: 10px; position: relative; } .left .left-cont .left-cont-loading[data-v-f29432b8] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .right[data-v-f29432b8] { width: 50%; min-width: 235px; height: 68vh; overflow-y: auto; } .right .right-cont .cont-item[data-v-f29432b8] { padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .right .right-cont .item-cont[data-v-f29432b8] { vertical-align: middle; } .right .right-cont .cont-item[data-v-f29432b8]:hover { background: #f5f7ff; } .cursor[data-v-f29432b8] { cursor: pointer; } .q-tree__node-header_notickbox .q-tree__node .q-tree__node-header .q-tree__tickbox[data-v-f29432b8] { display: none; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-ec81842e]:export { prefixCls: tdp; } [data-v-ec81842e]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-ec81842e]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .cur[data-v-ec81842e] { cursor: pointer; } .person[data-v-ec81842e] { display: block; height: auto; min-height: 32px; max-height: 120px; padding-top: 0; padding-left: 5px; margin: 5px 0; overflow-y: auto; } .ant-tag { margin-top: 3px; margin-right: 4px; } .anticon { position: absolute; top: calc(50% - 8px); right: 11px; font-size: 1em; line-height: 1; color: var(--q-color-card-item); } .readonly[data-v-ec81842e] { cursor: not-allowed; background-color: var(--q-color-wihte); } .ant-tag { cursor: not-allowed; background-color: var(--q-color-wihte); } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-ec81842e]:export { prefixCls: tdp; } [data-v-ec81842e]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-ec81842e]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .no_search[data-v-ec81842e] { display: inline-block; } .no_search_data[data-v-ec81842e] { display: inline-block; padding: 8px; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-3f2f6958]:export { prefixCls: tdp; } [data-v-3f2f6958]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-3f2f6958]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .action-panel[data-v-3f2f6958] { padding: 10px 16px; } .action-panel-item-popup[data-v-3f2f6958] { margin: 5px 0; } .action-panel-item[data-v-3f2f6958] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .action-panel-title[data-v-3f2f6958] { font-size: 18px; font-weight: 600; margin: 10px 0; } .action-panel-list-item-iist[data-v-3f2f6958] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 0; } .action-panel .view-flow[data-v-3f2f6958] { margin-left: 12px; color: #174896; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-3455e924]:export { prefixCls: tdp; } [data-v-3455e924]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-3455e924]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .handling-opinions-right .opinion-cont[data-v-3455e924] { position: relative; } .handling-opinions-right .opinion-cont-top[data-v-3455e924] { width: 100%; background: #f5f7f8; } .handling-opinions-right .opinion-cont-top-action[data-v-3455e924] { display: inline-block; width: 33%; padding: 10px 5px; cursor: pointer; text-align: center; font-size: 12px; } .handling-opinions-right .opinion-cont-top-action .opinion-icon[data-v-3455e924] { vertical-align: middle; } .handling-opinions-right .opinion-cont-top-action[data-v-3455e924]:nth-child(2n) { border-right: 0.5px solid #ddd; border-left: 0.5px solid #ddd; } .handling-opinions-right .expansion-table-btn[data-v-3455e924] { position: absolute; bottom: 2px; right: 2px; } .handling-opinions-right .select[data-v-3455e924] { color: #174896; color: var(--q-color-primary); } .approval-prompt[data-v-3455e924] { margin-top: 55px; color: #cc382f; color: var(--q-color-negative); } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-15ed09b2]:export { prefixCls: tdp; } [data-v-15ed09b2]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-15ed09b2]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .flow-btn-right[data-v-15ed09b2] { position: fixed; right: 0; top: 60px; width: 20%; z-index: 1000; background: #fff; background: var(--q-color-wihte); height: calc(100vh - 60px); } .flow-btn-right-cont[data-v-15ed09b2] { padding: 16px; } .flow-btn-right-cont-actions[data-v-15ed09b2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flow-btn-right .flow-right[data-v-15ed09b2] { position: fixed; top: 60px; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 200px; width: 32px; z-index: 999; } .flow-btn-right .flow-right .vdr.draggable[data-v-15ed09b2] { border: none; } .flow-btn-right .tswitch[data-v-15ed09b2] { position: absolute; left: -16px; top: 9%; z-index: 90; width: 16px; height: 60px; border-radius: 4px 0px 0px 4px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #174896; background: var(--q-color-primary); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: -4px 0px 10px #4e59690f, -4px 0px 10px #4e59690f; box-shadow: -4px 0px 10px #4e59690f, -4px 0px 10px #4e59690f; cursor: pointer; } .flow-btn-right .tswitch .move-flag[data-v-15ed09b2] { position: absolute; top: -25px; left: 3px; cursor: move; } #prev-iframe { overflow-y: auto; border: none; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-1a7a7520]:export { prefixCls: tdp; } [data-v-1a7a7520]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-1a7a7520]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .no-data-center[data-v-1a7a7520] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .file-img img[data-v-1a7a7520] { -webkit-filter: drop-shadow(#174896 20px 0); filter: drop-shadow(#174896 20px 0); } .tiu-attachment-item-flex[data-v-1a7a7520] { overflow: hidden; min-width: 150px !important; } .tiu-attachment-item-flex .file-name-ellipsis[data-v-1a7a7520] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 20px; max-width: 360px; } .icon-progress[data-v-1a7a7520] { display: inline-block; width: 16px; height: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjU4MTk5MzU3NDAwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc1NzEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+QGZvbnQtZmFjZSB7IGZvbnQtZmFtaWx5OiBmZWVkYmFjay1pY29uZm9udDsgc3JjOiB1cmwoIi8vYXQuYWxpY2RuLmNvbS90L2ZvbnRfMTAzMTE1OF91Njl3OHloeGR1LndvZmYyP3Q9MTYzMDAzMzc1OTk0NCIpIGZvcm1hdCgid29mZjIiKSwgdXJsKCIvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCIpIGZvcm1hdCgid29mZiIpLCB1cmwoIi8vYXQuYWxpY2RuLmNvbS90L2ZvbnRfMTAzMTE1OF91Njl3OHloeGR1LnR0Zj90PTE2MzAwMzM3NTk5NDQiKSBmb3JtYXQoInRydWV0eXBlIik7IH0NCjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik01MTEuOTEzOTkzIDYzLjk4OTI0OWMtMjQ3LjAxMjI2MyAwLTQ0Ny45MjQ3NDQgMjAwLjkxMjQ4MS00NDcuOTI0NzQ0IDQ0Ny45MjQ3NDRzMjAwLjkxMjQ4MSA0NDcuOTI0NzQ0IDQ0Ny45MjQ3NDQgNDQ3LjkyNDc0NCA0NDcuOTI0NzQ0LTIwMC45MTI0ODEgNDQ3LjkyNDc0NC00NDcuOTI0NzQ0Uzc1OC45MjYyNTYgNjMuOTg5MjQ5IDUxMS45MTM5OTMgNjMuOTg5MjQ5ek02NzEuMTk5MDU5IDU3NS45MDMyNDIgNDgwLjI2MzM5NyA1NzUuOTAzMjQyYy0xNy43MTc0NTMgMC0zMi4xNjY2MzktMTQuNDQ5MTg1LTMyLjE2NjYzOS0zMi4xNjY2MzlMNDQ4LjA5Njc1OCAyODkuMTU1NzJjMC0xNy43MTc0NTMgMTQuMjc3MTcxLTMxLjk5NDYyNSAzMS45OTQ2MjUtMzEuOTk0NjI1czMxLjk5NDYyNSAxNC4yNzcxNzEgMzEuOTk0NjI1IDMxLjk5NDYyNWwwIDIyMi45MzAyODcgMTU5LjI4NTA2NiAwYzE3LjcxNzQ1MyAwIDMxLjk5NDYyNSAxNC4yNzcxNzEgMzEuOTk0NjI1IDMxLjk5NDYyNVM2ODguOTE2NTEzIDU3NS45MDMyNDIgNjcxLjE5OTA1OSA1NzUuOTAzMjQyeiIgcC1pZD0iNzU3MiIgZmlsbD0iI2ZmYTIwMCI+PC9wYXRoPjwvc3ZnPg==); position: relative; top: 2px; z-index: 999; } .icon-end[data-v-1a7a7520] { display: inline-block; width: 16px; height: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjU4MTk5MjU1NzMyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MzciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+QGZvbnQtZmFjZSB7IGZvbnQtZmFtaWx5OiBmZWVkYmFjay1pY29uZm9udDsgc3JjOiB1cmwoIi8vYXQuYWxpY2RuLmNvbS90L2ZvbnRfMTAzMTE1OF91Njl3OHloeGR1LndvZmYyP3Q9MTYzMDAzMzc1OTk0NCIpIGZvcm1hdCgid29mZjIiKSwgdXJsKCIvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCIpIGZvcm1hdCgid29mZiIpLCB1cmwoIi8vYXQuYWxpY2RuLmNvbS90L2ZvbnRfMTAzMTE1OF91Njl3OHloeGR1LnR0Zj90PTE2MzAwMzM3NTk5NDQiKSBmb3JtYXQoInRydWV0eXBlIik7IH0NCjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik03MzYgMzM2ek0zMzYgNzM2aC0wLjAxIDAuMDItMC4wMXpNNjg4IDczNmgwLjAxLTAuMDF6TTczNiA2ODh6IiBmaWxsPSIjNjY2NjY2IiBwLWlkPSIyNDM4Ij48L3BhdGg+PHBhdGggZD0iTTUxMiA2NEMyNjQuNTggNjQgNjQgMjY0LjU4IDY0IDUxMnMyMDAuNTggNDQ4IDQ0OCA0NDggNDQ4LTIwMC41NyA0NDgtNDQ4Uzc1OS40MiA2NCA1MTIgNjR6IG0yMjAuNjIgMzQ2LjE4TDQ3Mi40IDY3MC4zOWE0MCA0MCAwIDAgMS01Ni41NyAwTDI5MS4zOCA1NDUuOTRhNDAgNDAgMCAwIDEgMC01Ni41NyA0MCA0MCAwIDAgMSA1Ni41NyAwbDk2LjE3IDk2LjE3IDIzMS45My0yMzEuOTNhNDAgNDAgMCAwIDEgNTYuNTcgMCA0MCA0MCAwIDAgMSAwIDU2LjU3eiIgZmlsbD0iIzE3NDg5NiIgcC1pZD0iMjQzOSIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTMiIGNsYXNzPSJzZWxlY3RlZCI+PC9wYXRoPjxwYXRoIGQ9Ik03MzIuNjIgMzUzLjYxYTQwIDQwIDAgMCAwLTU2LjU3IDBMNDQ0LjEyIDU4NS41NCAzNDggNDg5LjM3YTQwIDQwIDAgMCAwLTU2LjU3IDAgNDAgNDAgMCAwIDAgMCA1Ni41N2wxMjQuNCAxMjQuNDVhNDAgNDAgMCAwIDAgNTYuNTcgMGwyNjAuMjItMjYwLjIxYTQwIDQwIDAgMCAwIDAtNTYuNTd6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIyNDQwIj48L3BhdGg+PC9zdmc+); position: relative; top: 2px; z-index: 999; } .icon-wrong[data-v-1a7a7520] { display: inline-block; width: 16px; height: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc3NzQxNDM2MzY5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3NjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgNjRDMjY0LjggNjQgNjQgMjY0LjggNjQgNTEyczIwMC44IDQ0OCA0NDggNDQ4IDQ0OC0yMDAuOCA0NDgtNDQ4Uzc1OS4yIDY0IDUxMiA2NHogbTIzOC40IDY0MS42bC00NS42IDQ1LjZMNTEyIDU1Ny42IDMxOC40IDc1MC40bC00NS42LTQ1LjZMNDY3LjIgNTEyIDI3My42IDMxOC40bDQ1LjYtNDUuNkw1MTIgNDY3LjJsMTkzLjYtMTkzLjYgNDUuNiA0NS42TDU1Ny42IDUxMmwxOTIuOCAxOTMuNnoiIHAtaWQ9IjI3NzAiIGZpbGw9IiNmZjAwMDAiPjwvcGF0aD48L3N2Zz4=); position: relative; top: 2px; z-index: 999; } .comparions-select[data-v-1a7a7520] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparions-select .select-file[data-v-1a7a7520] { margin-left: 10px; } .file-size-txt[data-v-1a7a7520] { margin-right: 20px; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-28f3663a]:export { prefixCls: tdp; } [data-v-28f3663a]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-28f3663a]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .wps-title[data-v-28f3663a] { display: inline-block; padding: 0 10px; border-radius: 4px; border: 1px solid #ccc; margin: 0 8px; font-size: 13px; line-height: 1.4rem; } .jzx[data-v-28f3663a] { width: 20vw; min-width: 283px; background: #fff; height: calc(100vh - 105px); position: absolute; top: 40px; right: 2px; z-index: 99; } .custom-mount-title[data-v-28f3663a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #prev-iframe[data-v-28f3663a] { overflow-y: auto; border: none; } [data-v-28f3663a] .wps_cont_file_item .q-tabs__content .q-tab { height: 30px !important; min-height: 30px !important; } [data-v-28f3663a] .wps_cont_file_item .q-tab.q-tab--inactive { max-width: 200px !important; } [data-v-28f3663a] .wps_cont_file_item .q-tab.q-tab--inactive .q-tab__label { width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [data-v-28f3663a] .wps_cont_file_item .q-tab.text-primary .q-tab__label { max-width: 200px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-008b986b]:export { prefixCls: tdp; } [data-v-008b986b]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-008b986b]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .tab-dialog .q-tabs--dense .q-tab[data-v-008b986b] { min-height: 46px !important; } .tab-dialog div.no-padd[data-v-008b986b] { padding: 0 16px !important; } .tab-dialog .operation-mount-item[data-v-008b986b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tab-dialog .download[data-v-008b986b] { color: var(--q-color-primary); color: #174896; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-505ecd6c]:export { prefixCls: tdp; } [data-v-505ecd6c]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-505ecd6c]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .child-file-list[data-v-505ecd6c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .child-file-list-item[data-v-505ecd6c] { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .child-file-list-item-label[data-v-505ecd6c] { display: block; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-7bdb1d88]:export { prefixCls: tdp; } [data-v-7bdb1d88]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-7bdb1d88]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .child-file-list[data-v-7bdb1d88] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .child-file-list-item[data-v-7bdb1d88] { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .child-file-list-item-label[data-v-7bdb1d88] { display: block; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-56ffbfb5]:export { prefixCls: tdp; } [data-v-56ffbfb5]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-56ffbfb5]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .child-file-list[data-v-56ffbfb5] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .child-file-list-item[data-v-56ffbfb5] { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .child-file-list-item-label[data-v-56ffbfb5] { display: block; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-b2e4af4e]:export { prefixCls: tdp; } [data-v-b2e4af4e]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-b2e4af4e]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .comparions-select[data-v-b2e4af4e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .comparions-select .select-file[data-v-b2e4af4e] { margin-left: 10px; } .comparions-table[data-v-b2e4af4e] { margin-top: 15px; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-e0f290e2]:export { prefixCls: tdp; } [data-v-e0f290e2]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-e0f290e2]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .dialog_layout[data-v-e0f290e2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: distribute; align-content: space-around; } .dialog_content[data-v-e0f290e2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ .wps-down-dialog-style .addonList { /* max-width: 80%; */ min-width: 1000px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 18px; border-radius: 4px; border: 1px solid silver; } .wps-down-dialog-style .addonItem { font-size: 16px; line-height: 36px; margin-bottom: 4px; } .wps-down-dialog-style .addonItem:hover { border-radius: 2px; border: 1px dashed silver; } .wps-down-dialog-style .addonItemName1 { display: inline-block; width: 15%; text-align: left; vertical-align: middle; word-wrap: break-word; } .wps-down-dialog-style .addonItemName2 { display: inline-block; width: 10%; vertical-align: middle; text-align: left; word-wrap: break-word; } .wps-down-dialog-style .addonItemName3 { display: inline-block; width: 10%; vertical-align: middle; text-align: left; word-wrap: break-word; } .wps-down-dialog-style .addonItemName4 { display: inline-block; width: 30%; text-align: center; vertical-align: middle; word-wrap: break-word; } .wps-down-dialog-style .addonItemName5 { display: inline-block; width: 10%; text-align: center; vertical-align: middle; word-wrap: break-word; } .wps-down-dialog-style .addonItemName6 { display: inline-block; width: 10%; text-align: center; vertical-align: middle; word-wrap: break-word; } .wps-down-dialog-style .addonItemName7 { display: inline-block; width: 10%; text-align: center; vertical-align: middle; word-wrap: break-word; } .wps-down-dialog-style .addonItemButton { padding: 4px 8px; background-color: #417ff9; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; text-align: center; color: #fff; } .wps-down-dialog-style .addonItemButton:hover { background-color: #5696ff; } .wps-down-dialog-style .addonItemTitle { padding: 0px; border-bottom: 1px solid silver; } .wps-down-dialog-style .addonItemTitle:hover { border-radius: 0px; border: 0px; } .wps-down-dialog-style .ClearAll { /* max-width: 80%; */ min-width: 1000px; margin-top: 20px; font-size: 16px; line-height: 36px; text-align: center; cursor: pointer; border: 1px dashed silver; padding: 0px 18px; } .wps-down-dialog-style .ClearAll:hover { border-radius: 2px; background-color: silver; } .wps-down-dialog-style .divTitle { font-size: 30px; font-weight: bolder; margin-bottom: 20px; } .title[data-v-30ca6bbc] { color: black; } .no-data-center[data-v-30ca6bbc] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .download[data-v-30ca6bbc] { color: var(--q-color-primary); color: rgb(23, 72, 150); } .file-size-txt[data-v-30ca6bbc] { margin-right: 20px; } .dual-screen-style[data-v-30ca6bbc] { margin: 0 16px 0 6px; } .single-screen-style[data-v-30ca6bbc] { margin: 0 36px 0 6px; } .dual-screen-btns-width[data-v-30ca6bbc] { width: 136px; } .single-screen-btns-width[data-v-30ca6bbc] { max-width: 275px; } .black-txt[data-v-30ca6bbc] { color: #000; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ /* --------- quasar begin ----------- */ /*! * Quasar Framework v1.22.10 * (c) 2015-present Razvan Stoenescu * Released under the MIT License. */ *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; } html, body, #q-app { width: 100%; direction: ltr; } body.platform-ios.within-iframe, body.platform-ios.within-iframe #q-app { width: 100px; min-width: 100%; } html, body { margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } /* * line 1: Remove the bottom border in Firefox 39-. * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } img { border-style: none; } svg:not(:root) { overflow: hidden; } /* * line 1: Correct the inheritance and scaling of font size in all browsers. * line 2: Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* * lines 1,2: Add the correct box sizing in Firefox. * line 3: Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } button, input, optgroup, select, textarea { font: inherit; font-family: inherit; margin: 0; } optgroup { font-weight: bold; } /* * Show the overflow in IE. * input: Show the overflow in Edge. * select: Show the overflow in Edge, Firefox, and IE. * Remove the inheritance of text transform in Edge, Firefox, and IE. * select: Remove the inheritance of text transform in Firefox. */ button, input, select { overflow: visible; text-transform: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } /** * lines 1,3,4,6: Correct the text wrapping in Edge and IE. * line 2: Correct the color inheritance from `fieldset` elements in IE. * line 5: Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } .q-icon { line-height: 1; width: 1em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; text-align: center; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; fill: currentColor; } .q-icon:before, .q-icon:after { width: 100%; height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .q-icon > svg, .q-icon > img { width: 100%; height: 100%; } .q-icon, .material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: inherit; font-size: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; } .q-panel { height: 100%; width: 100%; } .q-panel > div { height: 100%; width: 100%; } .q-panel-parent { overflow: hidden; position: relative; } .q-loading-bar { position: fixed; z-index: 9998; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s; transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1); background: #f44336; } .q-loading-bar--top { left: 0 /* rtl:ignore */; right: 0 /* rtl:ignore */; top: 0; width: 100%; } .q-loading-bar--bottom { left: 0 /* rtl:ignore */; right: 0 /* rtl:ignore */; bottom: 0; width: 100%; } .q-loading-bar--right { top: 0; bottom: 0; right: 0; height: 100%; } .q-loading-bar--left { top: 0; bottom: 0; left: 0; height: 100%; } .q-avatar { position: relative; vertical-align: middle; display: inline-block; border-radius: 50%; font-size: 48px; height: 1em; width: 1em; } .q-avatar__content { font-size: .5em; line-height: .5em; } .q-avatar__content, .q-avatar img:not(.q-icon) { border-radius: inherit; height: inherit; width: inherit; } .q-avatar--square { border-radius: 0; } .q-badge { background-color: #174896; background-color: var(--q-color-primary); color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 12px; line-height: 12px; min-height: 12px; font-weight: normal; vertical-align: baseline; } .q-badge--single-line { white-space: nowrap; } .q-badge--multi-line { word-break: break-all; word-wrap: break-word; } .q-badge--floating { position: absolute; top: -4px; right: -3px; cursor: inherit; } .q-badge--transparent { opacity: .8; } .q-badge--outline { background-color: transparent; border: 1px solid currentColor; } .q-badge--rounded { border-radius: 1em; } .q-banner { min-height: 54px; padding: 8px 16px; background: #fff; } .q-banner--top-padding { padding-top: 14px; } .q-banner__avatar { min-width: 1px !important; } .q-banner__avatar > .q-avatar { font-size: 46px; } .q-banner__avatar > .q-icon { font-size: 40px; } .q-banner__avatar:not(:empty) + .q-banner__content { padding-left: 16px; } .q-banner__actions.col-auto { padding-left: 16px; } .q-banner__actions.col-all .q-btn-item { margin: 4px 0 0 4px; } .q-banner--dense { min-height: 32px; padding: 8px; } .q-banner--dense.q-banner--top-padding { padding-top: 12px; } .q-banner--dense .q-banner__avatar > .q-avatar, .q-banner--dense .q-banner__avatar > .q-icon { font-size: 28px; } .q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content { padding-left: 8px; } .q-banner--dense .q-banner__actions.col-auto { padding-left: 8px; } .q-bar { background: rgba(0, 0, 0, 0.2); } .q-bar > .q-icon { margin-left: 2px; } .q-bar > div, .q-bar > div + .q-icon { margin-left: 8px; } .q-bar > .q-btn { margin-left: 2px; } .q-bar > .q-icon:first-child, .q-bar > .q-btn:first-child, .q-bar > div:first-child { margin-left: 0; } .q-bar--standard { padding: 0 12px; height: 32px; font-size: 18px; } .q-bar--standard > div { font-size: 16px; } .q-bar--standard .q-btn { font-size: 11px; } .q-bar--dense { padding: 0 8px; height: 24px; font-size: 14px; } .q-bar--dense .q-btn { font-size: 8px; } .q-bar--dark { background: rgba(255, 255, 255, 0.15); } .q-breadcrumbs__el { color: inherit; } .q-breadcrumbs__el-icon { font-size: 125%; } .q-breadcrumbs__el-icon--with-label { margin-right: 8px; } [dir=rtl] .q-breadcrumbs__separator .q-icon { -webkit-transform: scaleX(-1) /* rtl:ignore */; transform: scaleX(-1) /* rtl:ignore */; } .q-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; outline: 0; border: 0; vertical-align: middle; padding: 0; font-size: 14px; line-height: 1.715em; text-decoration: none; color: inherit; background: transparent; font-weight: 500; text-transform: uppercase; text-align: center; width: auto; height: auto; } .q-btn .q-icon, .q-btn .q-spinner { font-size: 1.715em; } .q-btn.disabled { opacity: .7 !important; } .q-btn__wrapper { padding: 4px 16px; min-height: 2.572em; border-radius: inherit; width: 100%; height: 100%; } .q-btn__wrapper:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: inherit; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .q-btn--actionable { cursor: pointer; } .q-btn--actionable.q-btn--standard .q-btn__wrapper:before { -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before, .q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); } .q-btn--no-uppercase { text-transform: none; } .q-btn--rectangle { border-radius: 3px; } .q-btn--outline { background: transparent !important; } .q-btn--outline .q-btn__wrapper:before { border: 1px solid currentColor; } .q-btn--push { border-radius: 7px; } .q-btn--push .q-btn__wrapper:before { border-bottom: 3px solid rgba(0, 0, 0, 0.15); } .q-btn--push.q-btn--actionable { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .q-btn--push.q-btn--actionable .q-btn__wrapper:before { -webkit-transition: top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), border-bottom-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), border-bottom-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .q-btn--push.q-btn--actionable:active, .q-btn--push.q-btn--actionable.q-btn--active { -webkit-transform: translateY(2px); transform: translateY(2px); } .q-btn--push.q-btn--actionable:active .q-btn__wrapper:before, .q-btn--push.q-btn--actionable.q-btn--active .q-btn__wrapper:before { border-bottom-width: 0; } .q-btn--rounded { border-radius: 28px; } .q-btn--round { border-radius: 50%; } .q-btn--round .q-btn__wrapper { padding: 0; min-width: 3em; min-height: 3em; } .q-btn--flat .q-btn__wrapper:before, .q-btn--outline .q-btn__wrapper:before, .q-btn--unelevated .q-btn__wrapper:before { -webkit-box-shadow: none; box-shadow: none; } .q-btn--dense .q-btn__wrapper { padding: 0.285em; min-height: 2em; } .q-btn--dense.q-btn--round .q-btn__wrapper { padding: 0; min-height: 2.4em; min-width: 2.4em; } .q-btn--dense .on-left { margin-right: 6px; } .q-btn--dense .on-right { margin-left: 6px; } .q-btn--fab .q-icon, .q-btn--fab-mini .q-icon { font-size: 24px; } .q-btn--fab .q-icon { margin: auto; } .q-btn--fab .q-btn__wrapper { padding: 16px; min-height: 56px; min-width: 56px; } .q-btn--fab-mini .q-btn__wrapper { padding: 8px; min-height: 40px; min-width: 40px; } .q-btn__content { -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 0; } .q-btn__content--hidden { opacity: 0; pointer-events: none; } .q-btn__progress { border-radius: inherit; z-index: 0; } .q-btn__progress-indicator { z-index: -1; -webkit-transform: translateX(-100%); transform: translateX(-100%); background: rgba(255, 255, 255, 0.25); } .q-btn__progress--dark .q-btn__progress-indicator { background: rgba(0, 0, 0, 0.2); } .q-btn--flat .q-btn__progress-indicator, .q-btn--outline .q-btn__progress-indicator { opacity: 0.2; background: currentColor; } .q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline { border-left: 1px solid currentColor; } .q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) { border-left: 1px solid rgba(255, 255, 255, 0.3); } .q-btn-dropdown--split .q-btn-dropdown__arrow-container .q-btn__wrapper { padding: 0 4px; } .q-btn-dropdown--simple * + .q-btn-dropdown__arrow { margin-left: 8px; } .q-btn-dropdown__arrow { -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s, -webkit-transform .28s; } .q-btn-dropdown--current { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .q-btn-group { border-radius: 3px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); vertical-align: middle; } .q-btn-group > .q-btn-item { border-radius: inherit; -ms-flex-item-align: stretch; align-self: stretch; } .q-btn-group > .q-btn-item .q-btn__wrapper:before { -webkit-box-shadow: none; box-shadow: none; } .q-btn-group > .q-btn-item .q-badge--floating { right: 0; } .q-btn-group > .q-btn-group { -webkit-box-shadow: none; box-shadow: none; } .q-btn-group > .q-btn-group:first-child > .q-btn:first-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .q-btn-group > .q-btn-group:last-child > .q-btn:last-child { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child .q-btn__wrapper:before { border-left: 0; } .q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child .q-btn__wrapper:before { border-right: 0; } .q-btn-group > .q-btn-item:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .q-btn-group > .q-btn-item:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .q-btn-group > .q-btn-item.q-btn--standard .q-btn__wrapper:before { z-index: -1; } .q-btn-group--push { border-radius: 7px; } .q-btn-group--push > .q-btn--push.q-btn--actionable { -webkit-transform: none; transform: none; } .q-btn-group--push > .q-btn--push.q-btn--actionable .q-btn__wrapper { -webkit-transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .q-btn-group--push > .q-btn--push.q-btn--actionable:active .q-btn__wrapper, .q-btn-group--push > .q-btn--push.q-btn--actionable.q-btn--active .q-btn__wrapper { margin-top: 2px; margin-bottom: -2px; } .q-btn-group--rounded { border-radius: 28px; } .q-btn-group--square { border-radius: 0; } .q-btn-group--flat, .q-btn-group--outline, .q-btn-group--unelevated { -webkit-box-shadow: none; box-shadow: none; } .q-btn-group--outline > .q-separator { display: none; } .q-btn-group--outline > .q-btn-item + .q-btn-item .q-btn__wrapper:before { border-left: 0; } .q-btn-group--outline > .q-btn-item:not(:last-child) .q-btn__wrapper:before { border-right: 0; } .q-btn-group--stretch { -ms-flex-item-align: stretch; align-self: stretch; border-radius: 0; } .q-btn-group--glossy > .q-btn-item { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.04))) !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important; } .q-btn-group--spread > .q-btn-group { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .q-btn-group--spread > .q-btn-item, .q-btn-group--spread > .q-btn-group > .q-btn-item:not(.q-btn-dropdown__arrow-container) { width: auto; min-width: 0; max-width: 100%; -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .q-btn-toggle { position: relative; } .q-card { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; vertical-align: top; background: #fff; position: relative; } .q-card > div:first-child, .q-card > img:first-child { border-top: 0; border-top-left-radius: inherit; border-top-right-radius: inherit; } .q-card > div:last-child, .q-card > img:last-child { border-bottom: 0; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .q-card > div:not(:first-child), .q-card > img:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .q-card > div:not(:last-child), .q-card > img:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .q-card > div { border-left: 0; border-right: 0; -webkit-box-shadow: none; box-shadow: none; } .q-card--bordered { border: 1px solid #e5e6eb; } .q-card--dark { border-color: rgba(255, 255, 255, 0.28); } .q-card__section { position: relative; } .q-card__section--vert { padding: 16px; } .q-card__section--horiz > div:first-child, .q-card__section--horiz > img:first-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .q-card__section--horiz > div:last-child, .q-card__section--horiz > img:last-child { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .q-card__section--horiz > div:not(:first-child), .q-card__section--horiz > img:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .q-card__section--horiz > div:not(:last-child), .q-card__section--horiz > img:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .q-card__section--horiz > div { border-top: 0; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .q-card__actions { padding: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .q-card__actions .q-btn--rectangle .q-btn__wrapper { padding: 0 8px; } .q-card__actions--horiz > .q-btn-item + .q-btn-item, .q-card__actions--horiz > .q-btn-group + .q-btn-item, .q-card__actions--horiz > .q-btn-item + .q-btn-group { margin-left: 8px; } .q-card__actions--vert > .q-btn-item.q-btn--round { -ms-flex-item-align: center; align-self: center; } .q-card__actions--vert > .q-btn-item + .q-btn-item, .q-card__actions--vert > .q-btn-group + .q-btn-item, .q-card__actions--vert > .q-btn-item + .q-btn-group { margin-top: 4px; } .q-card__actions--vert > .q-btn-group > .q-btn-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .q-card > img { display: block; width: 100%; max-width: 100%; border: 0; } .q-carousel { background-color: #fff; height: 400px; } .q-carousel__slide { min-height: 100%; background-size: cover; background-position: 50%; } .q-carousel__slide, .q-carousel .q-carousel--padding { padding: 16px; } .q-carousel__slides-container { height: 100%; } .q-carousel__control { color: #fff; } .q-carousel__arrow { pointer-events: none; } .q-carousel__arrow .q-icon { font-size: 28px; } .q-carousel__arrow .q-btn { pointer-events: all; } .q-carousel__prev-arrow--horizontal, .q-carousel__next-arrow--horizontal { top: 16px; bottom: 16px; } .q-carousel__prev-arrow--horizontal { left: 16px; } .q-carousel__next-arrow--horizontal { right: 16px; } .q-carousel__prev-arrow--vertical, .q-carousel__next-arrow--vertical { left: 16px; right: 16px; } .q-carousel__prev-arrow--vertical { top: 16px; } .q-carousel__next-arrow--vertical { bottom: 16px; } .q-carousel__navigation--top, .q-carousel__navigation--bottom { left: 16px; right: 16px; overflow-x: auto; overflow-y: hidden; } .q-carousel__navigation--top { top: 16px; } .q-carousel__navigation--bottom { bottom: 16px; } .q-carousel__navigation--left, .q-carousel__navigation--right { top: 16px; bottom: 16px; overflow-x: hidden; overflow-y: auto; } .q-carousel__navigation--left > .q-carousel__navigation-inner, .q-carousel__navigation--right > .q-carousel__navigation-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-carousel__navigation--left { left: 16px; } .q-carousel__navigation--right { right: 16px; } .q-carousel__navigation-inner { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-carousel__navigation .q-btn { margin: 6px 4px; } .q-carousel__navigation .q-btn .q-btn__wrapper { padding: 5px; } .q-carousel__navigation-icon--inactive { opacity: .7; } .q-carousel .q-carousel__thumbnail { margin: 2px; height: 50px; width: auto; display: inline-block; cursor: pointer; border: 1px solid transparent; border-radius: 4px; vertical-align: middle; opacity: .7; -webkit-transition: opacity .3s; transition: opacity .3s; } .q-carousel .q-carousel__thumbnail:hover, .q-carousel .q-carousel__thumbnail--active { opacity: 1; } .q-carousel .q-carousel__thumbnail--active { border-color: currentColor; cursor: default; } .q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-top .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding { padding-top: 60px; } .q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-bottom .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding { padding-bottom: 60px; } .q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-left .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding { padding-left: 60px; } .q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-right .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding { padding-right: 60px; } .q-carousel.fullscreen { height: 100%; } .q-message-name, .q-message-stamp, .q-message-label { font-size: small; } .q-message-label { margin: 24px 0; text-align: center; } .q-message-stamp { color: inherit; margin-top: 4px; opacity: .6; display: none; } .q-message-avatar { border-radius: 50%; width: 48px; height: 48px; min-width: 48px; } .q-message { margin-bottom: 8px; } .q-message:first-child .q-message-label { margin-top: 0; } .q-message-avatar--received { margin-right: 8px; } .q-message-text--received { color: #81c784; border-radius: 4px 4px 4px 0; } .q-message-text--received:last-child:before { right: 100%; border-right: 0 solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid currentColor; } .q-message-text-content--received { color: #000; } .q-message-name--sent { text-align: right; } .q-message-avatar--sent { margin-left: 8px; } .q-message-container--sent { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .q-message-text--sent { color: #e0e0e0; border-radius: 4px 4px 0 4px; } .q-message-text--sent:last-child:before { left: 100%; border-left: 0 solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid currentColor; } .q-message-text-content--sent { color: #000; } .q-message-text { background: currentColor; padding: 8px; line-height: 1.2; word-break: break-word; position: relative; } .q-message-text + .q-message-text { margin-top: 3px; } .q-message-text:last-child { min-height: 48px; } .q-message-text:last-child .q-message-stamp { display: block; } .q-message-text:last-child:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; } .q-checkbox { vertical-align: middle; } .q-checkbox__native { width: 1px; height: 1px; } .q-checkbox__bg, .q-checkbox__icon-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .q-checkbox__bg { top: 25%; left: 25%; width: 50%; height: 50%; border: 2px solid currentColor; border-radius: 2px; -webkit-transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; -webkit-print-color-adjust: exact; } .q-checkbox__icon { color: currentColor; font-size: .5em; } .q-checkbox__svg { color: #fff; } .q-checkbox__truthy { stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.78334; stroke-dasharray: 29.78334; } .q-checkbox__indet { fill: currentColor; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-280deg) scale(0); transform: rotate(-280deg) scale(0); } .q-checkbox__inner { font-size: 40px; width: 1em; min-width: 1em; height: 1em; outline: 0; border-radius: 50%; color: rgba(0, 0, 0, 0.54); } .q-checkbox__inner--truthy, .q-checkbox__inner--indet { color: #174896; color: var(--q-color-primary); } .q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg { background: currentColor; } .q-checkbox__inner--truthy path { stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms; transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms; } .q-checkbox__inner--indet .q-checkbox__indet { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; } .q-checkbox.disabled { opacity: .75 !important; } .q-checkbox--dark .q-checkbox__inner { color: rgba(255, 255, 255, 0.7); } .q-checkbox--dark .q-checkbox__inner:before { opacity: .32 !important; } .q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet { color: #174896; color: var(--q-color-primary); } .q-checkbox--dense .q-checkbox__inner { width: .5em; min-width: .5em; height: .5em; } .q-checkbox--dense .q-checkbox__bg { left: 5%; top: 5%; width: 90%; height: 90%; } .q-checkbox--dense .q-checkbox__label { padding-left: .5em; } .q-checkbox--dense.reverse .q-checkbox__label { padding-left: 0; padding-right: .5em; } body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: currentColor; opacity: .12; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); } body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before { -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } .q-chip { vertical-align: middle; border-radius: 16px; outline: 0; position: relative; height: 2em; max-width: 100%; margin: 4px; background: #e0e0e0; color: rgba(0, 0, 0, 0.87); font-size: 14px; padding: .5em .9em; } .q-chip--colored .q-chip__icon, .q-chip--dark .q-chip__icon { color: inherit; } .q-chip--outline { background: transparent !important; border: 1px solid currentColor; } .q-chip .q-avatar { font-size: 2em; margin-left: -.45em; margin-right: .2em; border-radius: 16px; } .q-chip--selected .q-avatar { display: none; } .q-chip__icon { color: rgba(0, 0, 0, 0.54); font-size: 1.5em; margin: -.2em; } .q-chip__icon--left { margin-right: .2em; } .q-chip__icon--right { margin-left: .2em; } .q-chip__icon--remove { margin-left: .1em; margin-right: -.5em; opacity: .6; outline: 0; } .q-chip__icon--remove:hover, .q-chip__icon--remove:focus { opacity: 1; } .q-chip__content { white-space: nowrap; } .q-chip--dense { border-radius: 12px; padding: 0 .4em; height: 1.5em; } .q-chip--dense .q-avatar { font-size: 1.5em; margin-left: -.27em; margin-right: .1em; border-radius: 12px; } .q-chip--dense .q-chip__icon { font-size: 1.25em; } .q-chip--dense .q-chip__icon--left { margin-right: .195em; } .q-chip--dense .q-chip__icon--remove { margin-right: -.25em; } .q-chip--square { border-radius: 4px; } .q-chip--square .q-avatar { border-radius: 3px 0 0 3px; } body.desktop .q-chip--clickable:focus { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } .q-circular-progress { display: inline-block; position: relative; vertical-align: middle; width: 1em; height: 1em; line-height: 1; } .q-circular-progress.q-focusable { border-radius: 50%; } .q-circular-progress__svg { width: 100%; height: 100%; } .q-circular-progress__text { font-size: .25em; } .q-circular-progress--indeterminate .q-circular-progress__svg { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: q-spin 2s linear infinite /* rtl:ignore */; animation: q-spin 2s linear infinite /* rtl:ignore */; } .q-circular-progress--indeterminate .q-circular-progress__circle { stroke-dasharray: 1 400; stroke-dashoffset: 0; -webkit-animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */; animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */; } @-webkit-keyframes q-circular-progress-circle { 0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; } 50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100; } 100% { stroke-dasharray: 400, 400; stroke-dashoffset: -300; } } @keyframes q-circular-progress-circle { 0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; } 50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100; } 100% { stroke-dasharray: 400, 400; stroke-dashoffset: -300; } } .q-color-picker { overflow: hidden; background: #fff; max-width: 350px; vertical-align: top; min-width: 180px; border-radius: 4px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); } .q-color-picker .q-tab { padding: 0 !important; } .q-color-picker--bordered { border: 1px solid #e5e6eb; } .q-color-picker__header-tabs { height: 32px; } .q-color-picker__header-banner { height: 36px; } .q-color-picker__header input { line-height: 24px; border: 0; } .q-color-picker__header .q-tab { min-height: 32px !important; height: 32px !important; } .q-color-picker__header .q-tab--inactive { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(25%, rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1)); } .q-color-picker__error-icon { bottom: 2px; right: 2px; font-size: 24px; opacity: 0; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .q-color-picker__header-content { position: relative; background: #fff; } .q-color-picker__header-content--light { color: #000; } .q-color-picker__header-content--dark { color: #fff; } .q-color-picker__header-content--dark .q-tab--inactive:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.2); } .q-color-picker__header-banner { height: 36px; } .q-color-picker__header-bg { background: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==") !important; } .q-color-picker__footer { height: 36px; } .q-color-picker__footer .q-tab { min-height: 36px !important; height: 36px !important; } .q-color-picker__footer .q-tab--inactive { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25%, rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1)); } .q-color-picker__spectrum { width: 100%; height: 100%; } .q-color-picker__spectrum-tab { padding: 0 !important; } .q-color-picker__spectrum-white { background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .q-color-picker__spectrum-black { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .q-color-picker__spectrum-circle { width: 10px; height: 10px; -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } .q-color-picker__hue .q-slider__track { background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)) !important; background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important; opacity: 1; } .q-color-picker__alpha .q-slider__track-container { padding-top: 0; } .q-color-picker__alpha .q-slider__track:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#757575)); background: linear-gradient(90deg, rgba(255, 255, 255, 0), #757575); } .q-color-picker__sliders { padding: 0 16px; } .q-color-picker__sliders .q-slider__thumb { color: #424242; } .q-color-picker__sliders .q-slider__thumb path { stroke-width: 2px; fill: transparent; } .q-color-picker__sliders .q-slider--active path { stroke-width: 3px; } .q-color-picker__tune-tab .q-slider { margin-left: 18px; margin-right: 18px; } .q-color-picker__tune-tab input { font-size: 11px; border: 1px solid #e0e0e0; border-radius: 4px; width: 3.5em; } .q-color-picker__palette-tab { padding: 0 !important; } .q-color-picker__palette-rows--editable .q-color-picker__cube { cursor: pointer; } .q-color-picker__cube { padding-bottom: 10%; width: 10% !important; } .q-color-picker input { color: inherit; background: transparent; outline: 0; text-align: center; } .q-color-picker .q-tabs { overflow: hidden; } .q-color-picker .q-tab--active { -webkit-box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2); } .q-color-picker .q-tab--active .q-focus-helper { display: none; } .q-color-picker .q-tab__indicator { display: none; } .q-color-picker .q-tab-panels { background: inherit; } .q-color-picker--dark .q-color-picker__tune-tab input { border: 1px solid rgba(255, 255, 255, 0.3); } .q-color-picker--dark .q-slider { color: #fafafa; } .q-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; background: #fff; width: 290px; min-width: 290px; max-width: 100%; } .q-date--bordered { border: 1px solid #e5e6eb; } .q-date__header { border-top-left-radius: inherit; color: #fff; background-color: #174896; background-color: var(--q-color-primary); padding: 16px; } .q-date__actions { padding: 0 16px 16px; } .q-date__content, .q-date__main { outline: 0; } .q-date__content .q-btn { font-weight: normal; } .q-date__header-link { opacity: .64; outline: 0; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .q-date__header-link--active, .q-date__header-link:hover, .q-date__header-link:focus { opacity: 1; } .q-date__header-subtitle { font-size: 14px; line-height: 1.75; letter-spacing: .00938em; } .q-date__header-title-label { font-size: 24px; line-height: 1.2; letter-spacing: .00735em; } .q-date__view { height: 100%; width: 100%; min-height: 290px; padding: 16px; } .q-date__navigation { height: 12.5%; } .q-date__navigation > div:first-child { width: 8%; min-width: 24px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .q-date__navigation > div:last-child { width: 8%; min-width: 24px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .q-date__calendar-weekdays { height: 12.5%; } .q-date__calendar-weekdays > div { opacity: .38; font-size: 12px; } .q-date__calendar-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; width: 14.285% !important; height: 12.5% !important; position: relative; padding: 1px; } .q-date__calendar-item:after { content: ''; position: absolute; pointer-events: none; top: 1px; right: 0; bottom: 1px; left: 0; border-style: dashed; border-color: transparent; border-width: 1px; } .q-date__calendar-item > div, .q-date__calendar-item button { width: 30px; height: 30px; border-radius: 50%; } .q-date__calendar-item > div { line-height: 30px; text-align: center; } .q-date__calendar-item > button { line-height: 22px; } .q-date__calendar-item--out { opacity: .18; } .q-date__calendar-item--fill { visibility: hidden; } .q-date__range:before, .q-date__range-from:before, .q-date__range-to:before { content: ''; background-color: currentColor; position: absolute; top: 1px; bottom: 1px; left: 0; right: 0; opacity: .3; } .q-date__range:nth-child(7n-6):before, .q-date__range-from:nth-child(7n-6):before, .q-date__range-to:nth-child(7n-6):before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .q-date__range:nth-child(7n):before, .q-date__range-from:nth-child(7n):before, .q-date__range-to:nth-child(7n):before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .q-date__range-from:before { left: 50%; } .q-date__range-to:before { right: 50%; } .q-date__edit-range:after { border-color: currentColor transparent; } .q-date__edit-range:nth-child(7n-6):after { border-top-left-radius: 0; border-bottom-left-radius: 0; } .q-date__edit-range:nth-child(7n):after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .q-date__edit-range-from:after, .q-date__edit-range-from-to:after { left: 4px; border-left-color: currentColor; border-top-color: currentColor; border-bottom-color: currentColor; border-top-left-radius: 28px; border-bottom-left-radius: 28px; } .q-date__edit-range-to:after, .q-date__edit-range-from-to:after { right: 4px; border-right-color: currentColor; border-top-color: currentColor; border-bottom-color: currentColor; border-top-right-radius: 28px; border-bottom-right-radius: 28px; } .q-date__calendar-days-container { height: 75%; min-height: 192px; } .q-date__calendar-days > div { height: 16.66% !important; } .q-date__event { position: absolute; bottom: 2px; left: 50%; height: 5px; width: 8px; border-radius: 5px; background-color: #4bd863; background-color: var(--q-color-secondary); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .q-date__today { -webkit-box-shadow: 0 0 1px 0 currentColor; box-shadow: 0 0 1px 0 currentColor; } .q-date__years-content { padding: 0 8px; } .q-date__years-item, .q-date__months-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .q-date.disabled .q-date__header, .q-date.disabled .q-date__content, .q-date--readonly .q-date__header, .q-date--readonly .q-date__content { pointer-events: none; } .q-date--readonly .q-date__navigation { display: none; } .q-date--portrait { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-date--portrait-standard .q-date__content { height: calc(100% - 86px); } .q-date--portrait-standard .q-date__header { border-top-right-radius: inherit; height: 86px; } .q-date--portrait-standard .q-date__header-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } .q-date--portrait-minimal .q-date__content { height: 100%; } .q-date--landscape { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-width: 420px; } .q-date--landscape > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-date--landscape .q-date__content { height: 100%; } .q-date--landscape-standard { min-width: 420px; } .q-date--landscape-standard .q-date__header { border-bottom-left-radius: inherit; min-width: 110px; width: 110px; } .q-date--landscape-standard .q-date__header-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-date--landscape-standard .q-date__header-today { margin-top: 12px; margin-left: -8px; } .q-date--landscape-minimal { width: 310px; } .q-date--dark { border-color: rgba(255, 255, 255, 0.28); } .q-dialog__title { font-size: 1.25rem; font-weight: 500; line-height: 2rem; letter-spacing: .0125em; } .q-dialog__progress { font-size: 4rem; } .q-dialog__inner { outline: 0; } .q-dialog__inner > div { pointer-events: all; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; border-radius: 4px; -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .q-dialog__inner--square > div { border-radius: 0 !important; } .q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle .q-btn__wrapper { min-width: 64px; } .q-dialog__inner--minimized { padding: 24px; } .q-dialog__inner--minimized > div { max-height: calc(100vh - 48px); } .q-dialog__inner--maximized > div { height: 100%; width: 100%; max-height: 100vh; max-width: 100vw; border-radius: 0 !important; } .q-dialog__inner--top, .q-dialog__inner--bottom { padding-top: 0 !important; padding-bottom: 0 !important; } .q-dialog__inner--right, .q-dialog__inner--left { padding-right: 0 !important; padding-left: 0 !important; } .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div { border-top-left-radius: 0; } .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div { border-top-right-radius: 0; } .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div { border-bottom-left-radius: 0; } .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div { border-bottom-right-radius: 0; } .q-dialog__inner--fullwidth > div { width: 100% !important; max-width: 100% !important; } .q-dialog__inner--fullheight > div { height: 100% !important; max-height: 100% !important; } .q-dialog__backdrop { z-index: -1; pointer-events: all; outline: 0; background: rgba(0, 0, 0, 0.4); } body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div { max-height: calc(100vh - 108px); } body.q-ios-padding .q-dialog__inner { padding-top: 20px !important; padding-top: env(safe-area-inset-top) !important; padding-bottom: env(safe-area-inset-bottom) !important; } body.q-ios-padding .q-dialog__inner > div { max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } @media (max-width: 599.98px) { .q-dialog__inner--top, .q-dialog__inner--bottom { padding-left: 0; padding-right: 0; } .q-dialog__inner--top > div, .q-dialog__inner--bottom > div { width: 100% !important; } } @media (min-width: 600px) { .q-dialog__inner--minimized > div { max-width: 560px; } } .q-body--dialog { overflow: hidden; } .q-bottom-sheet { padding-bottom: 8px; } .q-bottom-sheet__avatar { border-radius: 50%; } .q-bottom-sheet--list { width: 400px; } .q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img { font-size: 24px; width: 24px; height: 24px; } .q-bottom-sheet--grid { width: 700px; } .q-bottom-sheet--grid .q-bottom-sheet__item { padding: 8px; text-align: center; min-width: 100px; } .q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon { font-size: 48px; width: 48px; height: 48px; margin-bottom: 8px; } .q-bottom-sheet--grid .q-separator { margin: 12px 0; } .q-bottom-sheet__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } @media (min-width: 600px) { .q-bottom-sheet__item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .q-dialog-plugin { width: 400px; } .q-dialog-plugin__form { max-height: 50vh; } .q-dialog-plugin .q-card__section + .q-card__section { padding-top: 0; } .q-dialog-plugin--progress { text-align: center; } .q-editor { border: 1px solid #e5e6eb; border-radius: 4px; background-color: #fff; } .q-editor.disabled { border-style: dashed; } .q-editor.fullscreen { max-height: 100%; } .q-editor > div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container > div:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .q-editor__toolbars-container { max-width: 100%; } .q-editor__content { outline: 0; padding: 10px; min-height: 10em; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow: auto; max-width: 100%; } .q-editor__content pre { white-space: pre-wrap; } .q-editor__content hr { border: 0; outline: 0; margin: 1px; height: 1px; background: #e5e6eb; } .q-editor__content:empty:not(:focus):before { content: attr(placeholder); opacity: .7; } .q-editor__toolbar { border-bottom: 1px solid #e5e6eb; min-height: 32px; } .q-editor .q-btn { margin: 4px; } .q-editor__toolbar-group { position: relative; margin: 0 4px; } .q-editor__toolbar-group + .q-editor__toolbar-group:before { content: ''; position: absolute; left: -4px; top: 4px; bottom: 4px; width: 1px; background: #e5e6eb; } .q-editor__link-input { color: inherit; text-decoration: none; text-transform: none; border: none; border-radius: 0; background: none; outline: 0; } .q-editor--flat, .q-editor--flat .q-editor__toolbar { border: 0; } .q-editor--dense .q-editor__toolbar-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .q-editor--dark { border-color: rgba(255, 255, 255, 0.28); } .q-editor--dark .q-editor__content hr { background: rgba(255, 255, 255, 0.28); } .q-editor--dark .q-editor__toolbar { border-color: rgba(255, 255, 255, 0.28); } .q-editor--dark .q-editor__toolbar-group + .q-editor__toolbar-group:before { background: rgba(255, 255, 255, 0.28); } .q-expansion-item__border { opacity: 0; } .q-expansion-item__toggle-icon { position: relative; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .q-expansion-item__toggle-icon--rotated { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .q-expansion-item__toggle-focus { width: 1em !important; height: 1em !important; position: relative !important; } .q-expansion-item__toggle-focus + .q-expansion-item__toggle-icon { margin-top: -1em; } .q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 1; } .q-expansion-item--popup { -webkit-transition: padding .5s; transition: padding .5s; } .q-expansion-item--popup > .q-expansion-item__container { border: 1px solid #e5e6eb; } .q-expansion-item--popup > .q-expansion-item__container > .q-separator { display: none; } .q-expansion-item--popup.q-expansion-item--collapsed { padding: 0 15px; } .q-expansion-item--popup.q-expansion-item--expanded { padding: 15px 0; } .q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--expanded { padding-top: 0; } .q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child) > .q-expansion-item__container { border-top-width: 0; } .q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--collapsed > .q-expansion-item__container { border-top-width: 1px; } .q-expansion-item__content > .q-card { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .q-expansion-item:first-child > div > .q-expansion-item__border--top { opacity: 0; } .q-expansion-item:last-child > div > .q-expansion-item__border--bottom { opacity: 0; } .q-expansion-item--expanded + .q-expansion-item--expanded > div > .q-expansion-item__border--top { opacity: 0; } .q-expansion-item--expanded .q-textarea--autogrow textarea { -webkit-animation: q-expansion-done 0s; animation: q-expansion-done 0s; } @-webkit-keyframes q-expansion-done { 0% { --q-exp-done: 1; } } @keyframes q-expansion-done { 0% { --q-exp-done: 1; } } .z-fab { z-index: 990; } .q-fab { position: relative; vertical-align: middle; } .q-fab > .q-btn { width: 100%; } .q-fab--form-rounded { border-radius: 28px; } .q-fab--form-square { border-radius: 4px; } .q-fab__icon, .q-fab__active-icon { -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, transform .4s; transition: opacity .4s, transform .4s, -webkit-transform .4s; } .q-fab__icon { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .q-fab__active-icon { opacity: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .q-fab__label--external { position: absolute; padding: 0 8px; -webkit-transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395); transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395); } .q-fab__label--external-hidden { opacity: 0; pointer-events: none; } .q-fab__label--external-left { top: 50%; left: -12px; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .q-fab__label--external-right { top: 50%; right: -12px; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } .q-fab__label--external-bottom { bottom: -12px; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .q-fab__label--external-top { top: -12px; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .q-fab__label--internal { padding: 0; -webkit-transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395); transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395); max-height: 30px; } .q-fab__label--internal-hidden { font-size: 0; opacity: 0; } .q-fab__label--internal-top { padding-bottom: .12em; } .q-fab__label--internal-bottom { padding-top: .12em; } .q-fab__label--internal-top.q-fab__label--internal-hidden, .q-fab__label--internal-bottom.q-fab__label--internal-hidden { max-height: 0; } .q-fab__label--internal-left { padding-left: .285em; padding-right: .571em; } .q-fab__label--internal-right { padding-right: .285em; padding-left: .571em; } .q-fab__icon-holder { min-width: 24px; min-height: 24px; position: relative; } .q-fab__icon-holder--opened .q-fab__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; } .q-fab__icon-holder--opened .q-fab__active-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .q-fab__actions { position: absolute; opacity: 0; -webkit-transition: opacity .18s ease-in, -webkit-transform .18s ease-in; transition: opacity .18s ease-in, -webkit-transform .18s ease-in; transition: transform .18s ease-in, opacity .18s ease-in; transition: transform .18s ease-in, opacity .18s ease-in, -webkit-transform .18s ease-in; pointer-events: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; padding: 3px; } .q-fab__actions .q-btn { margin: 5px; } .q-fab__actions--right { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(0.4) translateX(-62px); transform: scale(0.4) translateX(-62px); height: 56px; left: 100%; margin-left: 9px; } .q-fab__actions--left { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(0.4) translateX(62px); transform: scale(0.4) translateX(62px); height: 56px; right: 100%; margin-right: 9px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .q-fab__actions--up { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0.4) translateY(62px); transform: scale(0.4) translateY(62px); width: 56px; bottom: 100%; margin-bottom: 9px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .q-fab__actions--down { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.4) translateY(-62px); transform: scale(0.4) translateY(-62px); width: 56px; top: 100%; margin-top: 9px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-fab__actions--up, .q-fab__actions--down { left: 50%; margin-left: -28px; } .q-fab__actions--opened { opacity: 1; -webkit-transform: scale(1) translate(0.1px, 0); transform: scale(1) translate(0.1px, 0); pointer-events: all; } .q-fab--align-left > .q-fab__actions--up, .q-fab--align-left > .q-fab__actions--down { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; left: 28px; } .q-fab--align-right > .q-fab__actions--up, .q-fab--align-right > .q-fab__actions--down { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; left: auto; right: 0; } .q-field { font-size: 14px; } .q-field ::-ms-clear, .q-field ::-ms-reveal { display: none; } .q-field--with-bottom { padding-bottom: 20px; } .q-field__marginal { height: 56px; color: rgba(0, 0, 0, 0.54); font-size: 24px; } .q-field__marginal > * + * { margin-left: 2px; } .q-field__marginal .q-avatar { font-size: 32px; } .q-field__before, .q-field__prepend { padding-right: 12px; } .q-field__after, .q-field__append { padding-left: 12px; } .q-field__after:empty, .q-field__append:empty { display: none; } .q-field__append + .q-field__append { padding-left: 2px; } .q-field__inner { text-align: left; } .q-field__bottom { font-size: 12px; min-height: 20px; line-height: 1; color: rgba(0, 0, 0, 0.54); padding: 8px 12px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .q-field__bottom--animated { -webkit-transform: translateY(100%); transform: translateY(100%); position: absolute; left: 0; right: 0; bottom: 0; } .q-field__messages { line-height: 1; } .q-field__messages > div { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .q-field__messages > div + div { margin-top: 4px; } .q-field__counter { padding-left: 8px; line-height: 1; } .q-field--item-aligned { padding: 8px 16px; } .q-field--item-aligned .q-field__before { min-width: 56px; } .q-field__control-container { height: inherit; } .q-field__control { color: #174896; color: var(--q-color-primary); height: 56px; max-width: 100%; outline: none; } .q-field__control:before, .q-field__control:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .q-field__control:before { border-radius: inherit; } .q-field__shadow { top: 8px; opacity: 0; overflow: hidden; white-space: pre-wrap; -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native::-webkit-input-placeholder { -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native::-moz-placeholder { -moz-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native:-ms-input-placeholder { -ms-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native::-ms-input-placeholder { -ms-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native::placeholder { -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field__shadow + .q-field__native:focus::-webkit-input-placeholder { opacity: 0; } .q-field__shadow + .q-field__native:focus::-moz-placeholder { opacity: 0; } .q-field__shadow + .q-field__native:focus:-ms-input-placeholder { opacity: 0; } .q-field__shadow + .q-field__native:focus::-ms-input-placeholder { opacity: 0; } .q-field__shadow + .q-field__native:focus::placeholder { opacity: 0; } .q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input { font-weight: 400; line-height: 28px; letter-spacing: .00937em; text-decoration: inherit; text-transform: inherit; border: none; border-radius: 0; background: none; color: rgba(0, 0, 0, 0.87); outline: 0; padding: 6px 0; } .q-field__native, .q-field__input { width: 100%; min-width: 0; outline: 0 !important; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill { -webkit-animation-name: q-autofill; -webkit-animation-fill-mode: both; } .q-field__native:-webkit-autofill + .q-field__label, .q-field__input:-webkit-autofill + .q-field__label { -webkit-transform: translateY(-40%) scale(0.75); transform: translateY(-40%) scale(0.75); } .q-field__native[type="color"] + .q-field__label, .q-field__native[type="date"] + .q-field__label, .q-field__native[type="datetime-local"] + .q-field__label, .q-field__native[type="month"] + .q-field__label, .q-field__native[type="time"] + .q-field__label, .q-field__native[type="week"] + .q-field__label, .q-field__input[type="color"] + .q-field__label, .q-field__input[type="date"] + .q-field__label, .q-field__input[type="datetime-local"] + .q-field__label, .q-field__input[type="month"] + .q-field__label, .q-field__input[type="time"] + .q-field__label, .q-field__input[type="week"] + .q-field__label { -webkit-transform: translateY(-40%) scale(0.75); transform: translateY(-40%) scale(0.75); } .q-field__native:invalid, .q-field__input:invalid { -webkit-box-shadow: none; box-shadow: none; } .q-field__native[type="file"] { line-height: 1em; } .q-field__input { padding: 0; height: 0; min-height: 24px; line-height: 24px; } .q-field__prefix, .q-field__suffix { -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; } .q-field__prefix { padding-right: 4px; } .q-field__suffix { padding-left: 4px; } .q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder { opacity: 1 !important; } .q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input { cursor: default; } .q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input { cursor: text; } .q-field--disabled .q-field__inner { cursor: not-allowed; } .q-field--disabled .q-field__control { pointer-events: none; } .q-field--disabled .q-field__control > div { opacity: .6 !important; } .q-field--disabled .q-field__control > div, .q-field--disabled .q-field__control > div * { outline: 0 !important; } .q-field__label { left: 0; right: 0; top: 18px; color: rgba(0, 0, 0, 0.6); font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: .00937em; text-decoration: inherit; text-transform: inherit; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: right 0.324s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: right 0.324s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), right 0.324s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), right 0.324s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .q-field--float .q-field__label { -webkit-transform: translateY(-40%) scale(0.75); transform: translateY(-40%) scale(0.75); right: calc(-100% / 3); -webkit-transition: right 0.396s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: right 0.396s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), right 0.396s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), right 0.396s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--highlighted .q-field__label { color: currentColor; } .q-field--highlighted .q-field__shadow { opacity: .5; } .q-field--filled .q-field__control { padding: 0 12px; background: rgba(0, 0, 0, 0.05); border-radius: 4px 4px 0 0; } .q-field--filled .q-field__control:before { background: rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.42); opacity: 0; -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--filled .q-field__control:hover:before { opacity: 1; } .q-field--filled .q-field__control:after { height: 2px; top: auto; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); background: currentColor; -webkit-transition: -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--filled.q-field--rounded .q-field__control { border-radius: 28px 28px 0 0; } .q-field--filled.q-field--highlighted .q-field__control:before { opacity: 1; background: rgba(0, 0, 0, 0.12); } .q-field--filled.q-field--highlighted .q-field__control:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before { background: rgba(255, 255, 255, 0.07); } .q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before { background: rgba(255, 255, 255, 0.1); } .q-field--filled.q-field--readonly .q-field__control:before { opacity: 1; background: transparent; border-bottom-style: dashed; } .q-field--outlined .q-field__control { border-radius: 4px; padding: 0 12px; } .q-field--outlined .q-field__control:before { border: 1px solid rgba(0, 0, 0, 0.24); -webkit-transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--outlined .q-field__control:hover:before { border-color: #000; } .q-field--outlined .q-field__control:after { height: inherit; border-radius: inherit; border: 2px solid transparent; -webkit-transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--outlined .q-field__native:-webkit-autofill, .q-field--outlined .q-field__input:-webkit-autofill { margin-top: 1px; margin-bottom: 1px; } .q-field--outlined.q-field--rounded .q-field__control { border-radius: 28px; } .q-field--outlined.q-field--highlighted .q-field__control:hover:before { border-color: transparent; } .q-field--outlined.q-field--highlighted .q-field__control:after { border-color: currentColor; border-width: 2px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .q-field--outlined.q-field--readonly .q-field__control:before { border-style: dashed; } .q-field--standard .q-field__control:before { border-bottom: 1px solid rgba(0, 0, 0, 0.24); -webkit-transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--standard .q-field__control:hover:before { border-color: #000; } .q-field--standard .q-field__control:after { height: 2px; top: auto; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); background: currentColor; -webkit-transition: -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--standard.q-field--highlighted .q-field__control:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .q-field--standard.q-field--readonly .q-field__control:before { border-bottom-style: dashed; } .q-field--dark .q-field__control:before { border-color: rgba(255, 255, 255, 0.6); } .q-field--dark .q-field__control:hover:before { border-color: #fff; } .q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input { color: #fff; } .q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom { color: rgba(255, 255, 255, 0.7); } .q-field--standout .q-field__control { padding: 0 12px; background: rgba(0, 0, 0, 0.05); border-radius: 4px; -webkit-transition: background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--standout .q-field__control:before { background: rgba(0, 0, 0, 0.07); opacity: 0; -webkit-transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .q-field--standout .q-field__control:hover:before { opacity: 1; } .q-field--standout.q-field--rounded .q-field__control { border-radius: 28px; } .q-field--standout.q-field--highlighted .q-field__control { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); background: #000; } .q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input { color: #fff; } .q-field--standout.q-field--readonly .q-field__control:before { opacity: 1; background: transparent; border: 1px dashed rgba(0, 0, 0, 0.24); } .q-field--standout.q-field--dark .q-field__control { background: rgba(255, 255, 255, 0.07); } .q-field--standout.q-field--dark .q-field__control:before { background: rgba(255, 255, 255, 0.07); } .q-field--standout.q-field--dark.q-field--highlighted .q-field__control { background: #fff; } .q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input { color: #000; } .q-field--standout.q-field--dark.q-field--readonly .q-field__control:before { border-color: rgba(255, 255, 255, 0.24); } .q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix { line-height: 24px; padding-top: 24px; padding-bottom: 8px; } .q-field--labeled .q-field__shadow { top: 0; } .q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix { opacity: 0; } .q-field--labeled:not(.q-field--float) .q-field__native::-webkit-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-webkit-input-placeholder { color: transparent; } .q-field--labeled:not(.q-field--float) .q-field__native::-moz-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-moz-placeholder { color: transparent; } .q-field--labeled:not(.q-field--float) .q-field__native:-ms-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input:-ms-input-placeholder { color: transparent !important; } .q-field--labeled:not(.q-field--float) .q-field__native::-ms-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-ms-input-placeholder { color: transparent; } .q-field--labeled:not(.q-field--float) .q-field__native::placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::placeholder { color: transparent; } .q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix { padding-top: 14px; padding-bottom: 2px; } .q-field--dense .q-field__shadow { top: 0; } .q-field--dense .q-field__control, .q-field--dense .q-field__marginal { height: 40px; } .q-field--dense .q-field__bottom { font-size: 11px; } .q-field--dense .q-field__label { font-size: 14px; top: 10px; } .q-field--dense .q-field__before, .q-field--dense .q-field__prepend { padding-right: 6px; } .q-field--dense .q-field__after, .q-field--dense .q-field__append { padding-left: 6px; } .q-field--dense .q-field__append + .q-field__append { padding-left: 2px; } .q-field--dense .q-field__marginal .q-avatar { font-size: 24px; } .q-field--dense.q-field--float .q-field__label { -webkit-transform: translateY(-30%) scale(0.75); transform: translateY(-30%) scale(0.75); } .q-field--dense .q-field__native:-webkit-autofill + .q-field__label, .q-field--dense .q-field__input:-webkit-autofill + .q-field__label { -webkit-transform: translateY(-30%) scale(0.75); transform: translateY(-30%) scale(0.75); } .q-field--dense .q-field__native[type="color"] + .q-field__label, .q-field--dense .q-field__native[type="date"] + .q-field__label, .q-field--dense .q-field__native[type="datetime-local"] + .q-field__label, .q-field--dense .q-field__native[type="month"] + .q-field__label, .q-field--dense .q-field__native[type="time"] + .q-field__label, .q-field--dense .q-field__native[type="week"] + .q-field__label, .q-field--dense .q-field__input[type="color"] + .q-field__label, .q-field--dense .q-field__input[type="date"] + .q-field__label, .q-field--dense .q-field__input[type="datetime-local"] + .q-field__label, .q-field--dense .q-field__input[type="month"] + .q-field__label, .q-field--dense .q-field__input[type="time"] + .q-field__label, .q-field--dense .q-field__input[type="week"] + .q-field__label { -webkit-transform: translateY(-30%) scale(0.75); transform: translateY(-30%) scale(0.75); } .q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control { padding-left: 0; padding-right: 0; } .q-field--error .q-field__label { -webkit-animation: q-field-label .36s; animation: q-field-label .36s; } .q-field--error .q-field__bottom { color: #cc382f; color: var(--q-color-negative); } .q-field__focusable-action { opacity: 0.6; cursor: pointer; outline: 0 !important; border: 0; color: inherit; background: transparent; padding: 0; } .q-field__focusable-action:hover, .q-field__focusable-action:focus { opacity: 1; } .q-field--auto-height .q-field__control { height: auto; } .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native { min-height: 56px; } .q-field--auto-height .q-field__native { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .q-field--auto-height .q-field__control-container { padding-top: 0; } .q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix { line-height: 18px; } .q-field--auto-height.q-field--labeled .q-field__control-container { padding-top: 24px; } .q-field--auto-height.q-field--labeled .q-field__shadow { top: 24px; } .q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix { padding-top: 0; } .q-field--auto-height.q-field--labeled .q-field__native { min-height: 24px; } .q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native { min-height: 40px; } .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container { padding-top: 14px; } .q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow { top: 14px; } .q-field--auto-height.q-field--dense.q-field--labeled .q-field__native { min-height: 24px; } .q-field--square .q-field__control { border-radius: 0 !important; } .q-transition--field-message-enter-active, .q-transition--field-message-leave-active { -webkit-transition: opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1); } .q-transition--field-message-enter, .q-transition--field-message-leave-to { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .q-transition--field-message-leave, .q-transition--field-message-leave-active { position: absolute; } @-webkit-keyframes q-field-label { 40% { margin-left: 2px; } 60%, 80% { margin-left: -2px; } 70%, 90% { margin-left: 2px; } } @keyframes q-field-label { 40% { margin-left: 2px; } 60%, 80% { margin-left: -2px; } 70%, 90% { margin-left: 2px; } } @-webkit-keyframes q-autofill { to { background: transparent; color: inherit; } } @keyframes q-autofill { to { background: transparent; color: inherit; } } .q-file .q-field__native { word-break: break-all; } .q-file .q-field__input { opacity: 0 !important; } .q-file .q-field__input::-webkit-file-upload-button { cursor: pointer; } .q-file__filler { visibility: hidden; width: 100%; border: none; padding: 0; } .q-file__dnd { outline: 1px dashed currentColor; outline-offset: -4px; } .q-form { position: relative; } .q-img { position: relative; width: 100%; display: inline-block; vertical-align: middle; } .q-img__loading .q-spinner { font-size: 50px; } .q-img__image { border-radius: inherit; background-repeat: no-repeat; } .q-img__content { overflow: hidden; border-radius: inherit; } .q-img__content > div { position: absolute; padding: 16px; color: #fff; background: rgba(0, 0, 0, 0.47); } .q-img--menu .q-img__image { pointer-events: none; } .q-img--menu .q-img__image > img { pointer-events: all; opacity: 0; } .q-img--menu .q-img__content { pointer-events: none; } .q-img--menu .q-img__content > div { pointer-events: all; } .q-inner-loading { background: rgba(255, 255, 255, 0.6); } .q-inner-loading--dark { background: rgba(0, 0, 0, 0.4); } .q-inner-loading__label { margin-top: 8px; } .q-textarea .q-field__control { min-height: 56px; height: auto; } .q-textarea .q-field__control-container { padding-top: 2px; padding-bottom: 2px; } .q-textarea .q-field__shadow { top: 2px; bottom: 2px; } .q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix { line-height: 18px; } .q-textarea .q-field__native { resize: vertical; padding-top: 17px; min-height: 52px; } .q-textarea.q-field--labeled .q-field__control-container { padding-top: 26px; } .q-textarea.q-field--labeled .q-field__shadow { top: 26px; } .q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix { padding-top: 0; } .q-textarea.q-field--labeled .q-field__native { min-height: 26px; padding-top: 1px; } .q-textarea--autogrow .q-field__native { resize: none; } .q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native { min-height: 36px; } .q-textarea.q-field--dense .q-field__native { padding-top: 9px; } .q-textarea.q-field--dense.q-field--labeled .q-field__control-container { padding-top: 14px; } .q-textarea.q-field--dense.q-field--labeled .q-field__shadow { top: 14px; } .q-textarea.q-field--dense.q-field--labeled .q-field__native { min-height: 24px; padding-top: 3px; } .q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix { padding-top: 2px; } body.mobile .q-textarea .q-field__native, .q-textarea.disabled .q-field__native { resize: none; } .q-intersection { position: relative; } .q-item { min-height: 48px; padding: 8px 16px; color: inherit; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .q-item__section--side { color: #757575; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 16px; width: auto; min-width: 0; max-width: 100%; } .q-item__section--side > .q-icon { font-size: 24px; } .q-item__section--side > .q-avatar { font-size: 40px; } .q-item__section--avatar { color: inherit; min-width: 56px; } .q-item__section--thumbnail img { width: 100px; height: 56px; } .q-item__section--nowrap { white-space: nowrap; } .q-item > .q-item__section--thumbnail:first-child, .q-item > .q-focus-helper + .q-item__section--thumbnail { margin-left: -16px; } .q-item > .q-item__section--thumbnail:last-of-type { margin-right: -16px; } .q-item__label { line-height: 1.2em !important; max-width: 100%; } .q-item__label--overline { color: rgba(0, 0, 0, 0.7); } .q-item__label--caption { color: rgba(0, 0, 0, 0.54); } .q-item__label--header { color: #757575; padding: 16px; font-size: .875rem; line-height: 1.25rem; letter-spacing: .01786em; } .q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header { padding-top: 8px; } .q-item__label + .q-item__label { margin-top: 4px; } .q-item__section--main { width: auto; min-width: 0; max-width: 100%; -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .q-item__section--main + .q-item__section--main { margin-left: 8px; } .q-item__section--main ~ .q-item__section--side { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-right: 0; padding-left: 16px; } .q-item__section--main.q-item__section--thumbnail { margin-left: 0; margin-right: -16px; } .q-list--bordered { border: 1px solid #e5e6eb; } .q-list--separator > .q-item-type + .q-item-type, .q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type { border-top: 1px solid #e5e6eb; } .q-list--padding { padding: 8px 0; } .q-list--dense > .q-item, .q-item--dense { min-height: 32px; padding: 2px 16px; } .q-list--dark.q-list--separator > .q-item-type + .q-item-type, .q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type { border-top-color: rgba(255, 255, 255, 0.28); } .q-list--dark, .q-item--dark { color: #fff; border-color: rgba(255, 255, 255, 0.28); } .q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) { color: rgba(255, 255, 255, 0.7); } .q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header { color: rgba(255, 255, 255, 0.64); } .q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption { color: rgba(255, 255, 255, 0.8); } .q-item { position: relative; } .q-item.q-router-link--active, .q-item--active { color: #174896; color: var(--q-color-primary); } .q-knob { font-size: 48px; } .q-knob--editable { cursor: pointer; outline: 0; } .q-knob--editable:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .24s ease-in-out; transition: -webkit-box-shadow .24s ease-in-out; transition: box-shadow .24s ease-in-out; transition: box-shadow .24s ease-in-out, -webkit-box-shadow .24s ease-in-out; } .q-knob--editable:focus:before { -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .q-layout { width: 100%; outline: 0; } .q-layout-container { position: relative; width: 100%; height: 100%; } .q-layout-container .q-layout { min-height: 100%; } .q-layout-container > div { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .q-layout-container > div > div { min-height: 0; max-height: 100%; } .q-layout__shadow { width: 100%; } .q-layout__shadow:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15); } .q-layout__section--marginal { background-color: #174896; background-color: var(--q-color-primary); color: #fff; } .q-header--hidden { -webkit-transform: translateY(-110%); transform: translateY(-110%); } .q-header--bordered { border-bottom: 1px solid #e5e6eb; } .q-header .q-layout__shadow { bottom: -10px; } .q-header .q-layout__shadow:after { bottom: 10px; } .q-footer--hidden { -webkit-transform: translateY(110%); transform: translateY(110%); } .q-footer--bordered { border-top: 1px solid #e5e6eb; } .q-footer .q-layout__shadow { top: -10px; } .q-footer .q-layout__shadow:after { top: 10px; } .q-header, .q-footer { z-index: 2000; } .q-drawer { position: absolute; top: 0; bottom: 0; background: #fff; z-index: 1000; } .q-drawer--on-top { z-index: 3000; } .q-drawer--left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .q-drawer--left.q-drawer--bordered { border-right: 1px solid #e5e6eb; } .q-drawer--left .q-layout__shadow { left: 10px; right: -10px; } .q-drawer--left .q-layout__shadow:after { right: 10px; } .q-drawer--right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .q-drawer--right.q-drawer--bordered { border-left: 1px solid #e5e6eb; } .q-drawer--right .q-layout__shadow { left: -10px; } .q-drawer--right .q-layout__shadow:after { left: 10px; } .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini { padding: 0 !important; } .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; padding-right: 0; min-width: 0; } .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side ~ .q-item__section--side { display: none; } .q-drawer--mini .q-mini-drawer-hide, .q-drawer--mini .q-expansion-item__content { display: none; } .q-drawer--mini-animate .q-drawer__content { overflow-x: hidden; white-space: nowrap; } .q-drawer--standard .q-mini-drawer-only { display: none; } .q-drawer--mobile .q-mini-drawer-only, .q-drawer--mobile .q-mini-drawer-hide { display: none; } .q-drawer__backdrop { z-index: 2999 !important; will-change: background-color; } .q-drawer__opener { z-index: 2001; height: 100%; width: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .q-layout, .q-header, .q-footer, .q-page { position: relative; } .q-page-sticky--shrink { pointer-events: none; } .q-page-sticky--shrink > div { display: inline-block; pointer-events: auto; } body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1), body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs-head, body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content { padding-top: 20px; min-height: 70px; padding-top: env(safe-area-inset-top); min-height: calc(env(safe-area-inset-top) + 50px); } body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child, body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:last-child .q-tabs-head, body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content { padding-bottom: env(safe-area-inset-bottom); min-height: calc(env(safe-area-inset-bottom) + 50px); } .q-body--layout-animate .q-drawer__backdrop { -webkit-transition: background-color .12s !important; transition: background-color .12s !important; } .q-body--layout-animate .q-drawer { -webkit-transition: width .12s, top .12s, bottom .12s, -webkit-transform .12s !important; transition: width .12s, top .12s, bottom .12s, -webkit-transform .12s !important; transition: transform .12s, width .12s, top .12s, bottom .12s !important; transition: transform .12s, width .12s, top .12s, bottom .12s, -webkit-transform .12s !important; } .q-body--layout-animate .q-layout__section--marginal { -webkit-transition: left .12s, right .12s, -webkit-transform .12s !important; transition: left .12s, right .12s, -webkit-transform .12s !important; transition: transform .12s, left .12s, right .12s !important; transition: transform .12s, left .12s, right .12s, -webkit-transform .12s !important; } .q-body--layout-animate .q-page-container { -webkit-transition: padding-top .12s, padding-right .12s, padding-bottom .12s, padding-left .12s !important; transition: padding-top .12s, padding-right .12s, padding-bottom .12s, padding-left .12s !important; } .q-body--layout-animate .q-page-sticky { -webkit-transition: left .12s, right .12s, top .12s, bottom .12s, -webkit-transform .12s !important; transition: left .12s, right .12s, top .12s, bottom .12s, -webkit-transform .12s !important; transition: transform .12s, left .12s, right .12s, top .12s, bottom .12s !important; transition: transform .12s, left .12s, right .12s, top .12s, bottom .12s, -webkit-transform .12s !important; } body:not(.q-body--layout-animate) .q-layout--prevent-focus { visibility: hidden; } .q-body--drawer-toggle { overflow-x: hidden !important; } @media (max-width: 599.98px) { .q-layout-padding { padding: 8px; } } @media (min-width: 600px) and (max-width: 1439.98px) { .q-layout-padding { padding: 16px; } } @media (min-width: 1440px) { .q-layout-padding { padding: 24px; } } body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer { border-color: rgba(255, 255, 255, 0.28); } body.platform-ios .q-layout--containerized { position: unset !important; } .q-linear-progress { position: relative; width: 100%; overflow: hidden; font-size: 4px; height: 1em; color: #174896; color: var(--q-color-primary); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .q-linear-progress__model, .q-linear-progress__track { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .q-linear-progress--reverse .q-linear-progress__model, .q-linear-progress--reverse .q-linear-progress__track { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .q-linear-progress__model--determinate { background: currentColor; } .q-linear-progress__model--indeterminate, .q-linear-progress__model--query { -webkit-transition: none; transition: none; } .q-linear-progress__model--indeterminate:before, .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:before, .q-linear-progress__model--query:after { background: currentColor; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .q-linear-progress__model--indeterminate:before, .q-linear-progress__model--query:before { -webkit-animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:after { -webkit-transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); -webkit-animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } .q-linear-progress__track { opacity: .4; } .q-linear-progress__track--light { background: rgba(0, 0, 0, 0.26); } .q-linear-progress__track--dark { background: rgba(255, 255, 255, 0.6); } .q-linear-progress__stripe { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important; background-size: 40px 40px !important; } .q-linear-progress__stripe--with-transition { -webkit-transition: width .3s; transition: width .3s; } @-webkit-keyframes q-linear-progress--indeterminate { 0% { -webkit-transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1); transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1); } 60% { -webkit-transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); } 100% { -webkit-transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); } } @keyframes q-linear-progress--indeterminate { 0% { -webkit-transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1); transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1); } 60% { -webkit-transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); } 100% { -webkit-transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); } } @-webkit-keyframes q-linear-progress--indeterminate-short { 0% { -webkit-transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); } 60% { -webkit-transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); } 100% { -webkit-transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); } } @keyframes q-linear-progress--indeterminate-short { 0% { -webkit-transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); } 60% { -webkit-transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); } 100% { -webkit-transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); } } .q-menu { position: fixed !important; display: inline-block; max-width: 95vw; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); background: #fff; border-radius: 4px; overflow-y: auto; overflow-x: hidden; outline: 0; max-height: 65vh; z-index: 6000; } .q-menu--square { border-radius: 0; } .q-option-group--inline > div { display: inline-block; } .q-pagination input { text-align: center; -moz-appearance: textfield; } .q-pagination input::-webkit-outer-spin-button, .q-pagination input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .q-pagination__content { margin-top: -2px; margin-left: -2px; } .q-pagination__content > .q-btn, .q-pagination__content > .q-input, .q-pagination__middle > .q-btn { margin-top: 2px; margin-left: 2px; } .q-parallax { position: relative; width: 100%; overflow: hidden; border-radius: inherit; } .q-parallax__media > img, .q-parallax__media > video { position: absolute; left: 50% /* rtl:ignore */; bottom: 0; min-width: 100%; min-height: 100%; will-change: transform; display: none; } .q-popup-edit { padding: 8px 16px; } .q-popup-edit__buttons { margin-top: 8px; } .q-popup-edit__buttons .q-btn + .q-btn { margin-left: 8px; } .q-pull-to-refresh { position: relative; } .q-pull-to-refresh__puller { border-radius: 50%; width: 40px; height: 40px; color: #174896; color: var(--q-color-primary); background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); } .q-pull-to-refresh__puller--animating { -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; } .q-radio { vertical-align: middle; } .q-radio__native { width: 1px; height: 1px; } .q-radio__bg, .q-radio__icon-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .q-radio__bg { top: 25%; left: 25%; width: 50%; height: 50%; -webkit-print-color-adjust: exact; } .q-radio__bg path { fill: currentColor; } .q-radio__icon { color: currentColor; font-size: .5em; } .q-radio__check { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; } .q-radio__inner { font-size: 40px; width: 1em; min-width: 1em; height: 1em; outline: 0; border-radius: 50%; color: rgba(0, 0, 0, 0.54); } .q-radio__inner--truthy { color: #174896; color: var(--q-color-primary); } .q-radio__inner--truthy .q-radio__check { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .q-radio.disabled { opacity: .75 !important; } .q-radio--dark .q-radio__inner { color: rgba(255, 255, 255, 0.7); } .q-radio--dark .q-radio__inner:before { opacity: .32 !important; } .q-radio--dark .q-radio__inner--truthy { color: #174896; color: var(--q-color-primary); } .q-radio--dense .q-radio__inner { width: .5em; min-width: .5em; height: .5em; } .q-radio--dense .q-radio__bg { left: 0; top: 0; width: 100%; height: 100%; } .q-radio--dense .q-radio__label { padding-left: .5em; } .q-radio--dense.reverse .q-radio__label { padding-left: 0; padding-right: .5em; } body.desktop .q-radio:not(.disabled) .q-radio__inner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: currentColor; opacity: .12; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; } body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before { -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } .q-rating { color: #ffeb3b; vertical-align: middle; } .q-rating__icon-container { height: 1em; outline: 0; } .q-rating__icon-container + .q-rating__icon-container { margin-left: 2px; } .q-rating__icon { color: currentColor; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); position: relative; opacity: .4; -webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in; transition: opacity .2s ease-in, -webkit-transform .2s ease-in; transition: transform .2s ease-in, opacity .2s ease-in; transition: transform .2s ease-in, opacity .2s ease-in, -webkit-transform .2s ease-in; } .q-rating__icon--hovered { -webkit-transform: scale(1.3); transform: scale(1.3); } .q-rating__icon--active { opacity: 1; } .q-rating__icon--exselected { opacity: .7; } .q-rating--no-dimming .q-rating__icon { opacity: 1; } .q-rating--editable .q-rating__icon-container { cursor: pointer; } .q-responsive { position: relative; max-width: 100%; max-height: 100%; } .q-responsive__filler { width: inherit; max-width: inherit; height: inherit; max-height: inherit; } .q-responsive__content { border-radius: inherit; } .q-responsive__content > * { width: 100% !important; height: 100% !important; max-height: 100% !important; max-width: 100% !important; } .q-scrollarea { position: relative; contain: strict; } .q-scrollarea__bar, .q-scrollarea__thumb { opacity: .2; -webkit-transition: opacity .3s; transition: opacity .3s; will-change: opacity; cursor: -webkit-grab; cursor: grab; } .q-scrollarea__bar--v, .q-scrollarea__thumb--v { right: 0; width: 10px; } .q-scrollarea__bar--h, .q-scrollarea__thumb--h { bottom: 0; height: 10px; } .q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible { opacity: 0 !important; pointer-events: none; } .q-scrollarea__thumb { background: #000; } .q-scrollarea__thumb:hover { opacity: .3; } .q-scrollarea__thumb:active { opacity: .5; } .q-scrollarea__content { min-height: 100%; min-width: 100%; } .q-scrollarea--dark .q-scrollarea__thumb { background: #fff; } .q-select--without-input .q-field__control { cursor: pointer; } .q-select--with-input .q-field__control { cursor: text; } .q-select .q-field__input { min-width: 50px !important; cursor: text; } .q-select .q-field__input--padding { padding-left: 4px; } .q-select__focus-target, .q-select__autocomplete-input { position: absolute; outline: 0 !important; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; } .q-select__dropdown-icon { cursor: pointer; -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s, -webkit-transform .28s; } .q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon { cursor: default; } .q-select__dialog { width: 90vw !important; max-width: 90vw !important; max-height: calc(100vh - 70px) !important; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-select__dialog > .scroll { position: relative; background: inherit; } body.mobile:not(.native-mobile) .q-select__dialog { max-height: calc(100vh - 108px) !important; } body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog { max-height: calc(100vh - 24px) !important; } body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog { max-height: calc(100vh - 80px) !important; } body.platform-ios.native-mobile .q-dialog__inner--top > div { border-radius: 4px; } body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused { max-height: 47vh !important; } body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused { max-height: 50vh !important; } .q-separator { border: 0; background: #e5e6eb; margin: 0; -webkit-transition: background .3s, opacity .3s; transition: background .3s, opacity .3s; -ms-flex-negative: 0; flex-shrink: 0; } .q-separator--dark { background: rgba(255, 255, 255, 0.28); } .q-separator--horizontal { display: block; height: 1px; } .q-separator--horizontal-inset { margin-left: 16px; margin-right: 16px; } .q-separator--horizontal-item-inset { margin-left: 72px; margin-right: 0; } .q-separator--horizontal-item-thumbnail-inset { margin-left: 116px; margin-right: 0; } .q-separator--vertical { width: 1px; height: auto; -ms-flex-item-align: stretch; align-self: stretch; } .q-separator--vertical-inset { margin-top: 8px; margin-bottom: 8px; } .q-skeleton { background: #e5e6eb; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .q-skeleton--anim { cursor: wait; } .q-skeleton:before { content: '\00a0'; } .q-skeleton--type-text { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } .q-skeleton--type-circle, .q-skeleton--type-QAvatar { height: 48px; width: 48px; border-radius: 50%; } .q-skeleton--type-QBtn { width: 90px; height: 36px; } .q-skeleton--type-QBadge { width: 70px; height: 16px; } .q-skeleton--type-QChip { width: 90px; height: 28px; border-radius: 16px; } .q-skeleton--type-QToolbar { height: 50px; } .q-skeleton--type-QCheckbox, .q-skeleton--type-QRadio { width: 40px; height: 40px; border-radius: 50%; } .q-skeleton--type-QToggle { width: 56px; height: 40px; border-radius: 7px; } .q-skeleton--type-QSlider, .q-skeleton--type-QRange { height: 40px; } .q-skeleton--type-QInput { height: 56px; } .q-skeleton--bordered { border: 1px solid rgba(0, 0, 0, 0.05); } .q-skeleton--square { border-radius: 0; } .q-skeleton--anim-fade { -webkit-animation: q-skeleton--fade 1.5s linear .5s infinite; animation: q-skeleton--fade 1.5s linear .5s infinite; } .q-skeleton--anim-pulse { -webkit-animation: q-skeleton--pulse 1.5s ease-in-out .5s infinite; animation: q-skeleton--pulse 1.5s ease-in-out .5s infinite; } .q-skeleton--anim-pulse-x { -webkit-animation: q-skeleton--pulse-x 1.5s ease-in-out .5s infinite; animation: q-skeleton--pulse-x 1.5s ease-in-out .5s infinite; } .q-skeleton--anim-pulse-y { -webkit-animation: q-skeleton--pulse-y 1.5s ease-in-out .5s infinite; animation: q-skeleton--pulse-y 1.5s ease-in-out .5s infinite; } .q-skeleton--anim-wave, .q-skeleton--anim-blink, .q-skeleton--anim-pop { position: relative; overflow: hidden; z-index: 1; } .q-skeleton--anim-wave:after, .q-skeleton--anim-blink:after, .q-skeleton--anim-pop:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .q-skeleton--anim-blink:after { background: rgba(255, 255, 255, 0.7); -webkit-animation: q-skeleton--fade 1.5s linear .5s infinite; animation: q-skeleton--fade 1.5s linear .5s infinite; } .q-skeleton--anim-wave:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-animation: q-skeleton--wave 1.5s linear .5s infinite; animation: q-skeleton--wave 1.5s linear .5s infinite; } .q-skeleton--dark { background: rgba(255, 255, 255, 0.05); } .q-skeleton--dark.q-skeleton--bordered { border: 1px solid rgba(255, 255, 255, 0.25); } .q-skeleton--dark.q-skeleton--anim-wave:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .q-skeleton--dark.q-skeleton--anim-blink:after { background: rgba(255, 255, 255, 0.2); } @-webkit-keyframes q-skeleton--fade { 0% { opacity: 1; } 50% { opacity: .4; } 100% { opacity: 1; } } @keyframes q-skeleton--fade { 0% { opacity: 1; } 50% { opacity: .4; } 100% { opacity: 1; } } @-webkit-keyframes q-skeleton--pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes q-skeleton--pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes q-skeleton--pulse-x { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(0.75); transform: scaleX(0.75); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes q-skeleton--pulse-x { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scaleX(0.75); transform: scaleX(0.75); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes q-skeleton--pulse-y { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(0.75); transform: scaleY(0.75); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes q-skeleton--pulse-y { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(0.75); transform: scaleY(0.75); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes q-skeleton--wave { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes q-skeleton--wave { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .q-slide-item { position: relative; background: white; } .q-slide-item__left, .q-slide-item__right, .q-slide-item__top, .q-slide-item__bottom { visibility: hidden; font-size: 14px; color: #fff; } .q-slide-item__left .q-icon, .q-slide-item__right .q-icon, .q-slide-item__top .q-icon, .q-slide-item__bottom .q-icon { font-size: 1.714em; } .q-slide-item__left { background: #4caf50; padding: 8px 16px; } .q-slide-item__left > div { -webkit-transform-origin: left center; transform-origin: left center; } .q-slide-item__right { background: #ff9800; padding: 8px 16px; } .q-slide-item__right > div { -webkit-transform-origin: right center; transform-origin: right center; } .q-slide-item__top { background: #2196f3; padding: 16px 8px; } .q-slide-item__top > div { -webkit-transform-origin: top center; transform-origin: top center; } .q-slide-item__bottom { background: #9c27b0; padding: 16px 8px; } .q-slide-item__bottom > div { -webkit-transform-origin: bottom center; transform-origin: bottom center; } .q-slide-item__content { background: inherit; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .q-slider { position: relative; } .q-slider--h { width: 100%; } .q-slider--v { height: 200px; } .q-slider--editable .q-slider__track-container { cursor: -webkit-grab; cursor: grab; } .q-slider__track-container { outline: 0; } .q-slider__track-container--h { width: 100%; padding: 12px 0; } .q-slider__track-container--h .q-slider__selection { will-change: width, left; } .q-slider__track-container--v { height: 100%; padding: 0 12px; } .q-slider__track-container--v .q-slider__selection { will-change: height, top; } .q-slider__track { color: #174896; color: var(--q-color-primary); background: rgba(0, 0, 0, 0.1); border-radius: 4px; width: inherit; height: inherit; } .q-slider__inner { background: rgba(0, 0, 0, 0.1); border-radius: inherit; width: 100%; height: 100%; } .q-slider__selection { background: currentColor; border-radius: inherit; width: 100%; height: 100%; } .q-slider__markers { color: rgba(0, 0, 0, 0.3); border-radius: inherit; width: 100%; height: 100%; } .q-slider__markers:after { content: ''; position: absolute; background: currentColor; } .q-slider__markers--h { background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0)); } .q-slider__markers--h:after { height: 100%; width: 2px; top: 0; right: 0; } .q-slider__markers--v { background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0)); } .q-slider__markers--v:after { width: 100%; height: 2px; left: 0; bottom: 0; } .q-slider__marker-labels-container { position: relative; width: 100%; height: 100%; min-height: 24px; min-width: 24px; } .q-slider__marker-labels { position: absolute; } .q-slider__marker-labels--h-standard { top: 0; } .q-slider__marker-labels--h-switched { bottom: 0; } .q-slider__marker-labels--h-ltr { -webkit-transform: translateX(-50%) /* rtl:ignore */; transform: translateX(-50%) /* rtl:ignore */; } .q-slider__marker-labels--h-rtl { -webkit-transform: translateX(50%) /* rtl:ignore */; transform: translateX(50%) /* rtl:ignore */; } .q-slider__marker-labels--v-standard { left: 4px; } .q-slider__marker-labels--v-switched { right: 4px; } .q-slider__marker-labels--v-ltr { -webkit-transform: translateY(-50%) /* rtl:ignore */; transform: translateY(-50%) /* rtl:ignore */; } .q-slider__marker-labels--v-rtl { -webkit-transform: translateY(50%) /* rtl:ignore */; transform: translateY(50%) /* rtl:ignore */; } .q-slider__thumb { z-index: 1; outline: 0; color: #174896; color: var(--q-color-primary); -webkit-transition: fill .18s ease-out, stroke .18s ease-out, -webkit-transform .18s ease-out; transition: fill .18s ease-out, stroke .18s ease-out, -webkit-transform .18s ease-out; transition: transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out; transition: transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out, -webkit-transform .18s ease-out; } .q-slider__thumb.q-slider--focus { opacity: 1 !important; } .q-slider__thumb--h { top: 50%; will-change: left; } .q-slider__thumb--h-ltr { -webkit-transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; } .q-slider__thumb--h-rtl { -webkit-transform: scale(1) translate(50%, -50%) /* rtl:ignore */; transform: scale(1) translate(50%, -50%) /* rtl:ignore */; } .q-slider__thumb--v { left: 50% /* rtl:ignore */; will-change: top; } .q-slider__thumb--v-ltr { -webkit-transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; } .q-slider__thumb--v-rtl { -webkit-transform: scale(1) translate(-50%, 50%) /* rtl:ignore */; transform: scale(1) translate(-50%, 50%) /* rtl:ignore */; } .q-slider__thumb-shape { top: 0; left: 0; stroke-width: 3.5; stroke: currentColor; -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s, -webkit-transform .28s; } .q-slider__thumb-shape path { stroke: currentColor; fill: currentColor; } .q-slider__focus-ring { border-radius: 50%; opacity: 0; -webkit-transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out; transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; -webkit-transition-delay: .14s; transition-delay: .14s; } .q-slider__pin { opacity: 0; white-space: nowrap; -webkit-transition: opacity .28s ease-out; transition: opacity .28s ease-out; -webkit-transition-delay: .14s; transition-delay: .14s; } .q-slider__pin:before { content: ''; width: 0; height: 0; position: absolute; } .q-slider__pin--h:before { border-left: 6px solid transparent; border-right: 6px solid transparent; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .q-slider__pin--h-standard { bottom: 100%; } .q-slider__pin--h-standard:before { bottom: 2px; border-top: 6px solid currentColor; } .q-slider__pin--h-switched { top: 100%; } .q-slider__pin--h-switched:before { top: 2px; border-bottom: 6px solid currentColor; } .q-slider__pin--v { top: 0; } .q-slider__pin--v:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .q-slider__pin--v-standard { left: 100%; } .q-slider__pin--v-standard:before { left: 2px; border-right: 6px solid currentColor; } .q-slider__pin--v-switched { right: 100%; } .q-slider__pin--v-switched:before { right: 2px; border-left: 6px solid currentColor; } .q-slider__label { z-index: 1; white-space: nowrap; position: absolute; } .q-slider__label--h { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .q-slider__label--h-standard { bottom: 7px; } .q-slider__label--h-switched { top: 7px; } .q-slider__label--v { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .q-slider__label--v-standard { left: 7px; } .q-slider__label--v-switched { right: 7px; } .q-slider__text-container { min-height: 25px; padding: 2px 8px; border-radius: 4px; background: currentColor; position: relative; text-align: center; } .q-slider__text { color: #fff; font-size: 12px; } .q-slider--no-value .q-slider__thumb, .q-slider--no-value .q-slider__inner, .q-slider--no-value .q-slider__selection { opacity: 0; } .q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring { background: currentColor; -webkit-transform: scale3d(1.55, 1.55, 1); transform: scale3d(1.55, 1.55, 1); opacity: .25; } .q-slider--focus .q-slider__thumb, .q-slider--focus .q-slider__inner, .q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection { opacity: 1; } .q-slider--inactive .q-slider__thumb--h { -webkit-transition: left .28s, right .28s; transition: left .28s, right .28s; } .q-slider--inactive .q-slider__thumb--v { -webkit-transition: top .28s, bottom .28s; transition: top .28s, bottom .28s; } .q-slider--inactive .q-slider__selection { -webkit-transition: width .28s, left .28s, right .28s, height .28s, top .28s, bottom .28s; transition: width .28s, left .28s, right .28s, height .28s, top .28s, bottom .28s; } .q-slider--inactive .q-slider__text-container { -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s, -webkit-transform .28s; } .q-slider--active { cursor: -webkit-grabbing; cursor: grabbing; } .q-slider--active .q-slider__thumb-shape { -webkit-transform: scale(1.5); transform: scale(1.5); } .q-slider--active .q-slider__focus-ring, .q-slider--active.q-slider--label .q-slider__thumb-shape { -webkit-transform: scale(0) !important; transform: scale(0) !important; } body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin { opacity: 1; } .q-slider--label.q-slider--active .q-slider__pin, .q-slider--label .q-slider--focus .q-slider__pin, .q-slider--label.q-slider--label-always .q-slider__pin { opacity: 1; } .q-slider--dark .q-slider__track { background: rgba(255, 255, 255, 0.1); } .q-slider--dark .q-slider__inner { background: rgba(255, 255, 255, 0.1); } .q-slider--dark .q-slider__markers { color: rgba(255, 255, 255, 0.3); } .q-slider--dense .q-slider__track-container--h { padding: 6px 0; } .q-slider--dense .q-slider__track-container--v { padding: 0 6px; } .q-space { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .q-spinner { vertical-align: middle; } .q-spinner-mat { -webkit-animation: q-spin 2s linear infinite; animation: q-spin 2s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .q-spinner-mat .path { stroke-dasharray: 1, 200 /* rtl:ignore */; stroke-dashoffset: 0 /* rtl:ignore */; -webkit-animation: q-mat-dash 1.5s ease-in-out infinite; animation: q-mat-dash 1.5s ease-in-out infinite; } @-webkit-keyframes q-spin { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */; } 25% { -webkit-transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; } 50% { -webkit-transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; } 75% { -webkit-transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */; } 100% { -webkit-transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */; } } @keyframes q-spin { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */; } 25% { -webkit-transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; } 50% { -webkit-transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; } 75% { -webkit-transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */; } 100% { -webkit-transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */; } } @-webkit-keyframes q-mat-dash { 0% { stroke-dasharray: 1, 200 /* rtl:ignore */; stroke-dashoffset: 0 /* rtl:ignore */; } 50% { stroke-dasharray: 89, 200 /* rtl:ignore */; stroke-dashoffset: -35px /* rtl:ignore */; } 100% { stroke-dasharray: 89, 200 /* rtl:ignore */; stroke-dashoffset: -124px /* rtl:ignore */; } } @keyframes q-mat-dash { 0% { stroke-dasharray: 1, 200 /* rtl:ignore */; stroke-dashoffset: 0 /* rtl:ignore */; } 50% { stroke-dasharray: 89, 200 /* rtl:ignore */; stroke-dashoffset: -35px /* rtl:ignore */; } 100% { stroke-dasharray: 89, 200 /* rtl:ignore */; stroke-dashoffset: -124px /* rtl:ignore */; } } .q-splitter__panel { position: relative; z-index: 0; } .q-splitter__panel > .q-splitter { width: 100%; height: 100%; } .q-splitter__separator { background-color: #e5e6eb; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 1; } .q-splitter__separator-area > * { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .q-splitter--dark .q-splitter__separator { background-color: rgba(255, 255, 255, 0.28); } .q-splitter--vertical > .q-splitter__panel { height: 100%; } .q-splitter--vertical.q-splitter--active { cursor: col-resize; } .q-splitter--vertical > .q-splitter__separator { width: 1px; } .q-splitter--vertical > .q-splitter__separator > div { left: -6px; right: -6px; } .q-splitter--vertical.q-splitter--workable > .q-splitter__separator { cursor: col-resize; } .q-splitter--horizontal > .q-splitter__panel { width: 100%; } .q-splitter--horizontal.q-splitter--active { cursor: row-resize; } .q-splitter--horizontal > .q-splitter__separator { height: 1px; } .q-splitter--horizontal > .q-splitter__separator > div { top: -6px; bottom: -6px; } .q-splitter--horizontal.q-splitter--workable > .q-splitter__separator { cursor: row-resize; } .q-splitter__before, .q-splitter__after { overflow: auto; } .q-stepper { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; background: #fff; } .q-stepper__title { font-size: 14px; line-height: 18px; letter-spacing: .1px; } .q-stepper__caption { font-size: 12px; line-height: 14px; } .q-stepper__dot { contain: layout; margin-right: 8px; font-size: 14px; width: 24px; min-width: 24px; height: 24px; border-radius: 50%; background: currentColor; } .q-stepper__dot span { color: #fff; } .q-stepper__tab { padding: 8px 24px; font-size: 14px; color: #9e9e9e; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .q-stepper--dark .q-stepper__dot span { color: #000; } .q-stepper__tab--navigation { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .q-stepper__tab--active, .q-stepper__tab--done { color: #174896; color: var(--q-color-primary); } .q-stepper__tab--active .q-stepper__dot, .q-stepper__tab--active .q-stepper__label, .q-stepper__tab--done .q-stepper__dot, .q-stepper__tab--done .q-stepper__label { text-shadow: 0 0 0 currentColor; } .q-stepper__tab--disabled .q-stepper__dot { background: rgba(0, 0, 0, 0.22); } .q-stepper__tab--disabled .q-stepper__label { color: rgba(0, 0, 0, 0.32); } .q-stepper__tab--error { color: #cc382f; color: var(--q-color-negative); } .q-stepper__tab--error-with-icon .q-stepper__dot { background: transparent !important; } .q-stepper__tab--error-with-icon .q-stepper__dot span { color: currentColor; } .q-stepper__tab--error-with-icon .q-stepper__dot .q-icon { font-size: 24px; } .q-stepper__header { border-top-left-radius: inherit; border-top-right-radius: inherit; } .q-stepper__header--border { border-bottom: 1px solid #e5e6eb; } .q-stepper__header--standard-labels .q-stepper__tab { min-height: 72px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .q-stepper__header--standard-labels .q-stepper__tab:first-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .q-stepper__header--standard-labels .q-stepper__tab:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .q-stepper__header--standard-labels .q-stepper__tab:only-child { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .q-stepper__header--standard-labels .q-stepper__dot:after { display: none; } .q-stepper__header--alternative-labels .q-stepper__tab { min-height: 104px; padding: 24px 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .q-stepper__header--alternative-labels .q-stepper__dot { margin-right: 0; } .q-stepper__header--alternative-labels .q-stepper__label { margin-top: 8px; text-align: center; } .q-stepper__header--alternative-labels .q-stepper__label:before, .q-stepper__header--alternative-labels .q-stepper__label:after { display: none; } .q-stepper__header--contracted { min-height: 72px; } .q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab { min-height: 72px; } .q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .q-stepper__header--contracted .q-stepper__tab { padding: 24px 0; } .q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot { -webkit-transform: translateX(24px); transform: translateX(24px); } .q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot { -webkit-transform: translateX(-24px); transform: translateX(-24px); } .q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after { display: block !important; } .q-stepper__header--contracted .q-stepper__dot { margin: 0; } .q-stepper__header--contracted .q-stepper__label { display: none; } .q-stepper__nav { padding-top: 24px; } .q-stepper--bordered { border: 1px solid #e5e6eb; } .q-stepper--horizontal .q-stepper__step-inner { padding: 24px; } .q-stepper--horizontal .q-stepper__tab:first-child { border-top-left-radius: inherit; } .q-stepper--horizontal .q-stepper__tab:last-child { border-top-right-radius: inherit; } .q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before, .q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after, .q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after { display: none; } .q-stepper--horizontal .q-stepper__tab { overflow: hidden; } .q-stepper--horizontal .q-stepper__line { contain: layout; } .q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after { position: absolute; top: 50%; height: 1px; width: 100vw; background: #e5e6eb; } .q-stepper--horizontal .q-stepper__label:after, .q-stepper--horizontal .q-stepper__dot:after { content: ''; left: 100%; margin-left: 8px; } .q-stepper--horizontal .q-stepper__dot:before { content: ''; right: 100%; margin-right: 8px; } .q-stepper--horizontal > .q-stepper__nav { padding: 0 24px 24px; } .q-stepper--vertical { padding: 16px 0; } .q-stepper--vertical .q-stepper__tab { padding: 12px 24px; } .q-stepper--vertical .q-stepper__title { line-height: 18px; } .q-stepper--vertical .q-stepper__step-inner { padding: 0 24px 32px 60px; } .q-stepper--vertical > .q-stepper__nav { padding: 24px 24px 0; } .q-stepper--vertical .q-stepper__step { overflow: hidden; } .q-stepper--vertical .q-stepper__dot { margin-right: 12px; } .q-stepper--vertical .q-stepper__dot:before, .q-stepper--vertical .q-stepper__dot:after { content: ''; position: absolute; left: 50%; width: 1px; height: 99999px; background: #e5e6eb; } .q-stepper--vertical .q-stepper__dot:before { bottom: 100%; margin-bottom: 8px; } .q-stepper--vertical .q-stepper__dot:after { top: 100%; margin-top: 8px; } .q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before, .q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after { display: none; } .q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner { padding-bottom: 8px; } .q-stepper--dark.q-stepper--bordered, .q-stepper--dark .q-stepper__header--border { border-color: rgba(255, 255, 255, 0.28); } .q-stepper--dark.q-stepper--horizontal .q-stepper__line:before, .q-stepper--dark.q-stepper--horizontal .q-stepper__line:after { background: rgba(255, 255, 255, 0.28); } .q-stepper--dark.q-stepper--vertical .q-stepper__dot:before, .q-stepper--dark.q-stepper--vertical .q-stepper__dot:after { background: rgba(255, 255, 255, 0.28); } .q-stepper--dark .q-stepper__tab--disabled { color: rgba(255, 255, 255, 0.28); } .q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot { background: rgba(255, 255, 255, 0.28); } .q-stepper--dark .q-stepper__tab--disabled .q-stepper__label { color: rgba(255, 255, 255, 0.54); } .q-tab-panels { background: #fff; } .q-tab-panel { padding: 16px; } .q-markup-table { overflow: auto; background: #fff; } .q-table { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; } .q-table thead tr, .q-table tbody td { height: 48px; } .q-table th { font-weight: 500; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .q-table th.sortable { cursor: pointer; } .q-table th.sortable:hover .q-table__sort-icon { opacity: .64; } .q-table th.sorted .q-table__sort-icon { opacity: .86 !important; } .q-table th.sort-desc .q-table__sort-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .q-table th, .q-table td { padding: 7px 16px; background-color: inherit; } .q-table thead, .q-table td, .q-table th { border-style: solid; border-width: 0; } .q-table tbody td { font-size: 13px; } .q-table__card { color: #000; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); } .q-table__card .q-table__middle { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-table__card .q-table__top, .q-table__card .q-table__bottom { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .q-table__container { position: relative; } .q-table__container.fullscreen { max-height: 100%; } .q-table__container > div:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .q-table__container > div:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .q-table__container > .q-inner-loading { border-radius: inherit !important; } .q-table__top { padding: 12px 16px; } .q-table__top .q-table__control { -ms-flex-wrap: wrap; flex-wrap: wrap; } .q-table__title { font-size: 20px; letter-spacing: .005em; font-weight: 400; } .q-table__separator { min-width: 8px !important; } .q-table__progress { height: 0 !important; } .q-table__progress th { padding: 0 !important; border: 0 !important; } .q-table__progress .q-linear-progress { position: absolute; bottom: 0; } .q-table__middle { max-width: 100%; } .q-table__bottom { min-height: 50px; padding: 4px 14px 4px 16px; font-size: 12px; } .q-table__bottom .q-table__control { min-height: 24px; } .q-table__bottom-nodata-icon { font-size: 200%; margin-right: 8px; } .q-table__bottom-item { margin-right: 16px; } .q-table__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .q-table__sort-icon { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); opacity: 0; font-size: 120%; } .q-table__sort-icon--left, .q-table__sort-icon--center { margin-left: 4px; } .q-table__sort-icon--right { margin-right: 4px; } .q-table--col-auto-width { width: 1px; } .q-table--flat { -webkit-box-shadow: none; box-shadow: none; } .q-table--bordered { border: 1px solid #e5e6eb; } .q-table--square { border-radius: 0; } .q-table__linear-progress { height: 2px; } .q-table--no-wrap th, .q-table--no-wrap td { white-space: nowrap; } .q-table--grid { -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; } .q-table--grid .q-table__top { padding-bottom: 4px; } .q-table--grid .q-table__middle { min-height: 2px; margin-bottom: 4px; } .q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th { border: 0 !important; } .q-table--grid .q-table__linear-progress { bottom: 0; } .q-table--grid .q-table__bottom { border-top: 0; } .q-table--grid .q-table__grid-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-table--grid.fullscreen { background: inherit; } .q-table__grid-item-card { vertical-align: top; padding: 12px; } .q-table__grid-item-card .q-separator { margin: 12px 0; } .q-table__grid-item-row + .q-table__grid-item-row { margin-top: 8px; } .q-table__grid-item-title { opacity: .54; font-weight: 500; font-size: 12px; } .q-table__grid-item-value { font-size: 13px; } .q-table__grid-item { padding: 4px; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .q-table__grid-item--selected { -webkit-transform: scale(0.95); transform: scale(0.95); } .q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td { border-bottom-width: 1px; } .q-table--vertical-separator td, .q-table--vertical-separator th, .q-table--cell-separator td, .q-table--cell-separator th { border-left-width: 1px; } .q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th { border-bottom-width: 1px; } .q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child { border-left: 0; } .q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top { border-bottom: 1px solid #e5e6eb; } .q-table--dense .q-table__top { padding: 6px 16px; } .q-table--dense .q-table__bottom { min-height: 33px; } .q-table--dense .q-table__sort-icon { font-size: 110%; } .q-table--dense .q-table th, .q-table--dense .q-table td { padding: 4px 8px; } .q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td { height: 28px; } .q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child { padding-left: 16px; } .q-table--dense .q-table th:last-child, .q-table--dense .q-table td:last-child { padding-right: 16px; } .q-table--dense .q-table__bottom-item { margin-right: 8px; } .q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native { min-height: 24px; padding: 0; } .q-table--dense .q-table__select .q-field__marginal { height: 24px; } .q-table__bottom { border-top: 1px solid #e5e6eb; } .q-table thead, .q-table tr, .q-table th, .q-table td { border-color: #e5e6eb; } .q-table tbody td { position: relative; } .q-table tbody td:before, .q-table tbody td:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .q-table tbody td:before { background: rgba(0, 0, 0, 0.03); } .q-table tbody td:after { background: rgba(0, 0, 0, 0.06); } .q-table tbody tr.selected td:after { content: ''; } body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before { content: ''; } .q-table__card--dark, .q-table--dark { border-color: rgba(255, 255, 255, 0.28); } .q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td { border-color: rgba(255, 255, 255, 0.28); } .q-table--dark tbody td:before { background: rgba(255, 255, 255, 0.07); } .q-table--dark tbody td:after { background: rgba(255, 255, 255, 0.1); } .q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top { border-color: rgba(255, 255, 255, 0.28); } .q-tab { padding: 0 16px; min-height: 48px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; text-transform: uppercase; white-space: nowrap; color: inherit; text-decoration: none; } .q-tab--full { min-height: 72px; } .q-tab--no-caps { text-transform: none; } .q-tab__content { height: inherit; padding: 4px 0; min-width: 40px; } .q-tab__content--inline .q-tab__icon + .q-tab__label { padding-left: 8px; } .q-tab__content .q-chip--floating { top: 0; right: -16px; } .q-tab__icon { width: 24px; height: 24px; font-size: 24px; } .q-tab__label { font-size: 14px; line-height: 1.715em; font-weight: 500; } .q-tab .q-badge { top: 3px; right: -12px; } .q-tab__alert, .q-tab__alert-icon { position: absolute; } .q-tab__alert { top: 7px; right: -9px; height: 10px; width: 10px; border-radius: 50%; background: currentColor; } .q-tab__alert-icon { top: 2px; right: -12px; font-size: 18px; } .q-tab__indicator { opacity: 0; height: 2px; background: currentColor; } .q-tab--active .q-tab__indicator { opacity: 1; -webkit-transform-origin: left /* rtl:ignore */; transform-origin: left /* rtl:ignore */; } .q-tab--inactive { opacity: .85; } .q-tabs { position: relative; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal { padding-left: 36px; padding-right: 36px; } .q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical { padding-top: 36px; padding-bottom: 36px; } .q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded { opacity: 0.3; pointer-events: none; } .q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded { display: none; } .q-tabs--not-scrollable .q-tabs__arrow { display: none; } .q-tabs--not-scrollable .q-tabs__content { border-radius: inherit; } .q-tabs__arrow { cursor: pointer; font-size: 32px; min-width: 36px; text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000; -webkit-transition: opacity .3s; transition: opacity .3s; } .q-tabs__content { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-tabs__content--align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .q-tabs__content--align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .q-tabs__content--align-justify .q-tab { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-tabs__offset { display: none; } .q-tabs--horizontal .q-tabs__arrow { height: 100%; } .q-tabs--horizontal .q-tabs__arrow--start { top: 0; left: 0 /* rtl:ignore */; bottom: 0; } .q-tabs--horizontal .q-tabs__arrow--end { top: 0; right: 0 /* rtl:ignore */; bottom: 0; } .q-tabs--vertical { display: block !important; height: 100%; } .q-tabs--vertical .q-tabs__content { display: block !important; height: 100%; } .q-tabs--vertical .q-tabs__arrow { width: 100%; height: 36px; text-align: center; } .q-tabs--vertical .q-tabs__arrow--start { top: 0; left: 0; right: 0; } .q-tabs--vertical .q-tabs__arrow--end { left: 0; right: 0; bottom: 0; } .q-tabs--vertical .q-tab { padding: 0 8px; } .q-tabs--vertical .q-tab__indicator { height: unset; width: 2px; } .q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content { height: 100%; } .q-tabs--vertical.q-tabs--dense .q-tab__content { min-width: 24px; } .q-tabs--dense .q-tab { min-height: 36px; } .q-tabs--dense .q-tab--full { min-height: 52px; } .q-time { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; background: #fff; outline: 0; width: 290px; min-width: 290px; max-width: 100%; } .q-time--bordered { border: 1px solid #e5e6eb; } .q-time__header { border-top-left-radius: inherit; color: #fff; background-color: #174896; background-color: var(--q-color-primary); padding: 16px; font-weight: 300; } .q-time__actions { padding: 0 16px 16px; } .q-time__header-label { font-size: 28px; line-height: 1; letter-spacing: -.00833em; } .q-time__header-label > div + div { margin-left: 4px; } .q-time__link { opacity: .56; outline: 0; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .q-time__link--active, .q-time__link:hover, .q-time__link:focus { opacity: 1; } .q-time__header-ampm { font-size: 16px; letter-spacing: .1em; } .q-time__content { padding: 16px; } .q-time__content:before { content: ''; display: block; padding-bottom: 100%; } .q-time__container-parent { padding: 16px; } .q-time__container-child { border-radius: 50%; background: rgba(0, 0, 0, 0.12); } .q-time__clock { padding: 24px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; font-size: 14px; } .q-time__clock-circle { position: relative; } .q-time__clock-center { height: 6px; width: 6px; margin: auto; border-radius: 50%; min-height: 0; background: currentColor; } .q-time__clock-pointer { width: 2px; height: 50%; -webkit-transform-origin: 0 0 /* rtl:ignore */; transform-origin: 0 0 /* rtl:ignore */; min-height: 0; position: absolute; left: 50%; right: 0; bottom: 0; color: #174896; color: var(--q-color-primary); background: currentColor; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .q-time__clock-pointer:before, .q-time__clock-pointer:after { content: ''; position: absolute; left: 50%; border-radius: 50%; background: currentColor; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .q-time__clock-pointer:before { bottom: -4px; width: 8px; height: 8px; } .q-time__clock-pointer:after { top: -3px; height: 6px; width: 6px; } .q-time__clock-position { position: absolute; min-height: 32px; width: 32px; height: 32px; font-size: 12px; line-height: 32px; margin: 0; padding: 0; -webkit-transform: translate(-50%, -50%) /* rtl:ignore */; transform: translate(-50%, -50%) /* rtl:ignore */; border-radius: 50%; } .q-time__clock-position--disable { opacity: .4; } .q-time__clock-position--active { background-color: #174896; background-color: var(--q-color-primary); color: #fff; } .q-time__clock-pos-0 { top: 0%; left: 50% /* rtl:ignore */; } .q-time__clock-pos-1 { top: 6.7%; left: 75% /* rtl:ignore */; } .q-time__clock-pos-2 { top: 25%; left: 93.3% /* rtl:ignore */; } .q-time__clock-pos-3 { top: 50%; left: 100% /* rtl:ignore */; } .q-time__clock-pos-4 { top: 75%; left: 93.3% /* rtl:ignore */; } .q-time__clock-pos-5 { top: 93.3%; left: 75% /* rtl:ignore */; } .q-time__clock-pos-6 { top: 100%; left: 50% /* rtl:ignore */; } .q-time__clock-pos-7 { top: 93.3%; left: 25% /* rtl:ignore */; } .q-time__clock-pos-8 { top: 75%; left: 6.7% /* rtl:ignore */; } .q-time__clock-pos-9 { top: 50%; left: 0% /* rtl:ignore */; } .q-time__clock-pos-10 { top: 25%; left: 6.7% /* rtl:ignore */; } .q-time__clock-pos-11 { top: 6.7%; left: 25% /* rtl:ignore */; } .q-time__clock-pos-12 { top: 15%; left: 50% /* rtl:ignore */; } .q-time__clock-pos-13 { top: 19.69%; left: 67.5% /* rtl:ignore */; } .q-time__clock-pos-14 { top: 32.5%; left: 80.31% /* rtl:ignore */; } .q-time__clock-pos-15 { top: 50%; left: 85% /* rtl:ignore */; } .q-time__clock-pos-16 { top: 67.5%; left: 80.31% /* rtl:ignore */; } .q-time__clock-pos-17 { top: 80.31%; left: 67.5% /* rtl:ignore */; } .q-time__clock-pos-18 { top: 85%; left: 50% /* rtl:ignore */; } .q-time__clock-pos-19 { top: 80.31%; left: 32.5% /* rtl:ignore */; } .q-time__clock-pos-20 { top: 67.5%; left: 19.69% /* rtl:ignore */; } .q-time__clock-pos-21 { top: 50%; left: 15% /* rtl:ignore */; } .q-time__clock-pos-22 { top: 32.5%; left: 19.69% /* rtl:ignore */; } .q-time__clock-pos-23 { top: 19.69%; left: 32.5% /* rtl:ignore */; } .q-time__now-button { background-color: #174896; background-color: var(--q-color-primary); color: #fff; top: 12px; right: 12px; } .q-time.disabled .q-time__header-ampm, .q-time.disabled .q-time__content, .q-time--readonly .q-time__header-ampm, .q-time--readonly .q-time__content { pointer-events: none; } .q-time--portrait { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-time--portrait .q-time__header { border-top-right-radius: inherit; min-height: 86px; } .q-time--portrait .q-time__header-ampm { margin-left: 12px; } .q-time--portrait.q-time--bordered .q-time__content { margin: 1px 0; } .q-time--landscape { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-width: 420px; } .q-time--landscape > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .q-time--landscape .q-time__header { border-bottom-left-radius: inherit; min-width: 156px; } .q-time--landscape .q-time__header-ampm { margin-top: 12px; } .q-time--dark { border-color: rgba(255, 255, 255, 0.28); } .q-timeline { padding: 0; width: 100%; list-style: none; } .q-timeline h6 { line-height: inherit; } .q-timeline--dark { color: #fff; } .q-timeline--dark .q-timeline__subtitle { opacity: .7; } .q-timeline__content { padding-bottom: 24px; } .q-timeline__title { margin-top: 0; margin-bottom: 16px; } .q-timeline__subtitle { font-size: 12px; margin-bottom: 8px; opacity: .6; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .q-timeline__dot { position: absolute; top: 0; bottom: 0; width: 15px; } .q-timeline__dot:before, .q-timeline__dot:after { content: ''; background: currentColor; display: block; position: absolute; } .q-timeline__dot:before { border: 3px solid transparent; border-radius: 100%; height: 15px; width: 15px; top: 4px; left: 0; -webkit-transition: background .3s ease-in-out, border .3s ease-in-out; transition: background .3s ease-in-out, border .3s ease-in-out; } .q-timeline__dot:after { width: 3px; opacity: .4; top: 24px; bottom: 0; left: 6px; } .q-timeline__dot .q-icon { position: absolute; top: 0; left: 0; right: 0; font-size: 16px; height: 38px; line-height: 38px; width: 100%; color: #fff; } .q-timeline__dot .q-icon > svg, .q-timeline__dot .q-icon > img { width: 1em; height: 1em; } .q-timeline__dot-img { position: absolute; top: 4px; left: 0; right: 0; height: 31px; width: 31px; background: currentColor; border-radius: 50%; } .q-timeline__heading { position: relative; } .q-timeline__heading:first-child .q-timeline__heading-title { padding-top: 0; } .q-timeline__heading:last-child .q-timeline__heading-title { padding-bottom: 0; } .q-timeline__heading-title { padding: 32px 0; margin: 0; } .q-timeline__entry { position: relative; line-height: 22px; } .q-timeline__entry:last-child { padding-bottom: 0 !important; } .q-timeline__entry:last-child .q-timeline__dot:after { content: none; } .q-timeline__entry--icon .q-timeline__dot { width: 31px; } .q-timeline__entry--icon .q-timeline__dot:before { height: 31px; width: 31px; } .q-timeline__entry--icon .q-timeline__dot:after { top: 41px; left: 14px; } .q-timeline__entry--icon .q-timeline__subtitle { padding-top: 8px; } .q-timeline--dense--right .q-timeline__entry { padding-left: 40px; } .q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot { left: -8px; } .q-timeline--dense--right .q-timeline__dot { left: 0; } .q-timeline--dense--left .q-timeline__heading { text-align: right; } .q-timeline--dense--left .q-timeline__entry { padding-right: 40px; } .q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot { right: -8px; } .q-timeline--dense--left .q-timeline__content, .q-timeline--dense--left .q-timeline__title, .q-timeline--dense--left .q-timeline__subtitle { text-align: right; } .q-timeline--dense--left .q-timeline__dot { right: 0; } .q-timeline--comfortable { display: table; } .q-timeline--comfortable .q-timeline__heading { display: table-row; font-size: 200%; } .q-timeline--comfortable .q-timeline__heading > div { display: table-cell; } .q-timeline--comfortable .q-timeline__entry { display: table-row; padding: 0; } .q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content { padding-top: 8px; } .q-timeline--comfortable .q-timeline__subtitle, .q-timeline--comfortable .q-timeline__dot, .q-timeline--comfortable .q-timeline__content { display: table-cell; vertical-align: top; } .q-timeline--comfortable .q-timeline__subtitle { width: 35%; } .q-timeline--comfortable .q-timeline__dot { position: relative; min-width: 31px; } .q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title { margin-left: -50px; } .q-timeline--comfortable--right .q-timeline__subtitle { text-align: right; padding-right: 30px; } .q-timeline--comfortable--right .q-timeline__content { padding-left: 30px; } .q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot { left: -8px; } .q-timeline--comfortable--left .q-timeline__heading { text-align: right; } .q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title { margin-right: -50px; } .q-timeline--comfortable--left .q-timeline__subtitle { padding-left: 30px; } .q-timeline--comfortable--left .q-timeline__content { padding-right: 30px; } .q-timeline--comfortable--left .q-timeline__content, .q-timeline--comfortable--left .q-timeline__title { text-align: right; } .q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot { right: 0; } .q-timeline--comfortable--left .q-timeline__dot { right: -8px; } .q-timeline--loose .q-timeline__heading-title { text-align: center; margin-left: 0; } .q-timeline--loose .q-timeline__entry, .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__dot, .q-timeline--loose .q-timeline__content { display: block; margin: 0; padding: 0; } .q-timeline--loose .q-timeline__dot { position: absolute; left: 50%; margin-left: -7.15px; } .q-timeline--loose .q-timeline__entry { padding-bottom: 24px; overflow: hidden; } .q-timeline--loose .q-timeline__entry--icon .q-timeline__dot { margin-left: -15px; } .q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle { line-height: 38px; } .q-timeline--loose .q-timeline__entry--icon .q-timeline__content { padding-top: 8px; } .q-timeline--loose .q-timeline__entry--left .q-timeline__content, .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle { float: left; padding-right: 30px; text-align: right; } .q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, .q-timeline--loose .q-timeline__entry--right .q-timeline__content { float: right; text-align: left; padding-left: 30px; } .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__content { width: 50%; } .q-toggle { vertical-align: middle; } .q-toggle__native { width: 1px; height: 1px; } .q-toggle__track { height: .35em; border-radius: .175em; opacity: .38; background: currentColor; } .q-toggle__thumb { top: .25em; left: .25em; width: .5em; height: .5em; -webkit-transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1); transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 0; } .q-toggle__thumb:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: #fff; -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); 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); } .q-toggle__thumb .q-icon { font-size: .3em; min-width: 1em; color: #000; opacity: .54; z-index: 1; } .q-toggle__inner { font-size: 40px; width: 1.4em; min-width: 1.4em; height: 1em; padding: .325em .3em; -webkit-print-color-adjust: exact; } .q-toggle__inner--indet .q-toggle__thumb { left: .45em; } .q-toggle__inner--truthy { color: #174896; color: var(--q-color-primary); } .q-toggle__inner--truthy .q-toggle__track { opacity: .54; } .q-toggle__inner--truthy .q-toggle__thumb { left: .65em; } .q-toggle__inner--truthy .q-toggle__thumb:after { background-color: currentColor; } .q-toggle__inner--truthy .q-toggle__thumb .q-icon { color: #fff; opacity: 1; } .q-toggle.disabled { opacity: .75 !important; } .q-toggle--dark .q-toggle__inner { color: #fff; } .q-toggle--dark .q-toggle__inner--truthy { color: #174896; color: var(--q-color-primary); } .q-toggle--dark .q-toggle__thumb:before { opacity: .32 !important; } .q-toggle--dense .q-toggle__inner { width: .8em; min-width: .8em; height: .5em; padding: .07625em 0; } .q-toggle--dense .q-toggle__thumb { top: 0; left: 0; } .q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb { left: .15em; } .q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb { left: .3em; } .q-toggle--dense .q-toggle__label { padding-left: .5em; } .q-toggle--dense.reverse .q-toggle__label { padding-left: 0; padding-right: .5em; } body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: currentColor; opacity: .12; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.22s cubic-bezier(0, 0, 0.2, 1); } body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before { -webkit-transform: scale3d(2, 2, 1); transform: scale3d(2, 2, 1); } body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before { -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } .q-toolbar { position: relative; padding: 0 12px; min-height: 50px; width: 100%; } .q-toolbar--inset { padding-left: 58px; } .q-toolbar .q-avatar { font-size: 38px; } .q-toolbar__title { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 1px; max-width: 100%; font-size: 21px; font-weight: normal; letter-spacing: 0.01em; padding: 0 12px; } .q-toolbar__title:first-child { padding-left: 0; } .q-toolbar__title:last-child { padding-right: 0; } .q-tooltip--style { font-size: 10px; color: #fafafa; background: #757575; border-radius: 4px; text-transform: none; font-weight: normal; } .q-tooltip { z-index: 9000; position: fixed !important; overflow-y: auto; overflow-x: hidden; padding: 6px 10px; } @media (max-width: 599.98px) { .q-tooltip { font-size: 14px; padding: 8px 16px; } } .q-tree { position: relative; color: #9e9e9e; } .q-tree__node { padding: 0 0 3px 22px; } .q-tree__node:after { content: ''; position: absolute; top: -3px; bottom: 0; width: 2px; right: auto; left: -13px; border-left: 1px solid currentColor; } .q-tree__node:last-child:after { display: none; } .q-tree__node--disabled { pointer-events: none; } .q-tree__node--disabled .disabled { opacity: 1 !important; } .q-tree__node--disabled > div, .q-tree__node--disabled > i, .q-tree__node--disabled > .disabled { opacity: .6 !important; } .q-tree__node--disabled > div .q-tree__node--disabled > div, .q-tree__node--disabled > div .q-tree__node--disabled > i, .q-tree__node--disabled > div .q-tree__node--disabled > .disabled, .q-tree__node--disabled > i .q-tree__node--disabled > div, .q-tree__node--disabled > i .q-tree__node--disabled > i, .q-tree__node--disabled > i .q-tree__node--disabled > .disabled, .q-tree__node--disabled > .disabled .q-tree__node--disabled > div, .q-tree__node--disabled > .disabled .q-tree__node--disabled > i, .q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled { opacity: 1 !important; } .q-tree__node-header:before { content: ''; position: absolute; top: -3px; bottom: 50%; width: 31px; left: -35px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; } .q-tree__children { padding-left: 25px; } .q-tree__node-body { padding: 5px 0 8px 5px; } .q-tree__node--parent { padding-left: 2px; } .q-tree__node--parent > .q-tree__node-header:before { width: 15px; left: -15px; } .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body { padding: 5px 0 8px 27px; } .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after { content: ''; position: absolute; top: 0; width: 2px; height: 100%; right: auto; left: 12px; border-left: 1px solid currentColor; bottom: 50px; } .q-tree__node--link { cursor: pointer; } .q-tree__node-header { padding: 4px; margin-top: 3px; border-radius: 4px; outline: 0; } .q-tree__node-header-content { color: #000; -webkit-transition: color .3s; transition: color .3s; } .q-tree__node--selected .q-tree__node-header-content { color: #9e9e9e; } .q-tree__icon, .q-tree__node-header-content .q-icon { font-size: 21px; } .q-tree__img { height: 42px; border-radius: 2px; } .q-tree__avatar, .q-tree__node-header-content .q-avatar { font-size: 28px; border-radius: 50%; width: 28px; height: 28px; } .q-tree__arrow, .q-tree__spinner { font-size: 16px; margin-right: 4px; } .q-tree__arrow { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .q-tree__arrow--rotate { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } .q-tree__tickbox { margin-right: 4px; } .q-tree > .q-tree__node { padding: 0; } .q-tree > .q-tree__node:after, .q-tree > .q-tree__node > .q-tree__node-header:before { display: none; } .q-tree > .q-tree__node--child > .q-tree__node-header { padding-left: 24px; } .q-tree--dark .q-tree__node-header-content { color: #fff; } .q-tree--no-connectors .q-tree__node:after, .q-tree--no-connectors .q-tree__node-header:before, .q-tree--no-connectors .q-tree__node-body:after { display: none !important; } .q-tree--dense > .q-tree__node--child > .q-tree__node-header { padding-left: 1px; } .q-tree--dense .q-tree__arrow, .q-tree--dense .q-tree__spinner { margin-right: 1px; } .q-tree--dense .q-tree__img { height: 32px; } .q-tree--dense .q-tree__tickbox { margin-right: 3px; } .q-tree--dense .q-tree__node { padding: 0; } .q-tree--dense .q-tree__node:after { top: 0; left: -8px; } .q-tree--dense .q-tree__node-header { margin-top: 0; padding: 1px; } .q-tree--dense .q-tree__node-header:before { top: 0; left: -8px; width: 8px; } .q-tree--dense .q-tree__node--child { padding-left: 17px; } .q-tree--dense .q-tree__node--child > .q-tree__node-header:before { left: -25px; width: 21px; } .q-tree--dense .q-tree__node-body { padding: 0 0 2px; } .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body { padding: 0 0 2px 20px; } .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after { left: 8px; } .q-tree--dense .q-tree__children { padding-left: 16px; } [dir=rtl] .q-tree__arrow { -webkit-transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; } [dir=rtl] .q-tree__arrow--rotate { -webkit-transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; } .q-uploader { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; vertical-align: top; background: #fff; position: relative; width: 320px; max-height: 320px; } .q-uploader--bordered { border: 1px solid #e5e6eb; } .q-uploader__input { opacity: 0; width: 100%; height: 100%; cursor: pointer !important; z-index: 1; } .q-uploader__input::-webkit-file-upload-button { cursor: pointer; } .q-uploader__file:before { content: ''; border-top-left-radius: inherit; border-top-right-radius: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: .04; } .q-uploader__header { position: relative; border-top-left-radius: inherit; border-top-right-radius: inherit; background-color: #174896; background-color: var(--q-color-primary); color: #fff; width: 100%; } .q-uploader__spinner { font-size: 24px; margin-right: 4px; } .q-uploader__header-content { padding: 8px; } .q-uploader__dnd { outline: 1px dashed currentColor; outline-offset: -4px; background: rgba(255, 255, 255, 0.6); } .q-uploader__overlay { font-size: 36px; color: #000; background-color: rgba(255, 255, 255, 0.6); } .q-uploader__list { position: relative; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; padding: 8px; min-height: 60px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .q-uploader__file { border-radius: 4px 4px 0 0; border: 1px solid #e5e6eb; } .q-uploader__file .q-circular-progress { font-size: 24px; } .q-uploader__file--img { color: #fff; height: 200px; min-width: 200px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .q-uploader__file--img:before { content: none; } .q-uploader__file--img .q-circular-progress { color: #fff; } .q-uploader__file--img .q-uploader__file-header { padding-bottom: 24px; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0.7)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(255, 255, 255, 0)); } .q-uploader__file + .q-uploader__file { margin-top: 8px; } .q-uploader__file-header { position: relative; padding: 4px 8px; border-top-left-radius: inherit; border-top-right-radius: inherit; } .q-uploader__file-header-content { padding-right: 8px; } .q-uploader__file-status { font-size: 24px; margin-right: 4px; } .q-uploader__title { font-size: 14px; font-weight: bold; line-height: 18px; word-break: break-word; } .q-uploader__subtitle { font-size: 12px; line-height: 18px; } .q-uploader--disable .q-uploader__header, .q-uploader--disable .q-uploader__list { pointer-events: none; } .q-uploader--dark { border-color: rgba(255, 255, 255, 0.28); } .q-uploader--dark .q-uploader__file { border-color: rgba(255, 255, 255, 0.28); } .q-uploader--dark .q-uploader__dnd, .q-uploader--dark .q-uploader__overlay { background: rgba(255, 255, 255, 0.3); } .q-uploader--dark .q-uploader__overlay { color: #fff; } img.responsive { max-width: 100%; height: auto; } .q-video { position: relative; overflow: hidden; border-radius: inherit; } .q-video iframe, .q-video object, .q-video embed { width: 100%; height: 100%; } .q-video--responsive { height: 0; } .q-video--responsive iframe, .q-video--responsive object, .q-video--responsive embed { position: absolute; top: 0; left: 0; } .q-virtual-scroll:focus { outline: 0; } .q-virtual-scroll__content { outline: none; contain: content; } .q-virtual-scroll__content > * { overflow-anchor: none; } .q-virtual-scroll__content > [data-q-vs-anchor] { overflow-anchor: auto; } .q-virtual-scroll__padding { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(128, 128, 128, 0.03)), color-stop(50%, rgba(128, 128, 128, 0.08)), color-stop(80%, rgba(128, 128, 128, 0.03)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) /* rtl:ignore */; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */; background-size: 100% 50px /* rtl:ignore */; background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) /* rtl:ignore */; } .q-table .q-virtual-scroll__padding tr { height: 0 !important; } .q-table .q-virtual-scroll__padding td { padding: 0 !important; } .q-virtual-scroll--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .q-virtual-scroll--horizontal .q-virtual-scroll__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .q-virtual-scroll--horizontal .q-virtual-scroll__padding, .q-virtual-scroll--horizontal .q-virtual-scroll__content, .q-virtual-scroll--horizontal .q-virtual-scroll__content > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .q-virtual-scroll--horizontal .q-virtual-scroll__padding { background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(128, 128, 128, 0.03)), color-stop(50%, rgba(128, 128, 128, 0.08)), color-stop(80%, rgba(128, 128, 128, 0.03)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) /* rtl:ignore */; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */; background-size: 50px 100% /* rtl:ignore */; background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%) /* rtl:ignore */; } .q-ripple { position: absolute; top: 0; left: 0 /* rtl:ignore */; width: 100%; height: 100%; color: inherit; border-radius: inherit; z-index: 0; pointer-events: none; overflow: hidden; contain: strict; } .q-ripple__inner { position: absolute; top: 0; left: 0 /* rtl:ignore */; opacity: 0; color: inherit; border-radius: 50%; background: currentColor; pointer-events: none; will-change: transform, opacity; } .q-ripple__inner--enter { -webkit-transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1); } .q-ripple__inner--leave { -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .q-morph--invisible, .q-morph--internal { opacity: 0 !important; pointer-events: none !important; position: fixed !important; right: 200vw !important; bottom: 200vh !important; } .q-loading { color: #000; position: fixed !important; } .q-loading:before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: .5; z-index: -1; } .q-loading > div { margin: 40px 20px 0; max-width: 450px; text-align: center; } .q-notifications__list { z-index: 9500; pointer-events: none; left: 0; right: 0; margin-bottom: 10px; position: relative; } .q-notifications__list--center { top: 0; bottom: 0; } .q-notifications__list--top { top: 0; } .q-notifications__list--bottom { bottom: 0; } body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--top { top: 20px; top: env(safe-area-inset-top); } body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--bottom { bottom: env(safe-area-inset-bottom); } .q-notification { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 4px; pointer-events: all; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 10px 10px 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s, -webkit-transform 1s; z-index: 9500; -ms-flex-negative: 0; flex-shrink: 0; max-width: 95vw; background: #323232; color: #fff; font-size: 14px; } .q-notification__icon { font-size: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 1em; flex: 0 0 1em; } .q-notification__icon--additional { margin-right: 16px; } .q-notification__avatar { font-size: 32px; } .q-notification__avatar--additional { margin-right: 8px; } .q-notification__spinner { font-size: 32px; } .q-notification__spinner--additional { margin-right: 8px; } .q-notification__message { padding: 8px 0; } .q-notification__caption { font-size: 0.9em; opacity: 0.7; } .q-notification__actions { color: #174896; color: var(--q-color-primary); } .q-notification__badge { -webkit-animation: q-notif-badge .42s; animation: q-notif-badge .42s; padding: 4px 8px; position: absolute; background: #cc382f; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); background-color: #cc382f; background-color: var(--q-color-negative); color: #fff; border-radius: 4px; font-size: 12px; line-height: 12px; } .q-notification__badge--top-left, .q-notification__badge--top-right { top: -6px; } .q-notification__badge--bottom-left, .q-notification__badge--bottom-right { bottom: -6px; } .q-notification__badge--top-left, .q-notification__badge--bottom-left { left: -22px; } .q-notification__badge--top-right, .q-notification__badge--bottom-right { right: -22px; } .q-notification__progress { z-index: -1; position: absolute; height: 3px; bottom: 0; left: -10px; right: -10px; -webkit-animation: q-notif-progress linear; animation: q-notif-progress linear; background: currentColor; opacity: .3; border-radius: 4px 4px 0 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scaleX(0); transform: scaleX(0); } .q-notification--standard { padding: 0 16px; min-height: 48px; } .q-notification--standard .q-notification__actions { padding: 6px 0 6px 8px; margin-right: -8px; } .q-notification--multi-line { min-height: 68px; padding: 8px 16px; } .q-notification--multi-line .q-notification__badge--top-left, .q-notification--multi-line .q-notification__badge--top-right { top: -15px; } .q-notification--multi-line .q-notification__badge--bottom-left, .q-notification--multi-line .q-notification__badge--bottom-right { bottom: -15px; } .q-notification--multi-line .q-notification__progress { bottom: -8px; } .q-notification--multi-line .q-notification__actions { padding: 0; } .q-notification--multi-line .q-notification__actions--with-media { padding-left: 25px; } .q-notification--top-left-enter, .q-notification--top-left-leave-to, .q-notification--top-enter, .q-notification--top-leave-to, .q-notification--top-right-enter, .q-notification--top-right-leave-to { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); z-index: 9499; } .q-notification--left-enter, .q-notification--left-leave-to, .q-notification--center-enter, .q-notification--center-leave-to, .q-notification--right-enter, .q-notification--right-leave-to { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 9499; } .q-notification--bottom-left-enter, .q-notification--bottom-left-leave-to, .q-notification--bottom-enter, .q-notification--bottom-leave-to, .q-notification--bottom-right-enter, .q-notification--bottom-right-leave-to { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); z-index: 9499; } .q-notification--top-left-leave-active, .q-notification--top-leave-active, .q-notification--top-right-leave-active, .q-notification--left-leave-active, .q-notification--center-leave-active, .q-notification--right-leave-active, .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active { position: absolute; z-index: 9499; margin-left: 0; margin-right: 0; } .q-notification--top-leave-active, .q-notification--center-leave-active { top: 0; } .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active { bottom: 0; } @media (min-width: 600px) { .q-notification { max-width: 65vw; } } @-webkit-keyframes q-notif-badge { 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); } } @keyframes q-notif-badge { 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); } } @-webkit-keyframes q-notif-progress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes q-notif-progress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } /* * Animate.css additions * Adapted from: https: */ :root { --animate-duration: 0.3s; --animate-delay: 0.3s; --animate-repeat: 1; } .animated { -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -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.repeat-1 { -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animated.repeat-2 { -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animated.repeat-3 { -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animated.delay-1s { -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animated.delay-2s { -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animated.delay-3s { -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animated.delay-4s { -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animated.delay-5s { -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animated.faster { -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animated.fast { -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animated.slow { -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animated.slower { -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animated[class*='Out'] { opacity: 0; } } .q-animate--scale { -webkit-animation: q-scale .15s; animation: q-scale .15s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); } @-webkit-keyframes q-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes q-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .q-animate--fade { -webkit-animation: q-fade 0.2s /* rtl:ignore */; animation: q-fade 0.2s /* rtl:ignore */; } @-webkit-keyframes q-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes q-fade { 0% { opacity: 0; } 100% { opacity: 1; } } :root { --q-color-primary: #174896; --q-color-secondary: #4bd863; --q-color-accent: #9c27b0; --q-color-positive: #21ba45; --q-color-negative: #cc382f; --q-color-info: #31ccec; --q-color-warning: #fe9400; --q-color-dark: #1d1d1d; --q-color-dark-page: #121212; } .text-dark { color: #1d1d1d !important; color: var(--q-color-dark) !important; } .bg-dark { background: #1d1d1d !important; background: var(--q-color-dark) !important; } .text-primary { color: #174896 !important; color: var(--q-color-primary) !important; } .bg-primary { background: #174896 !important; background: var(--q-color-primary) !important; } .text-secondary { color: #4bd863 !important; color: var(--q-color-secondary) !important; } .bg-secondary { background: #4bd863 !important; background: var(--q-color-secondary) !important; } .text-accent { color: #9c27b0 !important; color: var(--q-color-accent) !important; } .bg-accent { background: #9c27b0 !important; background: var(--q-color-accent) !important; } .text-positive { color: #21ba45 !important; color: var(--q-color-positive) !important; } .bg-positive { background: #21ba45 !important; background: var(--q-color-positive) !important; } .text-negative { color: #cc382f !important; color: var(--q-color-negative) !important; } .bg-negative { background: #cc382f !important; background: var(--q-color-negative) !important; } .text-info { color: #31ccec !important; color: var(--q-color-info) !important; } .bg-info { background: #31ccec !important; background: var(--q-color-info) !important; } .text-warning { color: #fe9400 !important; color: var(--q-color-warning) !important; } .bg-warning { background: #fe9400 !important; background: var(--q-color-warning) !important; } .text-white { color: #fff !important; } .bg-white { background: #fff !important; } .text-black { color: #000 !important; } .bg-black { background: #000 !important; } .text-transparent { color: transparent !important; } .bg-transparent { background: transparent !important; } .text-separator { color: #e5e6eb !important; } .bg-separator { background: #e5e6eb !important; } .text-dark-separator { color: rgba(255, 255, 255, 0.28) !important; } .bg-dark-separator { background: rgba(255, 255, 255, 0.28) !important; } .text-red { color: #f44336 !important; } .text-red-1 { color: #ffebee !important; } .text-red-2 { color: #ffcdd2 !important; } .text-red-3 { color: #ef9a9a !important; } .text-red-4 { color: #e57373 !important; } .text-red-5 { color: #ef5350 !important; } .text-red-6 { color: #f44336 !important; } .text-red-7 { color: #e53935 !important; } .text-red-8 { color: #d32f2f !important; } .text-red-9 { color: #c62828 !important; } .text-red-10 { color: #b71c1c !important; } .text-red-11 { color: #ff8a80 !important; } .text-red-12 { color: #ff5252 !important; } .text-red-13 { color: #ff1744 !important; } .text-red-14 { color: #d50000 !important; } .text-pink { color: #e91e63 !important; } .text-pink-1 { color: #fce4ec !important; } .text-pink-2 { color: #f8bbd0 !important; } .text-pink-3 { color: #f48fb1 !important; } .text-pink-4 { color: #f06292 !important; } .text-pink-5 { color: #ec407a !important; } .text-pink-6 { color: #e91e63 !important; } .text-pink-7 { color: #d81b60 !important; } .text-pink-8 { color: #c2185b !important; } .text-pink-9 { color: #ad1457 !important; } .text-pink-10 { color: #880e4f !important; } .text-pink-11 { color: #ff80ab !important; } .text-pink-12 { color: #ff4081 !important; } .text-pink-13 { color: #f50057 !important; } .text-pink-14 { color: #c51162 !important; } .text-purple { color: #9c27b0 !important; } .text-purple-1 { color: #f3e5f5 !important; } .text-purple-2 { color: #e1bee7 !important; } .text-purple-3 { color: #ce93d8 !important; } .text-purple-4 { color: #ba68c8 !important; } .text-purple-5 { color: #ab47bc !important; } .text-purple-6 { color: #9c27b0 !important; } .text-purple-7 { color: #8e24aa !important; } .text-purple-8 { color: #7b1fa2 !important; } .text-purple-9 { color: #6a1b9a !important; } .text-purple-10 { color: #4a148c !important; } .text-purple-11 { color: #ea80fc !important; } .text-purple-12 { color: #e040fb !important; } .text-purple-13 { color: #d500f9 !important; } .text-purple-14 { color: #aa00ff !important; } .text-deep-purple { color: #673ab7 !important; } .text-deep-purple-1 { color: #ede7f6 !important; } .text-deep-purple-2 { color: #d1c4e9 !important; } .text-deep-purple-3 { color: #b39ddb !important; } .text-deep-purple-4 { color: #9575cd !important; } .text-deep-purple-5 { color: #7e57c2 !important; } .text-deep-purple-6 { color: #673ab7 !important; } .text-deep-purple-7 { color: #5e35b1 !important; } .text-deep-purple-8 { color: #512da8 !important; } .text-deep-purple-9 { color: #4527a0 !important; } .text-deep-purple-10 { color: #311b92 !important; } .text-deep-purple-11 { color: #b388ff !important; } .text-deep-purple-12 { color: #7c4dff !important; } .text-deep-purple-13 { color: #651fff !important; } .text-deep-purple-14 { color: #6200ea !important; } .text-indigo { color: #3f51b5 !important; } .text-indigo-1 { color: #e8eaf6 !important; } .text-indigo-2 { color: #c5cae9 !important; } .text-indigo-3 { color: #9fa8da !important; } .text-indigo-4 { color: #7986cb !important; } .text-indigo-5 { color: #5c6bc0 !important; } .text-indigo-6 { color: #3f51b5 !important; } .text-indigo-7 { color: #3949ab !important; } .text-indigo-8 { color: #303f9f !important; } .text-indigo-9 { color: #283593 !important; } .text-indigo-10 { color: #1a237e !important; } .text-indigo-11 { color: #8c9eff !important; } .text-indigo-12 { color: #536dfe !important; } .text-indigo-13 { color: #3d5afe !important; } .text-indigo-14 { color: #304ffe !important; } .text-blue { color: #2196f3 !important; } .text-blue-1 { color: #e3f2fd !important; } .text-blue-2 { color: #bbdefb !important; } .text-blue-3 { color: #90caf9 !important; } .text-blue-4 { color: #64b5f6 !important; } .text-blue-5 { color: #42a5f5 !important; } .text-blue-6 { color: #2196f3 !important; } .text-blue-7 { color: #1e88e5 !important; } .text-blue-8 { color: #1976d2 !important; } .text-blue-9 { color: #1565c0 !important; } .text-blue-10 { color: #0d47a1 !important; } .text-blue-11 { color: #82b1ff !important; } .text-blue-12 { color: #448aff !important; } .text-blue-13 { color: #2979ff !important; } .text-blue-14 { color: #2962ff !important; } .text-light-blue { color: #03a9f4 !important; } .text-light-blue-1 { color: #e1f5fe !important; } .text-light-blue-2 { color: #b3e5fc !important; } .text-light-blue-3 { color: #81d4fa !important; } .text-light-blue-4 { color: #4fc3f7 !important; } .text-light-blue-5 { color: #29b6f6 !important; } .text-light-blue-6 { color: #03a9f4 !important; } .text-light-blue-7 { color: #039be5 !important; } .text-light-blue-8 { color: #0288d1 !important; } .text-light-blue-9 { color: #0277bd !important; } .text-light-blue-10 { color: #01579b !important; } .text-light-blue-11 { color: #80d8ff !important; } .text-light-blue-12 { color: #40c4ff !important; } .text-light-blue-13 { color: #00b0ff !important; } .text-light-blue-14 { color: #0091ea !important; } .text-cyan { color: #00bcd4 !important; } .text-cyan-1 { color: #e0f7fa !important; } .text-cyan-2 { color: #b2ebf2 !important; } .text-cyan-3 { color: #80deea !important; } .text-cyan-4 { color: #4dd0e1 !important; } .text-cyan-5 { color: #26c6da !important; } .text-cyan-6 { color: #00bcd4 !important; } .text-cyan-7 { color: #00acc1 !important; } .text-cyan-8 { color: #0097a7 !important; } .text-cyan-9 { color: #00838f !important; } .text-cyan-10 { color: #006064 !important; } .text-cyan-11 { color: #84ffff !important; } .text-cyan-12 { color: #18ffff !important; } .text-cyan-13 { color: #00e5ff !important; } .text-cyan-14 { color: #00b8d4 !important; } .text-teal { color: #009688 !important; } .text-teal-1 { color: #e0f2f1 !important; } .text-teal-2 { color: #b2dfdb !important; } .text-teal-3 { color: #80cbc4 !important; } .text-teal-4 { color: #4db6ac !important; } .text-teal-5 { color: #26a69a !important; } .text-teal-6 { color: #009688 !important; } .text-teal-7 { color: #00897b !important; } .text-teal-8 { color: #00796b !important; } .text-teal-9 { color: #00695c !important; } .text-teal-10 { color: #004d40 !important; } .text-teal-11 { color: #a7ffeb !important; } .text-teal-12 { color: #64ffda !important; } .text-teal-13 { color: #1de9b6 !important; } .text-teal-14 { color: #00bfa5 !important; } .text-green { color: #4caf50 !important; } .text-green-1 { color: #e8f5e9 !important; } .text-green-2 { color: #c8e6c9 !important; } .text-green-3 { color: #a5d6a7 !important; } .text-green-4 { color: #81c784 !important; } .text-green-5 { color: #66bb6a !important; } .text-green-6 { color: #4caf50 !important; } .text-green-7 { color: #43a047 !important; } .text-green-8 { color: #388e3c !important; } .text-green-9 { color: #2e7d32 !important; } .text-green-10 { color: #1b5e20 !important; } .text-green-11 { color: #b9f6ca !important; } .text-green-12 { color: #69f0ae !important; } .text-green-13 { color: #00e676 !important; } .text-green-14 { color: #00c853 !important; } .text-light-green { color: #8bc34a !important; } .text-light-green-1 { color: #f1f8e9 !important; } .text-light-green-2 { color: #dcedc8 !important; } .text-light-green-3 { color: #c5e1a5 !important; } .text-light-green-4 { color: #aed581 !important; } .text-light-green-5 { color: #9ccc65 !important; } .text-light-green-6 { color: #8bc34a !important; } .text-light-green-7 { color: #7cb342 !important; } .text-light-green-8 { color: #689f38 !important; } .text-light-green-9 { color: #558b2f !important; } .text-light-green-10 { color: #33691e !important; } .text-light-green-11 { color: #ccff90 !important; } .text-light-green-12 { color: #b2ff59 !important; } .text-light-green-13 { color: #76ff03 !important; } .text-light-green-14 { color: #64dd17 !important; } .text-lime { color: #cddc39 !important; } .text-lime-1 { color: #f9fbe7 !important; } .text-lime-2 { color: #f0f4c3 !important; } .text-lime-3 { color: #e6ee9c !important; } .text-lime-4 { color: #dce775 !important; } .text-lime-5 { color: #d4e157 !important; } .text-lime-6 { color: #cddc39 !important; } .text-lime-7 { color: #c0ca33 !important; } .text-lime-8 { color: #afb42b !important; } .text-lime-9 { color: #9e9d24 !important; } .text-lime-10 { color: #827717 !important; } .text-lime-11 { color: #f4ff81 !important; } .text-lime-12 { color: #eeff41 !important; } .text-lime-13 { color: #c6ff00 !important; } .text-lime-14 { color: #aeea00 !important; } .text-yellow { color: #ffeb3b !important; } .text-yellow-1 { color: #fffde7 !important; } .text-yellow-2 { color: #fff9c4 !important; } .text-yellow-3 { color: #fff59d !important; } .text-yellow-4 { color: #fff176 !important; } .text-yellow-5 { color: #ffee58 !important; } .text-yellow-6 { color: #ffeb3b !important; } .text-yellow-7 { color: #fdd835 !important; } .text-yellow-8 { color: #fbc02d !important; } .text-yellow-9 { color: #f9a825 !important; } .text-yellow-10 { color: #f57f17 !important; } .text-yellow-11 { color: #ffff8d !important; } .text-yellow-12 { color: #ffff00 !important; } .text-yellow-13 { color: #ffea00 !important; } .text-yellow-14 { color: #ffd600 !important; } .text-amber { color: #ffc107 !important; } .text-amber-1 { color: #fff8e1 !important; } .text-amber-2 { color: #ffecb3 !important; } .text-amber-3 { color: #ffe082 !important; } .text-amber-4 { color: #ffd54f !important; } .text-amber-5 { color: #ffca28 !important; } .text-amber-6 { color: #ffc107 !important; } .text-amber-7 { color: #ffb300 !important; } .text-amber-8 { color: #ffa000 !important; } .text-amber-9 { color: #ff8f00 !important; } .text-amber-10 { color: #ff6f00 !important; } .text-amber-11 { color: #ffe57f !important; } .text-amber-12 { color: #ffd740 !important; } .text-amber-13 { color: #ffc400 !important; } .text-amber-14 { color: #ffab00 !important; } .text-orange { color: #ff9800 !important; } .text-orange-1 { color: #fff3e0 !important; } .text-orange-2 { color: #ffe0b2 !important; } .text-orange-3 { color: #ffcc80 !important; } .text-orange-4 { color: #ffb74d !important; } .text-orange-5 { color: #ffa726 !important; } .text-orange-6 { color: #ff9800 !important; } .text-orange-7 { color: #fb8c00 !important; } .text-orange-8 { color: #f57c00 !important; } .text-orange-9 { color: #ef6c00 !important; } .text-orange-10 { color: #e65100 !important; } .text-orange-11 { color: #ffd180 !important; } .text-orange-12 { color: #ffab40 !important; } .text-orange-13 { color: #ff9100 !important; } .text-orange-14 { color: #ff6d00 !important; } .text-deep-orange { color: #ff5722 !important; } .text-deep-orange-1 { color: #fbe9e7 !important; } .text-deep-orange-2 { color: #ffccbc !important; } .text-deep-orange-3 { color: #ffab91 !important; } .text-deep-orange-4 { color: #ff8a65 !important; } .text-deep-orange-5 { color: #ff7043 !important; } .text-deep-orange-6 { color: #ff5722 !important; } .text-deep-orange-7 { color: #f4511e !important; } .text-deep-orange-8 { color: #e64a19 !important; } .text-deep-orange-9 { color: #d84315 !important; } .text-deep-orange-10 { color: #bf360c !important; } .text-deep-orange-11 { color: #ff9e80 !important; } .text-deep-orange-12 { color: #ff6e40 !important; } .text-deep-orange-13 { color: #ff3d00 !important; } .text-deep-orange-14 { color: #dd2c00 !important; } .text-brown { color: #795548 !important; } .text-brown-1 { color: #efebe9 !important; } .text-brown-2 { color: #d7ccc8 !important; } .text-brown-3 { color: #bcaaa4 !important; } .text-brown-4 { color: #a1887f !important; } .text-brown-5 { color: #8d6e63 !important; } .text-brown-6 { color: #795548 !important; } .text-brown-7 { color: #6d4c41 !important; } .text-brown-8 { color: #5d4037 !important; } .text-brown-9 { color: #4e342e !important; } .text-brown-10 { color: #3e2723 !important; } .text-brown-11 { color: #d7ccc8 !important; } .text-brown-12 { color: #bcaaa4 !important; } .text-brown-13 { color: #8d6e63 !important; } .text-brown-14 { color: #5d4037 !important; } .text-grey { color: #9e9e9e !important; } .text-grey-1 { color: #fafafa !important; } .text-grey-2 { color: #f5f5f5 !important; } .text-grey-3 { color: #eeeeee !important; } .text-grey-4 { color: #e0e0e0 !important; } .text-grey-5 { color: #bdbdbd !important; } .text-grey-6 { color: #9e9e9e !important; } .text-grey-7 { color: #757575 !important; } .text-grey-8 { color: #616161 !important; } .text-grey-9 { color: #424242 !important; } .text-grey-10 { color: #212121 !important; } .text-grey-11 { color: #f5f5f5 !important; } .text-grey-12 { color: #eeeeee !important; } .text-grey-13 { color: #bdbdbd !important; } .text-grey-14 { color: #616161 !important; } .text-blue-grey { color: #607d8b !important; } .text-blue-grey-1 { color: #eceff1 !important; } .text-blue-grey-2 { color: #cfd8dc !important; } .text-blue-grey-3 { color: #b0bec5 !important; } .text-blue-grey-4 { color: #90a4ae !important; } .text-blue-grey-5 { color: #78909c !important; } .text-blue-grey-6 { color: #607d8b !important; } .text-blue-grey-7 { color: #546e7a !important; } .text-blue-grey-8 { color: #455a64 !important; } .text-blue-grey-9 { color: #37474f !important; } .text-blue-grey-10 { color: #263238 !important; } .text-blue-grey-11 { color: #cfd8dc !important; } .text-blue-grey-12 { color: #b0bec5 !important; } .text-blue-grey-13 { color: #78909c !important; } .text-blue-grey-14 { color: #455a64 !important; } .bg-red { background: #f44336 !important; } .bg-red-1 { background: #ffebee !important; } .bg-red-2 { background: #ffcdd2 !important; } .bg-red-3 { background: #ef9a9a !important; } .bg-red-4 { background: #e57373 !important; } .bg-red-5 { background: #ef5350 !important; } .bg-red-6 { background: #f44336 !important; } .bg-red-7 { background: #e53935 !important; } .bg-red-8 { background: #d32f2f !important; } .bg-red-9 { background: #c62828 !important; } .bg-red-10 { background: #b71c1c !important; } .bg-red-11 { background: #ff8a80 !important; } .bg-red-12 { background: #ff5252 !important; } .bg-red-13 { background: #ff1744 !important; } .bg-red-14 { background: #d50000 !important; } .bg-pink { background: #e91e63 !important; } .bg-pink-1 { background: #fce4ec !important; } .bg-pink-2 { background: #f8bbd0 !important; } .bg-pink-3 { background: #f48fb1 !important; } .bg-pink-4 { background: #f06292 !important; } .bg-pink-5 { background: #ec407a !important; } .bg-pink-6 { background: #e91e63 !important; } .bg-pink-7 { background: #d81b60 !important; } .bg-pink-8 { background: #c2185b !important; } .bg-pink-9 { background: #ad1457 !important; } .bg-pink-10 { background: #880e4f !important; } .bg-pink-11 { background: #ff80ab !important; } .bg-pink-12 { background: #ff4081 !important; } .bg-pink-13 { background: #f50057 !important; } .bg-pink-14 { background: #c51162 !important; } .bg-purple { background: #9c27b0 !important; } .bg-purple-1 { background: #f3e5f5 !important; } .bg-purple-2 { background: #e1bee7 !important; } .bg-purple-3 { background: #ce93d8 !important; } .bg-purple-4 { background: #ba68c8 !important; } .bg-purple-5 { background: #ab47bc !important; } .bg-purple-6 { background: #9c27b0 !important; } .bg-purple-7 { background: #8e24aa !important; } .bg-purple-8 { background: #7b1fa2 !important; } .bg-purple-9 { background: #6a1b9a !important; } .bg-purple-10 { background: #4a148c !important; } .bg-purple-11 { background: #ea80fc !important; } .bg-purple-12 { background: #e040fb !important; } .bg-purple-13 { background: #d500f9 !important; } .bg-purple-14 { background: #aa00ff !important; } .bg-deep-purple { background: #673ab7 !important; } .bg-deep-purple-1 { background: #ede7f6 !important; } .bg-deep-purple-2 { background: #d1c4e9 !important; } .bg-deep-purple-3 { background: #b39ddb !important; } .bg-deep-purple-4 { background: #9575cd !important; } .bg-deep-purple-5 { background: #7e57c2 !important; } .bg-deep-purple-6 { background: #673ab7 !important; } .bg-deep-purple-7 { background: #5e35b1 !important; } .bg-deep-purple-8 { background: #512da8 !important; } .bg-deep-purple-9 { background: #4527a0 !important; } .bg-deep-purple-10 { background: #311b92 !important; } .bg-deep-purple-11 { background: #b388ff !important; } .bg-deep-purple-12 { background: #7c4dff !important; } .bg-deep-purple-13 { background: #651fff !important; } .bg-deep-purple-14 { background: #6200ea !important; } .bg-indigo { background: #3f51b5 !important; } .bg-indigo-1 { background: #e8eaf6 !important; } .bg-indigo-2 { background: #c5cae9 !important; } .bg-indigo-3 { background: #9fa8da !important; } .bg-indigo-4 { background: #7986cb !important; } .bg-indigo-5 { background: #5c6bc0 !important; } .bg-indigo-6 { background: #3f51b5 !important; } .bg-indigo-7 { background: #3949ab !important; } .bg-indigo-8 { background: #303f9f !important; } .bg-indigo-9 { background: #283593 !important; } .bg-indigo-10 { background: #1a237e !important; } .bg-indigo-11 { background: #8c9eff !important; } .bg-indigo-12 { background: #536dfe !important; } .bg-indigo-13 { background: #3d5afe !important; } .bg-indigo-14 { background: #304ffe !important; } .bg-blue { background: #2196f3 !important; } .bg-blue-1 { background: #e3f2fd !important; } .bg-blue-2 { background: #bbdefb !important; } .bg-blue-3 { background: #90caf9 !important; } .bg-blue-4 { background: #64b5f6 !important; } .bg-blue-5 { background: #42a5f5 !important; } .bg-blue-6 { background: #2196f3 !important; } .bg-blue-7 { background: #1e88e5 !important; } .bg-blue-8 { background: #1976d2 !important; } .bg-blue-9 { background: #1565c0 !important; } .bg-blue-10 { background: #0d47a1 !important; } .bg-blue-11 { background: #82b1ff !important; } .bg-blue-12 { background: #448aff !important; } .bg-blue-13 { background: #2979ff !important; } .bg-blue-14 { background: #2962ff !important; } .bg-light-blue { background: #03a9f4 !important; } .bg-light-blue-1 { background: #e1f5fe !important; } .bg-light-blue-2 { background: #b3e5fc !important; } .bg-light-blue-3 { background: #81d4fa !important; } .bg-light-blue-4 { background: #4fc3f7 !important; } .bg-light-blue-5 { background: #29b6f6 !important; } .bg-light-blue-6 { background: #03a9f4 !important; } .bg-light-blue-7 { background: #039be5 !important; } .bg-light-blue-8 { background: #0288d1 !important; } .bg-light-blue-9 { background: #0277bd !important; } .bg-light-blue-10 { background: #01579b !important; } .bg-light-blue-11 { background: #80d8ff !important; } .bg-light-blue-12 { background: #40c4ff !important; } .bg-light-blue-13 { background: #00b0ff !important; } .bg-light-blue-14 { background: #0091ea !important; } .bg-cyan { background: #00bcd4 !important; } .bg-cyan-1 { background: #e0f7fa !important; } .bg-cyan-2 { background: #b2ebf2 !important; } .bg-cyan-3 { background: #80deea !important; } .bg-cyan-4 { background: #4dd0e1 !important; } .bg-cyan-5 { background: #26c6da !important; } .bg-cyan-6 { background: #00bcd4 !important; } .bg-cyan-7 { background: #00acc1 !important; } .bg-cyan-8 { background: #0097a7 !important; } .bg-cyan-9 { background: #00838f !important; } .bg-cyan-10 { background: #006064 !important; } .bg-cyan-11 { background: #84ffff !important; } .bg-cyan-12 { background: #18ffff !important; } .bg-cyan-13 { background: #00e5ff !important; } .bg-cyan-14 { background: #00b8d4 !important; } .bg-teal { background: #009688 !important; } .bg-teal-1 { background: #e0f2f1 !important; } .bg-teal-2 { background: #b2dfdb !important; } .bg-teal-3 { background: #80cbc4 !important; } .bg-teal-4 { background: #4db6ac !important; } .bg-teal-5 { background: #26a69a !important; } .bg-teal-6 { background: #009688 !important; } .bg-teal-7 { background: #00897b !important; } .bg-teal-8 { background: #00796b !important; } .bg-teal-9 { background: #00695c !important; } .bg-teal-10 { background: #004d40 !important; } .bg-teal-11 { background: #a7ffeb !important; } .bg-teal-12 { background: #64ffda !important; } .bg-teal-13 { background: #1de9b6 !important; } .bg-teal-14 { background: #00bfa5 !important; } .bg-green { background: #4caf50 !important; } .bg-green-1 { background: #e8f5e9 !important; } .bg-green-2 { background: #c8e6c9 !important; } .bg-green-3 { background: #a5d6a7 !important; } .bg-green-4 { background: #81c784 !important; } .bg-green-5 { background: #66bb6a !important; } .bg-green-6 { background: #4caf50 !important; } .bg-green-7 { background: #43a047 !important; } .bg-green-8 { background: #388e3c !important; } .bg-green-9 { background: #2e7d32 !important; } .bg-green-10 { background: #1b5e20 !important; } .bg-green-11 { background: #b9f6ca !important; } .bg-green-12 { background: #69f0ae !important; } .bg-green-13 { background: #00e676 !important; } .bg-green-14 { background: #00c853 !important; } .bg-light-green { background: #8bc34a !important; } .bg-light-green-1 { background: #f1f8e9 !important; } .bg-light-green-2 { background: #dcedc8 !important; } .bg-light-green-3 { background: #c5e1a5 !important; } .bg-light-green-4 { background: #aed581 !important; } .bg-light-green-5 { background: #9ccc65 !important; } .bg-light-green-6 { background: #8bc34a !important; } .bg-light-green-7 { background: #7cb342 !important; } .bg-light-green-8 { background: #689f38 !important; } .bg-light-green-9 { background: #558b2f !important; } .bg-light-green-10 { background: #33691e !important; } .bg-light-green-11 { background: #ccff90 !important; } .bg-light-green-12 { background: #b2ff59 !important; } .bg-light-green-13 { background: #76ff03 !important; } .bg-light-green-14 { background: #64dd17 !important; } .bg-lime { background: #cddc39 !important; } .bg-lime-1 { background: #f9fbe7 !important; } .bg-lime-2 { background: #f0f4c3 !important; } .bg-lime-3 { background: #e6ee9c !important; } .bg-lime-4 { background: #dce775 !important; } .bg-lime-5 { background: #d4e157 !important; } .bg-lime-6 { background: #cddc39 !important; } .bg-lime-7 { background: #c0ca33 !important; } .bg-lime-8 { background: #afb42b !important; } .bg-lime-9 { background: #9e9d24 !important; } .bg-lime-10 { background: #827717 !important; } .bg-lime-11 { background: #f4ff81 !important; } .bg-lime-12 { background: #eeff41 !important; } .bg-lime-13 { background: #c6ff00 !important; } .bg-lime-14 { background: #aeea00 !important; } .bg-yellow { background: #ffeb3b !important; } .bg-yellow-1 { background: #fffde7 !important; } .bg-yellow-2 { background: #fff9c4 !important; } .bg-yellow-3 { background: #fff59d !important; } .bg-yellow-4 { background: #fff176 !important; } .bg-yellow-5 { background: #ffee58 !important; } .bg-yellow-6 { background: #ffeb3b !important; } .bg-yellow-7 { background: #fdd835 !important; } .bg-yellow-8 { background: #fbc02d !important; } .bg-yellow-9 { background: #f9a825 !important; } .bg-yellow-10 { background: #f57f17 !important; } .bg-yellow-11 { background: #ffff8d !important; } .bg-yellow-12 { background: #ffff00 !important; } .bg-yellow-13 { background: #ffea00 !important; } .bg-yellow-14 { background: #ffd600 !important; } .bg-amber { background: #ffc107 !important; } .bg-amber-1 { background: #fff8e1 !important; } .bg-amber-2 { background: #ffecb3 !important; } .bg-amber-3 { background: #ffe082 !important; } .bg-amber-4 { background: #ffd54f !important; } .bg-amber-5 { background: #ffca28 !important; } .bg-amber-6 { background: #ffc107 !important; } .bg-amber-7 { background: #ffb300 !important; } .bg-amber-8 { background: #ffa000 !important; } .bg-amber-9 { background: #ff8f00 !important; } .bg-amber-10 { background: #ff6f00 !important; } .bg-amber-11 { background: #ffe57f !important; } .bg-amber-12 { background: #ffd740 !important; } .bg-amber-13 { background: #ffc400 !important; } .bg-amber-14 { background: #ffab00 !important; } .bg-orange { background: #ff9800 !important; } .bg-orange-1 { background: #fff3e0 !important; } .bg-orange-2 { background: #ffe0b2 !important; } .bg-orange-3 { background: #ffcc80 !important; } .bg-orange-4 { background: #ffb74d !important; } .bg-orange-5 { background: #ffa726 !important; } .bg-orange-6 { background: #ff9800 !important; } .bg-orange-7 { background: #fb8c00 !important; } .bg-orange-8 { background: #f57c00 !important; } .bg-orange-9 { background: #ef6c00 !important; } .bg-orange-10 { background: #e65100 !important; } .bg-orange-11 { background: #ffd180 !important; } .bg-orange-12 { background: #ffab40 !important; } .bg-orange-13 { background: #ff9100 !important; } .bg-orange-14 { background: #ff6d00 !important; } .bg-deep-orange { background: #ff5722 !important; } .bg-deep-orange-1 { background: #fbe9e7 !important; } .bg-deep-orange-2 { background: #ffccbc !important; } .bg-deep-orange-3 { background: #ffab91 !important; } .bg-deep-orange-4 { background: #ff8a65 !important; } .bg-deep-orange-5 { background: #ff7043 !important; } .bg-deep-orange-6 { background: #ff5722 !important; } .bg-deep-orange-7 { background: #f4511e !important; } .bg-deep-orange-8 { background: #e64a19 !important; } .bg-deep-orange-9 { background: #d84315 !important; } .bg-deep-orange-10 { background: #bf360c !important; } .bg-deep-orange-11 { background: #ff9e80 !important; } .bg-deep-orange-12 { background: #ff6e40 !important; } .bg-deep-orange-13 { background: #ff3d00 !important; } .bg-deep-orange-14 { background: #dd2c00 !important; } .bg-brown { background: #795548 !important; } .bg-brown-1 { background: #efebe9 !important; } .bg-brown-2 { background: #d7ccc8 !important; } .bg-brown-3 { background: #bcaaa4 !important; } .bg-brown-4 { background: #a1887f !important; } .bg-brown-5 { background: #8d6e63 !important; } .bg-brown-6 { background: #795548 !important; } .bg-brown-7 { background: #6d4c41 !important; } .bg-brown-8 { background: #5d4037 !important; } .bg-brown-9 { background: #4e342e !important; } .bg-brown-10 { background: #3e2723 !important; } .bg-brown-11 { background: #d7ccc8 !important; } .bg-brown-12 { background: #bcaaa4 !important; } .bg-brown-13 { background: #8d6e63 !important; } .bg-brown-14 { background: #5d4037 !important; } .bg-grey { background: #9e9e9e !important; } .bg-grey-1 { background: #fafafa !important; } .bg-grey-2 { background: #f5f5f5 !important; } .bg-grey-3 { background: #eeeeee !important; } .bg-grey-4 { background: #e0e0e0 !important; } .bg-grey-5 { background: #bdbdbd !important; } .bg-grey-6 { background: #9e9e9e !important; } .bg-grey-7 { background: #757575 !important; } .bg-grey-8 { background: #616161 !important; } .bg-grey-9 { background: #424242 !important; } .bg-grey-10 { background: #212121 !important; } .bg-grey-11 { background: #f5f5f5 !important; } .bg-grey-12 { background: #eeeeee !important; } .bg-grey-13 { background: #bdbdbd !important; } .bg-grey-14 { background: #616161 !important; } .bg-blue-grey { background: #607d8b !important; } .bg-blue-grey-1 { background: #eceff1 !important; } .bg-blue-grey-2 { background: #cfd8dc !important; } .bg-blue-grey-3 { background: #b0bec5 !important; } .bg-blue-grey-4 { background: #90a4ae !important; } .bg-blue-grey-5 { background: #78909c !important; } .bg-blue-grey-6 { background: #607d8b !important; } .bg-blue-grey-7 { background: #546e7a !important; } .bg-blue-grey-8 { background: #455a64 !important; } .bg-blue-grey-9 { background: #37474f !important; } .bg-blue-grey-10 { background: #263238 !important; } .bg-blue-grey-11 { background: #cfd8dc !important; } .bg-blue-grey-12 { background: #b0bec5 !important; } .bg-blue-grey-13 { background: #78909c !important; } .bg-blue-grey-14 { background: #455a64 !important; } .shadow-transition { -webkit-transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; } .shadow-1 { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } .shadow-up-1 { -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12); } .shadow-2 { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); } .shadow-up-2 { -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.12); } .shadow-3 { -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); } .shadow-up-3 { -webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12); box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12); } .shadow-4 { -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .shadow-up-4 { -webkit-box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12); } .shadow-5 { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); } .shadow-up-5 { -webkit-box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -5px 8px rgba(0, 0, 0, 0.14), 0 -1px 14px rgba(0, 0, 0, 0.12); box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -5px 8px rgba(0, 0, 0, 0.14), 0 -1px 14px rgba(0, 0, 0, 0.12); } .shadow-6 { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12); } .shadow-up-6 { -webkit-box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12); box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12); } .shadow-7 { -webkit-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); } .shadow-up-7 { -webkit-box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12); } .shadow-8 { -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .shadow-up-8 { -webkit-box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12); } .shadow-9 { -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); } .shadow-up-9 { -webkit-box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12); } .shadow-10 { -webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } .shadow-up-10 { -webkit-box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12); } .shadow-11 { -webkit-box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); } .shadow-up-11 { -webkit-box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12); } .shadow-12 { -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } .shadow-up-12 { -webkit-box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12); } .shadow-13 { -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); } .shadow-up-13 { -webkit-box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12); } .shadow-14 { -webkit-box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); } .shadow-up-14 { -webkit-box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12); } .shadow-15 { -webkit-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); } .shadow-up-15 { -webkit-box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12); } .shadow-16 { -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } .shadow-up-16 { -webkit-box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12); } .shadow-17 { -webkit-box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); } .shadow-up-17 { -webkit-box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12); } .shadow-18 { -webkit-box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); } .shadow-up-18 { -webkit-box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12); } .shadow-19 { -webkit-box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); } .shadow-up-19 { -webkit-box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12); box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12); } .shadow-20 { -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); } .shadow-up-20 { -webkit-box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12); } .shadow-21 { -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); } .shadow-up-21 { -webkit-box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12); } .shadow-22 { -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); } .shadow-up-22 { -webkit-box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12); box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12); } .shadow-23 { -webkit-box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); } .shadow-up-23 { -webkit-box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12); } .shadow-24 { -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); } .shadow-up-24 { -webkit-box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12); } .no-shadow, .shadow-0 { -webkit-box-shadow: none !important; box-shadow: none !important; } .inset-shadow { -webkit-box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; } .inset-shadow-down { -webkit-box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; } .z-marginals { z-index: 2000; } .z-notify { z-index: 9500; } .z-fullscreen { z-index: 6000; } .z-inherit { z-index: inherit !important; } .row, .column, .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.inline, .column.inline, .flex.inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .reverse-wrap { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .order-first { -webkit-box-ordinal-group: -9999; -ms-flex-order: -10000; order: -10000; } .order-last { -webkit-box-ordinal-group: 10001; -ms-flex-order: 10000; order: 10000; } .order-none { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center, .flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .items-center, .flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; align-self: center; } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .q-gutter-x-none, .q-gutter-none { margin-left: 0; } .q-gutter-x-none > *, .q-gutter-none > * { margin-left: 0; } .q-gutter-y-none, .q-gutter-none { margin-top: 0; } .q-gutter-y-none > *, .q-gutter-none > * { margin-top: 0; } .q-col-gutter-x-none, .q-col-gutter-none { margin-left: 0; } .q-col-gutter-x-none > *, .q-col-gutter-none > * { padding-left: 0; } .q-col-gutter-y-none, .q-col-gutter-none { margin-top: 0; } .q-col-gutter-y-none > *, .q-col-gutter-none > * { padding-top: 0; } .q-gutter-x-xs, .q-gutter-xs { margin-left: -4px; } .q-gutter-x-xs > *, .q-gutter-xs > * { margin-left: 4px; } .q-gutter-y-xs, .q-gutter-xs { margin-top: -4px; } .q-gutter-y-xs > *, .q-gutter-xs > * { margin-top: 4px; } .q-col-gutter-x-xs, .q-col-gutter-xs { margin-left: -4px; } .q-col-gutter-x-xs > *, .q-col-gutter-xs > * { padding-left: 4px; } .q-col-gutter-y-xs, .q-col-gutter-xs { margin-top: -4px; } .q-col-gutter-y-xs > *, .q-col-gutter-xs > * { padding-top: 4px; } .q-gutter-x-sm, .q-gutter-sm { margin-left: -8px; } .q-gutter-x-sm > *, .q-gutter-sm > * { margin-left: 8px; } .q-gutter-y-sm, .q-gutter-sm { margin-top: -8px; } .q-gutter-y-sm > *, .q-gutter-sm > * { margin-top: 8px; } .q-col-gutter-x-sm, .q-col-gutter-sm { margin-left: -8px; } .q-col-gutter-x-sm > *, .q-col-gutter-sm > * { padding-left: 8px; } .q-col-gutter-y-sm, .q-col-gutter-sm { margin-top: -8px; } .q-col-gutter-y-sm > *, .q-col-gutter-sm > * { padding-top: 8px; } .q-gutter-x-md, .q-gutter-md { margin-left: -16px; } .q-gutter-x-md > *, .q-gutter-md > * { margin-left: 16px; } .q-gutter-y-md, .q-gutter-md { margin-top: -16px; } .q-gutter-y-md > *, .q-gutter-md > * { margin-top: 16px; } .q-col-gutter-x-md, .q-col-gutter-md { margin-left: -16px; } .q-col-gutter-x-md > *, .q-col-gutter-md > * { padding-left: 16px; } .q-col-gutter-y-md, .q-col-gutter-md { margin-top: -16px; } .q-col-gutter-y-md > *, .q-col-gutter-md > * { padding-top: 16px; } .q-gutter-x-lg, .q-gutter-lg { margin-left: -24px; } .q-gutter-x-lg > *, .q-gutter-lg > * { margin-left: 24px; } .q-gutter-y-lg, .q-gutter-lg { margin-top: -24px; } .q-gutter-y-lg > *, .q-gutter-lg > * { margin-top: 24px; } .q-col-gutter-x-lg, .q-col-gutter-lg { margin-left: -24px; } .q-col-gutter-x-lg > *, .q-col-gutter-lg > * { padding-left: 24px; } .q-col-gutter-y-lg, .q-col-gutter-lg { margin-top: -24px; } .q-col-gutter-y-lg > *, .q-col-gutter-lg > * { padding-top: 24px; } .q-gutter-x-xl, .q-gutter-xl { margin-left: -48px; } .q-gutter-x-xl > *, .q-gutter-xl > * { margin-left: 48px; } .q-gutter-y-xl, .q-gutter-xl { margin-top: -48px; } .q-gutter-y-xl > *, .q-gutter-xl > * { margin-top: 48px; } .q-col-gutter-x-xl, .q-col-gutter-xl { margin-left: -48px; } .q-col-gutter-x-xl > *, .q-col-gutter-xl > * { padding-left: 48px; } .q-col-gutter-y-xl, .q-col-gutter-xl { margin-top: -48px; } .q-col-gutter-y-xl > *, .q-col-gutter-xl > * { padding-top: 48px; } @media (min-width: 0) { .row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-0, .row > .col-xs-0, .row > .col-1, .row > .col-xs-1, .row > .col-2, .row > .col-xs-2, .row > .col-3, .row > .col-xs-3, .row > .col-4, .row > .col-xs-4, .row > .col-5, .row > .col-xs-5, .row > .col-6, .row > .col-xs-6, .row > .col-7, .row > .col-xs-7, .row > .col-8, .row > .col-xs-8, .row > .col-9, .row > .col-xs-9, .row > .col-10, .row > .col-xs-10, .row > .col-11, .row > .col-xs-11, .row > .col-12, .row > .col-xs-12, .flex > .col-xs-auto, .flex > .col-0, .flex > .col-xs-0, .flex > .col-1, .flex > .col-xs-1, .flex > .col-2, .flex > .col-xs-2, .flex > .col-3, .flex > .col-xs-3, .flex > .col-4, .flex > .col-xs-4, .flex > .col-5, .flex > .col-xs-5, .flex > .col-6, .flex > .col-xs-6, .flex > .col-7, .flex > .col-xs-7, .flex > .col-8, .flex > .col-xs-8, .flex > .col-9, .flex > .col-xs-9, .flex > .col-10, .flex > .col-xs-10, .flex > .col-11, .flex > .col-xs-11, .flex > .col-12, .flex > .col-xs-12, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink { width: auto; min-width: 0; max-width: 100%; } .column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-0, .column > .col-xs-0, .column > .col-1, .column > .col-xs-1, .column > .col-2, .column > .col-xs-2, .column > .col-3, .column > .col-xs-3, .column > .col-4, .column > .col-xs-4, .column > .col-5, .column > .col-xs-5, .column > .col-6, .column > .col-xs-6, .column > .col-7, .column > .col-xs-7, .column > .col-8, .column > .col-xs-8, .column > .col-9, .column > .col-xs-9, .column > .col-10, .column > .col-xs-10, .column > .col-11, .column > .col-xs-11, .column > .col-12, .column > .col-xs-12, .flex > .col-xs-auto, .flex > .col-0, .flex > .col-xs-0, .flex > .col-1, .flex > .col-xs-1, .flex > .col-2, .flex > .col-xs-2, .flex > .col-3, .flex > .col-xs-3, .flex > .col-4, .flex > .col-xs-4, .flex > .col-5, .flex > .col-xs-5, .flex > .col-6, .flex > .col-xs-6, .flex > .col-7, .flex > .col-xs-7, .flex > .col-8, .flex > .col-xs-8, .flex > .col-9, .flex > .col-xs-9, .flex > .col-10, .flex > .col-xs-10, .flex > .col-11, .flex > .col-xs-11, .flex > .col-12, .flex > .col-xs-12, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink { height: auto; min-height: 0; max-height: 100%; } .col, .col-xs { -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .col-auto, .col-xs-auto, .col-0, .col-xs-0, .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-grow, .col-xs-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .col-shrink, .col-xs-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .row > .col-0, .row > .col-xs-0 { height: auto; width: 0%; } .row > .offset-0, .row > .offset-xs-0 { margin-left: 0%; } .column > .col-0, .column > .col-xs-0 { height: 0%; width: auto; } .row > .col-1, .row > .col-xs-1 { height: auto; width: 8.3333%; } .row > .offset-1, .row > .offset-xs-1 { margin-left: 8.3333%; } .column > .col-1, .column > .col-xs-1 { height: 8.3333%; width: auto; } .row > .col-2, .row > .col-xs-2 { height: auto; width: 16.6667%; } .row > .offset-2, .row > .offset-xs-2 { margin-left: 16.6667%; } .column > .col-2, .column > .col-xs-2 { height: 16.6667%; width: auto; } .row > .col-3, .row > .col-xs-3 { height: auto; width: 25%; } .row > .offset-3, .row > .offset-xs-3 { margin-left: 25%; } .column > .col-3, .column > .col-xs-3 { height: 25%; width: auto; } .row > .col-4, .row > .col-xs-4 { height: auto; width: 33.3333%; } .row > .offset-4, .row > .offset-xs-4 { margin-left: 33.3333%; } .column > .col-4, .column > .col-xs-4 { height: 33.3333%; width: auto; } .row > .col-5, .row > .col-xs-5 { height: auto; width: 41.6667%; } .row > .offset-5, .row > .offset-xs-5 { margin-left: 41.6667%; } .column > .col-5, .column > .col-xs-5 { height: 41.6667%; width: auto; } .row > .col-6, .row > .col-xs-6 { height: auto; width: 50%; } .row > .offset-6, .row > .offset-xs-6 { margin-left: 50%; } .column > .col-6, .column > .col-xs-6 { height: 50%; width: auto; } .row > .col-7, .row > .col-xs-7 { height: auto; width: 58.3333%; } .row > .offset-7, .row > .offset-xs-7 { margin-left: 58.3333%; } .column > .col-7, .column > .col-xs-7 { height: 58.3333%; width: auto; } .row > .col-8, .row > .col-xs-8 { height: auto; width: 66.6667%; } .row > .offset-8, .row > .offset-xs-8 { margin-left: 66.6667%; } .column > .col-8, .column > .col-xs-8 { height: 66.6667%; width: auto; } .row > .col-9, .row > .col-xs-9 { height: auto; width: 75%; } .row > .offset-9, .row > .offset-xs-9 { margin-left: 75%; } .column > .col-9, .column > .col-xs-9 { height: 75%; width: auto; } .row > .col-10, .row > .col-xs-10 { height: auto; width: 83.3333%; } .row > .offset-10, .row > .offset-xs-10 { margin-left: 83.3333%; } .column > .col-10, .column > .col-xs-10 { height: 83.3333%; width: auto; } .row > .col-11, .row > .col-xs-11 { height: auto; width: 91.6667%; } .row > .offset-11, .row > .offset-xs-11 { margin-left: 91.6667%; } .column > .col-11, .column > .col-xs-11 { height: 91.6667%; width: auto; } .row > .col-12, .row > .col-xs-12 { height: auto; width: 100%; } .row > .offset-12, .row > .offset-xs-12 { margin-left: 100%; } .column > .col-12, .column > .col-xs-12 { height: 100%; width: auto; } .row > .col-all { height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 600px) { .row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-0, .row > .col-sm-1, .row > .col-sm-2, .row > .col-sm-3, .row > .col-sm-4, .row > .col-sm-5, .row > .col-sm-6, .row > .col-sm-7, .row > .col-sm-8, .row > .col-sm-9, .row > .col-sm-10, .row > .col-sm-11, .row > .col-sm-12, .flex > .col-sm-auto, .flex > .col-sm-0, .flex > .col-sm-1, .flex > .col-sm-2, .flex > .col-sm-3, .flex > .col-sm-4, .flex > .col-sm-5, .flex > .col-sm-6, .flex > .col-sm-7, .flex > .col-sm-8, .flex > .col-sm-9, .flex > .col-sm-10, .flex > .col-sm-11, .flex > .col-sm-12, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink { width: auto; min-width: 0; max-width: 100%; } .column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-0, .column > .col-sm-1, .column > .col-sm-2, .column > .col-sm-3, .column > .col-sm-4, .column > .col-sm-5, .column > .col-sm-6, .column > .col-sm-7, .column > .col-sm-8, .column > .col-sm-9, .column > .col-sm-10, .column > .col-sm-11, .column > .col-sm-12, .flex > .col-sm-auto, .flex > .col-sm-0, .flex > .col-sm-1, .flex > .col-sm-2, .flex > .col-sm-3, .flex > .col-sm-4, .flex > .col-sm-5, .flex > .col-sm-6, .flex > .col-sm-7, .flex > .col-sm-8, .flex > .col-sm-9, .flex > .col-sm-10, .flex > .col-sm-11, .flex > .col-sm-12, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink { height: auto; min-height: 0; max-height: 100%; } .col-sm { -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .col-sm-auto, .col-sm-0, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-sm-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .col-sm-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .row > .col-sm-0 { height: auto; width: 0%; } .row > .offset-sm-0 { margin-left: 0%; } .column > .col-sm-0 { height: 0%; width: auto; } .row > .col-sm-1 { height: auto; width: 8.3333%; } .row > .offset-sm-1 { margin-left: 8.3333%; } .column > .col-sm-1 { height: 8.3333%; width: auto; } .row > .col-sm-2 { height: auto; width: 16.6667%; } .row > .offset-sm-2 { margin-left: 16.6667%; } .column > .col-sm-2 { height: 16.6667%; width: auto; } .row > .col-sm-3 { height: auto; width: 25%; } .row > .offset-sm-3 { margin-left: 25%; } .column > .col-sm-3 { height: 25%; width: auto; } .row > .col-sm-4 { height: auto; width: 33.3333%; } .row > .offset-sm-4 { margin-left: 33.3333%; } .column > .col-sm-4 { height: 33.3333%; width: auto; } .row > .col-sm-5 { height: auto; width: 41.6667%; } .row > .offset-sm-5 { margin-left: 41.6667%; } .column > .col-sm-5 { height: 41.6667%; width: auto; } .row > .col-sm-6 { height: auto; width: 50%; } .row > .offset-sm-6 { margin-left: 50%; } .column > .col-sm-6 { height: 50%; width: auto; } .row > .col-sm-7 { height: auto; width: 58.3333%; } .row > .offset-sm-7 { margin-left: 58.3333%; } .column > .col-sm-7 { height: 58.3333%; width: auto; } .row > .col-sm-8 { height: auto; width: 66.6667%; } .row > .offset-sm-8 { margin-left: 66.6667%; } .column > .col-sm-8 { height: 66.6667%; width: auto; } .row > .col-sm-9 { height: auto; width: 75%; } .row > .offset-sm-9 { margin-left: 75%; } .column > .col-sm-9 { height: 75%; width: auto; } .row > .col-sm-10 { height: auto; width: 83.3333%; } .row > .offset-sm-10 { margin-left: 83.3333%; } .column > .col-sm-10 { height: 83.3333%; width: auto; } .row > .col-sm-11 { height: auto; width: 91.6667%; } .row > .offset-sm-11 { margin-left: 91.6667%; } .column > .col-sm-11 { height: 91.6667%; width: auto; } .row > .col-sm-12 { height: auto; width: 100%; } .row > .offset-sm-12 { margin-left: 100%; } .column > .col-sm-12 { height: 100%; width: auto; } } @media (min-width: 1024px) { .row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-0, .row > .col-md-1, .row > .col-md-2, .row > .col-md-3, .row > .col-md-4, .row > .col-md-5, .row > .col-md-6, .row > .col-md-7, .row > .col-md-8, .row > .col-md-9, .row > .col-md-10, .row > .col-md-11, .row > .col-md-12, .flex > .col-md-auto, .flex > .col-md-0, .flex > .col-md-1, .flex > .col-md-2, .flex > .col-md-3, .flex > .col-md-4, .flex > .col-md-5, .flex > .col-md-6, .flex > .col-md-7, .flex > .col-md-8, .flex > .col-md-9, .flex > .col-md-10, .flex > .col-md-11, .flex > .col-md-12, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink { width: auto; min-width: 0; max-width: 100%; } .column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-0, .column > .col-md-1, .column > .col-md-2, .column > .col-md-3, .column > .col-md-4, .column > .col-md-5, .column > .col-md-6, .column > .col-md-7, .column > .col-md-8, .column > .col-md-9, .column > .col-md-10, .column > .col-md-11, .column > .col-md-12, .flex > .col-md-auto, .flex > .col-md-0, .flex > .col-md-1, .flex > .col-md-2, .flex > .col-md-3, .flex > .col-md-4, .flex > .col-md-5, .flex > .col-md-6, .flex > .col-md-7, .flex > .col-md-8, .flex > .col-md-9, .flex > .col-md-10, .flex > .col-md-11, .flex > .col-md-12, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink { height: auto; min-height: 0; max-height: 100%; } .col-md { -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .col-md-auto, .col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-md-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .col-md-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .row > .col-md-0 { height: auto; width: 0%; } .row > .offset-md-0 { margin-left: 0%; } .column > .col-md-0 { height: 0%; width: auto; } .row > .col-md-1 { height: auto; width: 8.3333%; } .row > .offset-md-1 { margin-left: 8.3333%; } .column > .col-md-1 { height: 8.3333%; width: auto; } .row > .col-md-2 { height: auto; width: 16.6667%; } .row > .offset-md-2 { margin-left: 16.6667%; } .column > .col-md-2 { height: 16.6667%; width: auto; } .row > .col-md-3 { height: auto; width: 25%; } .row > .offset-md-3 { margin-left: 25%; } .column > .col-md-3 { height: 25%; width: auto; } .row > .col-md-4 { height: auto; width: 33.3333%; } .row > .offset-md-4 { margin-left: 33.3333%; } .column > .col-md-4 { height: 33.3333%; width: auto; } .row > .col-md-5 { height: auto; width: 41.6667%; } .row > .offset-md-5 { margin-left: 41.6667%; } .column > .col-md-5 { height: 41.6667%; width: auto; } .row > .col-md-6 { height: auto; width: 50%; } .row > .offset-md-6 { margin-left: 50%; } .column > .col-md-6 { height: 50%; width: auto; } .row > .col-md-7 { height: auto; width: 58.3333%; } .row > .offset-md-7 { margin-left: 58.3333%; } .column > .col-md-7 { height: 58.3333%; width: auto; } .row > .col-md-8 { height: auto; width: 66.6667%; } .row > .offset-md-8 { margin-left: 66.6667%; } .column > .col-md-8 { height: 66.6667%; width: auto; } .row > .col-md-9 { height: auto; width: 75%; } .row > .offset-md-9 { margin-left: 75%; } .column > .col-md-9 { height: 75%; width: auto; } .row > .col-md-10 { height: auto; width: 83.3333%; } .row > .offset-md-10 { margin-left: 83.3333%; } .column > .col-md-10 { height: 83.3333%; width: auto; } .row > .col-md-11 { height: auto; width: 91.6667%; } .row > .offset-md-11 { margin-left: 91.6667%; } .column > .col-md-11 { height: 91.6667%; width: auto; } .row > .col-md-12 { height: auto; width: 100%; } .row > .offset-md-12 { margin-left: 100%; } .column > .col-md-12 { height: 100%; width: auto; } } @media (min-width: 1440px) { .row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-0, .row > .col-lg-1, .row > .col-lg-2, .row > .col-lg-3, .row > .col-lg-4, .row > .col-lg-5, .row > .col-lg-6, .row > .col-lg-7, .row > .col-lg-8, .row > .col-lg-9, .row > .col-lg-10, .row > .col-lg-11, .row > .col-lg-12, .flex > .col-lg-auto, .flex > .col-lg-0, .flex > .col-lg-1, .flex > .col-lg-2, .flex > .col-lg-3, .flex > .col-lg-4, .flex > .col-lg-5, .flex > .col-lg-6, .flex > .col-lg-7, .flex > .col-lg-8, .flex > .col-lg-9, .flex > .col-lg-10, .flex > .col-lg-11, .flex > .col-lg-12, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink { width: auto; min-width: 0; max-width: 100%; } .column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-0, .column > .col-lg-1, .column > .col-lg-2, .column > .col-lg-3, .column > .col-lg-4, .column > .col-lg-5, .column > .col-lg-6, .column > .col-lg-7, .column > .col-lg-8, .column > .col-lg-9, .column > .col-lg-10, .column > .col-lg-11, .column > .col-lg-12, .flex > .col-lg-auto, .flex > .col-lg-0, .flex > .col-lg-1, .flex > .col-lg-2, .flex > .col-lg-3, .flex > .col-lg-4, .flex > .col-lg-5, .flex > .col-lg-6, .flex > .col-lg-7, .flex > .col-lg-8, .flex > .col-lg-9, .flex > .col-lg-10, .flex > .col-lg-11, .flex > .col-lg-12, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink { height: auto; min-height: 0; max-height: 100%; } .col-lg { -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .col-lg-auto, .col-lg-0, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-lg-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .col-lg-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .row > .col-lg-0 { height: auto; width: 0%; } .row > .offset-lg-0 { margin-left: 0%; } .column > .col-lg-0 { height: 0%; width: auto; } .row > .col-lg-1 { height: auto; width: 8.3333%; } .row > .offset-lg-1 { margin-left: 8.3333%; } .column > .col-lg-1 { height: 8.3333%; width: auto; } .row > .col-lg-2 { height: auto; width: 16.6667%; } .row > .offset-lg-2 { margin-left: 16.6667%; } .column > .col-lg-2 { height: 16.6667%; width: auto; } .row > .col-lg-3 { height: auto; width: 25%; } .row > .offset-lg-3 { margin-left: 25%; } .column > .col-lg-3 { height: 25%; width: auto; } .row > .col-lg-4 { height: auto; width: 33.3333%; } .row > .offset-lg-4 { margin-left: 33.3333%; } .column > .col-lg-4 { height: 33.3333%; width: auto; } .row > .col-lg-5 { height: auto; width: 41.6667%; } .row > .offset-lg-5 { margin-left: 41.6667%; } .column > .col-lg-5 { height: 41.6667%; width: auto; } .row > .col-lg-6 { height: auto; width: 50%; } .row > .offset-lg-6 { margin-left: 50%; } .column > .col-lg-6 { height: 50%; width: auto; } .row > .col-lg-7 { height: auto; width: 58.3333%; } .row > .offset-lg-7 { margin-left: 58.3333%; } .column > .col-lg-7 { height: 58.3333%; width: auto; } .row > .col-lg-8 { height: auto; width: 66.6667%; } .row > .offset-lg-8 { margin-left: 66.6667%; } .column > .col-lg-8 { height: 66.6667%; width: auto; } .row > .col-lg-9 { height: auto; width: 75%; } .row > .offset-lg-9 { margin-left: 75%; } .column > .col-lg-9 { height: 75%; width: auto; } .row > .col-lg-10 { height: auto; width: 83.3333%; } .row > .offset-lg-10 { margin-left: 83.3333%; } .column > .col-lg-10 { height: 83.3333%; width: auto; } .row > .col-lg-11 { height: auto; width: 91.6667%; } .row > .offset-lg-11 { margin-left: 91.6667%; } .column > .col-lg-11 { height: 91.6667%; width: auto; } .row > .col-lg-12 { height: auto; width: 100%; } .row > .offset-lg-12 { margin-left: 100%; } .column > .col-lg-12 { height: 100%; width: auto; } } @media (min-width: 1920px) { .row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-0, .row > .col-xl-1, .row > .col-xl-2, .row > .col-xl-3, .row > .col-xl-4, .row > .col-xl-5, .row > .col-xl-6, .row > .col-xl-7, .row > .col-xl-8, .row > .col-xl-9, .row > .col-xl-10, .row > .col-xl-11, .row > .col-xl-12, .flex > .col-xl-auto, .flex > .col-xl-0, .flex > .col-xl-1, .flex > .col-xl-2, .flex > .col-xl-3, .flex > .col-xl-4, .flex > .col-xl-5, .flex > .col-xl-6, .flex > .col-xl-7, .flex > .col-xl-8, .flex > .col-xl-9, .flex > .col-xl-10, .flex > .col-xl-11, .flex > .col-xl-12, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink { width: auto; min-width: 0; max-width: 100%; } .column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-0, .column > .col-xl-1, .column > .col-xl-2, .column > .col-xl-3, .column > .col-xl-4, .column > .col-xl-5, .column > .col-xl-6, .column > .col-xl-7, .column > .col-xl-8, .column > .col-xl-9, .column > .col-xl-10, .column > .col-xl-11, .column > .col-xl-12, .flex > .col-xl-auto, .flex > .col-xl-0, .flex > .col-xl-1, .flex > .col-xl-2, .flex > .col-xl-3, .flex > .col-xl-4, .flex > .col-xl-5, .flex > .col-xl-6, .flex > .col-xl-7, .flex > .col-xl-8, .flex > .col-xl-9, .flex > .col-xl-10, .flex > .col-xl-11, .flex > .col-xl-12, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink { height: auto; min-height: 0; max-height: 100%; } .col-xl { -webkit-box-flex: 10000; -ms-flex: 10000 1 0%; flex: 10000 1 0%; } .col-xl-auto, .col-xl-0, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-xl-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .col-xl-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .row > .col-xl-0 { height: auto; width: 0%; } .row > .offset-xl-0 { margin-left: 0%; } .column > .col-xl-0 { height: 0%; width: auto; } .row > .col-xl-1 { height: auto; width: 8.3333%; } .row > .offset-xl-1 { margin-left: 8.3333%; } .column > .col-xl-1 { height: 8.3333%; width: auto; } .row > .col-xl-2 { height: auto; width: 16.6667%; } .row > .offset-xl-2 { margin-left: 16.6667%; } .column > .col-xl-2 { height: 16.6667%; width: auto; } .row > .col-xl-3 { height: auto; width: 25%; } .row > .offset-xl-3 { margin-left: 25%; } .column > .col-xl-3 { height: 25%; width: auto; } .row > .col-xl-4 { height: auto; width: 33.3333%; } .row > .offset-xl-4 { margin-left: 33.3333%; } .column > .col-xl-4 { height: 33.3333%; width: auto; } .row > .col-xl-5 { height: auto; width: 41.6667%; } .row > .offset-xl-5 { margin-left: 41.6667%; } .column > .col-xl-5 { height: 41.6667%; width: auto; } .row > .col-xl-6 { height: auto; width: 50%; } .row > .offset-xl-6 { margin-left: 50%; } .column > .col-xl-6 { height: 50%; width: auto; } .row > .col-xl-7 { height: auto; width: 58.3333%; } .row > .offset-xl-7 { margin-left: 58.3333%; } .column > .col-xl-7 { height: 58.3333%; width: auto; } .row > .col-xl-8 { height: auto; width: 66.6667%; } .row > .offset-xl-8 { margin-left: 66.6667%; } .column > .col-xl-8 { height: 66.6667%; width: auto; } .row > .col-xl-9 { height: auto; width: 75%; } .row > .offset-xl-9 { margin-left: 75%; } .column > .col-xl-9 { height: 75%; width: auto; } .row > .col-xl-10 { height: auto; width: 83.3333%; } .row > .offset-xl-10 { margin-left: 83.3333%; } .column > .col-xl-10 { height: 83.3333%; width: auto; } .row > .col-xl-11 { height: auto; width: 91.6667%; } .row > .offset-xl-11 { margin-left: 91.6667%; } .column > .col-xl-11 { height: 91.6667%; width: auto; } .row > .col-xl-12 { height: auto; width: 100%; } .row > .offset-xl-12 { margin-left: 100%; } .column > .col-xl-12 { height: 100%; width: auto; } } .rounded-borders { border-radius: 4px; } .border-radius-inherit { border-radius: inherit; } .no-transition { -webkit-transition: none !important; transition: none !important; } .transition-0 { -webkit-transition: 0s !important; transition: 0s !important; } .glossy { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.04))) !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important; } .q-placeholder::-webkit-input-placeholder { color: inherit; opacity: .7; } .q-placeholder::-moz-placeholder { color: inherit; opacity: .7; } .q-placeholder:-ms-input-placeholder { color: inherit !important; opacity: .7 !important; } .q-placeholder::-ms-input-placeholder { color: inherit; opacity: .7; } .q-placeholder::placeholder { color: inherit; opacity: .7; } .q-body--fullscreen-mixin, .q-body--prevent-scroll { position: fixed !important; } .q-body--force-scrollbar { overflow-y: scroll; } .q-no-input-spinner { -moz-appearance: textfield !important; } .q-no-input-spinner::-webkit-outer-spin-button, .q-no-input-spinner::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .q-link { outline: 0; text-decoration: none; } .q-link--focusable:focus-visible { -webkit-text-decoration: underline dashed currentColor 1px; text-decoration: underline dashed currentColor 1px; } body.electron .q-electron-drag { -webkit-user-select: none; -webkit-app-region: drag; } body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception { -webkit-app-region: no-drag; } img.responsive { max-width: 100%; height: auto; } .non-selectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .scroll { overflow: auto; } .scroll, .scroll-x, .scroll-y { -webkit-overflow-scrolling: touch; will-change: scroll-position; } .scroll-x { overflow-x: auto; } .scroll-y { overflow-y: auto; } .no-scroll { overflow: hidden !important; } .no-pointer-events, .no-pointer-events--children, .no-pointer-events--children * { pointer-events: none !important; } .all-pointer-events { pointer-events: all !important; } .cursor-pointer { cursor: pointer !important; } .cursor-not-allowed { cursor: not-allowed !important; } .cursor-inherit { cursor: inherit !important; } .cursor-none { cursor: none !important; } [aria-busy='true'] { cursor: progress; } [aria-controls], [role='button'] { cursor: pointer; } [aria-disabled] { cursor: default; } .rotate-45 { -webkit-transform: rotate(45deg) /* rtl:ignore */; transform: rotate(45deg) /* rtl:ignore */; } .rotate-90 { -webkit-transform: rotate(90deg) /* rtl:ignore */; transform: rotate(90deg) /* rtl:ignore */; } .rotate-135 { -webkit-transform: rotate(135deg) /* rtl:ignore */; transform: rotate(135deg) /* rtl:ignore */; } .rotate-180 { -webkit-transform: rotate(180deg) /* rtl:ignore */; transform: rotate(180deg) /* rtl:ignore */; } /* deprecated: to be removed */ .rotate-205 { -webkit-transform: rotate(205deg) /* rtl:ignore */; transform: rotate(205deg) /* rtl:ignore */; } .rotate-225 { -webkit-transform: rotate(225deg) /* rtl:ignore */; transform: rotate(225deg) /* rtl:ignore */; } .rotate-270 { -webkit-transform: rotate(270deg) /* rtl:ignore */; transform: rotate(270deg) /* rtl:ignore */; } .rotate-315 { -webkit-transform: rotate(315deg) /* rtl:ignore */; transform: rotate(315deg) /* rtl:ignore */; } .flip-horizontal { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .float-left { float: left; } .float-right { float: right; } .relative-position { position: relative; } .fixed, .fixed-full, .fullscreen, .fixed-center, .fixed-bottom, .fixed-left, .fixed-right, .fixed-top, .fixed-top-left, .fixed-top-right, .fixed-bottom-left, .fixed-bottom-right { position: fixed; } .absolute, .absolute-full, .absolute-center, .absolute-bottom, .absolute-left, .absolute-right, .absolute-top, .absolute-top-left, .absolute-top-right, .absolute-bottom-left, .absolute-bottom-right { position: absolute; } .fixed-top, .absolute-top { top: 0; left: 0; right: 0; } .fixed-right, .absolute-right { top: 0; right: 0; bottom: 0; } .fixed-bottom, .absolute-bottom { right: 0; bottom: 0; left: 0; } .fixed-left, .absolute-left { top: 0; bottom: 0; left: 0; } .fixed-top-left, .absolute-top-left { top: 0; left: 0; } .fixed-top-right, .absolute-top-right { top: 0; right: 0; } .fixed-bottom-left, .absolute-bottom-left { bottom: 0; left: 0; } .fixed-bottom-right, .absolute-bottom-right { bottom: 0; right: 0; } .fullscreen { z-index: 6000; border-radius: 0 !important; max-width: 100vw; max-height: 100vh; } body.q-ios-padding .fullscreen { padding-top: 20px !important; padding-top: env(safe-area-inset-top) !important; padding-bottom: env(safe-area-inset-bottom) !important; } .absolute-full, .fullscreen, .fixed-full { top: 0; right: 0; bottom: 0; left: 0; } .fixed-center, .absolute-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vertical-top { vertical-align: top !important; } .vertical-middle { vertical-align: middle !important; } .vertical-bottom { vertical-align: bottom !important; } .on-left { margin-right: 12px; } .on-right { margin-left: 12px; } /* internal: */ .q-position-engine { margin-top: var(--q-pe-top, 0) !important; margin-left: var(--q-pe-left, 0) !important; will-change: auto; visibility: collapse; } :root { --q-size-xs: 0; --q-size-sm: 600px; --q-size-md: 1024px; --q-size-lg: 1440px; --q-size-xl: 1920px; } .fit { width: 100% !important; height: 100% !important; } .full-height { height: 100% !important; } .full-width { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .window-height { margin-top: 0 !important; margin-bottom: 0 !important; height: 100vh !important; } .window-width { margin-left: 0 !important; margin-right: 0 !important; width: 100vw !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .q-pa-none { padding: 0 0; } .q-pl-none { padding-left: 0; } .q-pr-none { padding-right: 0; } .q-pt-none { padding-top: 0; } .q-pb-none { padding-bottom: 0; } .q-px-none { padding-left: 0; padding-right: 0; } .q-py-none { padding-top: 0; padding-bottom: 0; } .q-ma-none { margin: 0 0; } .q-ml-none { margin-left: 0; } .q-mr-none { margin-right: 0; } .q-mt-none { margin-top: 0; } .q-mb-none { margin-bottom: 0; } .q-mx-none { margin-left: 0; margin-right: 0; } .q-my-none { margin-top: 0; margin-bottom: 0; } .q-pa-xs { padding: 4px 4px; } .q-pl-xs { padding-left: 4px; } .q-pr-xs { padding-right: 4px; } .q-pt-xs { padding-top: 4px; } .q-pb-xs { padding-bottom: 4px; } .q-px-xs { padding-left: 4px; padding-right: 4px; } .q-py-xs { padding-top: 4px; padding-bottom: 4px; } .q-ma-xs { margin: 4px 4px; } .q-ml-xs { margin-left: 4px; } .q-mr-xs { margin-right: 4px; } .q-mt-xs { margin-top: 4px; } .q-mb-xs { margin-bottom: 4px; } .q-mx-xs { margin-left: 4px; margin-right: 4px; } .q-my-xs { margin-top: 4px; margin-bottom: 4px; } .q-pa-sm { padding: 8px 8px; } .q-pl-sm { padding-left: 8px; } .q-pr-sm { padding-right: 8px; } .q-pt-sm { padding-top: 8px; } .q-pb-sm { padding-bottom: 8px; } .q-px-sm { padding-left: 8px; padding-right: 8px; } .q-py-sm { padding-top: 8px; padding-bottom: 8px; } .q-ma-sm { margin: 8px 8px; } .q-ml-sm { margin-left: 8px; } .q-mr-sm { margin-right: 8px; } .q-mt-sm { margin-top: 8px; } .q-mb-sm { margin-bottom: 8px; } .q-mx-sm { margin-left: 8px; margin-right: 8px; } .q-my-sm { margin-top: 8px; margin-bottom: 8px; } .q-pa-md { padding: 16px 16px; } .q-pl-md { padding-left: 16px; } .q-pr-md { padding-right: 16px; } .q-pt-md { padding-top: 16px; } .q-pb-md { padding-bottom: 16px; } .q-px-md { padding-left: 16px; padding-right: 16px; } .q-py-md { padding-top: 16px; padding-bottom: 16px; } .q-ma-md { margin: 16px 16px; } .q-ml-md { margin-left: 16px; } .q-mr-md { margin-right: 16px; } .q-mt-md { margin-top: 16px; } .q-mb-md { margin-bottom: 16px; } .q-mx-md { margin-left: 16px; margin-right: 16px; } .q-my-md { margin-top: 16px; margin-bottom: 16px; } .q-pa-lg { padding: 24px 24px; } .q-pl-lg { padding-left: 24px; } .q-pr-lg { padding-right: 24px; } .q-pt-lg { padding-top: 24px; } .q-pb-lg { padding-bottom: 24px; } .q-px-lg { padding-left: 24px; padding-right: 24px; } .q-py-lg { padding-top: 24px; padding-bottom: 24px; } .q-ma-lg { margin: 24px 24px; } .q-ml-lg { margin-left: 24px; } .q-mr-lg { margin-right: 24px; } .q-mt-lg { margin-top: 24px; } .q-mb-lg { margin-bottom: 24px; } .q-mx-lg { margin-left: 24px; margin-right: 24px; } .q-my-lg { margin-top: 24px; margin-bottom: 24px; } .q-pa-xl { padding: 48px 48px; } .q-pl-xl { padding-left: 48px; } .q-pr-xl { padding-right: 48px; } .q-pt-xl { padding-top: 48px; } .q-pb-xl { padding-bottom: 48px; } .q-px-xl { padding-left: 48px; padding-right: 48px; } .q-py-xl { padding-top: 48px; padding-bottom: 48px; } .q-ma-xl { margin: 48px 48px; } .q-ml-xl { margin-left: 48px; } .q-mr-xl { margin-right: 48px; } .q-mt-xl { margin-top: 48px; } .q-mb-xl { margin-bottom: 48px; } .q-mx-xl { margin-left: 48px; margin-right: 48px; } .q-my-xl { margin-top: 48px; margin-bottom: 48px; } .q-mt-auto, .q-my-auto { margin-top: auto; } .q-ml-auto { margin-left: auto; } .q-mb-auto, .q-my-auto { margin-bottom: auto; } .q-mr-auto { margin-right: auto; } .q-mx-auto { margin-left: auto; margin-right: auto; } .q-touch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -khtml-user-drag: none; -webkit-user-drag: none; } .q-touch-x { -ms-touch-action: pan-x; touch-action: pan-x; } .q-touch-y { -ms-touch-action: pan-y; touch-action: pan-y; } .q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active { position: absolute; } .q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .q-transition--slide-right-enter { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .q-transition--slide-right-leave-to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .q-transition--slide-left-enter { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .q-transition--slide-left-leave-to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .q-transition--slide-up-enter { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .q-transition--slide-up-leave-to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .q-transition--slide-down-enter { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .q-transition--slide-down-leave-to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active { -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .q-transition--jump-right-enter, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter, .q-transition--jump-down-leave-to { opacity: 0; } .q-transition--jump-right-enter { -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } .q-transition--jump-right-leave-to { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .q-transition--jump-left-enter { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .q-transition--jump-left-leave-to { -webkit-transform: translateX(-15px); transform: translateX(-15px); } .q-transition--jump-up-enter { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } .q-transition--jump-up-leave-to { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .q-transition--jump-down-enter { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .q-transition--jump-down-leave-to { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } .q-transition--fade-enter-active, .q-transition--fade-leave-active { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .q-transition--fade-enter, .q-transition--fade-leave, .q-transition--fade-leave-to { opacity: 0; } .q-transition--scale-enter-active, .q-transition--scale-leave-active { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .q-transition--scale-enter, .q-transition--scale-leave, .q-transition--scale-leave-to { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); } .q-transition--rotate-enter-active, .q-transition--rotate-leave-active { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .q-transition--rotate-enter, .q-transition--rotate-leave, .q-transition--rotate-leave-to { opacity: 0; -webkit-transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg); transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg); } .q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .q-transition--flip-right-enter-to, .q-transition--flip-right-leave, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave { -webkit-transform: perspective(400px) rotate3d(1, 1, 0, 0deg); transform: perspective(400px) rotate3d(1, 1, 0, 0deg); } .q-transition--flip-right-enter { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg); transform: perspective(400px) rotate3d(0, 1, 0, -180deg); } .q-transition--flip-right-leave-to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg); transform: perspective(400px) rotate3d(0, 1, 0, 180deg); } .q-transition--flip-left-enter { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg); transform: perspective(400px) rotate3d(0, 1, 0, 180deg); } .q-transition--flip-left-leave-to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg); transform: perspective(400px) rotate3d(0, 1, 0, -180deg); } .q-transition--flip-up-enter { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -180deg); transform: perspective(400px) rotate3d(1, 0, 0, -180deg); } .q-transition--flip-up-leave-to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 180deg); transform: perspective(400px) rotate3d(1, 0, 0, 180deg); } .q-transition--flip-down-enter { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 180deg); transform: perspective(400px) rotate3d(1, 0, 0, 180deg); } .q-transition--flip-down-leave-to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -180deg); transform: perspective(400px) rotate3d(1, 0, 0, -180deg); } body { min-width: 100px; min-height: 100%; font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; line-height: 1.5; font-size: 14px; } h1 { font-size: 6rem; font-weight: 300; line-height: 6rem; letter-spacing: -0.01562em; } h2 { font-size: 3.75rem; font-weight: 300; line-height: 3.75rem; letter-spacing: -0.00833em; } h3 { font-size: 3rem; font-weight: 400; line-height: 3.125rem; letter-spacing: normal; } h4 { font-size: 2.125rem; font-weight: 400; line-height: 2.5rem; letter-spacing: 0.00735em; } h5 { font-size: 1.5rem; font-weight: 400; line-height: 2rem; letter-spacing: normal; } h6 { font-size: 1.25rem; font-weight: 500; line-height: 2rem; letter-spacing: 0.0125em; } p { margin: 0 0 16px; } .text-h1 { font-size: 6rem; font-weight: 300; line-height: 6rem; letter-spacing: -0.01562em; } .text-h2 { font-size: 3.75rem; font-weight: 300; line-height: 3.75rem; letter-spacing: -0.00833em; } .text-h3 { font-size: 3rem; font-weight: 400; line-height: 3.125rem; letter-spacing: normal; } .text-h4 { font-size: 2.125rem; font-weight: 400; line-height: 2.5rem; letter-spacing: 0.00735em; } .text-h5 { font-size: 1.5rem; font-weight: 400; line-height: 2rem; letter-spacing: normal; } .text-h6 { font-size: 1.25rem; font-weight: 500; line-height: 2rem; letter-spacing: 0.0125em; } .text-subtitle1 { font-size: 1rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.00937em; } .text-subtitle2 { font-size: 0.875rem; font-weight: 500; line-height: 1.375rem; letter-spacing: 0.00714em; } .text-body1 { font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.03125em; } .text-body2 { font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; letter-spacing: 0.01786em; } .text-overline { font-size: 0.75rem; font-weight: 500; line-height: 2rem; letter-spacing: 0.16667em; } .text-caption { font-size: 0.75rem; font-weight: 400; line-height: 1.25rem; letter-spacing: 0.03333em; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; -ms-hyphens: auto; hyphens: auto; } .text-italic { font-style: italic; } .text-bold { font-weight: bold; } .text-no-wrap { white-space: nowrap; } .text-strike { text-decoration: line-through; } .text-weight-thin { font-weight: 100; } .text-weight-light { font-weight: 300; } .text-weight-regular { font-weight: 400; } .text-weight-medium { font-weight: 500; } .text-weight-bold { font-weight: 700; } .text-weight-bolder { font-weight: 900; } small { font-size: 80%; } big { font-size: 170%; } sub { bottom: -.25em; } sup { top: -.5em; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-border { border: 0 !important; } .no-border-radius { border-radius: 0 !important; } .no-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .no-outline { outline: 0 !important; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ellipsis-2-lines, .ellipsis-3-lines { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .ellipsis-2-lines { -webkit-line-clamp: 2; } .ellipsis-3-lines { -webkit-line-clamp: 3; } .readonly { cursor: default !important; } .disabled, .disabled *, [disabled], [disabled] * { outline: 0 !important; cursor: not-allowed !important; } .disabled, [disabled] { opacity: .6 !important; } .hidden { display: none !important; } .invisible, .invisible * { visibility: hidden !important; -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .transparent { background: transparent !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-hidden-y { overflow-y: hidden !important; } .hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; } .hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; display: none; } .dimmed:after, .light-dimmed:after { content: ''; position: absolute; top: 0; right: 0 /* rtl:ignore */; bottom: 0; left: 0 /* rtl:ignore */; } .dimmed:after { background: rgba(0, 0, 0, 0.4) !important; } .light-dimmed:after { background: rgba(255, 255, 255, 0.6) !important; } .z-top { z-index: 7000 !important; } .z-max { z-index: 9998 !important; } body:not(.desktop) .desktop-only, body.desktop .desktop-hide { display: none !important; } body:not(.mobile) .mobile-only, body.mobile .mobile-hide { display: none !important; } body:not(.native-mobile) .native-mobile-only, body.native-mobile .native-mobile-hide { display: none !important; } body:not(.cordova) .cordova-only, body.cordova .cordova-hide { display: none !important; } body:not(.capacitor) .capacitor-only, body.capacitor .capacitor-hide { display: none !important; } body:not(.electron) .electron-only, body.electron .electron-hide { display: none !important; } body:not(.touch) .touch-only, body.touch .touch-hide { display: none !important; } body:not(.within-iframe) .within-iframe-only, body.within-iframe .within-iframe-hide { display: none !important; } body:not(.platform-ios) .platform-ios-only, body.platform-ios .platform-ios-hide { display: none !important; } body:not(.platform-android) .platform-android-only, body.platform-android .platform-android-hide { display: none !important; } @media all and (orientation: portrait) { .orientation-landscape { display: none !important; } } @media all and (orientation: landscape) { .orientation-portrait { display: none !important; } } @media screen { .print-only { display: none !important; } } @media print { .print-hide { display: none !important; } } @media (max-width: 599.98px) { .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl { display: none !important; } } @media (min-width: 600px) and (max-width: 1023.98px) { .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl { display: none !important; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl { display: none !important; } } @media (min-width: 1440px) and (max-width: 1919.98px) { .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl { display: none !important; } } @media (min-width: 1920px) { .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl { display: none !important; } } .q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable { outline: 0; } body.desktop .q-focus-helper { position: absolute; top: 0; left: 0 /* rtl:ignore */; width: 100%; height: 100%; pointer-events: none; border-radius: inherit; opacity: 0; -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1); transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1); } body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after { content: ''; position: absolute; top: 0; left: 0 /* rtl:ignore */; width: 100%; height: 100%; opacity: 0; border-radius: inherit; -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1); transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1); } body.desktop .q-focus-helper:before { background: #000; } body.desktop .q-focus-helper:after { background: #fff; } body.desktop .q-focus-helper--rounded { border-radius: 4px; } body.desktop .q-focus-helper--round { border-radius: 50%; } body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper { background: currentColor; opacity: .15; } body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before { opacity: .1; } body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after { opacity: .4; } body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper { opacity: .22; } body.body--dark { color: #fff; background: #121212; background: var(--q-color-dark-page); } .q-dark { color: #fff; background: #424242; background: var(--q-color-dark); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .q-item:after, .q-toolbar:after, .q-notification:after { content: ''; font-size: 0; visibility: collapse; display: inline; width: 0; } .q-banner > .q-banner__avatar { min-height: 38px; } .q-banner--dense > .q-banner__avatar { min-height: 20px; } .q-item:after { min-height: 32px; } .q-list--dense > .q-itemafter, .q-item--denseafter { min-height: 24px; } .q-toolbar:after { min-height: 50px; } .q-notification--standard:after { min-height: 48px; } .q-notification--multi-line { min-height: 68px; } .q-btn__wrapper, .q-time__content, .q-toolbar__title, .q-menu .q-item__section--main, .q-table__middle { -ms-flex-preferred-size: auto; flex-basis: auto; } .q-banner__content { -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important; } .q-menu > .q-banner > .q-banner__content, .q-dialog__inner > .q-banner > .q-banner__content { -ms-flex-preferred-size: auto !important; flex-basis: auto !important; } .q-tab__content { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 100%; } .q-card__actions--vert { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .column { min-width: 0%; } } @media screen and (-ms-high-contrast: active) and (min-width: 0), (-ms-high-contrast: none) and (min-width: 0) { .row > .col, .flex > .col, .row > .col-xs, .flex > .col-xs { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media screen and (-ms-high-contrast: active) and (min-width: 600px), (-ms-high-contrast: none) and (min-width: 600px) { .row > .col-sm, .flex > .col-sm { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media screen and (-ms-high-contrast: active) and (min-width: 1024px), (-ms-high-contrast: none) and (min-width: 1024px) { .row > .col-md, .flex > .col-md { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media screen and (-ms-high-contrast: active) and (min-width: 1440px), (-ms-high-contrast: none) and (min-width: 1440px) { .row > .col-lg, .flex > .col-lg { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media screen and (-ms-high-contrast: active) and (min-width: 1920px), (-ms-high-contrast: none) and (min-width: 1920px) { .row > .col-xl, .flex > .col-xl { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .q-item__section--avatar { min-width: 56px; } button.q-btn--actionable:active:hover .q-btn__wrapper { margin: -1px 1px 1px -1px; } .q-btn-group--push > button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper { margin: 1px 1px -1px -1px; } .q-btn { overflow: visible; } .q-btn--wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .q-carousel__slide > * { max-width: 100%; } .q-tabs--vertical .q-tab__indicator { height: auto; } .q-spinner { -webkit-animation: q-ie-spinner 2s linear infinite /* rtl:ignore */; animation: q-ie-spinner 2s linear infinite /* rtl:ignore */; -webkit-transform-origin: center center /* rtl:ignore */; transform-origin: center center /* rtl:ignore */; opacity: .5; } .q-spinner.q-spinner-mat .path { stroke-dasharray: 89, 200; } .q-checkbox__indet { opacity: 0; } .q-checkbox__inner--indet .q-checkbox__indet { opacity: 1; } .q-radio__check { opacity: 0; } .q-radio__inner--truthy .q-radio__check { opacity: 1; } .q-date__main { min-height: 290px !important; } .q-date__months { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .q-time--portrait .q-time__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .q-field__prefix, .q-field__suffix { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .q-field__bottom--stale .q-field__messages { left: 12px; } .q-field--borderless .q-field__bottom--stale .q-field__messages, .q-field--standard .q-field__bottom--stale .q-field__messages { left: 0; } .q-field--float .q-field__label { max-width: 100%; } .q-focus-helper { z-index: 1; } } @supports (-ms-ime-align: auto) { .q-item:after, .q-toolbar:after, .q-notification:after { content: ''; font-size: 0; visibility: collapse; display: inline; width: 0; } .q-banner > .q-banner__avatar { min-height: 38px; } .q-banner--dense > .q-banner__avatar { min-height: 20px; } .q-item:after { min-height: 32px; } .q-list--dense > .q-itemafter, .q-item--denseafter { min-height: 24px; } .q-toolbar:after { min-height: 50px; } .q-notification--standard:after { min-height: 48px; } .q-notification--multi-line { min-height: 68px; } .q-btn__wrapper, .q-time__content, .q-toolbar__title, .q-menu .q-item__section--main, .q-table__middle { -ms-flex-preferred-size: auto; flex-basis: auto; } .q-banner__content { -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important; } .q-menu > .q-banner > .q-banner__content, .q-dialog__inner > .q-banner > .q-banner__content { -ms-flex-preferred-size: auto !important; flex-basis: auto !important; } .q-tab__content { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 100%; } .q-card__actions--vert { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .column { min-width: 0%; } @media (min-width: 0) { .row > .col, .flex > .col, .row > .col-xs, .flex > .col-xs { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media (min-width: 600px) { .row > .col-sm, .flex > .col-sm { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media (min-width: 1024px) { .row > .col-md, .flex > .col-md { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media (min-width: 1440px) { .row > .col-lg, .flex > .col-lg { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } @media (min-width: 1920px) { .row > .col-xl, .flex > .col-xl { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 0%; } } .q-item__section--avatar { min-width: 56px; } button.q-btn--actionable:active:hover .q-btn__wrapper { margin: -1px 1px 1px -1px; } .q-btn-group--push > button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper { margin: 1px 1px -1px -1px; } .q-btn { overflow: visible; } .q-btn--wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .q-carousel__slide > * { max-width: 100%; } .q-tabs--vertical .q-tab__indicator { height: auto; } .q-spinner { -webkit-animation: q-ie-spinner 2s linear infinite /* rtl:ignore */; animation: q-ie-spinner 2s linear infinite /* rtl:ignore */; -webkit-transform-origin: center center /* rtl:ignore */; transform-origin: center center /* rtl:ignore */; opacity: .5; } .q-spinner.q-spinner-mat .path { stroke-dasharray: 89, 200; } .q-checkbox__indet { opacity: 0; } .q-checkbox__inner--indet .q-checkbox__indet { opacity: 1; } .q-radio__check { opacity: 0; } .q-radio__inner--truthy .q-radio__check { opacity: 1; } .q-date__main { min-height: 290px !important; } .q-date__months { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .q-time--portrait .q-time__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .q-field__prefix, .q-field__suffix { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .q-field__bottom--stale .q-field__messages { left: 12px; } .q-field--borderless .q-field__bottom--stale .q-field__messages, .q-field--standard .q-field__bottom--stale .q-field__messages { left: 0; } .q-field--float .q-field__label { max-width: 100%; } .q-focus-helper { z-index: 1; } } @-webkit-keyframes q-ie-spinner { 0% { opacity: .5; } 50% { opacity: 1; } 100% { opacity: .5; } } @keyframes q-ie-spinner { 0% { opacity: .5; } 50% { opacity: 1; } 100% { opacity: .5; } } /* --------- quasar end ----------- */ /* --------- tdp begin ----------- */ /* 覆盖 quasar 内置样式 */ body.body--light { background-color: #f2f2f2; } .q-field--outlined:not(.q-field--dark) .q-field__control:before { border-color: #e5e6eb; } .on-left { margin-right: 6px; } .on-right { margin-left: 6px; } .q-table th { font-weight: 600; } @media screen and (-ms-high-contrast: active) and (min-width: 0), (-ms-high-contrast: none) and (min-width: 0) { .q-field > .q-field__inner, .q-field .q-field__control-container { -ms-flex-preferred-size: 0; flex-basis: 0; } .q-table__control .q-select > .q-field__inner, .q-table__control .q-select .q-field__control-container { -ms-flex-preferred-size: auto; flex-basis: auto; } } /* 覆盖 quasar 内置样式 -- end */ a { text-decoration: none; } textarea { font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; } textarea:not(.allow-resize) { resize: none; } .clearfix::before, .clearfix::after { display: table; content: ""; } .clearfix::after { clear: both; } .no-border { border: 0 !important; } .no-border-top { border-top: 0 !important; } .no-border-right { border-right: 0 !important; } .no-border-bottom { border-bottom: 0 !important; } .no-border-left { border-left: 0 !important; } .no-border-y { border-top: 0 !important; border-bottom: 0 !important; } .no-border-x { border-left: 0 !important; border-right: 0 !important; } .tdp-hover-show, .tdp-hover-hide { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .tdp-hover-show { display: none; opacity: 0; } .tdp-hover-hide { display: inherit; opacity: 1; } .tdp-hoverable:hover .tdp-hover-show { display: inherit; opacity: 1; } .tdp-hoverable:hover .tdp-hover-hide { display: none; opacity: 0; } .tdp-hover--shadow { -webkit-transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .tdp-hover--shadow:not(:hover) { -webkit-box-shadow: none; box-shadow: none; } .tdp-btn--outline:before, .tdp-btn-group--outline:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: inherit; border: 1px solid #e5e6eb; -webkit-transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); } .body--dark .tdp-btn--outline:before, .body--dark .tdp-btn-group--outline:before { border-color: rgba(255, 255, 255, 0.6); } .tdp-table--body-adaptive .q-table__middle { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .tdp-table--body-adaptive .q-table__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tdp-field__label--xs { width: 80px; } .tdp-field__label--sm { width: 100px; } .tdp-field__label--md { width: 120px; } .tdp-field__label--lg { width: 140px; } .tdp-field__label--xl { width: 160px; } .tdp-fade-transform-leave-active, .tdp-fade-transform-enter-active { -webkit-transition: all 0.25s; transition: all 0.25s; } .tdp-fade-transform-enter, .tdp-fade-transform-leave-to { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .tdp-router-progressbar { width: 100vw; height: 3px; overflow: hidden; background: rgba(221, 221, 221, 0.4); position: fixed; z-index: 9999; } .tdp-router-progressbar::after { content: ' '; height: 100%; width: 50vw; -webkit-animation: gradcolours 5s steps(1) infinite, loadthird 1s infinite linear; animation: gradcolours 5s steps(1) infinite, loadthird 1s infinite linear; display: block; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes loadthird { 0% { -webkit-transform: translateX(-50vw); transform: translateX(-50vw); } 100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); } } @keyframes loadthird { 0% { -webkit-transform: translateX(-50vw); transform: translateX(-50vw); } 100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); } } @-webkit-keyframes gradcolours { 0% { background: -webkit-gradient(linear, left top, right top, from(rgba(98, 151, 164, 0)), color-stop(30%, dodgerblue), color-stop(50%, dodgerblue), color-stop(70%, dodgerblue), to(rgba(98, 151, 164, 0))); background: linear-gradient(90deg, rgba(98, 151, 164, 0) 0%, dodgerblue 30%, dodgerblue 50%, dodgerblue 70%, rgba(98, 151, 164, 0) 100%); } 20% { background: -webkit-gradient(linear, left top, right top, from(rgba(132, 190, 190, 0)), color-stop(30%, gold), color-stop(50%, gold), color-stop(70%, gold), to(rgba(132, 190, 190, 0))); background: linear-gradient(90deg, rgba(132, 190, 190, 0) 0%, gold 30%, gold 50%, gold 70%, rgba(132, 190, 190, 0) 100%); } 40% { background: -webkit-gradient(linear, left top, right top, from(rgba(233, 135, 36, 0)), color-stop(30%, darkorange), color-stop(50%, darkorange), color-stop(70%, darkorange), to(rgba(233, 135, 36, 0))); background: linear-gradient(90deg, rgba(233, 135, 36, 0) 0%, darkorange 30%, darkorange 50%, darkorange 70%, rgba(233, 135, 36, 0) 100%); } 60% { background: -webkit-gradient(linear, left top, right top, from(rgba(175, 201, 78, 0)), color-stop(30%, lightgreen), color-stop(50%, lightgreen), color-stop(70%, lightgreen), to(rgba(175, 201, 78, 0))); background: linear-gradient(90deg, rgba(175, 201, 78, 0) 0%, lightgreen 30%, lightgreen 50%, lightgreen 70%, rgba(175, 201, 78, 0) 100%); } 80% { background: -webkit-gradient(linear, left top, right top, from(rgba(232, 128, 152, 0)), color-stop(30%, orangered), color-stop(50%, orangered), color-stop(70%, orangered), to(rgba(232, 128, 152, 0))); background: linear-gradient(90deg, rgba(232, 128, 152, 0) 0%, orangered 30%, orangered 50%, orangered 70%, rgba(232, 128, 152, 0) 100%); } } @keyframes gradcolours { 0% { background: -webkit-gradient(linear, left top, right top, from(rgba(98, 151, 164, 0)), color-stop(30%, dodgerblue), color-stop(50%, dodgerblue), color-stop(70%, dodgerblue), to(rgba(98, 151, 164, 0))); background: linear-gradient(90deg, rgba(98, 151, 164, 0) 0%, dodgerblue 30%, dodgerblue 50%, dodgerblue 70%, rgba(98, 151, 164, 0) 100%); } 20% { background: -webkit-gradient(linear, left top, right top, from(rgba(132, 190, 190, 0)), color-stop(30%, gold), color-stop(50%, gold), color-stop(70%, gold), to(rgba(132, 190, 190, 0))); background: linear-gradient(90deg, rgba(132, 190, 190, 0) 0%, gold 30%, gold 50%, gold 70%, rgba(132, 190, 190, 0) 100%); } 40% { background: -webkit-gradient(linear, left top, right top, from(rgba(233, 135, 36, 0)), color-stop(30%, darkorange), color-stop(50%, darkorange), color-stop(70%, darkorange), to(rgba(233, 135, 36, 0))); background: linear-gradient(90deg, rgba(233, 135, 36, 0) 0%, darkorange 30%, darkorange 50%, darkorange 70%, rgba(233, 135, 36, 0) 100%); } 60% { background: -webkit-gradient(linear, left top, right top, from(rgba(175, 201, 78, 0)), color-stop(30%, lightgreen), color-stop(50%, lightgreen), color-stop(70%, lightgreen), to(rgba(175, 201, 78, 0))); background: linear-gradient(90deg, rgba(175, 201, 78, 0) 0%, lightgreen 30%, lightgreen 50%, lightgreen 70%, rgba(175, 201, 78, 0) 100%); } 80% { background: -webkit-gradient(linear, left top, right top, from(rgba(232, 128, 152, 0)), color-stop(30%, orangered), color-stop(50%, orangered), color-stop(70%, orangered), to(rgba(232, 128, 152, 0))); background: linear-gradient(90deg, rgba(232, 128, 152, 0) 0%, orangered 30%, orangered 50%, orangered 70%, rgba(232, 128, 152, 0) 100%); } } .tdp-exception { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; overflow: auto; } .tdp-exception-img__block { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; width: 62.5%; padding-right: 152px; zoom: 1; } .tdp-exception-img__block::before, .tdp-exception-img__block::after { display: table; content: ' '; } .tdp-exception-img__block::after { clear: both; height: 0; font-size: 0; visibility: hidden; } .tdp-exception-img { float: right; width: 100%; max-width: 720px; height: 362px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; } .tdp-exception-cont { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .tdp-exception-cont__title { margin-bottom: 24px; font-weight: 600; font-size: 72px; line-height: 72px; } .tdp-exception-cont__desc { margin-bottom: 16px; color: #9e9e9e; font-size: 20px; line-height: 28px; } .tdp-exception-cont__actions button:not(:last-child) { margin-right: 8px; } @media screen and (max-width: 1439.98px) { .tdp-exception-img__block { padding-right: 88px; } } @media screen and (max-width: 1023.98px) { .tdp-exception { display: block; text-align: center; } .tdp-exception-img__block { margin: 0 auto 24px; padding-right: 0; } } @media screen and (max-width: 599.98px) { .tdp-exception-img__block { margin-bottom: -24px; overflow: hidden; } } .tdp-layout-header .q-toolbar, .tdp-layout-header .q-tab, .tdp-layout-header .q-btn:not(.q-btn--round) { min-height: 60px; } .tdp-layout-header__navbar { max-width: 65%; } .tdp-layout .tdp-layout-header .tdp-layout-header__navbar .q-tabs .q-tabs__content button { width: auto !important; } .tdp-layout .tdp-layout-header .tdp-layout-header__navbar .q-tabs .q-tabs__content button .q-btn__wrapper { padding: 4px 5px !important; } .tdp-layout-sider .q-drawer--mini, .tdp-layout-sider--mini .q-drawer { z-index: 1000; } .tdp-layout-sider--on-top .q-drawer { z-index: 3000; } .tdp-layout-sider__header { min-height: 60px; } .tdp-layout-sider .q-drawer--mini .tdp-layout-logo .q-avatar + * { display: none; } .tdp-layout-footer:not(.tdp-layout-footer--on-top) { z-index: 999; } .tdp-layout-footer img { width: 16px; height: 16px; vertical-align: top; } .tdp-layout-sider .tdp-layout-logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tdp-layout-nav-list .q-item::before { content: ''; position: absolute; top: 0; right: 0; width: 3px; height: 100%; -webkit-transform: scaleY(0.0001); transform: scaleY(0.0001); opacity: 0; background: currentColor; -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .tdp-layout-nav-list .q-item--active::before { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .tdp-layout-nav-list .q-item--active .q-focus-helper { background: currentColor; opacity: 0.1; } .tdp-layout-nav-tab .q-tab__indicator { height: 3px; } .tdp-layout-nav-list .q-item__section--avatar, .tdp-layout-nav-tab__menu-list .q-item__section--avatar { min-width: auto; padding-right: 8px; } .tdp-layout-setting__view-builder .q-radio--dense { min-width: 24px; } .tdp-layout-setting__view-builder .q-radio--dense .q-radio__label { padding-left: 0.2em; } .tdp-layout--content-fixed-width { max-width: 100%; margin: 0 auto; } .tdp-layout .q-layout__section--marginal { background-color: #f2f2f2; } body.body--dark .tdp-layout .q-layout__section--marginal { background-color: #121212; } .tdp-page-sider { width: 256px; } .tdp-page-sider--spread { min-width: 256px; max-width: 35%; } @media screen and (-ms-high-contrast: active) and (min-width: 0), (-ms-high-contrast: none) and (min-width: 0) { .tdp-page-sider + .col, .tdp-page-sider + .col-xs, .tdp-page-sider--spread + .col, .tdp-page-sider--spread + .col-xs { -ms-flex-preferred-size: 0; flex-basis: 0; } } @media screen and (-ms-high-contrast: active) and (min-width: 600px), (-ms-high-contrast: none) and (min-width: 600px) { .tdp-page-sider + .col-sm, .tdp-page-sider--spread + .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; } } @media screen and (-ms-high-contrast: active) and (min-width: 1024px), (-ms-high-contrast: none) and (min-width: 1024px) { .tdp-page-sider + .col-md, .tdp-page-sider--spread + .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; } } @media screen and (-ms-high-contrast: active) and (min-width: 1440px), (-ms-high-contrast: none) and (min-width: 1440px) { .tdp-page-sider + .col-lg, .tdp-page-sider--spread + .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; } } @media screen and (-ms-high-contrast: active) and (min-width: 1920px), (-ms-high-contrast: none) and (min-width: 1920px) { .tdp-page-sider + .col-xl, .tdp-page-sider--spread + .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; } } .t-q-page .app-demo-list, .t-q-page .app-demo-info { padding: 16px; } .t-q-page .tdp-layout-footer { z-index: 1000; padding-right: 60px; padding: 16px; background-color: #fafafa; } .t-q-page .tdp-layout-footer .q-btn { z-index: 1001; } .t-q-page .t-form-label { vertical-align: middle; line-height: 40px; width: 100px; color: rgba(0, 0, 0, 0.54); } .t-q-page .label-required { color: red; margin-right: 8px; } .t-q-page .q-card { -webkit-box-shadow: none; box-shadow: none; } .t-q-page .q-table__card { border: 1px solid #e5e6eb; -webkit-box-shadow: none; box-shadow: none; } .t-q-page .q-stepper { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e5e6eb; } .t-q-page .q-table__middle { overflow: auto; } .t-q-page .q-table--cell-separator.t-table-layout td { height: auto; min-height: 48px; padding: 7px 16px; } .t-q-page .q-table--cell-separator.t-table-layout td:first-child { border-left: 1px solid #e5e6eb; } .t-q-page .t-table .q-table tr td:not(.q-table--col-auto-width) { min-width: 200px; } .t-q-page .q-field--with-bottom { padding-bottom: 0; } .t-q-page .q-field--with-bottom.q-field--error { padding-bottom: 20px; } .t-q-page .q-btn { min-width: 64px; } .t-q-page .t-jump-page-input { width: 40px; } .t-flow-dialog .q-card .q-tab-panel { padding: 0; } .t-flow-dialog .q-card .q-tab-panel .selected-container { min-width: 200px; } .t-flow-dialog .t-flow-tabs { width: 750px !important; max-width: 750px !important; } .t-flow-dialog .t-flow-btn { height: 380px; overflow: auto; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel { padding-left: 10px; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .header { line-height: 30px; height: 30px; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .body { height: 350px; border: 1px solid #e5e6eb; overflow: auto; overflow-x: auto; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .body .q-tree .q-tree__node .q-tree__node-header { margin: 0; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .selection-tree { border-left: none; border-right: none; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .selection-tree2 { border-right: none; } .t-flow-dialog .t-flow-btn .t-flow-btn-panel .col .check-tree .q-list .q-item { color: #fff; background: #174896; } .t-list__empty { color: #bdbdbd; } .t-uploader .q-uploader, .t-attachment .q-uploader { background: none !important; } .t-uploader .q-uploader .q-uploader__header, .t-uploader .q-uploader .q-uploader__file, .t-attachment .q-uploader .q-uploader__header, .t-attachment .q-uploader .q-uploader__file { background: none !important; } .t-uploader .q-uploader .q-uploader__header:before, .t-uploader .q-uploader .q-uploader__file:before, .t-attachment .q-uploader .q-uploader__header:before, .t-attachment .q-uploader .q-uploader__file:before { opacity: 0; } .tdp-org-selector-dialog .q-card { width: 600px; max-width: 600px; } .tdp-org-selector-dialog .q-card .q-card__section:first-child { border-bottom: 1px solid #e5e6eb; } .body--dark .tdp-org-selector-dialog .q-card .q-card__section:first-child { border-color: rgba(255, 255, 255, 0.28); } .tdp-org-selector-panel.row .col .header { line-height: 30px; height: 30px; } .tdp-org-selector-panel.row .col .header .q-field { position: absolute; right: 20px; top: -36px; width: 150px; } .tdp-org-selector-panel.row .col .header .q-field .q-field__control { height: 28px; } .tdp-org-selector-panel.row .col .header .q-field .q-field__control .q-field__append { height: 28px; } .tdp-org-selector-panel.row .col .body { height: 350px; border: 1px solid #e5e6eb; overflow: auto; } .tdp-org-selector-panel.row .col .body .q-tree .q-tree__node .q-tree__node-header { margin: 0; } .tdp-org-selector-panel.row .col .body.selection-tree { border-left: none; border-right: none; } .tdp-org-selector-panel.row .col .body.selection-tree .q-tree .q-tree__node .q-tree__node-header { padding: 0 4px; } .tdp-org-selector-panel.row .col .body.check-tree .q-tree .q-tree__node { margin: 5px 0; } .tdp-org-selector-panel.row .col .body.check-tree .q-tree .q-tree__node .q-tree__node-header { padding: 0; } .tdp-org-selector-panel.row .col .body.check-tree .q-tree .q-tree__node .q-tree__node-header .q-chip { margin: 0; height: 1.8em; } .tdp-org-selector-panel.row .col .body.check-tree .q-tree .q-tree__node .q-tree__node-header .q-chip .q-chip__icon { font-size: 16px; } .body--dark .tdp-org-selector-panel.row .col .body { border-color: rgba(255, 255, 255, 0.28); } .tdp-org-selector-menu { width: 400px; height: 300px; overflow: hidden; } .tdp-org-selector-menu > .row > .col-6:last-child { border-left: 1px solid #e5e6eb; } .tdp-org-selector-menu > .row > .col-6 .q-list .empty { color: #9e9e9e; } .tdp-org-selector-menu > .row > .col-6 .search { padding: 8px 8px 0; } .tdp-org-selector-menu > .row > .col-6 .search .q-field__control { height: 28px; } .tdp-org-selector-menu > .row > .col-6 .search .q-field__control .q-field__append { height: 28px; } .body--dark .tdp-org-selector-menu > .row > .col:last-child { border-color: rgba(255, 255, 255, 0.28); } .tenant-auth-role-menu .q-toggle--dense .q-toggle__label { width: 100%; } .tenant-auth-role-menu .q-toggle--dense .q-toggle__label .tenant-auth-role-menu-left { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tenant-auth-role-menu .q-toggle--dense .q-toggle__label .tenant-auth-role-menu-left-middle { margin: 0 6px; } .tenant-auth-role-menu .tenant-auth-role-menu-inner { border: 1px solid #e5e6eb; border-bottom: none; } .tenant-auth-role-menu .tenant-auth-role-menu-inner .tree-top-line { padding: 12px 6px 12px 0; border-bottom: 1px solid #e5e6eb; } .tenant-auth-role-menu .tenant-auth-role-menu-inner .tree-top-line .q-toggle__label { font-weight: bold; } .tenant-auth-role-menu .tenant-auth-role-menu-inner .tree-top-line-th { padding-left: 24px; font-weight: bold; } .tenant-auth-role-menu .tenant-auth-role-menu-inner .q-tree > .q-tree__node { border-bottom: 1px solid #e5e6eb; } .tenant-auth-role-menu .tenant-auth-role-menu-inner .q-tree > .q-tree__node .q-tree__node { border-top: 1px solid #e5e6eb; } .tenant-role-auth-com .full-width.q-card__section.q-card__section--vert .q-table tbody tr:nth-child(even), .tenant-module-auth-com .full-width.q-card__section.q-card__section--vert .q-table tbody tr:nth-child(even) { background: #fff !important; } .tenant-role-auth-com button.q-ml-sm .q-icon, .tenant-module-auth-com button.q-ml-sm .q-icon { font-size: 16px; } .tenant-auth-menu-menu .tree-top-line { padding: 12px 6px 12px 0; } .tenant-auth-menu-menu .tree-top-line .q-toggle__label { font-weight: bold; } .tenant-auth-menu-menu .tree-top-line-th { padding-left: 24px; font-weight: bold; } .data-authority .q-checkbox__inner { font-size: 30px; } .data-authority-info-header { margin-bottom: 12px; } .data-authority-list-header .q-btn.icon-back { margin-left: 10px; } .data-authority-list-header .q-btn.icon-back .on-right { font-size: 16px !important; } .flow-config-info { padding: 12px 16px; } .flow-config-info .flow_setting { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: top; -ms-flex-align: top; align-items: top; background: #fff; border-radius: 8px; padding: 8px 10px; -webkit-box-shadow: outset 0 0 30px black; box-shadow: outset 0 0 30px black; } .flow-config-info .flow_setting .flow_tree { padding: 10px 4px; height: 100%; overflow-x: auto; border: 1px solid rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; } .flow-config-info .flow_setting .flow_tree .items-center, .flow-config-info .flow_setting .flow_tree .flex-center { min-width: 183px; white-space: nowrap; } .flow-config-info .flow_setting .right-svg-attr { height: 100%; } .flow-config-info .flow_setting .right-svg-attr .svg_cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; height: 100%; overflow-y: auto; } .flow-config-info .flow_setting .right-svg-attr .svg_cont .svg_selected { text-align: center; padding: 20px; } .flow-config-info .flow_setting .right-svg-attr .svg_cont .svg_selected .svg_selected_info { font-size: 1.2rem; font-weight: 700; color: var(--q-color-primary); } .flow-config-info .flow_setting .right-svg-attr .flow_attr { height: 100%; border: 1px solid rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-y: auto; } .flow-config-info .flow_setting .right-svg-attr .flow_attr .field_name { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .flow-config-info .flow_setting .right-svg-attr .flow_attr .attr_file { width: 100%; } .flow-config-info .flow_setting .right-svg-attr .flow_attr .attr_btn { float: right; margin: 15px; } .flow-config-info .flow_setting svg g.stencils g.children g.stencils:hover, .flow-config-info .flow_setting svg g.stencils g.edge g.stencils:hover { cursor: pointer; } .flow-config-info .sticky { position: sticky; top: 0px; } .flow-config-info .participants { border: 1px solid var(--q-color-title-x); min-height: 28px; line-height: 28px; border-radius: 4px; max-width: 200px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; width: 100%; } .flow-config-info .title-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .candidate_table { width: 100%; margin-top: 10px; } .antecedent-con-card-dilog .condition-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .antecedent-con-card-dilog .condition-card-item { position: relative; width: 32.1%; min-height: 90px; padding: 10px; margin: 5px 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .antecedent-con-card-dilog .condition-card-item .card-item-del, .antecedent-con-card-dilog .condition-card-item .operator-card-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .antecedent-con-card-dilog .condition-card-item .operator-card-item-del { top: -5px; right: -6px; } .antecedent-con-card-dilog .condition-card-item:hover { z-index: 2; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .antecedent-con-card-dilog .condition-card-item:hover .card-item-del { opacity: 1; } .antecedent-con-card-dilog .condition-card-item:nth-child(3n-1) { margin: 5px 10px; } .antecedent-con-card-dilog .preConfigOperator { position: relative; display: inline-block; margin: 3px; border-radius: 3px; background: #ccc; padding: 2px 7px; } .antecedent-con-card-dilog .preConfigOperator:hover .operator-card-item-del { opacity: 1; } .antecedent-con-card-dilog .main-send-unit { max-height: 90px; overflow: hidden; } .auto-notification-style .express-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .auto-notification-style #codeDom { border: 1px solid #e5e6eb; height: calc(50vh - 105px); text-align: justify; padding: 10px 12px; } .auto-notification-style .tip { color: red; margin: 2px 0; } .auto-notification-style .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .auto-notification-style .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .auto-notification-style .dialog-form .role-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .auto-notification-style .dialog-form .role-cont .role-item { display: inline-block; width: 32.1%; min-height: 90px; vertical-align: middle; padding: 8px; position: relative; margin: 5px 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .auto-notification-style .dialog-form .role-cont .role-item .role-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .auto-notification-style .dialog-form .role-cont .role-item:hover { z-index: 2; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .auto-notification-style .dialog-form .role-cont .role-item:hover .role-item-del { opacity: 1; } .auto-notification-style .dialog-form .role-cont .role-item:nth-child(3n-1) { margin: 0 10px; } .conditional-expression-style .express-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .conditional-expression-style #codeDom { border: 1px solid #e5e6eb; height: calc(50vh - 105px); text-align: justify; padding: 10px 12px; } .del-dialog .margin10 { display: inline-block; font-size: 14px; margin: 0 !important; color: red; } .del-dialog .padding10 { margin: 0 23px !important; padding-top: 10px !important; color: #cc382f; } .edition-dialog .add-edition { position: relative; left: 92%; } .edition-dialog .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .edition-dialog .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .flow-dialog-stlye-com .dialog_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: distribute; align-content: space-around; } .flow-dialog-stlye-com .dialog_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .import-dialog-style-com .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .import-dialog-style-com .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .import-dialog-style-com .success-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .import-dialog-style-com .margin20 { margin: 20px 0 !important; text-indent: 46px; color: red; } .participants-dialog-style-com .participants-dialog .add_person .add_person_top { border: 1px solid #efefef; border-radius: 4px; padding-bottom: 8px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } .participants-dialog-style-com .participants-dialog .add_person .add_person_top .add_person_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6px 0; background: #f7f8fa; padding: 2px 12px; border-radius: 4px; } .participants-dialog-style-com .participants-dialog .add_person .add_person_top .add_person_cont_item .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; margin: 4px 0; } .participants-dialog-style-com .participants-dialog .add_person .add_person_top .add_person_cont_item .item label.t-form-label { width: 160px; } .participants-dialog-style-com .participants-dialog .add_person .add_person_top .add_person_cont_item .item .item_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .participants-dialog-style-com .participants-dialog .add_person .add_person_top .add_person_cont_item .item .q-field.q-validation-component .q-field__inner .q-field__control .q-field__control-container .q-field__native { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont { margin: 10px 0; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item { margin-bottom: 8px; border: 1px solid #efefef; border-radius: 4px; padding-bottom: 8px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item .add_person_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f8fa; padding: 0 12px; margin-bottom: 6px; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; margin: 4px 0; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item .item label.t-form-label { width: 160px; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item .item .item_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item .item .q-field.q-validation-component .q-field__inner .q-field__control .q-field__control-container .q-field__native { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .participants-dialog-style-com .participants-dialog .add_person .add_person_cont .add_person_cont_item :nth-last-child(1) { margin-bottom: 0; } .participants-dialog-style-com .q-field__control.relative-position.text-negative { height: 28px !important; } .participants-dialog-style-com .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .participants-dialog-style-com .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .participants-dialog-style-com .role-cont { position: relative; width: 100%; } .participants-dialog-style-com .role-cont .role-item { border-radius: 5px; display: inline-block; vertical-align: middle; padding: 8px; position: relative; margin: 6px 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .participants-dialog-style-com .role-cont .role-item .role-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .participants-dialog-style-com .role-cont .role-item span { margin: 0 3px; } .participants-dialog-style-com .role-cont .role-item:hover { z-index: 2; } .participants-dialog-style-com .role-cont .role-item:hover .role-item-del { opacity: 1; } .participants-dialog-style-com .tip { color: red; margin: 2px 0; } .participants-dialog-style-com .margin5 { margin: 10px 0; } .participants-dialog-style-com .superior-box { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 16px 8px; cursor: pointer; } .participants-dialog-style-com .superior-box .superior-box-item-mt { margin-top: 10px; } .participants-dialog-style-com .superior-box .left-label { width: 120px !important; } .participants-dialog-style-com .superior-box .right-content { margin-left: 20px !important; } .participants-dialog-style-com .superior-box .superior-box-del { display: none; } .participants-dialog-style-com .superior-box:hover .superior-box-del { display: block; } .path-dialog-style-com .q-dialog__inner--minimized > div { max-height: calc(100vh - 420px); } .path-dialog-style-com .hanlder_table { max-height: 410px; min-height: 410px; overflow-y: auto; } .path-dialog-style-com .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .path-dialog-style-com .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .process-filelds-style-com .process { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .process-filelds-style-com .my-sticky-dynamic { max-height: 75vh; } .process-filelds-style-com .my-sticky-dynamic .q-table__top, .process-filelds-style-com .my-sticky-dynamic .q-table__bottom, .process-filelds-style-com .my-sticky-dynamic thead tr:first-child th { background-color: #fff; } .process-filelds-style-com .my-sticky-dynamic thead tr th { position: sticky; z-index: 1; } .process-filelds-style-com .my-sticky-dynamic thead tr:last-child th { top: 48px; width: 260px; } .process-filelds-style-com .my-sticky-dynamic thead tr:first-child th { top: 0; width: 260px; } .roll-back-config-dialog-style-com .express-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .roll-back-config-dialog-style-com #codeDom { border: 1px solid #e5e6eb; height: calc(50vh - 105px); text-align: justify; padding: 10px 12px; } .roll-back-config-dialog-style-com .tip { color: red; margin: 2px 0; } .roll-back-config-dialog-style-com .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .roll-back-config-dialog-style-com .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .roll-back-config-dialog-style-com .dialog-form .role-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .roll-back-config-dialog-style-com .dialog-form .role-cont .role-item { display: inline-block; width: 32.1%; min-height: 90px; vertical-align: middle; padding: 8px; position: relative; margin: 5px 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .roll-back-config-dialog-style-com .dialog-form .role-cont .role-item .role-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .roll-back-config-dialog-style-com .dialog-form .role-cont .role-item:hover { z-index: 2; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .roll-back-config-dialog-style-com .dialog-form .role-cont .role-item:hover .role-item-del { opacity: 1; } .roll-back-config-dialog-style-com .dialog-form .role-cont .role-item:nth-child(3n-1) { margin: 0 10px; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont { position: relative; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps { position: relative; margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 8px; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps-name { display: inline-block; width: 200px; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps-rollBackType { margin-left: 20px; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps:hover { z-index: 2; } .roll-back-config-dialog-style-com .dialog-form .rollBack_steps_cont .rollBack_steps:hover .rollBack_steps-del { opacity: 1; } .time-limit-style-com .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .time-limit-style-com .dialog-form label:nth-child(2) { display: inline-block; } .time-limit-style-com .dialog-form .role-cont { width: 100%; } .time-limit-style-com .dialog-form .role-cont .role-item { display: inline-block; width: 32.1%; min-height: 38px; vertical-align: middle; padding: 8px; position: relative; margin: 5px 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .time-limit-style-com .dialog-form .role-cont .role-item .role-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .time-limit-style-com .dialog-form .role-cont .role-item:hover { z-index: 2; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .time-limit-style-com .dialog-form .role-cont .role-item:hover .role-item-del { opacity: 1; } .time-limit-style-com .dialog-form .role-cont .role-item:nth-child(3n-1) { margin: 0 10px; } .collection-config-dialog-com-style .dialog-form { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .collection-config-dialog-com-style .dialog-form label:nth-child(2) { display: inline-block; margin-left: 15%; } .collection-config-dialog-com-style .role-cont { position: relative; width: 100%; } .collection-config-dialog-com-style .role-cont .role-item { border-radius: 5px; display: inline-block; vertical-align: middle; padding: 8px; position: relative; margin: 6px 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .collection-config-dialog-com-style .role-cont .role-item .role-item-del { position: absolute; top: -10px; right: -10px; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .collection-config-dialog-com-style .role-cont .role-item span { margin: 0 3px; } .collection-config-dialog-com-style .role-cont .role-item:hover { z-index: 2; } .collection-config-dialog-com-style .role-cont .role-item:hover .role-item-del { opacity: 1; } .collection-config-dialog-com-style .tip { color: red; margin: 2px 0; } .collection-config-dialog-com-style .margin5 { margin: 10px 0; } .collection-config-dialog-com-style .padding-bottom5 { padding-bottom: 5px !important; } .process-filelds-child-style-com .process { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .process-filelds-child-style-com .my-sticky-dynamic { max-height: 75vh; } .process-filelds-child-style-com .my-sticky-dynamic .q-table__top, .process-filelds-child-style-com .my-sticky-dynamic .q-table__bottom, .process-filelds-child-style-com .my-sticky-dynamic thead tr:first-child th { background-color: #fff; } .process-filelds-child-style-com .my-sticky-dynamic thead tr th { position: sticky; z-index: 1; } .process-filelds-child-style-com .my-sticky-dynamic thead tr:last-child th { top: 48px; width: 260px; } .process-filelds-child-style-com .my-sticky-dynamic thead tr:first-child th { top: 0; width: 260px; } .layout-module-info-style-com { padding: 16px; } .layout-module-info-style-com .layout-module-card { min-height: 790px; } .layout-module-info-style-com .layout-module-card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ddd; } .layout-module-info-style-com .layout-module-card-header .actions { padding-right: 10px; } .layout-module-info-style-com .layout-module-card-header .actions button:nth-child(2), .layout-module-info-style-com .layout-module-card-header .actions button:nth-child(3) { margin: 0 8px; } .layout-module-info-style-com .layout-module-card-header .actions .icon-back { height: 28px; } .layout-module-info-style-com .layout { display: block; width: 100%; background: #ddd; min-height: 500px; } .layout-module-info-style-com .hover-style { border: 1px solid var(--q-color-primary); min-height: 500px; } .layout-module-info-style-com .hover-style .vue-grid-item { position: relative; background: var(--q-color-wihte); border-top: 0; border-bottom: 0; border-right: 0; border-left: 0; } .layout-module-info-style-com .hover-style .vue-grid-item .grid-item-del { position: absolute; width: 0%; height: 0%; border-top: 1px solid var(--q-color-primary); border-left: 1px solid var(--q-color-primary); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .layout-module-info-style-com .hover-style .vue-grid-item .layout-remove { position: absolute; top: 5px; right: 5px; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: red; } .layout-module-info-style-com .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .layout-module-list-style-com { padding: 16px; /* 滚动条滑块 */ } .layout-module-list-style-com .layout-module-card { min-height: 790px; } .layout-module-list-style-com .layout-module-card-header { padding: 10px 16px; border-bottom: 1px solid #ddd !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layout-module-list-style-com .layout-module-card-header .btn { width: 90px; height: 30px; } .layout-module-list-style-com .layout-module-card-header .q-btn.icon-back { margin-left: 10px; top: 0 !important; } .layout-module-list-style-com .layout-module-card-cont { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .layout-module-list-style-com .layout-module-card-cont-item { padding: 10px; text-align: center; height: 190px; width: 24.5%; margin: 12px 0; position: relative; } .layout-module-list-style-com .layout-module-card-cont-item-flag { position: absolute; top: 0; right: 0; z-index: 10; } .layout-module-list-style-com .layout-module-card-cont-item-flag .status, .layout-module-list-style-com .layout-module-card-cont-item-flag .preset { display: inline-block; width: 50px; height: 23px; font-size: 12px; line-height: 23px; color: #fff; text-align: center; } .layout-module-list-style-com .layout-module-card-cont-item-flag .preset { background: var(--q-color-primary); } .layout-module-list-style-com .layout-module-card-cont-item-flag .status { background: #52c41a; } .layout-module-list-style-com .layout-module-card-cont-item-cont { height: calc(100% - 30px); overflow-y: auto; border: 1px solid #ddd; cursor: pointer; } .layout-module-list-style-com .layout-module-card-cont-item-footer { width: 100%; position: relative; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; } .layout-module-list-style-com .layout-module-card-cont-item-footer button { width: 33.33%; color: rgba(0, 0, 0, 0.45); } .layout-module-list-style-com .layout-module-card-cont-item-footer button:hover { color: var(--q-color-primary); } .layout-module-list-style-com .layout-module-card-cont-item-footer .boder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0; } .layout-module-list-style-com .layout-module-card-cont-item-title { color: rgba(0, 0, 0, 0.45); padding: 8px 0; font-size: 14px; font-weight: 600; } .layout-module-list-style-com .layout-module-card-cont-item:hover { border-color: rgba(236, 234, 234, 0.795); } .layout-module-list-style-com .q-card > div:last-child { border-bottom: inherit; } .layout-module-list-style-com .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; } .layout-module-list-style-com .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: red; border-radius: 5px; } .layout-module-list-style-com .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--q-color-primary); -webkit-box-shadow: red; } .layout-module-list-style-com .scrollbar::-webkit-scrollbar-thumb:window-inactive { background: var(--q-color-primary); } .layout-module-list-style-com .hover-style .vue-grid-item { background: #ececec; } .layout-module-list-style-com .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .layout-module-view-style-com { padding: 16px; } .layout-module-view-style-com .layout-module-card { min-height: 790px; } .layout-module-view-style-com .layout-module-card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ddd; } .layout-module-view-style-com .layout-module-card-header .actions { padding-right: 10px; } .layout-module-view-style-com .layout-module-card-header .actions button:nth-child(2), .layout-module-view-style-com .layout-module-card-header .actions button:nth-child(3) { margin: 0 8px; } .layout-module-view-style-com .layout-module-card-header .actions .icon-back { height: 28px; } .layout-module-view-style-com .layout { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 710px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .layout-module-view-style-com .layout-view { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 75%; } .layout-module-view-style-com .layout-view .no-layout { font-size: 24px; color: #ccc; } .layout-module-view-style-com .layout-config { height: calc(100vh - 220px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; width: 25%; border: 1px solid var(--q-color-primary); border: 1px solid #174896; min-height: 710px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 5px; } .layout-module-view-style-com .layout-config .no-layout { font-size: 18px; color: #ccc; } .layout-module-view-style-com .layout-config-item { cursor: move; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .layout-module-view-style-com .layout-config-item-title { padding: 20px; } .layout-module-view-style-com .layout-config-item-img { height: 65px; width: 117px; padding: 0 8px; vertical-align: middle; } .layout-module-view-style-com .layout-config-item-hover { position: absolute; left: -300px; top: 0; width: 300px; height: 300px; border-radius: 1px solid red; } .layout-module-view-style-com .layout-config-item:hover { background: #f7f8fa; } .layout-module-view-style-com .hover-style { border: 1px solid var(--q-color-primary); border: 1px solid #174896; min-height: 710px; background: #ddd; width: 98%; } .layout-module-view-style-com .hover-style .vue-grid-item { position: relative; background: var(--q-color-wihte); background: #fff; border: 1px dashed #000 !important; } .layout-module-view-style-com .hover-style .vue-grid-item .grid-item-component { width: 100%; height: 100%; padding: 1px; position: relative; } .layout-module-view-style-com .hover-style .vue-grid-item .grid-item-component-title { padding: 5px 0; background: #ffdb8f; width: 150px; text-align: center; position: absolute; z-index: 99; } .layout-module-view-style-com .hover-style .vue-grid-item .grid-item-component-img { background-size: 100% 100%; background-repeat: no-repeat; position: absolute; padding: 0px; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .layout-module-view-style-com .hover-style .vue-grid-item .grid-item-del { position: absolute; top: 0; left: 100%; width: 0; height: 2px; z-index: 999; background-color: var(--q-color-primary); background-color: #174896; -webkit-transition: all 0.3s; transition: all 0.3s; } .layout-module-view-style-com .hover-style .vue-grid-item .grid-item-del-select { left: 0; width: 100%; } .layout-module-view-style-com .hover-style .vue-grid-item .layout-remove, .layout-module-view-style-com .hover-style .vue-grid-item .layout-reduction { position: absolute; top: 2px; opacity: 1; z-index: 999; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: var(--q-color-primary); color: #174896; width: 25px; height: 25px; text-align: center; line-height: 25px; background: var(--q-color-primary); background: #174896; border-bottom-left-radius: 5px; } .layout-module-view-style-com .hover-style .vue-grid-item .layout-remove { right: 0; } .layout-module-view-style-com .hover-style .vue-grid-item .layout-remove .q-icon { margin-right: 0 !important; } .layout-module-view-style-com .hover-style .vue-grid-item .layout-reduction { right: 32px; border-bottom-right-radius: 5px; color: #fff; width: 60px; } .layout-module-view-style-com .maxH { position: absolute; top: 0; right: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 18px; font-weight: 600; height: 100%; min-width: 40px !important; } .layout-module-view-style-com .maxW { position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 600; width: 100%; } .layout-module-view-style-com .cont-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; } .layout-module-view-style-com .cont-center div { margin: 50px 16px; text-align: left; width: 100%; position: relative; } .layout-module-view-style-com .cont-center div span { display: inline-block; font-size: 22px; } .layout-module-view-style-com .config-title { text-align: center; font-size: 16px; font-weight: 700; } .dialog_layout .layout-module-card-cont { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; /* 滚动条滑块 */ } .dialog_layout .layout-module-card-cont-item { text-align: center; height: 190px; width: 23.5%; margin: 5px; position: relative; } .dialog_layout .layout-module-card-cont-item-flag { position: absolute; top: 0; right: 0; z-index: 10; } .dialog_layout .layout-module-card-cont-item-flag .status, .dialog_layout .layout-module-card-cont-item-flag .preset { display: inline-block; width: 50px; height: 23px; font-size: 12px; line-height: 23px; color: #fff; text-align: center; } .dialog_layout .layout-module-card-cont-item-flag .preset { background: var(--q-color-primary); background: #174896; } .dialog_layout .layout-module-card-cont-item-flag .status { background: #52c41a; } .dialog_layout .layout-module-card-cont-item-cont { height: 142px; overflow-y: auto; cursor: pointer; border: 1px solid #ddd; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 3px; } .dialog_layout .layout-module-card-cont-item-cont:hover { border-color: rgba(236, 234, 234, 0.795); -webkit-box-shadow: 0 5px 10px rgba(236, 234, 234, 0.795); box-shadow: 0 5px 10px rgba(236, 234, 234, 0.795); } .dialog_layout .layout-module-card-cont-item-footer { width: 100%; position: relative; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #ddd; } .dialog_layout .layout-module-card-cont-item-footer button { width: 33.33%; color: rgba(0, 0, 0, 0.45); } .dialog_layout .layout-module-card-cont-item-footer button:hover { color: var(--q-color-primary); color: #174896; } .dialog_layout .layout-module-card-cont-item-footer .boder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0; } .dialog_layout .layout-module-card-cont-item-title { color: rgba(0, 0, 0, 0.45); padding: 8px 0; font-size: 14px; font-weight: 600; } .dialog_layout .layout-module-card-cont .q-card > div:last-child { border-bottom: inherit; } .dialog_layout .layout-module-card-cont .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; } .dialog_layout .layout-module-card-cont .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: red; border-radius: 5px; } .dialog_layout .layout-module-card-cont .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--q-color-primary); background: #174896; -webkit-box-shadow: red; } .dialog_layout .layout-module-card-cont .scrollbar::-webkit-scrollbar-thumb:window-inactive { background: var(--q-color-primary); background: #174896; } .dialog_layout .layout-module-card-cont .hover-style .vue-grid-item { background: #ececec; } .dialog_layout .layout-module-card-cont .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .layout-module-view-list-style-com { padding: 16px; /* 滚动条滑块 */ } .layout-module-view-list-style-com .layout-module-card { min-height: 790px; } .layout-module-view-list-style-com .layout-module-card-header { padding: 10px 16px; border-bottom: 1px solid #ddd !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layout-module-view-list-style-com .layout-module-card-header .btn { width: 90px; height: 30px; } .layout-module-view-list-style-com .layout-module-card-header .layout-btn { margin-right: 10px; } .layout-module-view-list-style-com .layout-module-card-cont { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .layout-module-view-list-style-com .layout-module-card-cont-item { text-align: center; height: 190px; width: 23.5%; border: 1px solid #ddd; margin: 5px; position: relative; } .layout-module-view-list-style-com .layout-module-card-cont-item-flag { position: absolute; top: 0; right: 0; z-index: 10; } .layout-module-view-list-style-com .layout-module-card-cont-item-flag .status, .layout-module-view-list-style-com .layout-module-card-cont-item-flag .preset { display: inline-block; width: 50px; height: 23px; font-size: 12px; line-height: 23px; color: #fff; text-align: center; } .layout-module-view-list-style-com .layout-module-card-cont-item-flag .preset-class { background: #ddbc64; } .layout-module-view-list-style-com .layout-module-card-cont-item-flag .buildByOneself-class { background: var(--q-color-primary); background: #174896; } .layout-module-view-list-style-com .layout-module-card-cont-item-flag .status { background: #52c41a; } .layout-module-view-list-style-com .layout-module-card-cont-item-cont { height: calc(100% - 30px); overflow-y: auto; cursor: pointer; } .layout-module-view-list-style-com .layout-module-card-cont-item-footer { width: 100%; position: relative; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #ddd; } .layout-module-view-list-style-com .layout-module-card-cont-item-footer button { width: 33.33%; color: rgba(0, 0, 0, 0.45); } .layout-module-view-list-style-com .layout-module-card-cont-item-footer button:hover { color: var(--q-color-primary); color: #174896; } .layout-module-view-list-style-com .layout-module-card-cont-item-footer .boder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0; } .layout-module-view-list-style-com .layout-module-card-cont-item-title { color: rgba(0, 0, 0, 0.45); padding: 8px 0; font-size: 14px; font-weight: 600; } .layout-module-view-list-style-com .layout-module-card-cont-item:hover { border-color: rgba(236, 234, 234, 0.795); -webkit-box-shadow: 0 2px 8px rgba(236, 234, 234, 0.795); box-shadow: 0 2px 8px rgba(236, 234, 234, 0.795); } .layout-module-view-list-style-com .q-card > div:last-child { border-bottom: inherit; } .layout-module-view-list-style-com .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; } .layout-module-view-list-style-com .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: red; border-radius: 5px; } .layout-module-view-list-style-com .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--q-color-primary); background: #174896; -webkit-box-shadow: red; } .layout-module-view-list-style-com .scrollbar::-webkit-scrollbar-thumb:window-inactive { background: var(--q-color-primary); background: #174896; } .layout-module-view-list-style-com .hover-style .vue-grid-item { background: #ececec; } .layout-module-view-list-style-com .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .layout-module-privew-stlyle-com { padding: 16px; position: relative; /* 滚动条滑块 */ } .layout-module-privew-stlyle-com .back { position: absolute; top: 50%; left: 50%; z-index: 99; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layout-module-privew-stlyle-com .layout-module-card-header { padding: 10px 16px; border-bottom: 1px solid #ddd !important; } .layout-module-privew-stlyle-com .layout-module-card-cont-item { text-align: center; position: relative; } .layout-module-privew-stlyle-com .layout-module-card-cont-item-cont { overflow-y: auto; } .layout-module-privew-stlyle-com .layout-module-card-cont-item-footer { width: 100%; position: relative; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #ddd; } .layout-module-privew-stlyle-com .layout-module-card-cont-item-footer button { width: 33.33%; color: rgba(0, 0, 0, 0.45); } .layout-module-privew-stlyle-com .layout-module-card-cont-item-footer button:hover { color: var(--q-color-primary); color: #174896; } .layout-module-privew-stlyle-com .layout-module-card-cont-item-footer .boder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0; } .layout-module-privew-stlyle-com .layout-module-card-cont-item-title { color: rgba(0, 0, 0, 0.45); padding: 8px 0; font-size: 14px; font-weight: 600; } .layout-module-privew-stlyle-com .layout-module-card .no-layout { font-size: 14px; color: #ccc; } .layout-module-privew-stlyle-com .q-card > div:last-child { border-bottom: inherit; } .layout-module-privew-stlyle-com .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; } .layout-module-privew-stlyle-com .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: red; border-radius: 5px; } .layout-module-privew-stlyle-com .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--q-color-primary); background: #174896; -webkit-box-shadow: red; } .layout-module-privew-stlyle-com .scrollbar::-webkit-scrollbar-thumb:window-inactive { background: var(--q-color-primary); background: #174896; } .layout-module-privew-stlyle-com .hover-style { height: calc(100vh - 145px) !important; } .layout-module-privew-stlyle-com .hover-style .vue-grid-item { background: #fff; overflow: auto; border: none !important; } .layout-module-privew-stlyle-com .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .layout-module-open-index-style-com { padding: 16px; position: relative; /* 滚动条滑块 */ } .layout-module-open-index-style-com .back { position: absolute; top: 4%; left: 50%; z-index: 99; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layout-module-open-index-style-com .layout-module-card-header { padding: 10px 16px; border-bottom: 1px solid #ddd !important; } .layout-module-open-index-style-com .layout-module-card-cont-item { text-align: center; position: relative; } .layout-module-open-index-style-com .layout-module-card-cont-item-cont { overflow-y: auto; } .layout-module-open-index-style-com .layout-module-card-cont-item-footer { width: 100%; position: relative; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #ddd; } .layout-module-open-index-style-com .layout-module-card-cont-item-footer button { width: 33.33%; color: rgba(0, 0, 0, 0.45); } .layout-module-open-index-style-com .layout-module-card-cont-item-footer button:hover { color: var(--q-color-primary); color: #174896; } .layout-module-open-index-style-com .layout-module-card-cont-item-footer .boder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0; } .layout-module-open-index-style-com .layout-module-card-cont-item-title { color: rgba(0, 0, 0, 0.45); padding: 8px 0; font-size: 14px; font-weight: 600; } .layout-module-open-index-style-com .layout-module-card .no-layout { font-size: 14px; color: #ccc; } .layout-module-open-index-style-com .q-card > div:last-child { border-bottom: inherit; } .layout-module-open-index-style-com .scrollbar::-webkit-scrollbar { width: 3px; height: 3px; } .layout-module-open-index-style-com .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: red; border-radius: 5px; } .layout-module-open-index-style-com .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--q-color-primary); background: #174896; -webkit-box-shadow: red; } .layout-module-open-index-style-com .scrollbar::-webkit-scrollbar-thumb:window-inactive { background: var(--q-color-primary); background: #174896; } .layout-module-open-index-style-com .hover-style .vue-grid-item { background: #fff; overflow: auto; border: none !important; } .layout-module-open-index-style-com .hover-style .vue-grid-item:hover .grid-item-del { width: 100%; height: 100%; } .register-manage-style-com .register-info { margin-top: 20px; } .register-manage-style-com .register-info .left-label { font-weight: 600; width: 180px !important; } .register-manage-style-com .register-info .register-error { color: red; } .register-manage-style-com .register-info .register-suff { color: #009688; } .register-manage-style-com .register-info .register-no { color: #5f6265; } .register-manage-style-com .register-info .register-btn { color: #0960bd; margin: 0 0 4px 10px; } .register-manage-style-com .serch-mac-btn { margin-left: 20px; } .role-select-stlye-dialog-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: distribute; align-content: space-around; } .role-select-blank-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .calendar_setting .calendar_setting_title { background: #fff; margin: 16px 16px 0 16px; padding: 16px 16px 16px 0; } .calendar_setting .calendar_setting_title .calendar_setting_title_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar_setting .calendar_setting_title .calendar_setting_tip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; margin: 16px 16px 0 16px; } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_tip_setting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_example { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_example .tips { vertical-align: middle; display: inline-block; width: 15px; height: 15px; border-radius: 3px; margin-right: 2px; position: relative; bottom: 1px; } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_example .today { border: 1px solid var(--q-color-primary); } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_example .holiday { background: #d7d7d7; } .calendar_setting .calendar_setting_title .calendar_setting_tip .calendar_setting_example .work { background: #f39800; } .calendar_setting .icon-back { margin: 0 10px; } .tiu_customized_wrapper_class { background: #fff; } .vue-calendar__container .container__months .container__month .calendar .calendar__title { text-align: left !important; } .vue-calendar__container .container__months .container__month .calendar .calendar__title .calendar__body .calendar__day .day { color: black !important; } .vue-calendar__container { margin-top: 10px !important; background: #f7f8fa !important; background: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .vue-calendar__container .container__months { padding: 0 15px !important; } .calendar { min-height: 280px !important; } .calendar .calendar__title { height: 40px !important; } .calendar .day__weektitle { color: black !important; } .calendar .day { color: rgba(53, 60, 70, 0.8) !important; width: 20px !important; line-height: 20px !important; height: 20px !important; } .calendar .calendar__day--otherMonth { color: #eaeaea !important; cursor: auto; } .calendar .day:not(.calendar__day--otherMonth):hover { border: 1px solid #f39800 !important; } .tiu_customized_classname { background-color: rgba(102, 102, 102, 0.1); border-radius: 5px; border: 1px solid #f39800 !important; } .tiu_customized_classname_work { background: #f39800; } .tiu_customized_classname_holiday { background: #d7d7d7; } .tiu_customized_classname_today { border: 1px solid var(--q-color-primary) !important; } .calendar-pro__title-info, .calendar-pro__tool { display: none !important; } .calendar-pro__body table thead th { color: black !important; font-weight: 1000; font-size: 18px; } .calendar-pro__body table td { position: relative; } .calendar-pro__body table td .day-box.today { cursor: pointer; outline: 2px solid #f39800; z-index: 2; border-radius: 5px; } .calendar-pro__body table td .day-box { position: relative; color: rgba(53, 60, 70, 0.8) !important; padding: 16px; margin: 5px; font-size: 18px; text-align: center; font-weight: 1000; cursor: pointer; } .calendar-pro__body table td .day-box.other-month-day { opacity: 0.3; } .calendar-pro__body table td .date_cell_dot { position: absolute; right: 55px; top: 15px; z-index: 9; font-size: 12px; color: #d2d2d2; width: 10px; height: 10px; border-radius: 100%; background: red; } .calendar-pro.showWeek .weekend { color: #d7d7d7 !important; } .calendar-pro.showWeek .weekend .info-lunar { color: rgba(53, 60, 70, 0.8) !important; } .calendar-pro__body table td .day-box.highlighter { background: #d7d7d7 !important; border-radius: 5px !important; } .calendar-pro__body table td .day-box.select { background: #f39800 !important; border-radius: 5px !important; } .calendar-pro.showWeek .weekend.highlighter { color: rgba(53, 60, 70, 0.8) !important; } .btn_model { cursor: pointer; display: inline-block; padding: 4px 16px; border-radius: 3px; text-align: center; background: #174896; background: var(--q-color-primary); } .module-rel .t-form-label { width: 175px !important; } .tiu-user-picker-index-style-com { width: calc(100% - 150px); cursor: pointer; width: inherit; } .tiu-user-picker-index-style-com .camouflage-input-border { border: 1px solid #e5e6eb; } .tiu-user-picker-index-style-com .disable-input-border { min-height: 28px !important; line-height: 28px !important; border: 1px solid #e5e6eb; background: rgba(242, 243, 245, 0.4); } .tiu-user-picker-index-style-com .camouflage-input { width: inherit; min-height: 30px; line-height: 30px; border-radius: 4px; padding: 0 12px; outline: none; } .tiu-user-picker-index-style-com .camouflage-input-item { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; border-radius: 4px; margin-right: 5px; position: relative; border: 1px solid #e5e6eb; top: 1px; } .tiu-user-picker-index-style-com .camouflage-input-item-del { position: relative; right: -4px; top: -2px; } .tiu-user-picker-index-style-com .person { display: block; height: auto; min-height: 32px; max-height: 120px; padding-top: 0; padding-left: 5px; margin: 5px 0; overflow-y: auto; } .tiu-user-picker-index-style-com .person :global(.ant-tag) { margin-top: 3px; margin-right: 4px; } .tiu-user-picker-index-style-com .person > i:global(.anticon) { position: absolute; top: calc(50% - 8px); right: 11px; font-size: 1em; line-height: 1; color: var(--q-color-card-item); } .tiu-user-picker-index-style-com .readonly { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-user-picker-index-style-com .readonly :global(.ant-tag) { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-user-picker-index-style-com .no_search { display: inline-block; } .tiu-user-picker-index-style-com .no_search_data { display: inline-block; padding: 8px; } .tiu-user-selector-style-com .q-dialog--modal .scoll-no-padding { padding: 0 !important; } .tiu-user-selector-style-com .selector-modal { padding: 9px 14px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tiu-user-selector-style-com .selector-modal .selector-modal-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px 16px; } .tiu-user-selector-style-com .selector-modal .selector-modal-item-title .item-title { font-size: 14px; color: #1d2129; } .tiu-user-selector-style-com .selector-modal .selector-modal-item-title .item-title, .tiu-user-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { display: inline-block; vertical-align: middle; } .tiu-user-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { color: #86909c; } .tiu-user-selector-style-com .selector-modal .selector-modal-item-title-right { padding: 5px 10px; } .tiu-user-selector-style-com .selector-modal .pick-icon .q-btn--round .q-btn__wrapper { width: 28px !important; height: 28px !important; } .tiu-user-selector-style-com .selector-modal .q-table tbody td { padding: 2px 8px; } .tiu-user-selector-style-com .selector-modal .td-content { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tiu-user-selector-style-com .search { margin-bottom: 15px; } .tiu-user-selector-style-com .search-item { line-height: 32px; } .tiu-user-selector-style-com .search-pick { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .tiu-user-selector-style-com .search-btn { position: relative; left: 20px; top: -5px; } .tiu-user-selector-style-com .center { text-align: center; -ms-flex-item-align: center; align-self: center; } .tiu-user-selector-style-com .select-model-left-user, .tiu-user-selector-style-com .select-model-right-user { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .tiu-user-selector-style-com .select-model-left-user { width: 50%; min-width: 245px; height: 68vh; overflow: hidden; } .tiu-user-selector-style-com .select-model-left-user .picker-search-input { margin: 10px 10px 0 10px; } .tiu-user-selector-style-com .select-model-left-user .picker-search-input input, .tiu-user-selector-style-com .select-model-left-user .picker-search-input .q-field__control { height: 30px !important; } .tiu-user-selector-style-com .select-model-left-user .left-cont-user { width: 100%; border: 1px solid var(--q-color-card-item); height: 87%; overflow-y: auto; padding: 5px 10px 0 0; position: relative; } .tiu-user-selector-style-com .select-model-left-user .left-cont-user .left-cont-loading { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tiu-user-selector-style-com .select-model-right-user { width: 42%; min-width: 235px; height: 68vh; overflow: hidden; } .tiu-user-selector-style-com .select-model-right-user .right-cont-user { overflow-y: auto; } .tiu-user-selector-style-com .select-model-right-user .right-cont-user .cont-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tiu-user-selector-style-com .select-model-right-user .right-cont-user .item-cont { width: 165px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .tiu-user-selector-style-com .select-model-right-user .right-cont-user .cont-item:hover { background: #f5f7ff; } .tiu-user-selector-style-com .cursor { cursor: pointer; } .tiu-user-selector-style-com .tiu-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; } .tiu-user-selector-style-com .tiu-pagination .total { margin-left: 10px; } .tiu-user-selector-style-com .picker-table { margin-top: 10px; } .tiu-user-selector-style-com-phone .selector-modal-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important; } .tiu-user-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone { padding: 6px 10px !important; } .tiu-user-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone-right { padding: 3px 10px !important; } .tiu-user-selector-style-com-phone .selector-modal-phone .user-top { width: 100%; height: 42vh; } .tiu-user-selector-style-com-phone .selector-modal-phone .user-bottom { width: 100%; height: 26vh; } .tiu-user-selector-style-com-phone .selector-modal-phone .arrow-bottom, .tiu-user-selector-style-com-phone .selector-modal-phone .arrow-top { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 8px 0; } .tiu-user-selector-style-com-phone .selector-modal-phone .arrow-bottom { margin-right: 16px; } .tiu-user-selector-style-com-phone .selector-modal-phone .q-table tbody td { height: 30px !important; padding: 2px 8px; } .tiu-user-selector-style-com-phone .selector-modal-phone .q-table__container .scroll { overflow: hidden; } .tiu-group-picker-index-style-com { width: calc(100% - 150px); } .tiu-group-picker-index-style-com .cur { cursor: pointer; } .tiu-group-picker-index-style-com .camouflage-input-border { border: 1px solid #e5e6eb; } .tiu-group-picker-index-style-com .camouflage-input-background { background: rgba(242, 243, 245, 0.4); } .tiu-group-picker-index-style-com .disable-input-border { min-height: 28px !important; line-height: 28px !important; border: 1px solid #e5e6eb; background: rgba(242, 243, 245, 0.4); } .tiu-group-picker-index-style-com .camouflage-input { width: inherit; min-height: 30px; line-height: 30px; border-radius: 4px; padding: 0 12px; outline: none; } .tiu-group-picker-index-style-com .camouflage-input-inner { max-width: 100%; } .tiu-group-picker-index-style-com .camouflage-input-node-value { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tiu-group-picker-index-style-com .camouflage-input-item { padding: 0 10px; height: 24px; line-height: 24px; border-radius: 2px; margin: 1px 5px 1px 0; position: relative; border: 1px solid #e5e6eb; max-width: 100%; } .tiu-group-picker-index-style-com .camouflage-input-item-containSub { position: relative; top: -2px; left: -2px; } .tiu-group-picker-index-style-com .camouflage-input-item-del { position: relative; right: -4px; top: -1px; } .tiu-group-picker-index-style-com .person { display: block; height: auto; min-height: 32px; max-height: 120px; padding-top: 0; padding-left: 5px; margin: 5px 0; overflow-y: scroll; } .tiu-group-picker-index-style-com .person :global(.ant-tag) { margin-top: 3px; margin-right: 4px; } .tiu-group-picker-index-style-com .person > i:global(.anticon) { position: absolute; top: calc(50% - 8px); right: 11px; font-size: 1em; line-height: 1; color: var(--q-color-card-item); } .tiu-group-picker-index-style-com .readonly { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-group-picker-index-style-com .readonly :global(.ant-tag) { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-group-picker-index-style-com .no_search { display: inline-block; } .tiu-group-picker-index-style-com .no_search_data { display: inline-block; padding: 8px; } .tiu-group-picker-index-style-com .q-field__append .q-field__marginal { position: relative; top: -13px; } .tiu-group-picker-index-style-com .q-field__inner .relative-position .col .self-stretch { min-height: 28px; } .tiu-group-selector-style-com .q-dialog--modal .scoll-no-padding { padding: 0 !important; } .tiu-group-selector-style-com .selector-modal { padding: 9px 14px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tiu-group-selector-style-com .selector-modal .selector-modal-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .tiu-group-selector-style-com .selector-modal .selector-modal-item-title .item-title { font-size: 14px; color: #1d2129; } .tiu-group-selector-style-com .selector-modal .selector-modal-item-title .item-title, .tiu-group-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { display: inline-block; vertical-align: middle; } .tiu-group-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { color: #86909c; } .tiu-group-selector-style-com .selector-modal .selector-modal-item-title-right { padding: 5px 10px; } .tiu-group-selector-style-com .selector-modal .q-table tbody td { padding: 2px 8px; } .tiu-group-selector-style-com .selector-modal .td-content { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tiu-group-selector-style-com .search { margin-bottom: 15px; } .tiu-group-selector-style-com .search-item { line-height: 32px; } .tiu-group-selector-style-com .search-pick { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .tiu-group-selector-style-com .search-btn { position: relative; left: 20px; top: -5px; } .tiu-group-selector-style-com .center { text-align: center; -ms-flex-item-align: center; align-self: center; } .tiu-group-selector-style-com .slect-model-left-group, .tiu-group-selector-style-com .slect-model-right-group { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .tiu-group-selector-style-com .slect-model-left-group { width: 47%; min-width: 245px; height: 68vh; overflow: hidden; } .tiu-group-selector-style-com .slect-model-left-group .picker-search-input { margin: 10px 10px 0 10px; } .tiu-group-selector-style-com .slect-model-left-group .picker-search-input input, .tiu-group-selector-style-com .slect-model-left-group .picker-search-input .q-field__control { height: 30px !important; } .tiu-group-selector-style-com .slect-model-left-group .left-cont-group { width: 100%; border: 1px solid var(--q-color-card-item); overflow-y: auto; padding: 5px 10px 0 0; position: relative; } .tiu-group-selector-style-com .slect-model-left-group .left-cont-group .left-cont-loading { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tiu-group-selector-style-com .slect-model-right-group { width: 45%; min-width: 235px; height: 68vh; overflow-x: auto; } .tiu-group-selector-style-com .slect-model-right-group .right-cont-group { overflow-y: auto; width: 100%; } .tiu-group-selector-style-com .slect-model-right-group .right-cont-group .cont-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-x: auto; } .tiu-group-selector-style-com .slect-model-right-group .right-cont-group .item-cont { margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .tiu-group-selector-style-com .slect-model-right-group .right-cont-group .cont-item:hover { background: #f5f7ff; } .tiu-group-selector-style-com .cursor { cursor: pointer; } .tiu-group-selector-style-com .tiu-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; } .tiu-group-selector-style-com .tiu-pagination .total { margin-left: 10px; } .tiu-group-selector-style-com .picker-table { margin-top: 10px; } .tiu-group-selector-style-com-phone .selector-modal-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important; } .tiu-group-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone { padding: 6px 10px !important; } .tiu-group-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone-right { padding: 3px 10px !important; width: 100%; } .tiu-group-selector-style-com-phone .selector-modal-phone .group-top { width: 100%; height: 42vh; } .tiu-group-selector-style-com-phone .selector-modal-phone .group-bottom { width: 100%; height: 26vh; } .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-bottom, .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-top { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 8px 0; } .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-bottom { margin-right: 16px; } .tiu-group-selector-style-com-phone .selector-modal-phone .q-table tbody td { height: 30px !important; padding: 2px 8px; } .tiu-group-selector-style-com-phone .selector-modal-phone .q-table__container .scroll { overflow: hidden; } .view-form .tiu-group-picker-index-style-com .camouflage-input-border { border: none !important; background: #fff; } .tiu-countersign-dept-picker-index-style-com { width: calc(100% - 150px); } .tiu-countersign-dept-picker-index-style-com .cur { cursor: pointer; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-border { border: 1px solid #e5e6eb; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-background { background: rgba(242, 243, 245, 0.4); } .tiu-countersign-dept-picker-index-style-com .disable-input-border { min-height: 28px !important; line-height: 28px !important; border: 1px solid #e5e6eb; background: rgba(242, 243, 245, 0.4); } .tiu-countersign-dept-picker-index-style-com .camouflage-input { width: inherit; min-height: 30px; line-height: 30px; border-radius: 4px; padding: 0 12px; outline: none; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-inner { max-width: 100%; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-node-value { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-item { padding: 0 10px; height: 24px; line-height: 24px; border-radius: 2px; margin: 1px 5px 1px 0; position: relative; border: 1px solid #e5e6eb; max-width: 100%; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-item-containSub { position: relative; top: -2px; left: -2px; } .tiu-countersign-dept-picker-index-style-com .camouflage-input-item-del { position: relative; right: -4px; top: -1px; } .tiu-countersign-dept-picker-index-style-com .person { display: block; height: auto; min-height: 32px; max-height: 120px; padding-top: 0; padding-left: 5px; margin: 5px 0; overflow-y: scroll; } .tiu-countersign-dept-picker-index-style-com .person :global(.ant-tag) { margin-top: 3px; margin-right: 4px; } .tiu-countersign-dept-picker-index-style-com .person > i:global(.anticon) { position: absolute; top: calc(50% - 8px); right: 11px; font-size: 1em; line-height: 1; color: var(--q-color-card-item); } .tiu-countersign-dept-picker-index-style-com .readonly { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-countersign-dept-picker-index-style-com .readonly :global(.ant-tag) { cursor: not-allowed; background-color: var(--q-color-wihte); } .tiu-countersign-dept-picker-index-style-com .no_search { display: inline-block; } .tiu-countersign-dept-picker-index-style-com .no_search_data { display: inline-block; padding: 8px; } .tiu-countersign-dept-picker-index-style-com .q-field__append .q-field__marginal { position: relative; top: -13px; } .tiu-countersign-dept-picker-index-style-com .q-field__inner .relative-position .col .self-stretch { min-height: 28px; } .tiu-countersign-dept-selector-style-com .q-dialog--modal .scoll-no-padding { padding: 0 !important; } .tiu-countersign-dept-selector-style-com .selector-modal { padding: 9px 14px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #f7f8fa; padding: 10px; } .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title .item-title { font-size: 14px; color: #1d2129; } .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title .item-title, .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { display: inline-block; vertical-align: middle; } .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title .selector-modal-len { color: #86909c; } .tiu-countersign-dept-selector-style-com .selector-modal .selector-modal-item-title-right { padding: 5px 10px; } .tiu-countersign-dept-selector-style-com .selector-modal .q-table tbody td { padding: 2px 8px; } .tiu-countersign-dept-selector-style-com .selector-modal .td-content { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tiu-countersign-dept-selector-style-com .search { margin-bottom: 15px; } .tiu-countersign-dept-selector-style-com .search-item { line-height: 32px; } .tiu-countersign-dept-selector-style-com .search-pick { width: 240px; display: inline-block; margin: 0; position: relative; top: 5px; } .tiu-countersign-dept-selector-style-com .search-btn { position: relative; left: 20px; top: -5px; } .tiu-countersign-dept-selector-style-com .center { text-align: center; -ms-flex-item-align: center; align-self: center; } .tiu-countersign-dept-selector-style-com .slect-model-left-group, .tiu-countersign-dept-selector-style-com .slect-model-right-group { border: 1px solid #e5e6eb; border-radius: 4px; font-size: 14px; } .tiu-countersign-dept-selector-style-com .slect-model-left-group { width: 47%; min-width: 245px; height: 68vh; overflow: hidden; } .tiu-countersign-dept-selector-style-com .slect-model-left-group .picker-search-input { margin: 10px 10px 0 10px; } .tiu-countersign-dept-selector-style-com .slect-model-left-group .picker-search-input input, .tiu-countersign-dept-selector-style-com .slect-model-left-group .picker-search-input .q-field__control { height: 30px !important; } .tiu-countersign-dept-selector-style-com .slect-model-left-group .left-cont-group { width: 100%; border: 1px solid var(--q-color-card-item); overflow-y: auto; padding: 5px 10px 0 0; position: relative; } .tiu-countersign-dept-selector-style-com .slect-model-left-group .left-cont-group .left-cont-loading { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tiu-countersign-dept-selector-style-com .slect-model-right-group { width: 45%; min-width: 235px; height: 68vh; overflow-x: auto; } .tiu-countersign-dept-selector-style-com .slect-model-right-group .right-cont-group { overflow-y: auto; width: 100%; } .tiu-countersign-dept-selector-style-com .slect-model-right-group .right-cont-group .cont-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-x: auto; } .tiu-countersign-dept-selector-style-com .slect-model-right-group .right-cont-group .item-cont { margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .tiu-countersign-dept-selector-style-com .slect-model-right-group .right-cont-group .cont-item:hover { background: #f5f7ff; } .tiu-countersign-dept-selector-style-com .cursor { cursor: pointer; } .tiu-countersign-dept-selector-style-com .tiu-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; } .tiu-countersign-dept-selector-style-com .tiu-pagination .total { margin-left: 10px; } .tiu-countersign-dept-selector-style-com .picker-table { margin-top: 10px; } .tiu-group-selector-style-com-phone .selector-modal-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important; } .tiu-group-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone { padding: 6px 10px !important; } .tiu-group-selector-style-com-phone .selector-modal-phone .selector-modal-item-title-phone-right { padding: 3px 10px !important; width: 100%; } .tiu-group-selector-style-com-phone .selector-modal-phone .group-top { width: 100%; height: 42vh; } .tiu-group-selector-style-com-phone .selector-modal-phone .group-bottom { width: 100%; height: 26vh; } .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-bottom, .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-top { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 8px 0; } .tiu-group-selector-style-com-phone .selector-modal-phone .arrow-bottom { margin-right: 16px; } .tiu-group-selector-style-com-phone .selector-modal-phone .q-table tbody td { height: 30px !important; padding: 2px 8px; } .tiu-group-selector-style-com-phone .selector-modal-phone .q-table__container .scroll { overflow: hidden; } .view-form .tiu-group-picker-index-style-com .camouflage-input-border { border: none !important; background: #fff; } .tiu-tree-select-tree-com { height: 200px; padding: 10px; } .search-input-tiu-menu-select { width: 95%; margin: 10px auto; } .list-cont-tiu-menu-select { width: 98%; padding: 20px 0; margin: 0 auto; border: 1px solid #e7e7e7; border-radius: 4px; } .q-menu.q-position-engine .iconfont-cont { width: 35vw; height: 256px; padding: 5px 16px 16px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; position: relative; } .q-menu.q-position-engine .iconfont-cont-item { margin: 5px 10px; line-height: 1; } .q-menu.q-position-engine .iconfont-cont .iconfont-cont-item .icon-item-selected { background: rgba(0, 0, 0, 0.1); border-radius: 5px; } .q-menu.q-position-engine .iconfont-cont-item:hover .iconfont { background: rgba(0, 0, 0, 0.1); border-radius: 5px; } .q-menu.q-position-engine .iconfont-cont-item .iconfont { -webkit-transition: all 0.5s; transition: all 0.5s; } /* --------- tdp end ------------ */ /* --------- app begin ----------- */ /*---------------弹框----------------------*/ body { font-size: 14px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; background-color: #f7f8fa !important; background-color: var(--q-color-main-back) !important; color: #333 !important; } .action-column { max-width: 1000px !important; } .app-demo-list .tiu-list-layout-header .t-form-label { padding-left: 15px; } .app-demo-list .tiu-list-layout-header .col-12.q-mb-sm:nth-child(1) .t-form-label { padding-left: 0px; } .buss { float: right; width: 78%; min-height: 626px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 1%; background: #fff; } .tox .tox-dialog-wrap { width: 70%; left: 25% !important; } .viewBtn { margin-top: -8px; margin-left: 15px; font-size: 12px; color: var(--q-color-primary); color: #174896; cursor: pointer; } .tdp-layout-nav-list .q-item::before { left: 0; width: 5px; color: var(--q-color-primary); color: #174896; } .q-timeline__dot:before { height: 16px; width: 16px; } .text-rejectCol { color: var(--q-color-primary); color: #174896; } .q-timeline__subtitle { color: #333333; } .q-field--auto-height.q-field--dense .q-field__native { color: #333333; } .q-btn__wrapper { min-height: 30px; line-height: 1; } .q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle .q-btn__wrapper { min-height: 24px; min-width: 48px; } .q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native { min-height: 28px; } .q-item__section--main { font-size: 14px; } .bg-negative { background: var(--q-color-negative-tip) !important; background: #ffece8 !important; } .q-btn.bg-negative { background: var(--q-color-negative) !important; background: #cc382f !important; } .bg-positive { background: var(--q-color-positive-tip) !important; background: #e8ffea !important; } .bg-warning { background: var(--q-color-warning-tip) !important; background: #fff7e8 !important; } .q-btn.bg-warning { background: var(--q-color-warning) !important; background: #fff7e8 !important; } .negative-btn { background: var(--q-color-negative); background: #cc382f; color: #fff; color: var(--q-color-wihte); color: #fff; } .q-btn.disabled { opacity: 0.5 !important; } @media (min-width: 600px) { .q-dialog__inner--minimized > div { max-width: 975px; } } .selector-custom .q-tree__node-header-content { font-size: 16px; } .q-tree--standard { text-align: center; } .tiu-dialog-card { padding: 10px 20px; } .tiu-dialog-card .dialog-title { font-size: 20px; } .tiu-dialog-card .q-uploader__list { padding: 0; max-height: 320px; overflow-y: auto; } /*---------------弹框----------------------*/ /*---------------导航相关----------------------*/ .tdp-layout-header { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; } .tdp-layout-header .q-toolbar .q-icon { font-size: 24px; } .tdp-layout-header .t-form-layout .q-drawer .q-icon { font-size: 16px !important; } .tdp-layout-header .tdp-layout-header__navbar .q-tabs .q-tabs__content button { width: 130px; } .q-item.q-router-link--active { background: #6a8dc5; } .tdp-layout-nav-list .q-item--active { background: #6a8dc5; color: #fff; color: var(--q-color-wihte); } /*---------------导航相关----------------------*/ /*---------------全局样式----------------------*/ .fixed-bottom-right, .absolute-bottom-right { bottom: 3px; } /*里面的代码可以根据自己需求去进行更改*/ /* 设置滚动条的样式 */ body::-webkit-scrollbar, .layout .layout-view::-webkit-scrollbar, .direction_scroll_bar::-webkit-scrollbar { width: 3px; height: 3px; } /* 滚动槽 */ body::-webkit-scrollbar-track, .direction_scroll_bar::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 5px; } /* 滚动条滑块 */ body::-webkit-scrollbar-thumb, .direction_scroll_bar::-webkit-scrollbar-thumb { border-radius: 5px; background: #174896; background: var(--q-color-primary); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); } body::-webkit-scrollbar-thumb:window-inactive, .direction_scroll_bar::-webkit-scrollbar-thumb:window-inactive { background: #174896; background: var(--q-color-primary); } .q-date__view { min-height: 250px; } .q-date__calendar-days-container { min-height: 160px; } /*里面的代码可以根据自己需求去进行更改*/ /* 设置滚动条的样式 */ .vue-grid-item::-webkit-scrollbar { width: 0; height: 3px; } /* 滚动槽 */ .vue-grid-item::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 5px; } /* 滚动条滑块 */ .vue-grid-item::-webkit-scrollbar-thumb { border-radius: 5px; background: #174896; background: var(--q-color-primary); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); } .vue-grid-item::-webkit-scrollbar-thumb:window-inactive { background: #174896; background: var(--q-color-primary); } .q-field--filled .q-field__control { background: var(--q-color-main-back) !important; height: 30px; } .q-field--filled .q-field__control:hover { background: var(--q-color-main-back) !important; } /*---------------全局样式----------------------*/ /*---------------列表样式----------------------*/ .tiu-list-layout { background-color: var(--q-color-main-back) !important; min-height: 790px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 100 auto; flex: 1 100 auto; } .tiu-list-layout .advanced-search .q-mb-sm { margin: 5px 0; } .tiu-list-layout-header .q-mb-sm { margin-top: 10px; } .tiu-list-layout-header .q-icon svg, .tiu-list-layout-header .q-icon img { width: 16px; height: 16px; } .tiu-list-layout-header .q-field--disabled .q-field__inner > div.q-field__control:nth-of-type(1) { background-color: #f2f3f5; } .tiu-list-layout-header, .tiu-list-layout .advanced-search { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tiu-list-layout-header .search_btn, .tiu-list-layout .advanced-search .search_btn { position: relative; top: -2px; width: 100%; text-align: right; } .tiu-list-layout-header .search_btn > button, .tiu-list-layout .advanced-search .search_btn > button { height: 30px; margin-left: 10px; } .tiu-list-layout-header .search_btn > button .q-icon, .tiu-list-layout .advanced-search .search_btn > button .q-icon { font-size: 16px; } .tiu-list-layout-header .q-chip--dense, .tiu-list-layout .advanced-search .q-chip--dense { background: #fff; border: 1px solid #e5e6eb; border-radius: 2px; margin: 1px; } .tiu-list-layout-header .q-field--dense .q-field__control, .tiu-list-layout-header .q-field--dense .q-field__marginal, .tiu-list-layout .advanced-search .q-field--dense .q-field__control, .tiu-list-layout .advanced-search .q-field--dense .q-field__marginal { min-height: 28px; } .tiu-list-layout-header .q-field--auto-height.q-field--dense .q-field__control, .tiu-list-layout .advanced-search .q-field--auto-height.q-field--dense .q-field__control { min-height: 28px; } .tiu-list-layout-header .q-field--auto-height.q-field--dense .q-field__control .q-field__native, .tiu-list-layout .advanced-search .q-field--auto-height.q-field--dense .q-field__control .q-field__native { padding: 0px 0; } .tiu-list-layout-header .q-field--auto-height.q-field--dense .q-field__control .q-field__append, .tiu-list-layout .advanced-search .q-field--auto-height.q-field--dense .q-field__control .q-field__append { padding-top: 2px; } .tiu-list-layout-header .q-field--dense .q-field__control, .tiu-list-layout .advanced-search .q-field--dense .q-field__control { height: 28px; } .tiu-list-layout-header .q-field--auto-height .q-field__control, .tiu-list-layout .advanced-search .q-field--auto-height .q-field__control { height: auto; } .tiu-list-layout-header .t-form-label, .tiu-list-layout .advanced-search .t-form-label { line-height: 28px; text-align: center; } .tiu-list-layout-header .q-radio__inner, .tiu-list-layout .advanced-search .q-radio__inner { font-size: 28px; } .tiu-list-layout-header .row .q-field, .tiu-list-layout .advanced-search .row .q-field { padding-right: 15px; } .tiu-list-layout-header .row .q-field .q-field__append button.q-icon, .tiu-list-layout-header .row .q-field .q-chip--dense .q-chip__icon, .tiu-list-layout .advanced-search .row .q-field .q-field__append button.q-icon, .tiu-list-layout .advanced-search .row .q-field .q-chip--dense .q-chip__icon { font-size: 16px; } .tiu-list-layout .table-btn > button { height: 30px; margin-left: 10px; } .tiu-list-layout .table-btn > button .q-icon { font-size: 16px; } .tiu-list-layout .full-width .q-pb-sm { padding: 10px 16px 15px 16px; } .tiu-list-layout .q-drawer .search-til { color: var(--q-color-dark); font-size: 14px; } .tiu-list-layout .q-drawer .q-footer .more-search-fotter { -ms-flex-pack: distribute; justify-content: space-around; } .tiu-list-layout .q-drawer .more-search-fotter > button { width: 45%; } .tiu-list-layout .q-drawer .more-search-fotter > button:hover .q-focus-helper { background: none; } .tiu-list-layout .tiu-table { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tiu-list-layout .tiu-table .tiu-table-header { padding: 20px 16px 0 16px; } .tiu-list-layout .tiu-table .tiu-table-header button { height: 30px; margin-left: 10px; } .tiu-list-layout .tiu-table .tiu-table-header button .q-icon { font-size: 16px; } .tiu-list-layout .tiu-table .full-width .q-table thead { background: #f2f3f5; background: var(--q-color-table-thead); font-size: 14px; line-height: 40px; height: 40px; padding: 0 16px; } .tiu-list-layout .tiu-table .full-width .q-table thead tr { height: 40px; font-size: 14px; } .tiu-list-layout .tiu-table .full-width .q-table thead tr th { font-size: 14px; font-weight: 600; padding: 0 10px; } .tiu-list-layout .tiu-table .full-width .q-table tbody td { height: 50px; font-size: 14px; max-width: 27.5vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px; } .tiu-list-layout .tiu-table .full-width .q-table tbody td .q-gutter-y-md > *, .tiu-list-layout .tiu-table .full-width .q-table tbody td .q-gutter-md > *, .tiu-list-layout .tiu-table .full-width .q-table tbody td .q-gutter-md > * { margin-left: 0; min-width: 20px; } .tiu-list-layout .tiu-table .full-width .q-table tbody td .view { color: #174896; color: var(--q-color-primary); cursor: pointer; } .tiu-list-layout .tiu-table .full-width .q-table tbody td .view-underline { color: #174896; color: var(--q-color-primary); cursor: pointer; text-decoration: underline; } .tiu-list-layout .tiu-table .full-width .q-table tbody td button .q-btn__wrapper .q-btn__content { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .tiu-list-layout .tiu-table .full-width .q-table tbody td.q-table--col-auto-width { text-align: center; } .tiu-list-layout .tiu-table .full-width .q-table .q-checkbox__inner { font-size: 30px; } .tiu-list-layout .tiu-table .q-table__bottom .q-pagination > button { min-width: 20px; } .q-dialog .q-dialog__inner .q-dialog-plugin { width: 280px; } .q-dialog .q-dialog__inner .q-dialog-plugin .q-dialog__title { padding: 15px 20px 0 20px; font-size: 14px; font-weight: 500; color: #333333; } .q-dialog .q-dialog__inner .q-dialog-plugin .q-dialog__message { padding: 1.7% 20px 0 20px; font-size: 14px; font-weight: 200; } .q-dialog .q-dialog__inner .q-dialog-plugin .q-card__actions > button { height: 24px; border-radius: 2px; } .q-dialog .q-dialog__inner .q-dialog-plugin .q-card__actions > button .q-btn__wrapper:before { border: none; } .q-dialog .q-dialog__inner .q-dialog-plugin .q-card__actions > button:nth-child(1) { color: #333333 !important; background: #f2f3f5 !important; margin-right: 5px; } .advanced-search .q-drawer .q-drawer__content .q-layout__section--marginal { border-bottom: 1px solid #e5e6eb; background: var(--q-color-wihte) !important; } .tdp-layout .q-layout__section--marginal { background: var(--q-color-main-back) !important; color: #333; } /*---------------列表样式----------------------*/ /*---------------表单----------------------*/ .q-menu .q-list .q-item--clickable { min-height: 30px; } .q-menu .q-pa-md { padding: 10px 10px 0 10px; } .q-menu .q-tree { padding: 0 10px 10px 10px; } .t-form-layout .q-icon { margin-right: 4px; } .t-form-layout { background-color: #f7f8fa !important; background-color: var(--q-color-main-back) !important; } .t-form-layout-card { border-radius: 3px; } .t-form-layout-card-header { background: #fff; background: var(--q-color-wihte); margin-top: 10px; } .t-form-layout .text-subtitle1 { font-size: 20px; font-weight: 500 !important; color: #333333; } .t-form-layout .icon-back { font-size: 14px; height: 32px; line-height: 32px; position: relative; top: 2px; background-color: #fff; } .t-form-layout .tiu-card-item, .t-form-layout .tiu-dialog-item { margin: 12px 0; border-radius: 2px; background: #fff; background: var(--q-color-wihte); padding: 0.5% 10.8% 0.5%; width: 100%; } .t-form-layout .tiu-card-item .q-table__bottom .q-pagination > button, .t-form-layout .tiu-dialog-item .q-table__bottom .q-pagination > button { min-width: 20px; } .t-form-layout .tiu-card-item .q-expansion-item .q-expansion-item__container .q-expansion-item__content, .t-form-layout .tiu-dialog-item .q-expansion-item .q-expansion-item__container .q-expansion-item__content { margin-bottom: 1.3%; } .t-form-layout .tiu-card-item .q-item, .t-form-layout .tiu-dialog-item .q-item { padding: 0 0 !important; margin-bottom: 4px; min-height: 42px; } .t-form-layout .tiu-card-item .q-item__section, .t-form-layout .tiu-dialog-item .q-item__section { vertical-align: middle; } .t-form-layout .tiu-card-item .q-item__section .q-icon, .t-form-layout .tiu-dialog-item .q-item__section .q-icon { font-size: 20px; } .t-form-layout .tiu-card-item .require_til, .t-form-layout .tiu-dialog-item .require_til { color: #cc382f; color: var(--q-color-require-dot); position: relative; top: 2px; left: 3px; } .t-form-layout .tiu-card-item .q-item__section--side, .t-form-layout .tiu-dialog-item .q-item__section--side { padding: 0; } .t-form-layout .tiu-card-item .expansion-table-title, .t-form-layout .tiu-dialog-item .expansion-table-title { display: inline-block; font-size: 16px; line-height: 3; vertical-align: middle; color: #333333; font-weight: 500; } .t-form-layout .tiu-card-item .expansion-table-btn, .t-form-layout .tiu-dialog-item .expansion-table-btn { position: absolute; right: 0; bottom: 10px; vertical-align: bottom; } .t-form-layout .tiu-card-item .expansion-table-btn > button, .t-form-layout .tiu-card-item .tiu-table-btn > button, .t-form-layout .tiu-dialog-item .expansion-table-btn > button, .t-form-layout .tiu-dialog-item .tiu-table-btn > button { margin-left: 8px; width: auto; height: 30px; font-size: 14px; } .t-form-layout .tiu-card-item .expansion-table-btn > button .q-icon, .t-form-layout .tiu-card-item .tiu-table-btn > button .q-icon, .t-form-layout .tiu-dialog-item .expansion-table-btn > button .q-icon, .t-form-layout .tiu-dialog-item .tiu-table-btn > button .q-icon { font-size: 16px; margin-right: 4px; } .t-form-layout .tiu-card-item .q-btn__wrapper:before, .t-form-layout .tiu-dialog-item .q-btn__wrapper:before { -webkit-box-shadow: none; box-shadow: none; } .t-form-layout .tiu-card-item .expansion-table-btn > button.btn-add, .t-form-layout .tiu-dialog-item .expansion-table-btn > button.btn-add { background: #f2f3f5; background: var(--q-color-table-thead); border-radius: 2px; } .t-form-layout .tiu-card-item .expansion-table-btn > button.btn-del, .t-form-layout .tiu-dialog-item .expansion-table-btn > button.btn-del { color: #fff; color: var(--q-color-wihte); background: #cc382f; background: var(--q-color-negative-btn); } .t-form-layout .tiu-card-item .expansion-table-btn > button.btn-del .q-icon, .t-form-layout .tiu-dialog-item .expansion-table-btn > button.btn-del .q-icon { color: #fff; color: var(--q-color-wihte); } .t-form-layout .tiu-card-item .expansion-table-btn > button.btn-dropdown, .t-form-layout .tiu-dialog-item .expansion-table-btn > button.btn-dropdown { width: auto; padding: 0 6px; } .t-form-layout .tiu-card-item .q-table--vertical-separator td, .t-form-layout .tiu-card-item .q-table--vertical-separator th, .t-form-layout .tiu-card-item .q-table--cell-separator td, .t-form-layout .tiu-card-item .q-table--cell-separator th, .t-form-layout .tiu-dialog-item .q-table--vertical-separator td, .t-form-layout .tiu-dialog-item .q-table--vertical-separator th, .t-form-layout .tiu-dialog-item .q-table--cell-separator td, .t-form-layout .tiu-dialog-item .q-table--cell-separator th { border-left-width: 0; } .t-form-layout .tiu-card-item .q-table, .t-form-layout .tiu-dialog-item .q-table { overflow-x: auto; } .t-form-layout .tiu-card-item .q-table thead, .t-form-layout .tiu-dialog-item .q-table thead { background: #f2f3f5; background: var(--q-color-table-thead); font-size: 14px; line-height: 40px; height: 40px; padding: 0 16px; } .t-form-layout .tiu-card-item .q-table thead tr, .t-form-layout .tiu-dialog-item .q-table thead tr { height: 40px; font-size: 14px; } .t-form-layout .tiu-card-item .q-table thead tr th, .t-form-layout .tiu-dialog-item .q-table thead tr th { font-size: 14px; font-weight: 600; } .t-form-layout .tiu-card-item .q-table tbody td, .t-form-layout .tiu-dialog-item .q-table tbody td { height: 50px; font-size: 14px; padding: 0 16px; max-width: 15vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t-form-layout .tiu-card-item .q-table tbody td *, .t-form-layout .tiu-dialog-item .q-table tbody td * { white-space: nowrap; text-overflow: ellipsis; } .t-form-layout .tiu-card-item .q-table tbody td .q-gutter-y-md > *, .t-form-layout .tiu-card-item .q-table tbody td .q-gutter-md > *, .t-form-layout .tiu-card-item .q-table tbody td .q-gutter-md > *, .t-form-layout .tiu-dialog-item .q-table tbody td .q-gutter-y-md > *, .t-form-layout .tiu-dialog-item .q-table tbody td .q-gutter-md > *, .t-form-layout .tiu-dialog-item .q-table tbody td .q-gutter-md > * { min-width: 20px; } .t-form-layout .tiu-card-item .q-table tbody td .q-checkbox, .t-form-layout .tiu-dialog-item .q-table tbody td .q-checkbox { padding: 0 12px; } .t-form-layout .tiu-card-item .q-table tbody td button.q-btn, .t-form-layout .tiu-dialog-item .q-table tbody td button.q-btn { min-width: 40px; } .t-form-layout .tiu-card-item .q-table .q-checkbox__inner, .t-form-layout .tiu-dialog-item .q-table .q-checkbox__inner { font-size: 30px; } .t-form-layout .tiu-card-item .q-field--outlined.q-fiel--highlighted .q-field__control:after, .t-form-layout .tiu-dialog-item .q-field--outlined.q-fiel--highlighted .q-field__control:after { border-width: 1px !important; } .t-form-layout .tiu-card-item .q-field--outlined .q-field__control::after, .t-form-layout .tiu-dialog-item .q-field--outlined .q-field__control::after { border-width: 1px !important; } .t-form-layout .tiu-card-item .q-timeline__dot:after, .t-form-layout .tiu-dialog-item .q-timeline__dot:after { width: 2px; left: 6px; height: 100%; color: #86909c; color: var(--q-color-holder); } .t-form-layout .tiu-card-item .q-timeline__dot::before, .t-form-layout .tiu-dialog-item .q-timeline__dot::before { width: 14px; height: 14px; background: #fff; background: var(--q-color-wihte); border-radius: 50%; border: 4px solid #174896; border: 4px solid var(--q-color-primary); } .t-form-layout .tiu-card-item .t-form-label, .t-form-layout .tiu-dialog-item .t-form-label { white-space: normal !important; line-height: 30px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 140px; color: #333333; } .t-form-layout .tiu-card-item .q-field .q-field__append button.btn-dropdown, .t-form-layout .tiu-dialog-item .q-field .q-field__append button.btn-dropdown { position: relative; right: 0px; top: -1px; height: 25px; width: 10px; } .t-form-layout .tiu-card-item .q-field.q-textarea textarea, .t-form-layout .tiu-dialog-item .q-field.q-textarea textarea { padding-top: 8px; } .t-form-layout .tiu-card-item .q-splitter .q-splitter__before, .t-form-layout .tiu-dialog-item .q-splitter .q-splitter__before { width: 125px !important; } .t-form-layout .tiu-card-item .q-radio__inner, .t-form-layout .tiu-dialog-item .q-radio__inner { font-size: 28px; } .t-form-layout .tiu-card-item textarea, .t-form-layout .tiu-dialog-item textarea { padding: 5px 0; } .t-form-layout .tiu-card-item input::-webkit-input-placeholder, .t-form-layout .tiu-card-item textarea::-webkit-input-placeholder, .t-form-layout .tiu-dialog-item input::-webkit-input-placeholder, .t-form-layout .tiu-dialog-item textarea::-webkit-input-placeholder { color: #86909c; color: var(--q-color-holder); } .t-form-layout .tiu-card-item input::-moz-placeholder, .t-form-layout .tiu-card-item textarea::-webkit-input-placeholder, .t-form-layout .tiu-dialog-item input::-moz-placeholder, .t-form-layout .tiu-dialog-item textarea::-webkit-input-placeholder { color: #86909c; color: var(--q-color-holder); } .t-form-layout .tiu-card-item input::-ms-input-placeholder, .t-form-layout .tiu-card-item textarea::-webkit-input-placeholder, .t-form-layout .tiu-dialog-item input::-ms-input-placeholder, .t-form-layout .tiu-dialog-item textarea::-webkit-input-placeholder { color: #86909c; color: var(--q-color-holder); } .t-form-layout .tiu-card-item .tiu-justify, .t-form-layout .tiu-dialog-item .tiu-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .t-form-layout .tiu-card-item .tiu-justify .col-md-6, .t-form-layout .tiu-dialog-item .tiu-justify .col-md-6 { width: 47%; } .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .q-field__append > button .q-btn__content, .t-form-layout .tiu-dialog-item .tiu-justify .col-md-6 .row .q-field__append > button .q-btn__content { position: relative; bottom: 2px; } .t-form-layout .tiu-card-item.no-padding .tiu-justify .row .t-form-label { width: 120px; } .t-form-layout .tiu-dialog-item { padding: 0 10px; margin-left: 0; } .t-form-layout .tiu-dialog-item .row .t-form-label { min-width: 120px; } .t-form-layout .tiu-dialog-item .row .q-rating { position: relative; bottom: 7px; } .t-form-layout .tiu-dialog-item .row .q-rating .q-rating__icon { font-size: 25px; } .t-form-layout .tiu-dialog-item .col-md-12 { padding-left: 0; } .t-form-layout .tiu-dialog-item .col-md-6 { padding-left: 0; } .t-form-layout .q-icon, .t-form-layout .material-icons, .t-form-layout .material-icons-outlined, .t-form-layout .material-icons-round, .t-form-layout .material-icons-sharp { font-size: 16px; } .t-form-layout .tiu-table-title { font-size: 14px; position: relative; top: 8px; left: -31px; margin-top: 8px; } .t-form-layout .q-banner { min-width: 128px; } .t-form-layout .q-table th { height: 40px; font-size: 14px; font-weight: 600; } .t-form-layout .q-table th, .t-form-layout .q-table td { padding: 0 16px; } .t-form-layout .q-date__view { min-height: 250px; } .t-form-layout .q-date__calendar-days-container { min-height: 160px; } .t-form-layout .q-btn { font-size: 14px; } .t-form-layout .icon-back .q-btn__wrapper .q-btn__content .q-icon > img { width: 16px; height: 16px; } .t-form-layout .q-field--dense .q-field__bottom { font-size: 12px; } .t-form-layout .q-field__bottom { padding: 8px 0; } .t-form-layout .q-field__native, .t-form-layout .q-field__prefix, .t-form-layout .q-field__suffix, .t-form-layout .q-field__input { padding: 0; } .t-form-layout .q-field--disabled .q-field__inner > div.q-field__control:nth-of-type(1) { background-color: rgba(242, 243, 245, 0.4); } .t-form-layout .q-field--dense.q-field--float .q-field__label { display: none; } .t-form-layout .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container { padding-top: 7px; } .t-form-layout .q-card__section--vert { padding: 0; } .t-form-layout .t-q-page .app-demo-list, .t-form-layout .t-q-page .app-demo-info { padding: 20px; } .t-form-layout .q-layout { background: #f7f8fa; background: var(--q-color-card-back); } .t-form-layout .tdp-layout .q-layout__section--marginal { background: #f7f8fa; background: var(--q-color-card-back); } .t-form-layout .q-gutter-x-md, .t-form-layout .q-gutter-md, .t-form-layout .q-gutter-md { margin-left: 0; } .t-form-layout .q-gutter-md .tiu-table-btn { margin-top: -10px; } .t-form-layout .tiu-table-btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .t-form-layout .expansion-table { padding-left: 0; } .t-form-layout .option-no-data { padding: 10px; font-size: 14px; } .t-form-layout .tiu-table-btn-item { margin-top: 8px; } .t-form-layout .q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { opacity: 0; } .t-form-layout .q-expansion-item__container div.expansion-item-btn > button img { width: 16px; height: 16px; } .t-form-layout .q-expansion-item__container div.expansion-item-btn > button { margin-left: 5px; } .t-form-layout .camouflage-input-item .q-icon > svg { width: 16px !important; height: 16px !important; } .t-form-layout .q-icon > svg, .t-form-layout .q-icon > img { width: 20px; height: 20px; } .t-form-layout .layout-config-item .q-icon > svg, .t-form-layout .layout-config-item .q-icon > img { margin-right: 0; } .t-form-layout .q-item__section--avatar { min-width: 26px; } .t-form-layout .t-q-page .t-form-label { line-height: 28px; font-size: 14px; color: #333333; } .t-form-layout .q-chip--dense { background: #fff; border: 1px solid #e5e6eb; border-radius: 2px; margin: 1px; } .t-form-layout .q-select__dropdown { text-align: center; } .t-form-layout .more-search-dialog { width: 25vw; position: relative; } .t-form-layout .more-search-back { background: #fff; background: var(--q-color-wihte); } .t-form-layout .q-timeline__content { padding-bottom: 20px; } .t-form-layout .q-timeline__title { margin-bottom: 10px; } .t-form-layout .flow-btn { position: fixed; bottom: 0; padding: 5px 8px; width: 100vw; z-index: 1000; background: #fff; background: var(--q-color-wihte); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .t-form-layout .q-field__counter { display: none; } .t-form-layout .q-chip--dense .q-chip__icon { font-size: 13.3px; } .t-form-layout .q-field--dense .q-field__control, .t-form-layout .q-field--dense .q-field__marginal { min-height: 28px; height: 28px; } .t-form-layout .q-field--auto-height.q-field--dense .q-field__control, .t-form-layout .q-field--auto-height.q-field--dense .q-field__native { min-height: 28px; } .t-form-layout .q-field--auto-height .q-field__control { height: auto; } .t-form-layout .none-data { width: 100%; text-align: center; margin: 10px auto; color: #ccc; } .center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ccc; font-size: 14px; } .expansion-table-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; font-size: 14px; cursor: pointer; } .expansion-table-option .option-info { max-width: 260px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .q-item--active { background: #f5f7ff; } .none-data { width: 100%; text-align: center; margin: 10px auto; color: #86909c; color: var(--q-color-holder); } .no-padding { padding: 0; } body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper { background: #fdfdfd; background: var(--q-color-card-item); } .q-uploader__list { padding: 0; } .require_til { color: #cc382f; color: var(--q-color-require-dot); position: relative; top: 2px; left: 3px; } /*---------------表单----------------------*/ .t-list-layout .full-width.q-card__section.q-card__section--vert { padding-top: 0 !important; } .t-list-layout .q-pb-none.row.justify-between.items-center.q-card__section.q-card__section--vert, .t-list-layout .q-pb-none.row.justify-between.q-card__section.q-card__section--vert.flex-center { padding: 12px 16px; } .tiu-list-layout .q-table--horizontal-separator thead th, .dialog-table .q-table thead th { background: rgba(242, 243, 245, 0.6); } .tiu-list-layout .q-table thead tr { height: 40px; } .tiu-list-layout .q-table tbody tr { height: 50px; } .tiu-list-layout .q-table tr:hover td:not(.q-td--no-hover):before { content: ''; } /* 偶数行变色 */ .full-width.q-card__section.q-card__section--vert .q-table tbody tr:nth-child(even) { background: #f9fbff !important; } .q-tab-panel .q-table tbody tr:nth-child(even) { background: #f9fbff !important; } .tdp-param-config-list.col.column .q-table tbody tr:nth-child(even) { background: #f9fbff !important; } .q-table__middle.scroll.full-width.q-px-md .q-table tbody tr:nth-child(even) { background: #f9fbff !important; } .t-list-layout .q-checkbox__bg { font-size: 30px; border: 2px solid #e5e6eb; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; } .t-list-layout .q-table--horizontal-separator tbody td { color: #333333; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 14px; } .t-list-layout .q-table__bottom-item { color: #1d2129; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 12px; } .t-list-layout .q-table__bottom.row.items-center.justify-end .q-icon.notranslate.material-icons, .t-list-layout .q-table__bottom.row.justify-end.flex-center .q-icon.notranslate.material-icons { color: #4e5969; } .row.justify-center .q-btn.q-btn-item.non-selectable.no-outline.q-btn--standard.q-btn--rectangle.bg-primary.text-white.q-btn--actionable.q-focusable.q-hoverable.q-btn--wrap, .row.flex-center .q-btn.q-btn-item.non-selectable.no-outline.q-btn--standard.q-btn--rectangle.bg-primary.text-white.q-btn--actionable.q-focusable.q-hoverable.q-btn--wrap { border-radius: 2px; } .t-list-layout .row.justify-center .q-btn__wrapper:before, .t-list-layout .row.flex-center .q-btn__wrapper:before { -webkit-box-shadow: none !important; box-shadow: none !important; } .tiu-list-layout .row.justify-end .q-field__control.relative-position.row.no-wrap { height: 30px; min-height: 25px; width: 40px; } .tiu-list-layout .row.justify-end .q-field__native { font-size: 12px; } .tiu-list-layout .q-btn.q-btn-item.non-selectable.no-outline.q-btn--flat.q-btn--rectangle { min-width: 32px; margin-left: 0; } .tiu-list-layout .q-table__bottom.row.items-center.justify-end .q-icon.notranslate.material-icons, .tiu-list-layout .q-table__bottom.row.justify-end.flex-center .q-icon.notranslate.material-icons { font-size: 14px; } .tiu-list-layout .q-table__bottom.row.items-center.justify-end .q-btn.q-btn-item.non-selectable.no-outline.q-btn--flat.q-btn--rectangle.text-primary.q-btn--wrap, .tiu-list-layout .q-table__bottom.row.justify-end.flex-center .q-btn.q-btn-item.non-selectable.no-outline.q-btn--flat.q-btn--rectangle.text-primary.q-btn--wrap { min-width: 20px; } .tiu-list-layout .q-table .q-btn__wrapper.col.row.q-anchor--skip { padding: 0; margin-right: 10px; } .view-form .q-gutter-md > *, .tiu-list-layout .q-gutter-md { margin-left: 0; } .tiu-list-layout .q-field--dense .q-field__marginal { height: 28px; } .tiu-list-layout .q-field--dense .q-field__append { padding-left: 6px; } .tiu-list-layout .q-table thead, .tiu-list-layout .q-table td, .tiu-list-layout .q-table th { border-style: none; } .tiu-list-layout .t-q-page .q-table__card { border: none; } .tiu-list-layout .q-table__bottom { border-top: none; } .tiu-list-layout .q-table__bottom.row.items-center.q-table__bottom--nodata, .tiu-list-layout .q-table__bottom.row.q-table__bottom--nodata.flex-center { color: #999999; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 14px; } .tiu-list-layout .q-table__bottom.row.items-center.q-table__bottom--nodata .q-table__bottom-nodata-icon, .tiu-list-layout .q-table__bottom.row.q-table__bottom--nodata.flex-center .q-table__bottom-nodata-icon { font-size: 20px; margin-right: 8px; } .t-form-layout .q-table__bottom.row.items-center.q-table__bottom--nodata, .t-form-layout .q-table__bottom.row.q-table__bottom--nodata.flex-center { color: #999999; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 14px; } .t-form-layout .q-table__bottom.row.items-center.q-table__bottom--nodata .q-table__bottom-nodata-icon, .t-form-layout .q-table__bottom.row.q-table__bottom--nodata.flex-center .q-table__bottom-nodata-icon { font-size: 20px; margin-right: 8px; } .t-list-layout .advanced-search .q-field__control.relative-position.row.no-wrap { margin: 10px 0; } .t-list-layout .advanced-search .col-12.col-md-12.q-mb-sm { margin: 10px 0; } .tiu-list-layout .full-width.q-card.q-card--flat.no-shadow .q-pb-sm.q-card__section.q-card__section--vert .t-form-label { text-align: left; max-width: 120px; width: auto; } .t-list-layout .full-width.q-card.q-card--flat.no-shadow .col-12.col-sm-4.col-md-3, .full-width.q-card.q-card--flat.no-shadow .col-12.col-md-4.q-mb-sm, .full-width.q-card.q-card--flat.no-shadow .col-12.col-sm-6.col-md-3.q-mb-sm { padding-right: 15px; } .t-list-layout .search_btn { text-align: right; line-height: 28px; } .t-list-layout .more_search { margin-left: 8px; } .t-list-layout .t-form-label { text-align: left; vertical-align: middle; line-height: 28px; width: 120px; color: #333; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-weight: 500; font-size: 14px; } .tiu-list-layout .t-form-label { line-height: 28px; } .t-list-layout .search-til { color: #333333; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-weight: 500; font-size: 14px; margin-bottom: 0; } .dialog-til { border-bottom: 1px solid #e5e6eb; } .dialog-foot { width: 100%; text-align: center; position: relative; bottom: 0; left: 0; -webkit-box-shadow: 0px -4px 10px #4e59690f; box-shadow: 0px -4px 10px #4e59690f; background-color: #fff; } .q-field__native { color: #86909c; color: #333333; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 14px; } .q-dialog__inner--minimized { padding: 0; } .q-mb-sm { margin-bottom: 0px; } .required_til { color: #cc382f; } /*---------------查看样式----------------------*/ .view-form .t-form-layout-header { margin-bottom: 28px; } .view-form .q-col-gutter-y-md, .view-form .q-col-gutter-md, .view-form .q-col-gutter-md { margin: 0; } .view-form .q-table__top { padding: 0; } .view-form .tiu-card-item { margin-top: 0; } .view-form .tiu-card-item .tiu-justify .col-md-6 { width: 50%; } .view-form .row > .col-md-6 { padding: 0; border: 1px solid #e5e6eb; margin: 0 0 -1px 0; } .view-form .tiu-card-item .col-md-12 { padding: 0; border: 1px solid #e5e6eb; margin: 0px 0px -1px 0; } .view-form .q-table__card { border-top: none; -webkit-box-shadow: none; box-shadow: none; } .view-form .t-form-label { border-right: 1px solid #e5e6eb; padding: 6px; margin-right: 12px; padding-left: 12px; width: 140px; text-align: left; } .view-form .col-md-12 .t-form-label { width: 15%; min-width: 15%; } .view-form .col-md-6 .t-form-label { width: 30%; } .view-form .col-12 .row .col { -ms-flex-item-align: center; align-self: center; } .view-form .col-12 > .row { height: 100%; } .view-form .fwarp { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .view-form .q-field--dense .q-field__append { display: none; } .view-form .q-item { margin-bottom: 10px; } .view-form .q-field--outlined .q-field__control:before { border: none; } .view-form .q-field--standard .q-field__control:before { border: none; } .view-form .q-field--disabled .q-field__inner > div.q-field__control:nth-of-type(1) { background: none; } .view-form .q-table td { border-right: 1px solid #e5e6eb; } .view-form .q-table th { border: 1px solid #e5e6eb; } .view-form .q-table .q-field--auto-height.q-field--dense .q-field__native { text-align: center; } .view-form .q-table .q-field--auto-height.q-field--dense .q-field__native > span:first-child { width: 100%; text-align: left; } .view-form .tiu-table-btn-item { display: none; } .view-form .q-table__container .q-td.text-left .q-field--outlined .q-field__control { padding: 0; } /* --------- app end ------------ */ .q-tree__node-header_notickbox .q-tree__node--parent .q-tree__node-header.q-tree__node--link .q-tree__tickbox { display: none; } .q-tree__node .q-tree__tickbox .q-checkbox__inner { font-size: 35px !important; } .q-checkbox__inner, .q-tree__tickbox .q-checkbox { font-size: 30px !important; } .q-field--dense .q-field__after, .q-field--dense .q-field__append { height: 30px; } .pick-icon .q-btn--round .q-btn__wrapper { min-width: 28px !important; min-height: 28px !important; } .pick-icon .q-btn--round .q-btn__wrapper .q-btn__content .q-icon img { width: 16px !important; height: 16px !important; } .q-field--dense .q-field__control button, .q-field--dense .q-field__marginal button { font-size: 16px; } .camouflage-input-item-del img { width: 15px !important; height: 15px !important; } .q-checkbox__bg { border: 2px solid #dddddd94; } .expansion-top-table-btn > button.btn-add { background: #f2f3f5; background: var(--q-color-table-thead); border-radius: 2px; } .text-subtitle1 { font-size: 16px; font-weight: 500 !important; color: #333333; } .q-uploader__header:before, .q-uploader__file:before { background: none; } .t-q-page .q-btn { min-width: auto; } .view-edit .t-form-layout.view-form .tiu-card-item { margin: 5px 0; } .q-field--filled .q-field__control:before { background: #f7f8fa !important; background: var(--q-color-main-back) !important; } .q-field--outlined.q-field--readonly .q-field__control:before { background-color: rgba(242, 243, 245, 0.4) !important; border-style: solid !important; } .q-field--outlined.q-field--disabled .q-field__control:before { background-color: rgba(242, 243, 245, 0.4) !important; } .view-form .q-field--outlined.q-field--readonly .q-field__control:before { background-color: rgba(0, 0, 0, 0) !important; border-style: none !important; } .q-field__bottom .q-field__messages > div { word-wrap: break-word !important; word-break: normal !important; white-space: pre-wrap !important; } .td-input-error-auto .q-field--with-bottom.q-field--error { padding-bottom: 0 !important; } .td-input-error-auto .q-field--with-bottom.q-field--error > div { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .td-input-error-auto .q-field__bottom--animated { position: relative !important; -webkit-transform: none !important; transform: none !important; } .td-input-error-auto .q-field__bottom { min-height: auto !important; padding: 4px 0 !important; } .v-pc-dialog { width: 55vw !important; } .q-field__marginal { font-size: 16px !important; } .t-form-layout .tiu-card-item .q-table tbody td textarea { white-space: pre-wrap; } .tiu-card-item .q-expansion-item { width: 100% !important; } .picker-table .q-table__middle .q-table td { border-color: #fff !important; } .q-tab-panel .picker-table .q-table tbody tr:nth-child(even) { background: #fff !important; } .picker-table .q-table__middle .q-table td { border-color: #fff !important; } .q-tab-panel .picker-table .q-table tbody tr:nth-child(even) { background: #fff !important; } .q-select .q-chip { border: 1px solid #e5e6eb !important; background: #fff !important; border-radius: 2px; } .q-select.q-field--dense .q-field__control { height: auto !important; } .jump-box-border .q-field--outlined .q-field__control:before { border: 1px solid rgba(0, 0, 0, 0.24) !important; } .hide-page-select .row.inline { display: none !important; } .q-table__control .q-field--dense .q-field__append { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .q-table__control .q-field--outlined .q-field__control:before { border: 1px solid rgba(0, 0, 0, 0.24) !important; } .pre-line, .pre-line * { white-space: normal !important; text-overflow: initial !important; } .q-field--disabled .q-field__control { pointer-events: all !important; } .disabled, .disabled *, [disabled], [disabled] *, [aria-disabled], .q-field--disabled .q-field__inner { cursor: text !important; } /* * 配合系统管理修复bug,树超出显示省略号,不换行 */ .q-tree__node .q-tree__node-header-content * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .q-input .q-field__append .q-btn .q-btn__wrapper .q-btn__content > span { color: #333333 !important; font-size: 14px !important; } .q-input .q-field__append .q-btn.jia .q-btn__wrapper .q-btn__content > span.block { color: #fff !important; } .q-input .q-field__append .q-btn .q-btn__wrapper .q-btn__content { position: relative; bottom: 2px; } .q-tabs--horizontal .material-icons.q-tabs__arrow { font-size: 20px !important; } .icon, .iconfont { color: var(--q-color-primary); vertical-align: -0.15em; fill: currentColor; overflow: hidden; } @media print { * { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .t-form-layout-header { display: none; } .tdp-layout > .q-page-container { padding-top: 0px !important; padding-left: 0px !important; } .tdp-layout-header { display: none; } .q-drawer--left { display: none; } .tdp-layout-footer { display: none; } .t-indidocx .q-uploader .q-uploader__header { display: none; } .t-q-page .app-demo-info { padding-top: 5px; } .hidden-layout .t-q-page .app-demo-info { padding-top: 5px; } .anchor_point_layout { height: auto !important; } .hidden-layout .anchor_point_layout { height: auto !important; } .anchor_point { display: none; } .pagebreak { page-break-after: always; } } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ /* --------- app begin ----------- */ /*--------------- ----------------------*/ /*--------------- ----------------------*/ .download { cursor: pointer; color: #174896; color: var(--q-color-primary); } .q-page-scroller .q-page-sticky { margin: 100px 16px !important; } /*里面的代码可以根据自己需求去进行更改*/ /* 设置滚动条的样式 */ .t-q-page .q-table__middle::-webkit-scrollbar { width: 100%; height: 6px; } /* 滚动槽 */ .tiu-dialog-layout-content::-webkit-scrollbar-track, .t-q-page .q-table__middle::-webkit-scrollbar-track, .layout .layout-view::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 3px; } /* 滚动条滑块 */ .t-q-page .q-table__middle::-webkit-scrollbar-thumb, .layout .layout-view::-webkit-scrollbar-thumb { border-radius: 5px; background: #174896; background: var(--q-color-primary); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); } .t-q-page .q-table__middle::-webkit-scrollbar-thumb:window-inactive, .layout .layout-view::-webkit-scrollbar-thumb:window-inactive { background: #174896; background: var(--q-color-primary); } /*--------------- 表格选择器 样式 ----------------------*/ .q-dialog--modal .q-card__section--vert, .q-dialog--modal .q-card__actions--horiz.justify-end { padding: 9px 16px !important; } .q-dialog .q-dialog__inner .dialog_layout { height: 84vh; width: 75vw; } .q-dialog .q-dialog__inner .dialog_layout .dialog_content main { min-height: 100px !important; } .q-dialog .q-dialog__inner .t-form-layout { background: #fff !important; background: var(--q-color-wihte) !important; } .q-dialog .q-dialog__inner .tiu-dialog-layout .q-pb-none, .q-dialog .q-dialog__inner .tiu-dialog-layout .q-card__actions--horiz.justify-end { padding: 9px 16px !important; } .q-dialog .q-dialog__inner .tiu-dialog-layout .no-padd { padding: 0 16px !important; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content { height: 74vh; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout { padding: 16px 0; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header-search { width: 25%; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .search_btn > button { height: 30px; margin-left: 10px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .search_btn > button .q-icon { font-size: 16px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-chip--dense { background: #fff; background: var(--q-color-wihte); border: 1px solid #e5e6eb; border-radius: 2px; margin: 1px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--dense .q-field__control, .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--dense .q-field__marginal { min-height: 28px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--auto-height.q-field--dense .q-field__control { min-height: 28px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--auto-height.q-field--dense .q-field__control .q-field__native { padding: 4px 0; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--auto-height.q-field--dense .q-field__control .q-field__append { padding-top: 2px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--dense .q-field__control { height: 28px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .q-field--auto-height .q-field__control { height: auto; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .t-form-label { line-height: 28px; text-align: center; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .row .q-field__append { height: 28px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .row .q-field__append button.q-icon, .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .row .q-chip--dense .q-chip__icon { font-size: 16px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .row .q-field .q-field__append button.q-icon, .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .row .q-field .q-chip--dense .q-chip__icon { font-size: 16px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .search_btn { position: relative; top: -1px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .tiu-dialog-list-layout-header .search_btn .q-icon { font-size: 16px !important; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content main { min-height: 100px !important; max-height: 78vw !important; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table thead { background: #f2f3f5; background: var(--q-color-table-thead); font-size: 14px; line-height: 40px; height: 40px; padding: 0 16px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table thead tr { height: 40px; font-size: 14px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table thead tr th { font-size: 14px; font-weight: 600; padding: 0 10px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table tbody td { height: 50px; font-size: 14px; padding: 0 10px; max-width: 12vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table tbody td .q-gutter-y-md > *, .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table tbody td .q-gutter-md > * { margin-left: 0; min-width: 20px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table tbody td .view { color: #174896; color: var(--q-color-primary); cursor: pointer; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table .q-checkbox__inner { font-size: 30px; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table__bottom .q-pagination > button { min-width: 20px; } .q-dialog .q-dialog__inner .tiu-dialog-layout .q-card > div:last-child, .q-dialog .q-dialog__inner .tiu-dialog-layout .q-card > img:last-child { border-bottom: 1px solid #ddd; } .q-dialog .q-dialog__inner .tiu-dialog-layout .q-btn__wrapper:before { -webkit-box-shadow: none; box-shadow: none; } .text-subtitle1 { margin-left: 0 !important; } /*--------------- 表格选择器 样式 ----------------------*/ /*---------------弹框表单----------------------*/ /*---------------弹框表单----------------------*/ /*---------------公共查看页面----------------------*/ .public-view { padding: 16px; } .public-view .t-q-page .app-demo-list, .public-view .t-q-page .app-demo-info { padding: 0; } .public-view-tab { background: #fff; background: var(--q-color-wihte); border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .public-view-tab .q-icon > svg, .public-view-tab .q-icon > img { font-size: 16px; } .public-view .q-tab-panels { background: none; } .public-view .col-12 { margin-left: 0; } .public-view .tiu-card-item { margin: 5px 0; } .public-view .tiu-card-item .q-table .q-gutter-md { margin-left: 0; } .public-view .q-field--with-bottom { padding-bottom: 0; } .public-view .q-btn .q-icon { font-size: 1rem; } .public-view .q-table__container .q-table__middle { border: 1px solid #e5e6eb; } .view-edit .app-demo-list, .view-edit .app-demo-info { padding: 0; } .view-edit .q-gutter-md > * { margin-left: 0; margin-top: 0; } .view-edit .q-tab-panels { background: none; } .view-edit .q-tab-panel { padding: 0; } /*---------------公共查看页面----------------------*/ /*---------------附件----------------------*/ .tiu-attachment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap; } .tiu-attachment-item.btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tiu-attachment-item { padding: 6px; vertical-align: middle; } .tiu-attachment-item .ellipsis { vertical-align: middle; display: inline-block; max-width: 260px; } .tiu-attachment-item span { vertical-align: middle; } .tiu-attachment-item-icon { padding-right: 10px; color: #174896; color: var(--q-color-primary); } .tiu-attachment-item-icon img { width: 24px !important; height: 24px !important; } .tiu-attachment-item .q-btn { min-width: 0 !important; margin: 0 5px; } .tiu-attachment-item.title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .t-accachment .q-uploader, .t-indidocx .q-uploader { border: 1px solid #e5e6eb; } .t-accachment .q-uploader .q-uploader__header, .t-indidocx .q-uploader .q-uploader__header { position: absolute; top: -40px; right: 0; width: auto; } .t-accachment .q-uploader .q-uploader__list, .t-indidocx .q-uploader .q-uploader__list { min-height: 0px; max-height: 320px; overflow-y: auto; } .t-accachment .q-field .q-field__inner .q-field__append .material-icons, .t-indidocx .q-field .q-field__inner .q-field__append .material-icons { position: relative; top: -8px; } /*---------------附件----------------------*/ /*---------------选人组件----------------------*/ .q-card .selector-modal .left .left-cont .q-tab-panels .q-tab-panel { padding: 0 16px 16px 16px !important; } .q-card .selector-modal .left .left-cont .q-tab-panels .q-tab-panel .q-field__append { height: 28px; font-size: 16px; } .q-card .selector-modal .left .left-cont .q-field--dense .q-field__control { line-height: 28px; height: 28px; } .q-field--dense .q-field__control, .q-field--dense .q-field__marginal { height: 30px; } .q-menu .action-panel-title { font-size: 18px; padding: 5px 0; font-weight: 600; text-align: center; border-bottom: 1px solid #ddd; } .q-menu .action-panel-item .action-panel-item-title { padding-bottom: 4px; } .q-menu .action-panel-item .action-panel-item-i { margin: 5px 0 !important; } /*---------------选人组件----------------------*/ .tdp-layout-header .t-form-layout { background: red; } .tdp-layout-header .t-form-layout .q-drawer .q-header .search-til { color: #174896; color: var(--q-color-primary); } .tdp-layout-header .t-form-layout .q-drawer .q-header .q-toolbar, .tdp-layout-header .t-form-layout .q-drawer .q-header .q-btn { min-height: 40px; } .tdp-layout-header .t-form-layout .q-drawer .q-footer .q-toolbar { min-height: 70px; } .tdp-layout-header .t-form-layout .q-drawer .q-footer .q-btn { min-height: 30px; } .tiu-tree-root-no-tickbox > .q-tree__node--parent > .q-tree__node-header:nth-child(1) .q-tree__tickbox { display: none !important; background: red; } /* --------- app end ------------ */ .picker-card { width: 55vw; } .picker-class { cursor: pointer; } .picker-class .q-field .q-field__inner { min-height: 28px; } .picker-class .q-field .q-field__inner .q-field__append .material-icons { position: relative; top: -13px; } .picker-class .q-field--auto-height .q-field__control, .picker-class .q-field--auto-height .q-field__native { min-height: auto; } .cursor { cursor: pointer; } .cursorTree { cursor: pointer; } .heigh28 { height: 28px; padding: 0 10px; line-height: 28px; } .border { border: 1px solid #e5e6eb; border-radius: 4px; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inline-block { display: inline-block; } .q-notification { background: #f7f8fa; background: var(--q-color-main-back); } .dialog_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: distribute; align-content: space-around; } .dialog_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .t-q-page .t-form-label { line-height: 28px; } .q-col-gutter-x-md, .q-col-gutter-md { margin-left: 0; } .t-form-layout .tiu-card-item .col-12 { padding-left: 0 !important; } .t-form-layout .q-gutter-md .col-12 { margin-left: 0; } .inline-block { display: inline-block; } .tdp-layout-header .t-accachment .q-btn { min-height: 30px !important; } .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native { min-height: auto; } .tiu-list-layout .tiu-table .q-table__bottom .q-pagination > button { min-width: 2em !important; } .q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input { padding: 0; } .vue-grid-item .q-card__section--vert { padding: 0 16px !important; } .vue-grid-item .q-tab-panel, .vue-grid-item .q-toolbar { padding: 0 !important; } .q-list--bordered { border-radius: 5px; border: none; } .t-form-layout .opinion-icon.q-icon > img { width: 14px !important; height: 14px !important; position: relative; right: -5px; top: -1px; } .options-right.q-textarea .q-field__control { min-height: 136px !important; } .options-right.q-textarea .q-field__control textarea.q-field__native { max-height: 45vh !important; } .block { position: relative; top: 1px; } .q-field.q-textarea textarea { padding-top: 8px; } .q-field.q-textarea.options-textarea .q-field__control::before { border: none; } .q-field.q-textarea.options-textarea .q-field__control::after { border: none; height: 0; } .q-field.q-textarea.options-textarea textarea { text-indent: 16px; } .q-menu .q-list .q-item--clickable:hover { background: #e8e8e8; } i.q-icon.text-negative.notranslate { font-size: 17px; } .q-table tbody td:after { background: none; } .tiu-list-layout .q-table tbody tr:hover { background: rgba(0, 0, 0, 0.003) !important; } .q-table--col-auto-width { text-align: center; } .dialog-form .q-chip--dense { border-radius: 1px; background: #fff; margin: 1px; border: 1px solid #e5e6ed; } .q-chip--dense .q-chip__icon { font-size: 14px; } .readonly { background-color: rgba(242, 243, 245, 0.4) !important; border-style: solid !important; } .preceding-link .t-form-layout .tiu-card-item .q-item { margin: 0; line-height: 2.5; } .q-field__native.q-placeholder { overflow-y: hidden; } .td-operate { padding: 0 !important; } .tiu-list-layout-header .row .q-field, .tiu-list-layout .advanced-search .row .q-field { padding-right: 0 !important; } .view { color: #174896; color: var(--q-color-primary); cursor: pointer; } #loginmain .q-field--dense .q-field__control, #loginmain .q-field--dense .q-field__marginal { height: 48px !important; } #loginmain .q-form .q-field__append button.material-icons { color: #174896; } #loginmain .q-form .q-field__append i.material-icons { color: #174896; } #loginmain .q-form input { color: #fff; background: transparent; } #loginmain input:-webkit-autofill, #loginmain input:-webkit-autofill:hover, #loginmain input:-webkit-autofill:focus, #loginmain input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-text-fill-color: #ffffff !important; -webkit-transition: background-color 99999s ease-out; } #loginmain input { background: transparent; } #loginmain input:-internal-autofill-selected { -webkit-text-fill-color: #ffffff !important; -webkit-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; } .q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill { -webkit-animation-name: none; -webkit-animation-fill-mode: none; } .px16.q-icon img { width: 16px !important; height: 16px !important; } .q-field--outlined.q-field--highlighted .q-field__control:hover:before { border-color: #e5e6eb !important; } .q-btn--actionable.q-btn--standard.no-shadow .q-btn__wrapper:before { -webkit-box-shadow: none; box-shadow: none; } .sticky-last-column-table .tiu-table .full-width .q-table thead tr th:last-child { background-color: #f2f3f5 !important; position: sticky !important; right: 0 !important; z-index: 1 !important; border-left: 1px solid #e5e6eb; padding-left: 21px !important; } .sticky-last-column-table .q-gutter-md { margin-left: 5px !important; } .sticky-last-column-table .q-table tr:nth-child(even) td:last-child { background-color: #f9fbff !important; } .sticky-last-column-table .q-table td:last-child { background-color: #fff !important; position: sticky !important; right: 0 !important; z-index: 1 !important; border-left: 1px solid #e5e6eb; padding-left: 16px !important; } .sticky-first-column-table .tiu-table .full-width .q-table thead tr th:first-child { background-color: #f2f3f5 !important; position: sticky !important; left: 0 !important; z-index: 1 !important; } .sticky-first-column-table .tiu-table .full-width .q-table thead tr th:nth-child(2) { background-color: #f2f3f5 !important; position: sticky !important; left: 48px !important; z-index: 1 !important; border-right: 1px solid #e5e6eb; } .sticky-first-column-table .q-gutter-md { margin-left: 5px !important; } .sticky-first-column-table .q-table td:first-child, .sticky-first-column-table .q-table td:nth-child(2) { background-color: #fff !important; } .sticky-first-column-table .q-table tr:nth-child(even) td:first-child, .sticky-first-column-table .q-table tr:nth-child(even) td:nth-child(2) { background-color: #f9fbff !important; } .sticky-first-column-table .q-table td:first-child { position: sticky !important; left: 0 !important; z-index: 1 !important; } .sticky-first-column-table .q-table td:nth-child(2) { position: sticky !important; left: 48px !important; z-index: 1 !important; border-right: 1px solid #e5e6eb; } .tiu-list-layout.sticky-three-column-table .tiu-table .full-width .q-table thead tr th:first-child { background-color: #f2f3f5 !important; position: sticky !important; left: 0 !important; z-index: 1 !important; } .tiu-list-layout.sticky-three-column-table .tiu-table .full-width .q-table thead tr th:nth-child(2) { background-color: #f2f3f5 !important; position: sticky !important; left: 48px !important; z-index: 1 !important; } .tiu-list-layout.sticky-three-column-table .tiu-table .full-width .q-table thead tr th:nth-child(3) { background-color: #f2f3f5 !important; position: sticky !important; left: 100px !important; z-index: 1 !important; border-right: 1px solid #e5e6eb; } .tiu-list-layout.sticky-three-column-table .q-gutter-md { margin-left: 5px !important; } .sticky-three-column-table .q-table td:first-child, .sticky-three-column-table .q-table td:nth-child(2), .sticky-three-column-table .q-table td:nth-child(3) { background-color: #fff !important; } .sticky-three-column-table .q-table tr:nth-child(even) td:first-child, .sticky-three-column-table .q-table tr:nth-child(even) td:nth-child(2), .sticky-three-column-table .q-table tr:nth-child(even) td:nth-child(3) { background-color: #f9fbff !important; } .sticky-three-column-table .q-table td:first-child { position: sticky !important; left: 0 !important; z-index: 1 !important; } .sticky-three-column-table .q-table td:nth-child(2) { position: sticky !important; left: 48px !important; z-index: 1 !important; } .sticky-three-column-table .q-table td:nth-child(3) { position: sticky !important; left: 100px !important; z-index: 1 !important; border-right: 1px solid #e5e6eb; } .element-main-layout { -ms-flex-wrap: nowrap; flex-wrap: nowrap; /* 滚动槽 */ /* 滚动条滑块 */ } .element-main-layout .left-layout-element-tree { width: 23%; min-width: 250px; height: calc(100vh - 130px); border-radius: 8px; background: #fff; overflow-y: hidden; min-height: 400px; padding: 6px 0; } .element-main-layout .left-layout-element-tree .left-layout-element-tree-inner { height: 100%; } .element-main-layout .left-layout-element-tree .left-layout-element-tree-inner .left-layout-element-tree-inner-top { padding: 16px; width: 100%; } .element-main-layout .left-layout-element-tree .left-layout-element-tree-inner .left-layout-element-tree-scroll { overflow-y: scroll; padding-left: 16px; width: 100%; overflow-x: hidden; } .element-main-layout .right-layout-element-cont-scroll { height: calc(100vh - 130px); margin-left: 16px; overflow-y: scroll; min-height: 400px; } .element-main-layout .right-layout-element-cont-scroll .col-grow { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .element-main-layout .right-layout-element-cont-scroll .tiu-table { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; } .element-main-layout .right-layout-element-cont { height: calc(100vh - 130px); margin-left: 16px; overflow-y: hidden; min-height: 400px; } .element-main-layout .right-layout-element-cont .right-layout-element-cont-scroll-other { overflow-y: scroll; width: 100%; overflow-x: hidden; } .element-main-layout .right-layout-element-cont .col-grow { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .element-main-layout .right-layout-element-cont .tiu-table { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; } .element-main-layout .right-layout-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .element-main-layout .left-layout-element-tree-scroll::-webkit-scrollbar, .element-main-layout .right-layout-element-cont-scroll::-webkit-scrollbar, .element-main-layout .right-layout-element-cont-scroll-other::-webkit-scrollbar { height: 100%; width: 3px; } .element-main-layout .left-layout-element-tree-scroll::-webkit-scrollbar-track, .element-main-layout .right-layout-element-cont-scroll::-webkit-scrollbar-track, .element-main-layout .right-layout-element-cont-scroll-other::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); border-radius: 3px; } .element-main-layout .left-layout-element-tree-scroll::-webkit-scrollbar-thumb, .element-main-layout .right-layout-element-cont-scroll::-webkit-scrollbar-thumb, .element-main-layout .right-layout-element-cont-scroll-other::-webkit-scrollbar-thumb { border-radius: 5px; background: #174896; background: var(--q-color-primary); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); } .tiu-readonly-border { height: 28px; border: 1px solid #e5e6eb; border-radius: 2px; background-color: rgba(242, 243, 245, 0.4) !important; } .vue-calendar__container .container__months .container__month .calendar .calendar__title { text-align: left !important; } .vue-calendar__container .container__months .container__month .calendar .calendar__title .calendar__body .calendar__day .day { color: black !important; } .sticky { position: sticky; top: 0; z-index: 9; background: #fff; } .no-left-border td, .no-left-border th { border-left-width: 0 !important; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ @media screen and (orientation: portrait) { .picker-class { width: auto; } .q-dialog__inner .public-view { padding: 0 !important; } .t-q-page .t-form-label { width: auto; } .tdp-layout-header .t-form-layout .t-form-label { width: 30%; } .tdp-layout-header .tool-title { font-size: 16px; } .tdp-layout-header .q-radio__inner { font-size: 32px; } .tdp-layout-header .theresult { text-align: center; } .tdp-layout-header .textcenter { width: 100%; } .t-form-layout .q-col-gutter-md { margin-left: 0; } .q-gutter-x-md > *, .q-gutter-md > * { margin-left: 0; } .q-px-lg { padding-left: 0; padding-right: 0; } .tiu-dialog-card .t-form-layout .tiu-card-item { padding: 0.5% 3.8% 2.5%; } .t-form-layout .tiu-card-item { padding: 0.5% 2.8% 2.5%; } .t-form-layout .tiu-dialog-item { padding: 0.5% 3% 2.5%; } .t-form-layout .tiu-card-item .q-table tbody td .q-checkbox, .t-form-layout .tiu-dialog-item .q-table tbody td .q-checkbox { padding: 0; } .t-form-layout .tiu-card-item .q-table tbody td, .q-dialog .q-dialog__inner .tiu-dialog-layout-content .q-table tbody td { padding: 0 16px; max-width: 35vw; } .tiu-list-layout .tiu-table .full-width .q-table tbody td, .tiu-list-layout .tiu-table .full-width .q-table tbody td:last-child { max-width: 60vw; } .q-dialog .q-dialog__inner .dialog_layout { width: 95vw; height: 90vh; } .t-form-layout .tiu-card-item .t-form-label, .t-form-layout .tiu-dialog-item .t-form-label { width: 29.5vw; } .t-form-layout .tiu-card-item .t-form-label-width, .t-form-layout .tiu-dialog-item .t-form-label-width { width: 40vw; } .t-form-layout .tiu-card-item.no-padding .tiu-justify .row .t-form-label { width: 29.5vw; } .q-dialog .q-dialog__inner .tiu-dialog-layout-content { height: 76vh; } .q-dialog .q-dialog__inner .t-form-layout { background: none; } .q-dialog .picker-card .selector-modal .left, .q-dialog .picker-card .selector-modal .right { min-width: 160px; } .q-dialog .picker-card .selector-modal .left .left-cont .q-tree { width: 67vw; } .q-dialog .picker-card .selector-modal .left .left-cont .item-cont { width: 29vw; } .tiu-attachment-item .ellipsis { max-width: 100px; } .t-form-layout .flow-btn { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; overflow-x: auto; padding-bottom: 22px; direction: rtl !important; white-space: nowrap; } .t-form-layout .flow-btn .q-card__actions { direction: ltr !important; } .flow-btn .flow-btn-item { margin: 1%; display: inline-block !important; } .q-page-scroller .q-page-sticky { margin: 131px 16px !important; } .q-timeline--dense--right .q-timeline__entry { padding-left: 26px; } .tiu-card-item .timeline-entry-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tiu-card-item .timeline-entry-title .action { padding: 2px 8px !important; } .q-dialog--modal .action-panel-title { font-weight: 600; font-size: 18px; } .picker-card { width: 95vw; } .t-form-layout.view-form .tiu-card-item .tiu-justify .col-md-6 .row label:nth-last-child(1), .t-form-layout.view-form .tiu-card-item .tiu-justify .col-md-6 .row div.col, .t-form-layout.view-form .tiu-card-item .tiu-justify .col-md-6 .row .row.q-field--readonly { width: 100vw; max-width: 100%; } .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.col, .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row > label:nth-last-of-type(1).q-field { width: 100vw; } .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 43.1vw); } .t-form-layout.view-form .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.col { padding-left: 12px; } .t-form-layout .tiu-card-item .tiu-justify .col-md-6, .t-form-layout .tiu-dialog-item .tiu-justify .col-md-6 { width: auto; } .public-view .q-tabs { max-width: 67vw; } .public-view .full-width-tabs { width: 100% !important; max-width: 100% !important; } .public-view-tab .q-tabs { max-width: 70vw; } .tiu-list-layout-header .row .q-field, .tiu-list-layout .advanced-search .row .q-field { padding-right: 0 !important; } .q-dialog .q-select__dialog label.q-field--with-bottom { padding-bottom: 0; } .buss { width: 100% !important; } .q-dialog__backdrop { background: rgba(0, 0, 0, 0.1) !important; } .q-footer { display: none !important; } } @media screen and (min-width: 390px) and (max-width: 420px) { .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 46.1vw); } } @media screen and (min-width: 660px) and (max-width: 820px) { .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 51.1vw); } } @media screen and (min-width: 420px) and (max-width: 660px) { .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 44.1vw); } } @media screen and (min-width: 360px) and (max-width: 390px) { .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 46.9vw); } } @media screen and (min-width: 820px) and (max-width: 910px) { .t-form-layout .tiu-card-item .tiu-justify .col-md-6 .row .t-form-label + div.picker-class { min-width: calc(100vw - 47.6vw); } } @media screen and (max-width: 768px) { .v-phone-dialog { width: 95vw !important; max-width: 100% !important; } .v-phone-dialog .t-form-layout .tiu-dialog-item .t-form-label { width: 90px !important; min-width: 90px !important; } .q-table__container .q-table__top { padding: 12px 6px !important; } .public-view .scroll, .q-tab-panels .scroll, .q-dialog__inner .picker-card { -webkit-overflow-scrolling: unset !important; will-change: unset !important; } .t-form-layout .tiu-card-item .q-splitter .q-splitter__before { width: 100% !important; } .q-tabs--horizontal .material-icons.q-tabs__arrow { font-size: 18px !important; } .picker-card { max-height: calc(100vh - 50px) !important; } .q-btn.icon-back .q-btn__wrapper { padding: 4px 14px !important; } .q-dialog__backdrop { background: rgba(0, 0, 0, 0.1) !important; } .q-drawer-container .q-drawer__opener { width: 0 !important; } .q-btn.icon-back .q-btn__content .on-right { margin-left: 4px; font-size: 14px; } .q-footer { display: none !important; } .app-demo-list .tiu-list-layout-header .t-form-label { padding-left: 0px; } .q-layout__shadow:after { box-shadow: none !important; -webkit-box-shadow: none !important; } .tdp-layout .q-layout__section--marginal { background: #fff !important; } } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ .tiu-list-layout .tiu-table { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #333333 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333 !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333 !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333333 !important; } @media (min-width: 1920px) { :-ms-input-placeholder.q-placeholder { color: #333333 !important; } } @media (min-width: 1440px) { :-ms-input-placeholder.q-placeholder { color: #333333 !important; } } @media (min-width: 1024px) { :-ms-input-placeholder.q-placeholder { color: #333333 !important; } } @media (min-width: 600px) { :-ms-input-placeholder.q-placeholder { color: #333333 !important; } } @media (min-width: 0) { :-ms-input-placeholder.q-placeholder { color: #333333 !important; } } .q-icon-picker .q-icon-picker__body .q-scrollarea__content .q-icon-picker__container.col { position: absolute; } .q-drawer-container .q-drawer .fixed-bottom { position: fixed; left: auto !important; width: 300px; } .q-drawer-container .q-drawer .fixed-top { position: fixed; left: auto !important; width: 300px; } .column.full-width.signingSubjectName { display: inline; } .cursor-pointer.q-icon { position: static; z-index: 999; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .q-banner > .q-banner__avatar { min-height: 0 !important; } .q-banner__content { -ms-flex-preferred-size: auto !important; flex-basis: auto !important; } } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-1a11aa9c]:export { prefixCls: tdp; } [data-v-1a11aa9c]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-1a11aa9c]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ .sys_exception[data-v-1a11aa9c] { width: 100%; height: calc(100vh - 130px); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .sys_exception .exception_cont_title[data-v-1a11aa9c] { font-size: 20px; color: #9e9e9e; } .sys_exception .exception_cont_desc[data-v-1a11aa9c] { display: inline-block; margin: 20px 0; font-weight: 600; font-size: 32px; line-height: 32px; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ /* -------------- end -------------- */ .tiu-watermark { position: relative; } .tiu-watermark::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; pointer-events: none; content: ' '; opacity: 1; } @charset "UTF-8"; /** * 全局公用变量 * import by `vue.config.js` for all `*.scss` files */ /* ------------ quasar -------------- */ /* ------------- end ---------------- */ /* ------------- tdp ---------------- */ [data-v-5e3a9092]:export { prefixCls: tdp; } [data-v-5e3a9092]:export { layoutHeaderHeight: 60px; layoutSiderLeftWidth: 256px; layoutSiderRightWidth: 256px; layoutSiderCollapsedWidth: 60px; layoutContentFixedWidth: 100%; layoutFooterBackground: #f2f2f2; pageSiderWidth: 256px; pageSiderMaxWidth: 35%; } /* ------------- end ---------------- */ /* ------------ 添加变量 ------------- */ /* -------------- end -------------- */ /* ------------ 导出变量 ------------ */ [data-v-5e3a9092]:export { appPrefix: app; primaryColor: #174896; darkColor: #1d1d1d; iconSets: material-icons, material-icons-outlined; } /* -------------- end -------------- */ #loading[data-v-5e3a9092] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); height: 100vh; z-index: 9999; } #loading div[data-v-5e3a9092] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 250px; padding: 15px; background-color: rgba(0, 0, 0, 0.1); color: #fff; font-size: 18px; border-radius: 6px; line-height: 24px; } #loading div .tips[data-v-5e3a9092] { text-align: center; font-size: 13px; font-weight: 800; color: rgba(0, 0, 0, 0.8); } @font-face { font-family: "iconfont"; /* Project id 4182623 */ src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADKEAAsAAAAAbGgAADIwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACMVgqBs0CBjwwBNgIkA4JsC4E4AAQgBYRnB4tXG7lYJdNtniC3AxGKEi85CunFWmWQ/f8JyY0xpULVru9XNA9lNJdMKW8z5YaM85KlZkOoLGW1Vm19E95CVYrtm9aJDfYMuw+FVMQkEYVNrzpc7HTgIfzY/RCFzGU7JCTjQ881E7y/F/BcPszcsJCrQGajDKWEJ7zXd3dJ/uocNqcXvF6hAhWLNS75JMvw/Db/jxcuF+4lvMBFQDDARhTB+LoQUVAMDEDnjFnA8g2dA910upS1a3Xl1vpiFeqi3Juu4oXr5+K/4fJFyQO5+3e3YX4ja5UWl4omxpXqblkBAsxtF4dEiRBNLyYEgNy6oFHUsNWDP9ZSX0puUj8LDC0bFopk+yMENDPeop0NlH3w55LmOnPVe1pIeGl2AwWHDUFqu7YbIMBlOP8A48h3oAf7RoTSF+PfpvsX0ZFhqeSJrd92Xf+lbYD0aKjxbMCdxx2grTwKAdAASAblTdRhAYesky0DJSnxTFPnPu6re5M+LFLSA+YReXLsQ9oAV2uVVicuUX7v/b3XYbujtbXUvcy7ZpUsutybN4gvXrnSIONJTEYI2oYe74QZuyVGI4CAvJ0PaOIvc94NdnXJAkvTIp9pl5XkmWWMzX9Oy6sUexlPbU9Eh8vOFPh21/9fiv3/l+zIcuAbZqI4A7IHLHmmE9kLtlOQZe8+J4tOaYFPRTAkWysuGArxcop02mOBTwB86+vhcqx9fybneCBZDC9BAGN4XYu9L9IP1qlhuQoFq0J1s9BY7m+iTaGUPTbIZTVJ9ftWjbZoKSEhIUgQpM/MvW8QkDsYD7p0mSaQS3ntV+BAdugFzl7KFFs5SPPGhUSRTgH1NpIHKNAbGoSn/b38VulQPjg8uVi1VaAOI8PemkctWGN1CHCuwAMDG8ZmzeGLJHapG3vIg1LnDRC4Y/1Wh32M9h/SOmgw/Ou8hOMsj+LkZGpmbmFpZe3/bGtn7+Cj64fx4ffp7+VZ1U3xdjVwc/ewHdfzg/BoaKSrp6+lrSMoiDq9QTKazBarbLNLSknLyMrJKygqKauoqqlraAowsMN2GoYD619CTBwTiveE4wMReEMk3hKFd0TjAjG4SCwuEYfLxOMKCbhKIq6RhOsk582oANwgFTdJwy3ScZsM3KEQvlEY38nED7Lwk2z8Igd3ycVv8nCPfPyhAPcpgk8UxWeK4QvF8ZUS+EhJPKAUHlIaZyiDR5TFY8rhCeXxlAp4RkU8pxJeUBkvqYJXVMVrquE81XGWGjhHTZykFk5RG6epg0Pq4oh6OEF9DNIAQzTEMI0wQmOM0gRjNMU4zTBBc0zSAlO0xDStMENrzNIGc7TFPO2wQHss0gFLdMQynbBCZ6zSBWt0xTrdsEF3bNIDW/TENr2wQ2/s0gd79MU+/XBA/zK8hH8X/we+e0c7HJBzI2nDyvwxbnTQi3vBCx14oU6dYwXQzBUZk6IoPghOsG5wdmSpsFE0qTgI0PoFJxOaBmUSqQIIiGfCEV7ihXpSmoYdW5JTMqGGSoXJpXbtCWaRfuMaHxugpxgvgDdIRj61BslyIgIref9ojsx+uhphWFuc2yD/cCD1jYJ5cK+kHJB38H7LvmSwhOvLDMjjT49ja2PsXrRAayYKUn+B3H5LvmwFUtu6S3U+gTsJNkBqjHvICy3KJyWrSsEPk6DOIiGB23AJYr473vfvSya8QqTVPpUrpqfzEaTW9QoK1dzJynpb9OvQ+3nu7eTXe/yjS+aYarSMe7C9PC+bJnCNkWGY0C2FTU/7PtQ0MKLtiu3NlkkzCtIZyp1nSOaKebXQxIh9vlxiyo5znRI2fY8sLcrBDvBrk3Np+cBrKY8Dcse0qHGfZtX3sh/XPW/9lmYzsCpNLvxS62JfN633XNcx5wUDm5iY+z+t13EPVWeldJoLbOKR5MLx/03F/DgnITgF1XoscYX6NA1W8cK/kz5caFdrdOG/ZZ3/iurxD9oq++6vIUf0+5cUCFiXIEXxQbqKfwCSdI3+mTXvIIFilvbibtKZTjMCtpN046zo8R3eDn/dpWW2wwrtzoXGEpdARykPwySXC4q92PgM/IX0WsRLSvlm+YY1D6mOQuNsWX6TwNPExypElpwwsjmQIXDzAUx7nOMEeFs5x4cP0oljZ0fT04MbZTlN8yLpxCVeIvyA42+wBmOveQ3WhQ5XOlHR7u3ecG2Z0WBxoHpkFAi4yE+COAIAPBODikKTNrXuxhg/xa7aCqVqS51YgvFqrikDLABUpssHRDF3bMb/kDKpC6YddJyVeX6PdqVrmDpDYzQnaIPYXBoD9y5ZE/dJF98mTmlmixUbIMbRB9S/TsFSrf4fOmAkj+1Jd4iPdiKWsC7rWH8SFyeptJsEmucFqQ76qlMltqaLxbhmDJuKRa/jV05zi0+UZzvoDh93F0Qu+H1BGXK/BX47RBtlJZ6ICxXsJd/xpu7E0RH3PsbwluoTYoidzWKCySj6WJmFvIXc/g93ryKXTiQHAjFGiWdd2ztco7Iy3l2T9B9giNjR5gtNgdnTIUnWj8CpuIa0CudkdpHcrrDcVsjUVarzNes15NI3N93pU4u4zdhE4Mdf4rN02B6R2eV83Hlw+Urm1CVqkopPgUAe3Lz3nKs/fY60q8sITAwveYb56k7dZJVYIMf8EYUfSaNSbTbbdSrdiKK0cUxdkZgTuStTqHZBRe8xRO1VjExRYay9X/3mqKDXxZSbBOnrOuVHahBOAHADCaQWkATs3xAephs06A4/RAMyX8ubdePcETfxo1moJ2KqiDmQlVXxKQfujIfClJ+KcnMJLapotJ1w5asD8nngzqVSyhFYuVqchsHq/twEVEPWKGzkCxzV3YNrCO56/GRv314xLt8oPwlJS7HB8jAdXxnn5uMao9Ro1eJ6uyl5uzRQPTzS/AhIS0G7WbWVhprBQ0ucRXK4qH3QZc6Dc1PXU/TYOJXiGea7SQNs8QWCrgqJeeOYapXqYh5SH6tC0WNwO3vMtMdUTKXXHW7ygyAusgJik5fWVgLRTzakBx0zI1XsWvP99jrl+NuVm5q9kqcb8vgbtbPHxJ67bYqzZ5jeSjRvuofiZsuBMC5RahJ95cmJyKdg50Vn4L1rNL/Qhz7rGP3rwx/iwo9W1vnfjxhkOayvhKdYbyJ3brYGMU8HodTVpBQrSSkoYme/einVw8Cy7rQXQLRbSzIIThVQjDjUweBq9buSDgF2yrOZ5nWPIj8gExOlFHgBZ4OTgHvykQGvmO3KGKlvxYbtDrt+2BJrnLMAmmcfo5nuC2Jky3bm3yR2afxH7QptNSohr2J2AGbaLc5a5xJEioMK/mleSZdILSoj5A359qZR9Alg3XNAncbAher7TpLnauUSnm0ze5xTtDxRaOBaN32fjCJVskN2ydG1Wk4afnZKTE+gOzQ+GTBWVEuplTYyPC1pZQSgqMW/31LrUiUBvmq2nHb6C2jyBxFQeZjhR/adIHzOocXct3h4kAjVERCzVEd+i0dnkm6j2cW1dpbuXD5t6z9h6p1xDcWargqx3m7LALJqRQGaPnmmwvmOx2uvo8jX/hMyl5wgdnU6AB311k0oiKNkMJ6U/gI7B7o1Rj4QfONRU4vrD0CXoQty+Vwa/EhJ11nijLIDJM90/knaqNqZMYZZoc4yHwBo3D3llVeaApIBEI41RZi9FZz4a2RcxQFDjfydFpjqtHn9j78jeo+pwmocJOgYXF9lI1uup+yqklCm50njFWW6naOZ3OkD9u6Me3xAUByqDI/VKBc2ZB4MpFDhUBlSXfa0m9U2FDOuAEfJXVARJgvdNzVfESCWtmuDgqNvRwuQpuZQ4i51YjbPgXzceJERdIMHHCGB+cEYLxgBJwl3DPQ2VNIwciNe0U7a3rvix366FlQXP5gVxK+XrmvW+7A00paX2aDmiqn6W/WTZUWn478RXHnDPfErIEMiwIEdIxAwn90fZwT7jWX2L2V3tMNsxUbXo8qsX1YUasesQmSFunqUtNBdbyTummSO5pl6bXZ5rUv/CvFGb51OOv1S6j9dxunswP4Q1ZOYiMcdO58qMg/ifgf6NS9fAa8eRF30NTWnUR/hADgDdpXiSd25QfmJGZlJUW3MflooN4PmBqQjCgcqVc6trsro0fBGW5wXHnBKOJCafEuPyAgFo73fU99J+oYhvKcHQlj1xRvuHh1+2JOjaU/HF+tGNSkg0+3rvu7K4WsTpPXldR4sSbfXcqhkpUQNe7JbFfPFWSqtY/3SMTq+nIz50VQaC4gEoqjG5cpccSEMe11cGjlJ/RIsulEo0pC/RADHi2hFJ0yIJ5q5Cf4TojDKLbNh9okjr5SCenYdywBHZ3bYc1PGqbB7YWCjaM/jmoG4RFEizzjofwGxVwHZDyGYzHllmOeAYWNvUGoKF3BtWrFVGcAoN+3rFNvTmpQ+3h72wqnOXEAWoILAjV6tTCCIBRmeWXqku3aTEuRFkvqsKDr/qFdAdKw0T/tCT13A+USDdNE1N+Q9uotUNQAJpnHV8XyE2TQdLPYRxxV3Xe+uwalgi3ocwmnFABU6IXA6NNt6rc8l/QQknNL7JBdIVsXEzXG+dN2apcUodIK5vzb/myivL9kw3hW8vtXroNENkE3h1OtBrLYIJwKvI5ZTOQFWs7JMIuqtm6KnHRnLT5DRe3FhsrrbS6iaKRO9LqzIyZpmPMcIujCekoAdOqVJYSlDUjqITVvPTHo6iXWTHC2DTMCojl43SvA62rSJOCuLj/Mi7bXChhlNYxmX/ohnh4qEtDtGEksAj/dHdCCgJVVC51STQY0q+nuGCmlJ5FB1Xu3AiQImHSvz7lkVzNJcy5wbilNFkKQb88Cs85D26qrgtXFaLa7Pdg/aD6vPTXRYvKqcrcoSF2TL4lFtwaQ7Ev0kRMOB3AxzkA6w7PMFwzAcxTjDiHj41WFI05FLVLjJpzJfzOfyYMVWH+PBQfmD1ZTM1y1D6uM2gRTmy8y5yRYEtuzDpC96HF5mJF4jPbnh1+82ioc7p2YqT1TzIPm8+fDBlejkH7T3NRTiUn2bOsWTpxNfD4lrgKlUT010hqRWjXRT8N4tiE5JSttMfZ51iuYW4o0EbjbvRhdu5iZRhUBgksF6FDxJHvhFFIUo0AXsBLwiYnXjanj34oVMNs+mP+32Jb7Zp76UizkOrVzNRqNbaDtOWJmvoqtyRg6vr08TuXPhQuxEeGU/YiE8u3/IMb5b2XPk9Ci3mwHnN3dyhcRp5fDCmaP7xtujvF0q+YFRrGk8CusrfLW4f/FKbOgFssCG/4zjb1RjxL8UZNOjIzFYpVhMcNNx5E/QrtdUiJ+qoBLCG6ZKVYgD0KnAnYyKCoV9tY+GObFxQaGobVcDG2e+Y/PDvi1x776z6Wh24PClGaiKgSZf/uHZloGKT1CqO2u2zifJHT/HuZiU6NXYY2HuWK+1RDKy8PzCy6dy0q6Wc1i7j2ps5YyrAjetxxB9YfDZbAxrETbEADTlsK+ZkGa+pv7++LOuKvNPRbxhoOXTsbuJ0ZKe1vlUF4a9bejjAVaqUW17tF5HhdiRAUDTv1BIpVJa6UlZfltSY+BUfMkDsR9sV3ZiSxcnnpbLhJGvB8Drz44cFgDIwLiKmbFaq4F43VVl/1Xiipaiz0CAVpi+0WxTLNekRGohOkYxAw17V0U4P/K2KFTImrQaUkdD0ZMmP5f2VCpqXIUDxC6Vt8Vejs54npDE8e2lVNE7Z8XaQzl9kic/oxEfKvIroj+fnd2kaCC318IkHN4ZEb+h21zYw2J+4VbiL1mdS18bw/hNAmDEqJ0kZ44qI1vQReK5pQnYfRA1WZl0Vo62h4cwmdkibXV5UDE+Nb1J7J7seKTI2WOvnpc6wwpd6Oz+0/ts9HwEtuvRZ+aprLOBSEj6FDBjoTQTS8OxSkslWX33mXayem6gi8E7X/SU7PLWo1nCH13EKKEfvhIJlz/HrSdP1JjTOBVBaVfsQkZEoV2SJiK8gOLNojgt8eGNIbqAHUgk9M43EDnMmxydEelrRG/I7Ox3cuDZUeQZKOiH1N3pEOFTIPZ6r0qMxlG21d/GSYBJUFGhmHXBO+3jmYdireu9ca+TtxQL5/qsEPt3j/C7Ec5s/whdqUFFaCqieKSZDQ7uYTSf4fsvqThUezBWqjbEuFGdv3vPKQ2QmB7Z96fuGFMniJMEQPK2zCFmErgNR9x+MKF8Lwu9J8ju7y6E5waUxPuFWJf+eCxKUNEaUQ3jm2a+f2QRQi7lY8TEueCXlzqb/Qojl5+qYrQrahCQhc/f+W9GwQbnA7q+h5ckMu598PxO6qouI+HhVP+0Mc380OW2SxRWRiiE10aXwnY6W06Ir0wA0XcsKnGk3bdJAUlCO42R6hdfN268QrsT76/DnaeLvI1QYmHw12TZBEctSAr5Y7nQ4K1MCWiBZXtk6TRH/T67b0Iu1CTYd2KGPzw46ReNyI/4Wames7imOOud71WDXEHglCAIOsiqgD12sCfHoWJPkIHNjoSiKQFBYBBwATPhWA90mTzGTyQqGxXf6cOJi2H8eeiQq8BO+ByLIoBuKwUW5oTPXgHOx3LzgdwdaSMYBbD/nNojVZoWhtjH30kjqo3Dyf7HeGgkekGHTAQEiigHctzmHqIcGLW95cWKMq0wFfnns1q2lUMYyrgybLAkA/sQT4tqYP5DNX2isdOcYVnHmf9qzaqHU0E0sat/xuakyN8EI4p+piDz0i09taFnKavkVW3FfKFhGBWDOpBzwtHxvD8xYahRAOSIpvNR5nbV9x09M/JjPXV4z+AOaKa9/1AHKTYjeTW3Nik66fxu/O7Ouoanny326cAxh0lh+x9qoMorXXHl3no3BG2V6PheKFp2kI7rlXs7ULVuzPSGjz3Ea02hjoyavEwpqljixI8dVH60BBjmxgaBlkx2ro25G6FMWvtx3T6N43U2evqF5rAPa0N8dKCS6374ExipSiicbXrmgvJkVIaJ2ST8DVhg1Dj9ZViAptJfOeAY8A0CPFxafQ5D6EmLXf01BET6Lj5Y7N9FEyb03ZQ4rVxwBQOOyrosql+3giFALvKey0PXd/Mj2S1FQRMCXa7ACUFF1yR4yuV6X3lR0LWArL8OhDhDQNMcKyvbhriQTlAmWGJtii+NiyutkeD6+E5nyfbE4KSgoCRDClkf3AlzElcruD0hxyxfEkPC8GsqtCquuyx5M7k93M5IEG5h0qHc3GXLPDxISUiPPYnk4dH2K1AAVW6u6ouOmxF8PPlrARzpXC2OaTGJvhOZnFqI5nYStuFhjWb4Fyev4JJ7/vzaWfObr/7jIBxr1jp4jlSdDVOvla5dq+QGRZrOn7dh8DoPJ/lCRGh1WhvXua7VyrOC1EO05WQS7ZtHnbyKW5UCnL+Rjwtu83E+jVawnRhD7StfzlpePpmi1CxlmetzvWxoW4SaIyZFIdkemMWbfGgDRioL8iOJKEhkXjQUS2OQ66mbKS6YQZsQQFZ35rTQWyidFCe9Diij6CWk8R1TKxHYn5j0j2udp36ZHl3SVJPi+bVnymLn158bo0tX1ZqefQ0iV9IBH9BLLS8wEvyeXqce5zp4mA7oRyFP5yyttj2NgC1wDmyFJ34NlQOb4UikVDvLIqFJaiymSeDPyVkFdWXm43ukMr5/msKyy3KcG6ndnt1U6wdnnUZmbixbxlxWtvH8pUvg9U7WsIDVvxTg5A5r7Jph05g7rQc6W6f7Mvxrfqewtm1jUR6pfTHWt62dB1q1dDZH33Ojze7Bv8334GNkp9NtYbddThPgfdyz/PSfXXK2eZDdSztH29sz4JPjlrlbf8b1eufgu8YmbjpSj9xtagL/f2L1G/KTIYSbyDS9W3jviNsqkkTGvaXO4w5yV3yZfyfXO6P/7SOgDdJgC+qsvvLNnpvL+uxfxq0qd7gbJ8ZJP+2rL6QjTU0DN+Z9DVJcgOHLVGUXBJbgyRp2ibQgOzry6abT9bYbZ+TLbjOe3+YJg9bsS+YHOHIKo2MKyXTvb6Z9PA8fOEsHdDI5+C3tDPpjMJeMvUe3nWXOkYaQg7qfPciiUzghKDXrLO1NRflbmm/hbXnFm9K0bZo4mMHJ5LjMEzNdJONyY3ZmCIV/XSbtHEHkyIhp1aqu12+6trmyzeipQwpryqObmrFSywKuiuDX1Bx4oWyqz/+ZcpVBLEFp9P3e3KNzmHOO5vaVH53KnHq0HMzqzTk6hzHnaE5f2dGpjKlHy55yREEFRUntOWEzg6sPAcoTeviiWFZV2gW6Z/7t85RuQ/NoJAN9h5LJgWOTb2lgmrn+MHItv1nhd9OYFUQio0OonM8JecKNKc7IcMZY4wsymWauO7zzWSeZdKsii8cl0R5HuAtGD49IlZHIP7dS+MZ827FdiN8Kjs53+fIJbcOwzTlD65UOeqZGtdozrW/iTL3BicFqOj/a+R+eXr0D1AYNNTYS6fDSsrvNTb1AsXZ9HpS2Fv2h6WRWraOt7djTGX3ll5Yxl19q1ibaAHsQ7cvGNOgLu8PeiQovWUg3Dg6J4UWUpciR8hX4H+KocXCt0a2/uMpXpv85eDD/34WDBlTlgK1nSabK+08f7HalxGxXlhExwEOlujFtyuDG47/OXVfw3UrF065AtPvYOR4Vph2YDwsofHj+KeQAv7Pzp9Uv+ST8vKR+WlAE+WLM0ynYgd0jVaD+32He4fjOiM10ICAIwF7gzWDJ9FcvpySgwBCjCEsNDdWVbqQLv5n66Xxqs8/m9m4IbxEGRvwTVxOcKnL4pC5MkJ5IYanF/x3j+wpyc7sNRLSTcNadtvHcPFu3ddHaC0zR2++sPM4JCYlEDIXR+jMBfnksfg48xQwWfRPdlyGiA685JXTgOgnQf8z0E5iV9MxJd9EBGP3Wb871fX7BeG5t3HjEdKxHpTJmC635ih3uVxOt58geOCTgsCwArnyljTRBmmhejig7mJ59PUOf4pky9HUMo/22aVCv13p2e4K9V8mwmTwmUp8hO3cwIywyLZNsgcmHDKHhGYUSvOTQnDVaWXCqCQJ6rU3qqLFIUEm1RYla4Uh1mbaSi+B8+x2CFWVZJrDdROXbMfL85g7ur7P0B85q1z2sGZVpVfw8UU4cxZ/jh5pI7hYymeMOZAY+YStgRYEXvkRCRoN5J/LORfk/ydsPR0hJ/pO1xeCrJt51Qp7AlDC3MKS3dt+SMrau1ksMJ0WTmSQVSS4LPJO5j8lvseWGE9eJGWOSFrhjrey0rxAzBgy3iS+J/1REu1L/U4kvTpCVfDamvxsg/QpyFilxt6nezNrMqKEN0PoVx9amHCvvpw2AP1e9EeD2NjsueMPH+WJxZEROjrxUgv9mRIrFfFzynNrQ79nfQB07Q0+h8HEFzodhfcn4dVK/lwa14aWf+HXTWVheKLD3Pj6BuVhw6N69QwLDQb/G/U/0D0/AasXsKpvYX9bB7CjrD6nDSp0bAGtpe3qfgHKaHr44BlSmXsS6sZMRyUn80rb/RDaPYkEOHJd8K8k48QKFpz2mclwQGX6cNkToFQ4/thslp48zPn1CqqVu5+HnB1MZBG3IaKDIhRlmnun1fH8V3OM2n80HA14TNOMKPY+XiDQtF28gKkX909iPPIY+2RGgPmX67fjaM3LrO3LzmnMXL51fU9bO6gDPttBp44spAXjAgQRSha/4oLNmRt55MudxZma6q3TSAcd4Qxws6V+iY3wx/f15xnPJ3c0ApXKKpvFrFnRv1fn769KzzpFvqeXyLlk+y7KzW36HI3t4OSbTeBj587vlZDjZHBzeHYqqK7lBhuygRWxwxnI7nHIrfH4f9e+gQM2nzVW1td3n5wBN0F+03uorTevYNeRKkoSkgflRz1CSCrKFpIS0OAx6p6lzKDh2kt6QxvhnxcY9/D0ba0u6DpVuxAhZ4GaBv72d7zk9b8heYG0u7xO/CqRl/dU8We3hD0kgcBI0aF9cW8iQo86qltklG/gbakuUzf4ONIrd6TUTvBGvVibvisSYQgxWFqr+Zth/wMSYyheN4ytf9ujl64iNFD+/8kaefL3Xg5cNG8qKopUwpo8Zb3xxz2hoeFk5UbWY552spl/n75mebBfb7M8wQuvFe2kNXqOdDbQBfIA2ta7O4hPZliOm1DfAVjhADANIM5wZFwctJDQ10bxrdoFrh6bi6z7C2eoBPo/TYBrKxj0MBf2Y2YY98BVHvoPNJaWqa1tNW+I12bzBXKVeRa5dayKr5YAPj1hGm2GeHDal2cbA3EpzWPeB5h/NbBfI5irCFPQT3r5f+4oG2S4ciQl2V6+nASyFUWJUsP2rcxU5UJn+RxWYC4SIqQPVCB5hcnUfmkat8YeC7qVeCsxf4yHIjEacTJwpznPF+Izx24qNdTFipgQfy2R7B/0UOoLoTNzbnwkHJiUFAsWzXQMZ/1SVsO7r7gckHo4cd7hgtSBD5ZWxPT67LSh+zY4MJoXQ+Pn2AKbSKDUqcL9ss0KmMGotmWgafOMZEm9/hpK1bNV/Mn1FRnpaesaKdIvwXL6rAqKGJh/xobwRiMALXK1fSaLPdSVibsKN6V9w27ZNpkehbiwWc6P7oL2kFXPz3NhV1EqhlXVVkR6WKtbrN4WVygpOcVBcniXOWBxYwVaN8Ew8c/JeZwrjr8m6KX95O+vMf/21YVVLvYLZwUFcyobmHPMNFXkOcm1WnlITPetHr4lk1a/56mYw8/WLy/6CEgfPMa20PsUnqcxmzI2VmZ2amdT+dV/N9ja1GlP1MsJW8mzYAm+jqCp73t8XNKyEzczMN6+Zxs4Ub6UwNriRKPHeJkwGkVNjLz1Z7KMtKK7j1U0Ac3bt+k2RemmeekRuatWFhGkFwojU9ODOfP7VOx8/2g/HibbkMP3FUsFO3U6BVFz+9Fz8e5F4dPk2681r1o704IhUoSBMqwsBln3ccsG4qbaLfUNXy6+uwbgYZ0E6tZ3VTr2AdLG6kLELCxd7lQyPGy5B9k7w62SapJD+Vx1bSGfQetibOkBj0KfElseTU8i+MPhqenL62Npg2YTPYqdIK3KK7Q1QF9JO/UxtR7RfX6VVaah1cnFo2urYgabJlSXizXfvpNROCtOv1g3Osjl4bvBszb2IQzvuRxhfIsCzaE7HNusj/6vbrR2K/CjAv/eAcy4sIPLFdqun5/bJdyNJAFbFIPcilneODd7+dQ7FRq6RzN8kiSXrGKZW15uCHUQGQx2oMAXKZsVcc6nMPjUa28vCrEzPge/faAYbKk/+6PPTybkV16PI+Jv91zxRFX/+BMdbPHfnNCbhnbYiyVQO9xYLpCQnzamoZBobKnC/ADgAvd668NoLSmtJkg/41JEp1+KFeRuBUYi6CTcqlAHZRUUnmTgmhBuO//vd5qzJ5n2MNnUzDcjJm/5ZRVKFeKsSae/Uca9bb1XBSur8p6axUsWuCCw2xlny4oKKORWqETNhIvYMN5qc5zbUjeXGANYYlA5pUsVHrSSextGHhMRz0HgQORiWKumQIICcDYRKO1L9w8ptaW+Kby+8nTkOxlX+f9u/iXltM/XKZVyFa56vmZb79yU0yVIlbWyZPr2ru/uF2Ty+I7DTgeXr9V1dyQbMMfi4+4XJlNW9wQCpUGmXClXaq5Opqm4JTeXqtRHOgRAaFe8g2t1ul0RLunuCv/S0UFbrXKl5bNltxmygx0k4a2og62ui50XXDIcDa+seX1buIJyQFJN2q2gquz2FGt0lpSmn7LfxbAMhqLekyz/a3z4Tj8G73blDrgpXnq5niNpcs2+/i8R9cAAr4TCZvukwDM5WpK50cB2g92UXeH8ZcCULlLUhekpnviBtlOLOqUcx5jj45aBDpBc5rAVDEZD1ifRay2QL2UxCNhFPyaBnuPKOXspTSdev9WKwvSUMYud61SYBLnCpCsOIrrYzEap31vEhYZt1zxHu3QPh7lpv3iT0oLkq9GE6j6GQr0n4ycCTHlxA3Vjxa/LcnWr09Tk7o7ARwwEpYBUzsIW4HwFz5zl+RfpLfFK+shL/wjboSA7SsBZ1Y0G6WDuj/tW0C9kmPYK5wZ9yvKpKKGyMl+Y4c+dZaZHoKH2ao6HRSdg82tusPCtuajHjPOu/zUbYBpyEbyPebeU9Jmx4C27juYnPx0LBmEhh7me5F1plXdvzP/PTkjkedaOPmwX3+BMPjg5G5cUFFnHKdLoyvCgoNs8jPFyvl4VzfMbdGXc3Yty45z5etJFW3perWF9m/bmPhMZ5maFBjN7fevmtuRnwT6en079SYi+3Eg6d7udJ8OdvOCvPTbYVFjgIx+DPDsI6ocBJ9trqjy2nVpafo+/d7ZJnmQyGtVAAsmyDraOxvBBOdZH+a89gNYEO14u6sa2Ye459egJzmofHsk1WVJPe7Q+KVjM/ximbhEx9CmrzX6Bu/Wfn0oSPnsk2w2AOhE/veYlXVQqElZVcVOc28tiO/Yeqodb8pgZ5ZaSO9hRVVUoZt3QQznYHz/HYyvNr+uqPeMezDtp4IwRQfugYLcRNEmVGsQQLd360cshiT/V6ydhw8907ZvnY/Dt3/0xUI0BE3r2r6ui0X7m20WnpRy0FCh9svvcTbqCs3oUcU0nWrSVEWAr/RmRTJckZjPSlu9Q7RPraUlMZ0ZIDWKAoO19w8Cef8s/zXXaK36TPrGH1hxnckyGUO98vTGtgJbaSDqa5z/qVfmE9yHnWyIHUDzXvy6t3IN61QvIhffCi6sLiP9L6y00C1QmZtu1n1scsMC20RGsYxisstWJ24URHVK2sn1kgSw9LSwtLlxUgem3QrjWut0YfB4qy3wcphrp7IEKhpaJ3yEbYGhqt1EjsPfYJtTY2OAjarvYmovYMTU9st3YYdBDE6gENPORekoHZ1dKW9uOoLYsd/TUc39Wev35AU9Wq3NW3J+TO/nvvZSSMrjb+GaN2BNjOTxTan7GzJGmpEoNn4p6o2LyiwDK2TssuD5yYFxclT5fJ0nclSxZvZ2hGS/Q3EyQtJ+V1ef7H8k28zExuNI+A1nNceidlQ2zYE9WppkfefZlzt21dXaBZkrjlaPbnJHMB928qo25rorFYvPzSHVPilMQNvLzxDo3teX320fM2MmW5hcaoL5A60v+aPTlgdtTviQ41aY4F/96QWEX/fZYtcHbi7ypLNCOM+pvPRhfQXiPdW6th3Ecvhq9G7Vszg/V1+cawuynykI3UHvZrMHr8k8ghqmDeqEDakE8mLfLkFIkcoQEVhPUKymm77ymU0q0UeztEnw5uPGBP0y5eknlCfGKR3vj0VKLBOCmW/9xdb/y5ay4rx7gk64q4f1GG9uODlcwt1SVx5XGLolfIqd8Ha34IXaAVhCY/CluzdoAuU4feRxKar+SGVVj1X0+MbASTuqMekNvvhQc6DQToz+tCUTdWhrpRYSo6YrmlYNpOh/ClbTY0dl7cuLTlOpgdD4G5HmA6s2uxLy3ToFZJTRKGbmNEeN8QmoT15uA3xkuE24XJtF6hyecTTqE41Nth1axu1oNx7ru8nmyFb8EOuIcBxSoLSkZSjbWVEh390dJRs4lY0pLMUAsn6AonL5nhMr99+00uoryixb/CdBtP9nddwEG4CYfUQVgzM51XU3eiilMRNN55/irj53EwF0mWexl8M1IDc1iJoTzBqKh9/ruxVGy3f6gXy8pzE873BlK6JOlLwA/CHsPClNCP14TSD3PrCL4/W8tLs42wsrJevncQ+Dim9+e0UfRwL6+qGg7qJ3SdAw/NuMh92WPgNnj/+K33Re9vf/Ru4Bp6Xko/uuOGiXLRbpYWh7qxoEC1OiBTgmlQ4qxoVUGBanIKOW405m5/rKRd516nKcOiYZh7OribSyZrwbmGNpFTbJ4jahM/wztRG9KOtFEx1Ym/8xA/DETQVEhQYLVGennbzE1mxEFMHy20b8zqLHUdZjpRN7rUwZ+jJg6uM/l9fD3Jl0E8Fieuh8o+25QgREcO/Bl4Ekd1Yp2Y23uSuO4oNQd1G+Dk/F7eydxK2UJbxm60KtsJVJmKvpOQ6HYyF5u1dSWLo9opI7Uz3Z1lHOy/PQa0Na0vlkKO6nq7Sq5S6jy9hSp+AerG2Co25gZRa2uw4lAstzUNuc65253cM2nmYHsySuvhkyAPavHtMcS+gOMXaB8mIJEUzrwg+/5Mecfd8tBhFUXknfPZg8QYnKntv8TvoZHsX2MkxOOhWp3Mm8Een5Y3H6QExN0G5ohGkUyNROIvZ6bPbbdago4j8KFqEgmaOZ8e3Y8gx4N+0tsCQumoJn0AcAccg8uG19G93hcXdQfgAZ+lzU3bFulniA30zGjWDGYK8zMzmXmi1VFZ6a8hGTA35sNSMXlPZyAg9kEom8GKhsJBXpDY4yNJcn+yD7XhoefDBs9GK6txTQADCMh5pppFPvRzdwEAHw1GZvKnlXnTECEyLS+an+j/uKKfJWRdCZD82AQCTut9Dl51pZKZt9bcYmj4YwtPLs5aZ7rCYi3KtOCr4QWLMmr9OqmVx1ms4/6k1Xnre1rb4rWmCuD3U3Nd8mqtWWTPYQsp4Js1NQJiFNbF0ONOATCN/QOOOzWdlZxMEZFpxBYiyZOI5wWoiGAj9g8CTQgQmvagNOMVjnlM62PuUGsJ5K9pJcLWrwrjIY+pWCAO6zV6nfia2GXm7p+nSleFCl/rmrhdApEqFnNLhVgXPR5dhw61KtHHYkliFh2jXBABkh2QR5tcckcQVgfWXX/JJNT5kuuNb57q7f2Apvb1nAnL1Rp3hSO77zHC9jX30oZf5KHZT7dMoRZISF7mGsVrhaImmER6pWDw+kIqhmmnqRWa5MMBCXtkY/ZIIhYTusgBEi4z+BnkTH9bJo/mRQqQ6W1Ts+Qh8sxgWYhMnISAt6vcq6qt0w6RykGsw2wB53YoZdOqEcdY+o6yl3c+6oy0IztQNzySZu4cQT1ikO1ci3gH9l/k2yRgov6HgkL1NPcqdETtRsk1j2KoUhDO9k4H4eZZzTjIaz046EavdoTjdhJRkufPnYRt+/Yb4V/GSlw+kRLI3IQT4ecZyPjuYtLFgPg9soQ9hiU8XWRxLqfyM8Jk+2i91FfUqXDeNHtlwAbi/9qFm2vho/e9LcuSZMkZ/pMNPCqP5OFH8pHpp/hk5u1mFzKryQZG+1u2PFP+h2WflF+Avbr85N149l82rLd+9dXFi2bQ/aeZbS4pKiy04tbHFtxS55zpbmj6lG8G6sMMXBRSmM/Of5eP59fVGf4pz+q9Gkw4RdBtbEr0+oMJwQV2K08XnHHuuYdvRwPeAxEjobr6TxPR6K4m6MukIE1HTE36cuWOZXZWvMyWnW2bz16fudJ/MqMwQVVEmRJSYUixeE/h5qkjSmLl/kZwtfqNrLJ+VbHn2QOek2k2V2cdYzn2BLNgo1R6C8vt+j0pt4aOCzzpNZRddQlo+hTPTjqgv4opvsd+hBwE4tO6+Y8y7LZ/wcJAuzmGFWuiViHm71Q2j/z51KtUmkOqsjmpphkzzHZpUnnm2nljeioKr66xBYeQYmqiDr2kaLwWPkCP/3/9DRCvy4nrWf7HdHvD636JEsAVwAyeV4jzxekBzMClXT9pfRk4ct668dDVeqYPjBZqKxLK4uLKEipeS7Bw165IeH33e3OWOWeltqzRZ2voJptz3dit6FLDhEWcrcoNLaMNKqupNlEAPCzmWTnalY1lW302hTptY9ehWw1LF03YytmgrBsNGkxr9ux8d+8276B3YHR3JRiGreJ4cX6iJQbhu9hwWm4Qxv30ndk5Qh2gxtJM4WAaYNQYxTnnR9qAPdYO9w0YJ/fRw+hPEVvtvXQDwE5oBMgE+hu66Y1LoV3wHCZU10iBdgcpcShKNmw0Qb1hjX7QUW9Em6GrkrQFIBnqEhkqDLjUABJo08YHamcpuQFSaB4ioRspb2hbDN2F1oGADlsgVNARiKHvIYO+fh0PnbZRDx1CCLRmY4BWsFoGIRFaDz50yeaBAR3TUi+yoX5NRZUBqgxGE6HrE+gPYOWaMoEGuiBr2LMRepA1dNAJC1VMkbQEuOaS3EihvqQlGI2TrGyCWZtc6G4RdApVu+sm+GYTDO31Jr8e81k6QcWQp51u9fi5CrqQFkL5dRBsVWFRIgpU9TU0C0pMHoB4X+qRZCg56WUA5k8erQ3v9tWxX/QiDODvNtX2KbY6IO+rlD5aCf7PuHFDdLrtGa7koP+H+QYBV/CCJHwoyI87iGDX8Lh+1ETOrS71lDOqxJAmNfKcregVTgxSZ+bWtJ8LTXYQSEyAmYVfFDVdVBUvmpp+z9lDeh2vGNT8y9y3V+31+tMmOr+WsKdCZfWKK71ohXr7Df0iExy2fvv/qO0YexXY7u2hTxJqcXh0DjPoa7XSNb5SH9OPjJzzqq7xJeV9bGv7epE4t6CB43xmtfOqRVCPFJTMxnpGlvOEdu+9331fiBE4qEXk/zKtDoM3XAGxFIH/pIJUlhF7Z8kY6CHTlIlbeLCifMwZcZuMp9TBRonkm3jMJjBqC8nRTaPSOHul6hgoYrfsYYg1UciKqumGf4H+/8G0bMcFQAhGUAwnSIpmWI4XRElWVE03QmHTsh3X84NINBZPJFPpTDaXL7A5XB5fIBSJJVKZXKFUqTVand5gNJktVluSxW0tC4kpueGWJFLA9dFS/GtcBRNQHAPhHcEgby2K6SxJw2IARbCQrBmwK0NpokYBj6lKhk/cKuxI65g1o/TcWY7wJJZ6L8bheXeg4Rz9RjXEjJ6hGL8IMCFxSV9HyS6AAHkSs0QG0SI5Dg4CyUIBUkkilI0pshJXPg0RPlHnQxf8MY5DbolBdA/zWJzRBF1fkZS30kNwWSxYDH4RI4g8vcVcR9ySi1IIgrFt2BZoEY0P8fEmrmNTMgoBk2KqCnmlkXIYEI2a4RdQXK6UA7Fdgb2Upg9N8jrkGAQmCvTVLtZiRoeMBBMofIMNzOoBIc4C+QhQgAzf/qF/4B/7J/IoXknOUW2Szvs6chtQzrhU9UHcwqeG48xwvWHO9Ub43G8NlyvhdpzJSpU7o6YXw/VGOl1vJLryUlpdbyqlyp10uV2nVOVO2BxnVeV2XQ81vTQH57l8VrmThCp3Eus4awVVHwSvyp2Eul1L8XJJdkfNTmWOHBp0aPlGvoFv7IOTJkg0SkUpHsHo+9RBKvnIQyDPomlDsKchDfFP5PFEnkbwj9IpwA4AAAA=') format('woff2'), url(../../static/fonts/iconfont.3bb4d5f8.woff) format('woff'), url(../../static/fonts/iconfont.17c41c83.ttf) format('truetype'), url(../../static/img/iconfont.f2cf0c7a.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-zhinengjiqiren-01:before { content: "\e66f"; } .icon-a-0_fawuguanli1:before { content: "\e64f"; } .icon-a-0_gaizhangshenqing1:before { content: "\e650"; } .icon-a-0_fenxi1:before { content: "\e651"; } .icon-a-0_anquan1:before { content: "\e652"; } .icon-a-0_fanbenguanli1:before { content: "\e653"; } .icon-a-0_fengxiantishi1:before { content: "\e654"; } .icon-a-0_hetongguanli1:before { content: "\e655"; } .icon-a-0_hetongqicao1:before { content: "\e656"; } .icon-a-0_gerenbangong1:before { content: "\e657"; } .icon-a-0_lishijilu1:before { content: "\e658"; } .icon-a-0_hetongfengxianguanli1:before { content: "\e659"; } .icon-a-0_guanli1:before { content: "\e65a"; } .icon-a-0_hetongbiangeng1:before { content: "\e65b"; } .icon-a-0_hetongqicao-feimoban1:before { content: "\e65c"; } .icon-a-0_sousuo1:before { content: "\e65d"; } .icon-a-0_liuchengguanli1:before { content: "\e65e"; } .icon-a-0_quanxianguanli1:before { content: "\e65f"; } .icon-a-0_wenjian1:before { content: "\e660"; } .icon-a-0_qiandinghetong1:before { content: "\e661"; } .icon-a-0_xiazai1:before { content: "\e662"; } .icon-a-0_lvhanghetong1:before { content: "\e663"; } .icon-a-0_zuzhijiagou1:before { content: "\e664"; } .icon-a-0_yingyongguanli1:before { content: "\e665"; } .icon-a-0_xiangmuguanli-231:before { content: "\e666"; } .icon-a-0_xiangmuguanli-181:before { content: "\e667"; } .icon-a-0_xitongguanli1:before { content: "\e668"; } .icon-a-0_zhongzhihetong1:before { content: "\e669"; } .icon-a-0_zixun1:before { content: "\e66a"; } .icon-a-0_zhidao1:before { content: "\e66b"; } .icon-a-0_anquanfuben:before { content: "\e66c"; } .icon-a-0_chehuihetong1:before { content: "\e66d"; } .icon-a-0_neibuxitong1:before { content: "\e66e"; } .icon-a-0_11:before { content: "\e64c"; } .icon-a-0_31:before { content: "\e64d"; } .icon-a-0_21:before { content: "\e64e"; } .icon-a-0_51:before { content: "\e649"; } .icon-a-0_61:before { content: "\e64a"; } .icon-a-0_41:before { content: "\e64b"; } .icon-a-0_lvhanghetong:before { content: "\e63b"; } .icon-a-0_shangchuan:before { content: "\e647"; } .icon-a-0_xiazai:before { content: "\e648"; } .icon-a-0_gaizhangshenqing:before { content: "\e646"; } .icon-a-0_fenxi:before { content: "\e61c"; } .icon-a-0_anquan:before { content: "\e61d"; } .icon-a-0_chehuihetong:before { content: "\e61e"; } .icon-a-0_fanbenguanli:before { content: "\e61f"; } .icon-a-0_fengxiantishi:before { content: "\e620"; } .icon-a-0_fawuguanli:before { content: "\e621"; } .icon-a-0_guanli:before { content: "\e622"; } .icon-a-0_hetongbiangeng:before { content: "\e623"; } .icon-a-0_hetongqicao-feimoban:before { content: "\e625"; } .icon-a-0_gerenbangong:before { content: "\e626"; } .icon-a-0_hetongguanli:before { content: "\e627"; } .icon-a-0_lishijilu:before { content: "\e628"; } .icon-a-0_xitongguanli:before { content: "\e629"; } .icon-a-0_liuchengguanli:before { content: "\e62f"; } .icon-a-0_hetongqicao:before { content: "\e631"; } .icon-a-0_quanxianguanli:before { content: "\e633"; } .icon-a-0_zhidao:before { content: "\e639"; } .icon-a-0_neibuxitong:before { content: "\e63a"; } .icon-a-0_hetongfengxianguanli:before { content: "\e63c"; } .icon-a-0_wenjian:before { content: "\e63d"; } .icon-a-0_zhongzhihetong:before { content: "\e63e"; } .icon-a-0_qiandinghetong:before { content: "\e63f"; } .icon-a-0_sousuo:before { content: "\e640"; } .icon-a-0_xiangmuguanli-23:before { content: "\e641"; } .icon-a-0_yingyongguanli:before { content: "\e642"; } .icon-a-0_zuzhijiagou:before { content: "\e643"; } .icon-a-0_xiangmuguanli-18:before { content: "\e644"; } .icon-a-0_zixun:before { content: "\e645"; } .icon-a-0_3:before { content: "\e619"; } .icon-a-0_4:before { content: "\e61a"; } .icon-a-0_2:before { content: "\e61b"; } .icon-a-0_5:before { content: "\e615"; } .icon-a-0_1:before { content: "\e616"; } .icon-a-0_6:before { content: "\e618"; } .icon-a-0-021:before { content: "\e638"; } .icon-a-0-14:before { content: "\e634"; } .icon-a-0-20:before { content: "\e635"; } .icon-a-0-21:before { content: "\e636"; } .icon-a-0-13:before { content: "\e637"; } .icon-a-0-18:before { content: "\e62a"; } .icon-a-0-031:before { content: "\e62b"; } .icon-a-0-101:before { content: "\e62c"; } .icon-a-0-16:before { content: "\e62d"; } .icon-a-0-15:before { content: "\e62e"; } .icon-a-0-17:before { content: "\e630"; } .icon-a-0-041:before { content: "\e632"; } .icon-a-0-011:before { content: "\e624"; } /*# sourceMappingURL=app.c94bf0cd.css.map*/