/* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #page { padding-top: 60px; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #header { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; top: 0; left: 0; z-index: 2001; width: 100%; background: #356384; color: white; height: 60px; box-sizing: border-box; padding: 0 20px; line-height: 60px; } #header .logo { display: inline-block; vertical-align: middle; height: 54px; padding: 3px; } #header .link { display: inline-block; vertical-align: middle; text-decoration: none; color: white; margin: 0 10px; padding: 0 10px; cursor: pointer; } #header .link svg { display: inline-block; vertical-align: middle; } #footer { margin-top: 40px; height: 80px; } #footer .item { text-decoration: none; display: inline; } #footer .item.right { margin-left: 20px; } #footer .item.left { margin-right: 20px; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #sidebar { background-color: #eef1f6; max-width: 250px; position: fixed; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #breadcrum { padding: 10px; background: #eef1f6; border-radius: 2px; margin-bottom: 30px; } #home img { display: block; margin: auto; max-width: 200px; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .composer { width: 75%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } /* src/styles/kekuleDefault.css */ span.K-StyleSheet-Detector { position: absolute; width: 0; height: 0; z-index: -88888; } .K-Top-Layer { background-color: transparent; } .K-Isolated-Layer { display: block; background-color: transparent; visibility: hidden; z-index: -100000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .K-Child-Holder { display: block; } .K-State-Disabled { cursor: default !important; } .K-Decoration-Content, .K-Glyph-Content, .K-Img-Content, .K-Text-Content { display: inline-block; vertical-align: middle; } .K-Layout-H > .K-Child-Holder > .K-Content, .K-Layout-H > .K-Child-Holder > .K-Widget, .K-Layout-H > .K-Content, .K-Layout-H > .K-Widget { display: inline-block; vertical-align: middle; } .K-Layout-H > .K-Child-Holder > table.K-Widget, .K-Layout-H > table.K-Widget { display: inline-table; } .K-Content, .K-Layout-H > .K-Child-Holder > .K-Content, .K-Layout-H > .K-Content .K-Content { margin: 0 .1em; } .K-Layout-V > .K-Child-Holder > .K-Content, .K-Layout-V > .K-Child-Holder > .K-Widget, .K-Layout-V > .K-Content, .K-Layout-V > .K-Widget { display: block; margin: .2em auto; } .K-Layout-V > .K-Child-Holder > table.K-Widget, .K-Layout-V > table.K-Widget { display: table; } .K-Layout-V > .K-Child-Holder > .K-Widget, .K-Layout-V > .K-Widget { margin-left: 0; margin-right: 0; } .K-Layout-V > .K-Child-Holder > .K-Content, .K-Layout-V > .K-Content { margin: .2em 0; } .K-Glyph-Hide > .K-Glyph-Content, .K-Text-Hide > .K-Text-Content { display: none; } .K-Glyph-Show > .K-Glyph-Content, .K-Text-Show > .K-Text-Content { display: inline-block; } .K-Widget { position: relative; font-size: .8em; font-size: .8rem; font-family: Verdana, Arial, sans-serif; text-decoration: none; margin: .1em; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .K-Widget .K-NonSelectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .K-Widget .K-Selectable { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .K-Widget, button.K-Widget, input.K-Widget { display: inline-block; } table.K-Widget { display: table; } .K-Widget .K-Widget { font-size: 1em; font-size: .8rem; } .K-Widget .K-Section { padding-top: .2em; padding-bottom: .2em; } .K-Panel { padding: .7em; } .K-Panel .K-Panel-Caption { display: block; margin: -.3em; margin-bottom: .7em; padding: .3em; padding-top: 0; border-bottom: 1px solid; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; font-weight: 700; } .K-Panel, .K-Toolbar { border: 1px solid; } .K-Toolbar.K-Button-Group { border: none; } .K-Button-Group .K-Widget, .K-Button-Group > .K-Child-Holder > .K-Widget { margin: 0; } .K-Button-Group.K-Layout-H > .K-Child-Holder > .K-Widget, .K-Button-Group.K-Layout-H > .K-Widget { margin-left: -1px; height: 100%; } .K-Button-Group.K-Layout-H > .K-Child-Holder > .K-Widget.K-First-Child, .K-Button-Group.K-Layout-H > .K-Widget.K-First-Child { margin-left: 0; } .K-Button-Group.K-Layout-V > .K-Child-Holder > .K-Widget, .K-Button-Group.K-Layout-V > .K-Widget { margin-top: -1px; width: 100%; } .K-Button-Group.K-Layout-V > .K-Child-Holder > .K-Widget.K-First-Child, .K-Button-Group.K-Layout-V > .K-Widget.K-First-Child { margin-top: 0; } .K-Button-Group .K-Button.K-State-Active, .K-Button-Group .K-Button.K-State-Focused, .K-Button-Group .K-Button.K-State-Hover { z-index: 2; } .K-Glyph { vertical-align: middle; } .K-Menu { cursor: default; } .K-Menu { border: 1px solid; margin: 0; padding: 0; } .K-Menu .K-MenuItem { display: block; position: relative; list-style: none; margin: 0; padding: .2em 2em; line-height: 1.5; white-space: nowrap; } .K-Menu .K-MenuItem .K-CheckMenu-Marker, .K-Menu .K-MenuItem .K-SubMenu-Marker { display: inline-block; position: absolute; } .K-Menu .K-MenuItem .K-SubMenu-Marker { left: auto; right: .3em; } .K-Menu .K-MenuItem .K-CheckMenu-Marker { left: .3em; } .K-Menu.K-Layout-H > .K-Child-Holder > .K-MenuItem, .K-Menu.K-Layout-H > .K-MenuItem { float: left; } .K-Menu.K-Layout-H > .K-Child-Holder > .K-MenuItem-Separator, .K-Menu.K-Layout-H > .K-MenuItem-Separator { margin: 0 .2em; padding-left: 0; padding-right: 0; width: 0; border-left: 1px solid; } .K-Menu.K-Layout-V > .K-Child-Holder > .K-MenuItem-Separator, .K-Menu.K-Layout-V > .K-MenuItem-Separator { padding-top: 0; padding-bottom: 0; margin: .2em 0; height: 0; border-top: 1px solid; } .K-Menu .K-MenuItem > .K-Menu { display: none; position: absolute; left: 100%; top: 0; } .K-Menu .K-MenuItem:active > .K-Menu, .K-Menu .K-MenuItem:focus > .K-Menu, .K-Menu .K-MenuItem:hover > .K-Menu { display: block; } .K-Menu .K-MenuItem.K-State-Disabled:active > .K-Menu, .K-Menu .K-MenuItem.K-State-Disabled:focus > .K-Menu, .K-Menu .K-MenuItem.K-State-Disabled:hover > .K-Menu { display: none; } .K-Menu.K-Layout-H > .K-Child-Holder > .K-MenuItem > .K-Menu, .K-Menu.K-Layout-H > .K-MenuItem > .K-Menu { left: 0; top: 100%; } .K-MsgPanel { display: block; text-align: center; } .K-MsgPanel .K-MsgPanel-Content { display: inline-block; padding: .3em .7em; border: 1px solid; } .K-MsgPanel .K-Pri-Glyph-Content { width: 16px; height: 16px; display: none; } .K-MsgGroup.K-Widget-MsgGroup { position: absolute; bottom: 0; top: 100%; left: 0; right: 0; text-align: center; background-color: transparent; } .K-SysMsgGroup { position: fixed; bottom: 3em; z-index: 30000; margin: 0 auto; left: 0; right: 0; text-align: center; background-color: transparent; } .K-MsgGroup .K-MsgPanel { margin: .3em auto; } @supports (transform:translateX(-50%)) { .K-SysMsgGroup { left: 50%; right: auto; transform: translateX(-50%); } } .K-Button, .K-PageNavigator > .K-PageNavigator-PageIndexer { position: relative; padding: .4em .6em; line-height: normal; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; border: 1px solid; outline: 0; } .K-Button, .K-Button:active, .K-Button:hover, .K-Button:link, .K-Button:visited { text-decoration: none; } .K-Button .K-DropDownMark { font-size: 70%; margin-left: .5em; margin-right: 0; } .K-Button .K-Content { vertical-align: middle; } .K-Compact-Mark { display: block; position: absolute; right: 0; bottom: 0; height: 0; width: 0; border: 4px solid; border-top: 4px solid transparent; border-left: 4px solid transparent; font-size: 0; line-height: 0; } .K-State-Collapsed .K-NestedContainer { display: none; } .K-TextBox { position: relative; } .K-ComboTextBox { position: relative; line-height: 0; } .K-ComboTextBox .K-TextBox { margin: 0; } .K-ComboTextBox.K-Overlap .K-TextBox { width: 100%; box-sizing: border-box; } .K-ComboTextBox .K-ComboTextBox-Assoc-Widget { z-index: 2; margin: 0; } .K-ButtonTextBox .K-Button { height: 100%; box-sizing: border-box; padding: 0 .1em; } .K-ButtonTextBox.K-Overlap .K-Button.K-ComboTextBox-Assoc-Widget { border: none; background-color: transparent; opacity: .7; filter: Alpha(Opacity=70); } .K-ButtonTextBox.K-Overlap .K-Button.K-State-Active, .K-ButtonTextBox.K-Overlap .K-Button.K-State-Hover { opacity: 1; filter: Alpha(Opacity=100); } .K-CheckBox input { display: inline-block; vertical-align: middle; margin: 0; padding: 0; margin-right: .3em; } .K-ComboBox { width: 10em; } .K-ComboBox .K-ComboBox-TextWrapper { position: absolute; top: 1px; left: 2px; right: 22px; bottom: 1px; z-index: 2; } .K-ComboBox .K-TextBox { position: absolute; border: 0; width: 100%; top: 0; bottom: 0; } .K-ComboBox .K-SelectBox { width: 100%; height: 100%; z-index: 1; } .K-TextArea { min-width: 5em; min-height: 1em; } .K-TabButtonGroup { margin: 0; padding: 0; position: relative; } .K-Toolbar.K-TabButtonGroup { background-color: transparent; } .K-TabButtonGroup .K-Button { margin: 0; padding-top: .2em; padding-bottom: .2em; } .K-TabButtonGroup .K-Button.K-State-Active, .K-TabButtonGroup .K-Button.K-State-Focused, .K-TabButtonGroup .K-Button.K-State-Hover { z-index: 2; } .K-TabButtonGroup.K-Layout-H > .K-Button, .K-TabButtonGroup.K-Layout-H > .K-Child-Holder > .K-Button, .K-TabButtonGroup.K-TabAtBottom > .K-Button, .K-TabButtonGroup.K-TabAtTop > .K-Button { margin-right: -1px; } .K-TabButtonGroup.K-Layout-V > .K-Button, .K-TabButtonGroup.K-Layout-V > .K-Child-Holder > .K-Button, .K-TabButtonGroup.K-TabAtLeft > .K-Button, .K-TabButtonGroup.K-TabAtRight > .K-Button { margin-bottom: -1px; } .K-TabButtonGroup.K-TabAtBottom > .K-Button { border-bottom: 3px solid transparent; } .K-TabButtonGroup.K-TabAtTop > .K-Button { border-top: 3px solid transparent; } .K-TabButtonGroup.K-TabAtRight > .K-Button { border-right: 3px solid transparent; text-align: left; } .K-TabButtonGroup.K-TabAtLeft > .K-Button { border-left: 3px solid transparent; text-align: right; } .K-Resize-Gripper { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; cursor: se-resize; z-index: 1000; } .K-Resize-Gripper.K-State-Disabled { cursor: default; } .K-Resize-Gripper.K-Normal-Background, .K-Widget.K-Transparent-Background { background-color: transparent; } .K-TabView { position: relative; } .K-TabView.K-TabAtBottom .K-TabView-Page-Container, .K-TabView.K-TabAtBottom .K-TabView-TabButton-Container, .K-TabView.K-TabAtTop .K-TabView-Page-Container, .K-TabView.K-TabAtTop .K-TabView-TabButton-Container { display: block; } .K-TabView.K-TabAtLeft .K-TabView-Page-Container, .K-TabView.K-TabAtLeft .K-TabView-TabButton-Container, .K-TabView.K-TabAtRight .K-TabView-Page-Container, .K-TabView.K-TabAtRight .K-TabView-TabButton-Container { display: inline-block; vertical-align: top; } .K-TabView .K-TabView-TabButton-Container { position: relative; padding: 0; margin: 0; } .K-TabView .K-TabView-Page-Container { position: relative; border: 1px solid; margin: 0; padding: 0; } .K-TabView .K-TabView-Page-Container .K-TabView-Page { display: none; left: 0; top: 0; border: none; margin: 0; padding: .5em; overflow: hidden; } .K-TabView .K-TabView-Page-Container .K-TabView-Active-Page { display: block; } .K-ListView, .K-TreeView { border: 1px solid; cursor: default; padding: .2em .4em; overflow: auto; } .K-ListView .K-ListView-ItemHolder, .K-TreeView ul { padding: 0; margin: 0; line-height: 1.1; } .K-ListView .K-ListView-ItemHolder { overflow: hidden; } .K-TreeView ul { padding-left: 1em; } .K-ListView .K-ListView-Item, .K-TreeView li { list-style: none; } .K-TreeView li { white-space: nowrap; } .K-ListView .K-ListView-Item { padding: .2em; } .K-TreeView .K-TreeView-ExpandMark, .K-TreeView .K-TreeView-ItemContent { display: inline-block; } .K-ListView.K-Layout-H .K-ListView-Item { display: inline-block; } .K-ListView.K-Layout-V .K-ListView-Item { display: block; } .K-TreeView .K-TreeView-ExpandMark { width: 16px; height: 16px; background-repeat: no-repeat; } .K-TreeView li.K-State-Empty .K-TreeView-ExpandMark { visibility: hidden; } .K-TreeView li .K-Text-Content { margin-left: .5em; } .K-Widget-Grid { display: table; } .K-Widget-Grid .K-Widget-Grid-Cell { float: left; position: relative; margin: 3px; padding: 5px; border: 2px solid; width: 10em; height: 5em; } .K-Widget-Grid .K-Widget-Grid-Cell.K-Widget-Grid-Cell.K-Widget-Grid-Add-Cell { border: 2px dashed; font-size: 5em; font-family: Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; } .K-Widget-Grid .K-Widget-Grid-Cell:active, .K-Widget-Grid .K-Widget-Grid-Cell:focus, .K-Widget-Grid .K-Widget-Grid-Cell:hover { overflow: visible; } .K-Widget-Grid .K-Widget-Grid-Cell .K-Widget-Grid-Interaction-Area { position: absolute; top: 5px; right: 5px; z-index: 5; display: none; } .K-Widget-Grid.K-Widget-Grid-Enable-Cell-Interaction .K-Widget-Grid-Cell:active .K-Widget-Grid-Interaction-Area, .K-Widget-Grid.K-Widget-Grid-Enable-Cell-Interaction .K-Widget-Grid-Cell:focus .K-Widget-Grid-Interaction-Area, .K-Widget-Grid.K-Widget-Grid-Enable-Cell-Interaction .K-Widget-Grid-Cell:hover .K-Widget-Grid-Interaction-Area { display: block; } .K-Widget-Grid .K-Widget-Grid-Cell .K-Widget-Grid-Interaction-Area .K-Button { padding: .2em; } .K-Widget-Grid .K-Widget-Grid-Cell .K-Widget-Grid-Interaction-Area .K-Button .K-Assoc-Glyph-Content { display: none; } .K-Widget-Grid-Widget-Parent { position: absolute; display: block; } .K-Widget-Grid .K-Widget-Grid-Cell .K-Widget-Grid-Widget-Parent > .K-Widget { display: inline-block; vertical-align: middle; } @supports (display:-webkit-flex) or (display:flex) { .K-Widget-Grid .K-Widget-Grid-Cell { display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .K-Widget-Grid-Widget-Parent { position: static; } } .K-Dialog { border: 1px solid; overflow: hidden; position: absolute; position: fixed; } .K-Dialog.K-Dialog-Overflow { position: absolute; } .K-Dialog.K-Dialog-Inside { position: absolute; position: fixed; } .K-Dialog .K-Dialog-Caption { display: block; padding: .4em 1em; border-bottom: 1px solid; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; font-weight: 700; } .K-Dialog .K-Dialog-Client { padding: .5em; } .K-Dialog .K-Dialog-Button-Panel { padding: 0 .25em; text-align: right; overflow: hidden; } .K-Dialog .K-Dialog-Button-Panel .K-Widget { margin: .5em .25em; } @supports (display:-webkit-inline-flex) or (display:inline-flex) { .K-Dialog { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: column; flex-direction: column; } .K-Dialog .K-Dialog-Button-Panel, .K-Dialog .K-Dialog-Caption { -webkit-flex: 0 0 auto; flex: 0 0 auto; } .K-Dialog .K-Dialog-Client { -webkit-flex: 1 1 auto; flex: 1 1 auto; } } .K-Modal-Background { z-index: 20000; position: absolute; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .K-TextEditor .K-TextEditor-TextArea, .K-TextEditor .K-TextEditor-Toolbar { display: block; margin: 0; width: 100%; } .K-TextEditor .K-TextEditor-Toolbar { z-index: 100; white-space: nowrap; } .K-TextEditor .K-TextEditor-Toolbar .K-Button { padding: .2em .4em; } @supports (display:-webkit-inline-flex) or (display:inline-flex) { .K-TextEditor { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: column; flex-direction: column; } .K-TextEditor .K-TextEditor-Toolbar { display: flex; display: -webkit-flex; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .K-TextEditor .K-TextEditor-TextArea { -webkit-flex: 1 1 auto; flex: 1 1 auto; } } .K-ColorPicker { border: 1px solid; padding: .2em .5em; } .K-ColorPicker .K-ColorPicker-Header { overflow: hidden; padding: .2em 0; } .K-ColorPicker .K-ColorPicker-Input { visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; } .K-ColorPicker .K-ColorPicker-Browse-Btn, .K-ColorPicker .K-ColorPicker-HexBox, .K-ColorPicker .K-ColorPicker-Previewer, .K-ColorPicker .K-ColorPicker-Spec-Color-Palette { float: left; font-size: 80%; line-height: 1.4em; padding: 0 .5em; margin-right: .3em; } .K-ColorPicker .K-ColorPicker-HexBox, .K-ColorPicker .K-ColorPicker-Previewer { border: 1px solid; } .K-ColorPicker .K-ColorPicker-HexBox { width: 6em; background-color: transparent; white-space: nowrap; overflow: hidden; } .K-ColorPicker .K-ColorPicker-Previewer { width: 2em; } .K-ColorPicker .K-ColorPicker-Browse-Btn { padding: 0 0; margin: 0; width: 18px; float: right; } .K-ColorPicker .K-ColorPicker-Spec-Color-Palette { padding: 0; margin: 0; margin-right: .3em; } .K-ColorPicker .K-ColorPicker-Spec-Color-Palette .K-ColorPicker-Palette-Cell { float: left; height: 1.4em; width: 1.4em; } .K-ColorPicker .K-ColorPicker-Palette, .K-ColorPicker .K-ColorPicker-Spec-Color-Palette { float: left; border-right: 1px solid; border-bottom: 1px solid; cursor: pointer; } .K-ColorPicker .K-ColorPicker-Palette { min-width: 180px; touch-action: none; } .K-ColorPicker .K-ColorPicker-Palette-Line { font-size: 0; } .K-ColorPicker .K-ColorPicker-Palette-Cell, .K-ColorPicker .K-ColorPicker-Palette-Line { margin: 0; padding: 0; line-height: 1; } .K-ColorPicker .K-ColorPicker-Palette-Cell { display: inline-block; width: 9px; height: 9px; border-top: 1px solid; border-left: 1px solid; } @supports (display:-webkit-inline-flex) or (display:inline-flex) { .K-ColorPicker { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .K-ColorPicker .K-ColorPicker-Header { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; flex: 0 0 auto; } .K-ColorPicker .K-ColorPicker-Palette { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .K-ColorPicker .K-ColorPicker-Palette-Line { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -moz-flex; display: flex; } .K-ColorPicker .K-ColorPicker-Palette-Cell { flex: 1 1 auto; width: auto; height: auto; min-width: 9px; min-height: 9px; } } .K-ColorDropTextBox .K-ColorPreviewer { border: 1px solid; box-sizing: border-box; width: 1.5em; height: 80%; padding: 0 .1em; } .K-ColorDropButton .K-Pri-Glyph-Content { outline: 1px solid; } .K-ValueListEditor { display: table; border: 1px solid; border-collapse: collapse; padding: 0; line-height: normal; cursor: default; vertical-align: top; empty-cells: show; table-layout: fixed; width: 25em; } .K-ValueListEditor .K-ValueListEditor-Row { border-collapse: collapse; border-top: 1px dotted; border-bottom: 1px dotted; } .K-ValueListEditor .K-ValueListEditor-Cell { border-collapse: collapse; padding: .2em .4em; margin: 0; vertical-align: middle; white-space: nowrap; overflow: hidden; } .K-ValueListEditor .K-ValueListEditor-CellContent { display: block; position: relative; margin: 0; } .K-ValueListEditor .K-ValueListEditor-IndicatorCell { width: 16px; padding: 0; border: hidden; } .K-ValueListEditor .K-ValueListEditor-IndicatorCell span { display: block; width: 16px; height: 16px; } .K-ValueListEditor .K-ValueListEditor-KeyCell { width: 12em; } .K-ValueListEditor .K-ValueListEditor-KeyCell, .K-ValueListEditor .K-ValueListEditor-ValueCell { overflow: hidden; text-overflow: ellipsis; } .K-ValueListEditor .K-ValueListEditor-CellContent { display: block; overflow: hidden; text-overflow: ellipsis; } .K-ValueListEditor .K-ValueListEditor-KeyCell { border-right: 1px solid; } .K-ValueListEditor .K-ValueListEditor-ActiveRow { border-top: 1px solid; border-bottom: 1px solid; } .K-ValueListEditor .K-ValueListEditor-InlineEdit { position: absolute; display: block; font-size: 1em; left: 0; top: 0; right: 0; bottom: 0; width: 99%; border: none; padding: 0; margin: 0; outline: 0; } .K-ValueListEditor .K-ValueListEditor-InlineEdit input { border: none; outline: 0; padding: 0; } .K-PropListEditor .K-PropListEditor-PropExpandMarker { position: relative; width: 16px; height: 16px; display: inline-block; margin: 0 .2em; } .K-ObjInspector { width: 25em; height: 40em; border: 1px solid; padding: 0; overflow: hidden; } .K-ObjInspector .K-ObjInspector-PropListEditorContainer { position: absolute; width: 100%; left: 0; right: 0; top: 2em; bottom: 5em; overflow-y: auto; overflow-x: hidden; outline: 1px solid; } .K-ObjInspector .K-PropListEditor { width: 100%; padding: 0; margin: 0; } .K-ObjInspector .K-ObjInspector-ObjsInfoPanel, .K-ObjInspector .K-ObjInspector-PropInfoPanel { position: absolute; left: 0; right: 0; overflow: hidden; padding: 0 1em; } .K-ObjInspector .K-ObjInspector-ObjsInfoPanel { top: 0; height: 2em; line-height: 2em; white-space: nowrap; font-weight: 700; } .K-ObjInspector .K-ObjInspector-PropInfoPanel { bottom: 0; height: 5em; } .K-ObjInspector .K-ObjInspector-PropInfoPanel .K-ObjInspector-PropInfoPanel-Title { line-height: 1.5em; font-weight: 700; white-space: nowrap; margin: .5em 0 .2em 0; } .K-ObjInspector .K-ObjInspector-PropInfoPanel .K-ObjInspector-PropInfoPanel-Description { line-height: 1.2em; margin-left: .5em; white-space: normal; } .K-ObjInspector.K-ObjInspector-Flex-Layout { display: inline-flex; flex-direction: column; } .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-ObjsInfoPanel, .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-PropInfoPanel, .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-PropListEditorContainer { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: auto; } .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-ObjsInfoPanel { flex: 0 0 2em; } .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-PropInfoPanel { flex: 0 0 5em; order: +1; } .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-PropListEditorContainer { flex: 1 1 auto; display: flex; } .K-ObjInspector.K-ObjInspector-Flex-Layout .K-ObjInspector-PropListEditorContainer .K-PropListEditor { position: absolute; top: 0; left: 0; right: 0; } .K-DataTable table { display: block; border-collapse: collapse; } .K-DataTable td, .K-DataTable th { border: 1px solid; padding: 0; } .K-DataTable th.K-DataTable-HeadCellInteractable { cursor: pointer; } .K-DataTable th .K-DataTable-SortMark { display: inline-block; vertical-align: middle; padding: 0; } .K-DataTable .K-DataTable-CellWrapper { display: inline-block; margin: .4em; } .K-PageNavigator.K-Layout-H { height: 2.5em; } .K-PageNavigator > .K-PageNavigator-PageInput { width: 3em; text-align: center; } .K-Widget-Configurator .K-Widget-Configurator-Client { white-space: nowrap; } .K-Widget-Configurator .K-ObjInspector, .K-Widget-Configurator .K-TabButtonGroup { vertical-align: top; margin: 0; } .K-Widget-Configurator .K-ObjInspector { width: 30em; height: 30em; } .K-Widget-Configurator .K-ObjInspector .K-ValueListEditor-KeyCell { width: 18em; } button.K-Button::-moz-focus-inner, input.K-Button::-moz-focus-inner { border: 0; padding: 0; } .K-Show-Popup { position: absolute; } .K-Show-ActiveModal, .K-Show-Dialog, .K-Show-Popup { z-index: 20000; } .K-Corner-All, .K-Corner-Left, .K-Corner-TL, .K-Corner-Top, .K-Layout-H > .K-Child-Holder > .K-Corner-Leading, .K-Layout-H > .K-Corner-Leading, .K-Layout-V > .K-Child-Holder > .K-Corner-Leading, .K-Layout-V > .K-Corner-Leading { border-top-left-radius: 4px; } .K-Corner-All, .K-Corner-Right, .K-Corner-TR, .K-Corner-Top, .K-Layout-H > .K-Child-Holder > .K-Corner-Tailing, .K-Layout-H > .K-Corner-Tailing, .K-Layout-V > .K-Child-Holder > .K-Corner-Leading, .K-Layout-V > .K-Corner-Leading { border-top-right-radius: 4px; } .K-Corner-All, .K-Corner-BL, .K-Corner-Bottom, .K-Corner-Left, .K-Layout-H > .K-Child-Holder > .K-Corner-Leading, .K-Layout-H > .K-Corner-Leading, .K-Layout-V > .K-Child-Holder > .K-Corner-Tailing, .K-Layout-V > .K-Corner-Tailing { border-bottom-left-radius: 4px; } .K-Corner-All, .K-Corner-Bottom, .K-Corner-Br, .K-Corner-Right, .K-Layout-H > .K-Child-Holder > .K-Corner-Tailing, .K-Layout-H > .K-Corner-Tailing, .K-Layout-V > .K-Child-Holder > .K-Corner-Tailing, .K-Layout-V > .K-Corner-Tailing { border-bottom-right-radius: 4px; } .K-Fulfill { width: 100%; height: 100%; padding: 0; margin: 0; border: 0; display: block; } .K-No-Wrap { white-space: nowrap; } .K-State-Normal, .K-Widget, a.K-Widget, a.K-Widget:active, a.K-Widget:visited { color: #555; } .K-State-Normal.K-Style-Inherited, .K-Widget.K-Style-Inherited, a.K-Widget.K-Style-Inherited, a.K-Widget.K-Style-Inherited:active, a.K-Widget.K-Style-Inherited:visited { color: inherit; } .K-State-Selected { background-color: #f39814; } .K-State-Selected.K-State-Current-Selected { background-color: #db8810; } .K-Assoc-Text-Content { color: #888; } .K-Normal-Background.K-Style-Inherited { background-color: inherit; } .K-ComboBox .K-TextBox, .K-Container.K-Panel, .K-Normal-Background { background-color: #fff; } .K-Panel .K-Panel-Caption { border-color: #aaa; } .K-Container { background-color: transparent; } .K-Modal-Background { background-color: #c8c8c8; background-color: rgba(128, 128, 128, .3); } .K-MsgPanel { background-color: transparent; } .K-MsgPanel .K-MsgPanel-Content { background-color: #fff; border-color: #d3d3d3; color: #000; box-shadow: 1px 1px 2px #aaa; } .K-MsgPanel.K-Msg-Info .K-MsgPanel-Content { background-color: #ebf5ff; color: #000; } .K-MsgPanel.K-Msg-Warning .K-MsgPanel-Content { background-color: #ffffc8; color: #000; } .K-MsgPanel.K-Msg-Error .K-MsgPanel-Content { background-color: #ffebeb; color: red; } .K-MsgPanel.K-Msg-Error .K-Pri-Glyph-Content, .K-MsgPanel.K-Msg-Info .K-Pri-Glyph-Content, .K-MsgPanel.K-Msg-Warning .K-Pri-Glyph-Content { display: inline-block; background-repeat: no-repeat; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Info, .K-MsgPanel.K-Msg-Info .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGySURBVDhPjZLfK0NhGMe/52yYdjYzYRI5JZThwq9dU7hwoRaFK7culEvlD3BHLvy4stJKXLhyZ6VIRCQrP8o2ahqK2c4Zdma873tem+bGp855n+f7nOftOe/7FfCbhgUnTI5+mIq6YDSbmZZSVSSVXSTCm7gc9zONkG1s8g6iuH4aVrkZBXYucj6egVjIj9ebGZwNealkYAXn6hCK5AWUd8owFjLJlEdeZNv0F1mpZq4oQzLeA3vvHR42zgU2Xlm7B6VtrayD4LAB57NAVCWDTALvGi9Qnk78eDwcFmGpGYFFbuQygzYcXAN7FzlNFKvshLV2TIDLt43Krm4uM2pKeUAIPfHgN+GdfRFGycLTDAMdwMU8EFzkQi75FkmEIIg8zTC3BURe9NimX0ouBhGakuDJ/9HUuIi0doQPvv1/oN+mU8ciYjcexEPk/LK46rIjDrTra4b4bQCvV8u6c1rWRyFVLcHhkmhK75EZgJM52ciBgsT9BE7dK7pziBOYI760JhjyS5RUIaLkz38eZrnoVQDK3RRtoi1/TS5Vu5En9RGTm0iVHJ6awOebD7HgWtbkwDfvA4yLyJsmwQAAAABJRU5ErkJggg==); } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Warning, .K-MsgPanel.K-Msg-Warning .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGHSURBVDhPdZK7awJBEMY/Nwq+IooPLHx0NrHQJqSwChYp0oWkSEDwP7GzsRAsJF1Ik0IwgohdLNKZK3xBIBBBQURSKIha6WV2b9Uzkh8MN/vdzNztzBig4/kZUY8H1w4HLi0W2Li2WmGxWOB9MsFrKoWeCNRTLuO23UZ7OoWqqofGtU4H3UoFDzJco1TCXbOJn21gowHV74dqNkOt1/cFFAXzalUm899rtaBsX3IrFqHSK2GZzF7nxr/Mc1gggPtQCGeiisQmbqfhdktHEgwiGg4jzUwmnLtcMEtd4PVKh6DCBzidAOVcMKp+KrUdPp90CLrrEZRjZwYDmDzviEQAo1HzYzHt+YcTRjNaysMOux1IJoFEAqDOHkE5c7Ze42M2k4qObBYoFORBB4/dbKCwwQBPwyE+pS7I54F4XLNcToqS0Qj9fh+P4sCHyoe7nRUfOnVPGC3HboY8plZDWiRt4evU7eLrv5Xr9fCtTzpacmr/DTXnymoVs2XLJZbUjLfxGC/7JQd+Ac1Xx3IhqGvVAAAAAElFTkSuQmCC); } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Error, .K-MsgPanel.K-Msg-Error .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGDSURBVDhPdZJNK8RRFMZ/hoWXyWoWFr4BpXwDSlnYiY1SvoyFWPkAIgulUOOlNEPDjDGSzJjkJUsLKRbyUtTjnnvN339Gnnrqf899nnvO+Z/TRAxL0JuCkU4YbIMOi73D6yscPsD6JFS9MI41GCtD+RmkBlqsAhcbMPEjD1iF8RN4bDQ08hRe0jWzlXcOp/5yc1Pa35cGBn4NPT1SLhfu3Nkym4c9mH5yrXjR8rI8rq6k7m4plZIqlRBLp73Rys7BHIeQiV5vaZEymSAsFqVCIXyXSlIyGVVxBAXOoBQZjSbY3Q0GQz5fZzLaT0y4eSR8szV8fMCzK6iGr6/AejSTh1z8NS0uSp+fUrksHR+HrDs7oY0fjSu1iGt0NprdzEww3d5K/f1SX590fR1iCwteY1qXbN6Pw9V86Y3b21I2Wz+OoSGpWpUODvzZrc6dH4fBhmrDjcT/0DRbMOVNNdg6XcBNVHaMFrNMcdOfJe+C0SQMt0OrCyXe4M0tevYeVn6XHL4BAQpanBqXnUUAAAAASUVORK5CYII=); } .K-MsgGroup { background-color: transparent; } .K-Resize-Gripper { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAUklEQVQoz2P4z4AfMlBLgRImlFT6j0+BpM7/l624FUCkeXApgEor4XADTBqHG+DS2N2AKo3hBjRpdDegS6O5AUMazQ0wQ1Fp5LiogHAxaMKRBQCTZtR4Onj/1wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Button, .K-ListView, .K-PageNavigator > .K-PageNavigator-PageIndexer, .K-Panel, .K-Toolbar, .K-TreeView, .K-Widget-Grid .K-Widget-Grid-Cell { border-color: #d3d3d3; } .K-Widget-Grid .K-Widget-Grid-Cell { color: #d3d3d3; } .K-Button, .K-PageNavigator > .K-PageNavigator-PageIndexer, .K-Toolbar { background-color: #e6e6e6; background-image: none; } .K-Button .K-DropDownMark { opacity: .7; filter: Alpha(Opacity=70); } .K-Button.K-State-Focused, .K-Button.K-State-Hover, .K-Widget-Grid .K-Widget-Grid-Cell.K-State-Hover { color: #212121; border-color: #999; } .K-Button.K-State-Focused, .K-Button.K-State-Hover { background-color: #dadada; } .K-Button.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Focused, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Hover, .K-Widget-Grid .K-Widget-Grid-Cell:active { border-color: #aaa; } .K-Button.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Focused, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Hover { background-color: #fff; } .K-Button.K-Button-Kinded .K-Assoc-Glyph-Content, .K-Button.K-Button-Kinded .K-Pri-Glyph-Content { width: 16px; height: 16px; } .K-Button.K-Button-Kinded.K-Kind-DropDown .K-Assoc-Glyph-Content, .K-DataTable th .K-DataTable-SortMark.K-Sort-Desc, .K-PropListEditor .K-PropListEditor-PropExpanded .K-PropListEditor-PropExpandMarker, .K-TreeView .K-TreeView-ExpandMark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAL0lEQVQoz2P4z4AfMgwxBUr/kSE2BZJICiSxKUAokVRiwK4AokRSiUFpyAYUdggA17j3WwCKeZcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Button.K-Button-Kinded.K-Kind-Popup .K-Assoc-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAPklEQVQoz8XRsREAIAgEwSuBGui/Rwx+xIQ31LnwlwiKezwEuSvlARkz0KXmmAE944FmEge6GygHThP4+IsFeEbhCJf5RUQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Button.K-Button-Kinded.K-Kind-Search .K-Assoc-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAVklEQVQoz72RsQ3AIAwEXbphACivSRPJ+0/3FEQJUgwlus4+WW+9yfbYMYEB6IVMECIIAqFcCApOIdaCY3guXPsL9Qm3yNCm/OkXY3hjH3+hzmvOddEBlzrVu88TiE8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Button.K-Button-Kinded.K-Kind-Edit .K-Assoc-Glyph-Content, .K-Res-Icon-Color-Pick, .K-ValueListEditor .K-ValueListEditor-ActiveRow .K-ValueListEditor-IndicatorCell span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAASklEQVQoz73RsRHAMAgEwa/lWvhG1H8z70AJtsChhvB2CEDR/+gioI4JnoEJIRMwYs0bTFibdWDnYNSBVz7BJ58gpOYeuF7j2i8e9DPOkFXY/MIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Button.K-Button-Kinded.K-Kind-Enter .K-Assoc-Glyph-Content, .K-TextEditor-Btn-TextWrap > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAABFUlEQVQoz4WRv0tCARSFv/eMHCNDmoTgZTZl2VJUQxAt4dLU3GBDtIQW0tAWFITRlDRES8KDpgc1ZBIP7KcY4lB/QpANLdF2GrTE6tX9tnvOucO54DEy6njJAYUVVljBH7lG2uKJGrWD0dajneqR0TBcU6ZcGG7KZqk/kDsa+TJcUKToxj5lfzre5nLrxmTKkLk9yTl58m6sfrprLEWJM5zT6bvBm+hKPLSDg4NzOYTMSiSY5YpjbGwqVKlyTwEbuzv7bqHeUI4TDn9jNSU/8j3Pz6yz9x1rczf9MiEDULum9pP+LTJkXpNaUEIJJTQrS75mA30Pi5E1NqpRmR4lq+Ntbmn5ccCzfZBP47L+MDR/0br6hw84KJSIFrpMZwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Compact-Mark { border-bottom-color: #a3a3a3; border-right-color: #a3a3a3; } .K-State-Focused > .K-Compact-Mark, .K-State-Hover > .K-Compact-Mark { border-bottom-color: #999; border-right-color: #999; } .K-State-Active > .K-Compact-Mark { border-bottom-color: #777; border-right-color: #777; } .K-State-Disabled { opacity: .35; filter: Alpha(Opacity=35); color: #555; } .K-State-Disabled .K-State-Disabled { opacity: 1; filter: Alpha(Opacity=100); } input.K-State-Disabled, select.K-State-Disabled, textarea.K-State-Disabled { opacity: inherit; filter: ""; color: inherit; } .K-TextEditor .K-TextEditor-Toolbar .K-Button .K-Pri-Glyph-Content { width: 16px; height: 16px; } .K-Menu, .K-MenuItem, .K-MenuItem-Separator { background-color: #fff; } .K-Menu .K-MenuItem-Normal:active, .K-Menu .K-MenuItem-Normal:focus, .K-Menu .K-MenuItem-Normal:hover { background-color: #dadada; } .K-Menu, .K-Menu .K-MenuItem-Separator { border-color: #d3d3d3; } .K-Menu .K-MenuItem-Separator { color: #d3d3d3; } .K-Menu .K-MenuItem .K-CheckMenu-Marker, .K-Menu.K-Layout-V .K-MenuItem .K-SubMenu-Marker { width: 16px; height: 16px; margin: 0; padding: 0; top: 50%; margin-top: -8px; background-repeat: no-repeat; } .K-Menu.K-Layout-V .K-MenuItem .K-SubMenu-Marker { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAO0lEQVQoz82QQQ0AMBDCsIEL8C+uU7C75xa+TQMIzdF/QKmj3IFQ4glwCPUdUF3CYCgdDWTpsK14cvUBIsH1PKQalJoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Menu .K-MenuItem.K-State-Checked .K-CheckMenu-Marker { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAbUlEQVQoz62QwQ3DMAwDOdJxA+6/FPuwnDp99JPAgC1AJ+lkVf+P3gEsCyGulyB/AS7EKwol3IFdv9KuS44RyJkucV3XPx1CHYu4dOIDCHWpw6SX6rlF3Kkt8cjeJY/ZW/oANsKorvvFr34EfACiZMcHV5tZXgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-TextEditor-Btn-FontSizeInc > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAw0lEQVQoz4XRoRGEMBAF0DU4DCICE4GLTgFrUKcTHYOIjUoLtEALaYEWaCEt0MI/cZA5OODmi83svsnszBLoOfeDRPEEKl2hip93G1u0a6sPoE416gwCcc8rg8GZmzIWjcgiCQgLGpZh3TIVIEc5Sish082SKqsOpLKC6i6AjjptFTpeAM7cg0DcMTj/gJd94RB7AmY2pWWsgUkH4LQ7fOqygyuLkm/84qdv4CcPP/tmAwEBAWHdx2HZOgj28Vh/r7nnDTsf+weMuedEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-TextEditor-Btn-FontSizeDec > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAoUlEQVQoz5XRsQ3EIAwFUJdpERUdugUoGMANdbqUdFGK9BYrZIWswCyswAqs8K/JXRFBTqffWNaTbckEek6/WahdObvABNMMDEw1ajCYE4Mb+9uKqUz5U695TbcbtNdVQ6vhkTbZxVa7DIErTrnD5QFgxRnEgRurLpjTjCtLF8QcFQgUj3h2wO73/K3a/roBCQKBbCCQVIFAwuMvfj7rL/AGcID2ixZf8y0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-TabButtonGroup .K-Button, .K-TabView .K-TabView-Page-Container { background-color: #fff; color: #d3d3d3; border-color: #ddd; } .K-TabButtonGroup .K-Button.K-State-Active, .K-TabButtonGroup .K-Button.K-State-Focused, .K-TabButtonGroup .K-Button.K-State-Hover { border-color: #999; color: #000; } .K-TabButtonGroup.K-Layout-H > .K-Button, .K-TabButtonGroup.K-TabAtBottom > .K-Button, .K-TabButtonGroup.K-TabAtTop > .K-Button { border-bottom-color: transparent; border-top-color: transparent; } .K-TabButtonGroup.K-Layout-V > .K-Button, .K-TabButtonGroup.K-TabAtLeft > .K-Button, .K-TabButtonGroup.K-TabAtRight > .K-Button { border-left-color: transparent; border-right-color: transparent; } .K-TabButtonGroup.K-TabAtBottom > .K-Button.K-State-Focused, .K-TabButtonGroup.K-TabAtTop.K-Button.K-State-Focused .K-TabButtonGroup.K-TabAtBottom > .K-Button.K-State-Hover, .K-TabButtonGroup.K-TabAtTop > .K-Button .K-Button.K-State-Hover { border-bottom-color: transparent; border-top-color: transparent; } .K-TabButtonGroup.K-TabAtLeft > .K-Button.K-State-Focused, .K-TabButtonGroup.K-TabAtLeft > .K-Button.K-State-Hover, .K-TabButtonGroup.K-TabAtRight > .K-Button.K-State-Focused, .K-TabButtonGroup.K-TabAtRight > .K-Button.K-State-Hover { border-left-color: transparent; border-right-color: transparent; } .K-TabButtonGroup.K-TabAtBottom > .K-Button.K-State-Active, .K-TabButtonGroup.K-TabAtTop > .K-Button.K-State-Active { border-bottom-color: #f39814; border-top-color: #f39814; } .K-TabButtonGroup.K-TabAtLeft > .K-Button.K-State-Active, .K-TabButtonGroup.K-TabAtRight > .K-Button.K-State-Active { border-left-color: #f39814; border-right-color: #f39814; } .K-TabView .K-TabView-Page-Container { border-color: #d3d3d3; } .K-PageNavigator-Next > .K-Pri-Glyph-Content, .K-PropListEditor .K-PropListEditor-PropCollapsed .K-PropListEditor-PropExpandMarker, .K-TreeView .K-State-Collapsed .K-TreeView-ExpandMark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAMklEQVQoz2P4z4AfMtBdgdJ/JUklBiW8Cv4rSRJS8F9JkpCC/xSaQMAN+H0xGIIaEwIANWf3W1Q36xoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Widget-Grid .K-Widget-Grid-Cell .K-Widget-Grid-Interaction-Area .K-Button .K-Pri-Glyph-Content { display: inline-block; width: 16px; height: 16px; } .K-Widget-Grid-Button-Remove .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAARElEQVQoz83QsQ0AIAhE0ZvlL8BK7L/EWagdkcRGQ0HzjgCyzqW/AIkJRGCyAsaYnL0CsYgxUQHtNImuJrQ7dFc8e/UAxZn2Dxxn8xkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-ColorDropButton .K-Pri-Glyph-Content, .K-ColorPicker .K-ColorPicker-Palette, .K-ColorPicker .K-ColorPicker-Palette-Cell, .K-ColorPicker .K-ColorPicker-Spec-Color-Palette { border-color: #333; } .K-Color-Transparent, .K-ColorPicker .K-ColorPicker-Palette-Cell-Transparent, .K-Res-Icon-Color-Transparent { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAIklEQVQY02P4/////5aWlhYYzUCGADLn/////8kRGCTuAADTCsGB2k5UdAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-ValueListEditor .K-ValueListEditor-Row { background-color: #fff; border-color: transparent; } .K-ObjInspector, .K-ObjInspector .K-ObjInspector-PropListEditorContainer, .K-ValueListEditor, .K-ValueListEditor .K-ValueListEditor-Cell { border-color: #d3d3d3; outline-color: #d3d3d3; } .K-ValueListEditor .K-ValueListEditor-ValueCell { color: #303080; } .K-ValueListEditor .K-ValueListEditor-ActiveRow.K-PropListEditor-ReadOnly .K-ValueListEditor-IndicatorCell span, .K-ValueListEditor.K-State-ReadOnly .K-ValueListEditor-ActiveRow .K-ValueListEditor-IndicatorCell span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAO0lEQVQoz2P4z4AfMtBVgRKDkpLSf6X/Sv+VlJRwKPgPh3gUMOBW8B8ZUqCAgZACDgqsSEBSkEDHuAAAe8f7eFCun2wAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-ValueListEditor, .K-ValueListEditor .K-ValueListEditor-ActiveRow, .K-ValueListEditor .K-ValueListEditor-IndicatorCell, .K-ValueListEditor .K-ValueListEditor-Row:active, .K-ValueListEditor .K-ValueListEditor-Row:hover { background-color: #e6e6e6; } .K-ValueListEditor .K-ValueListEditor-ActiveRow { border-color: #d3d3d3; outline-color: #d3d3d3; } .K-ValueListEditor .K-ValueListEditor-ActiveRow .K-ValueListEditor-ValueCell { background-color: #fff; } .K-ObjInspector { background-color: #f6f6f6; } .K-Widget-Configurator .K-ObjInspector { background-color: #fff; } .K-Dialog, .K-Dialog .K-Dialog-Caption { border-color: #aaa; text-shadow: 1px 1px 2px rgba(255, 255, 255, .7); } .K-Dialog, .K-Dialog-Client { background-color: #fff; } .K-Dialog .K-Dialog-Caption { background: #eee; background: -moz-linear-gradient(top, #eee 0, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100%, #ccc)); background: -webkit-linear-gradient(top, #eee 0, #ccc 100%); background: -o-linear-gradient(top, #eee 0, #ccc 100%); background: -ms-linear-gradient(top, #eee 0, #ccc 100%); background: linear-gradient( to bottom, #eee 0, #ccc 100%); } .K-DataTable thead { background-color: #e6e6e6; } .K-DataTable th .K-DataTable-SortMark { width: 16px; height: 16px; } .K-DataTable th .K-DataTable-SortMark.K-Sort-Asc, .K-DataTable th .K-DataTable-SortMark.K-Sort-Desc { opacity: .5; } .K-DataTable th .K-DataTable-SortMark.K-Sort-Asc, .K-DataTable-Edit > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAANklEQVQoz9XQoQ0AMAwDQa9h+vvv6IKqUkBSHj30ISv6p1UAIUwwYgAm5JIOvDkEdyC1rUdNHUo491tjBfDQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-DataTable tr.K-State-Hover { background-color: #eee; } .K-DataTable tr.K-State-Active { background-color: #eee; } .K-DataTable-Delete > .K-Pri-Glyph-Content, .K-DataTable-Edit > .K-Pri-Glyph-Content, .K-DataTable-Insert > .K-Pri-Glyph-Content, .K-PageNavigator-First > .K-Pri-Glyph-Content, .K-PageNavigator-Last > .K-Pri-Glyph-Content, .K-PageNavigator-Next > .K-Pri-Glyph-Content, .K-PageNavigator-Prev > .K-Pri-Glyph-Content { width: 16px; height: 16px; } .K-DataTable-Insert > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAJUlEQVQoz2P4z4AfMtBRgRIE/lf6D2HRQsF/VEiGAto7cgDjAgAm4+Ol2sgf0AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-DataTable-Delete > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAGklEQVQoz2P4z4AfMgwvBUr/USHpCoZ3QAEAqzcBMGEbzFsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-PageNavigator-First > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAANUlEQVQoz2P4z4AfMgwpBUr/ldKUGKDQQWm/0n9cChyU9iv9V/qPSwFUErcCgibgdsNgDkkAnOTwz/xRhdUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-PageNavigator-Last > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAL0lEQVQoz2P4z4AfMgwhBUr/lfYrOSgxQGGa0n9MBf+RFOFUAFFErgn43TC4QxIAwTzwz6YljAoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-PageNavigator-Prev > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAAM0lEQVQoz2P4z4AfMgw2BUoMSgxKkkr/8SmQVPqPT4Gk0n/8Cv4TUkDQBIJuIOSLAQpqAPvV91uU1CrHAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Action-Open-Configurator > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAACXBIWXMAAA3WAAAN1gGQb3mcAAADGGlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBFTAyMHy7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BSMDVQYqg4jIKAUICxE+CDEESC4tKoMHJQODAIMCgwGDA0MAQyJDPcMChqMMbxjFGV0YSxlXMN5jEmMKYprAdIFZmDmSeSHzGxZLlg6WW6x6rK2s99gs2aaxfWMPZ9/NocTRxfGFM5HzApcj1xZuTe4FPFI8U3mFeCfxCfNN45fhXyygI7BD0FXwilCq0A/hXhEVkb2i4aJfxCaJG4lfkaiQlJM8JpUvLS19QqZMVl32llyfvIv8H4WtioVKekpvldeqFKiaqP5UO6jepRGqqaT5QeuA9iSdVF0rPUG9V/pHDBYY1hrFGNuayJsym740u2C+02KJ5QSrOutcmzjbQDtXe2sHY0cdJzVnJRcFV3k3BXdlD3VPXS8Tbxsfd99gvwT//ID6wIlBS4N3hVwMfRnOFCEXaRUVEV0RMzN2T9yDBLZE3aSw5IaUNak30zkyLDIzs+ZmX8xlz7PPryjYVPiuWLskq3RV2ZsK/cqSql01jLVedVPrHzbqNdU0n22VaytsP9op3VXUfbpXta+x/+5Em0mzJ/+dGj/t8AyNmf2zvs9JmHt6vvmCpYtEFrcu+bYsc/m9lSGrTq9xWbtvveWGbZtMNm/ZarJt+w6rnft3u+45uy9s/4ODOYd+Hmk/Jn58xUnrU+fOJJ/9dX7SRe1LR68kXv13fc5Nm1t379TfU75/4mHeY7En+59lvhB5efB1/lv5dxc+NH0y/fzq64Lv4T8Ffp360/rP8f9/AA0ADzT6lvFdAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAKESURBVHjarJRNSFRRGIafc++dGXXujJSaP2giEmXCmChqRO1atCiIXEXU0hbSohZuW7StlYsgaBMUCBGYm1YVUpklpWHgosY/Jn+6xp2Ze/X+nhZmM4wSCJ2zO+/7nfN97/e9R0j2txT+U4BA7A1ou4+sePqo3wjacstc3NoFy8IWdsKssiNjqegIDk50ZCxlR8wqOyFFgaUVJRG70T/afXFCt90k38BNvjzyvONZ34WPD57g8EcdsaPSpj7Y//Sq2aBb0WBDIwSUg76r5uPJH5ceDY9U5Etq8KPjx0wdLx9DYOED2kYciZuNj7cFMfIlKiXModnaDCarrOEgkTissYpZmxn6kjBLVMrH37QqUc3DJRROg9W9BR/LMnEZwdM8VXvRduq7bhVqEF9TJwezDYBEa/h569PNb3Cv9W5nphofAcnMu+HjM4DcTklx6rK9lOHi4KeMgfeMMjrwPmXg4+BSlu116lAQOzUo0iWNgYNHmLXnDELCOSNrE+LhYJCW7jZXvQ0gFT1szud+aSF4Rnk62biycODO+YlWLyCIuO3rVzbOvdVXivoQVK51LTZd7vqewKM8UtGehdmkZ7NJpDX3eKpp6dCUahappJr106MtVoCDT+hpnxuBn1j4hLngg9Yzg1nSuLz3sHoVHCQeFsuAgoIgWBMPa64Feum0RsOBdFC+VJ4IhFwSjgIxr0lKkVMPbw3Ox/y/IycLzmiePDNZddoOxfXKyTj0WPdNRY5X9Bg948wTlvohZKHr9YkadeWH3nl2Mgqdds2r+nxbnbrO4g69+AUAFQ3PT6z3rXZA7XTNhJYjgk9QZEW5l20rqQIMzMLN/wrYcbRkD1Ds95v5PQCnVyKO79SErgAAAABJRU5ErkJggg==); } .K-Res-Cursor-Rotate { cursor: url(data:image/x-icon;base64,AAACAAEAICAAAAkACwAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAIAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////////////////////////+D///+AP///Hx///z+f//5/z//+f8///nvP//5////+f8///zf///8Tn///gf///+H////z////9///////////////////8=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACGFjVEwAAAABAAAAALQt6aAAAAAaZmNUTAAAAAAAAAAgAAAAIAAAAAAAAAAAAKcD6AEAxIjTvQAAAHVJREFUWIXtlcEKgDAMQzvx/395ngSRRVOWToS80w6lCW3DIswP6JXNt69NtKTwW32anRQuY7SCq3gD7x6FJu/Nl01jJK6qhaAbYJAc5EwMJRNgDcjjlzWwFGa0shg+TQAJSGOJdsuISO4i+xfIhI0xxhhzcgA3hhkG91FoQQAAAABJRU5ErkJggg==) 10 12, pointer; } .K-Res-Cursor-Rotate-NE { cursor: url(data:image/x-icon;base64,AAACAAEAICAQABAAEADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAAdwAAAAAAAAAAAAAAAAAADwDwAAAAAAAAAAAAAAAAAAgA8AAAAAAAAAAAAAAAAAAHAHAAAAAAAAAAAAAAAAAA8AAPAAAAAAAAAAAAAAAAAPh3jwAAAAAAAAAAAAAAAAAAeAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAgPAAAAAAAAAAAAAAAAAADwgAAAAAAAAAAAAAAA//APBwAAAAAAAAAAAAD/+HCPgHAAAAAAAAAAAAAA9wAAAHgAAAAAAAAAAAAAAPiHAHgAAAAAAAAAAAAAAAAAAPeAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////////////////////////////////////////////////////////////////////////+f////n////w////8P////D////gf///4H////n////5////8f///+P///jH//+AD///gB///4B////4////////////w==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACGFjVEwAAAABAAAAALQt6aAAAAAaZmNUTAAAAAAAAAAgAAAAIAAAAAAAAAAAAKcD6AEAxIjTvQAAAK9JREFUWIXtlUEKwzAMBEelD/PT9LTNy9RLFUzTQNK0MgUP+CKINawjGyZfJCLC3UNSHP3mfrXhsiwASMLMAHB3JEVrza7sf0jA3QN4u86m8ZFAImmVkbTWUuRnEntCfa1UYk+MZzLDJPI4+nRGsEnhVtnd3Te1EoFuIpBETklF71WAlzui/F/oL6whI5lTwKhJ6I+hF7j0GJ3BzCyjt3y1KgUAWmuV7SaTyWQy+RMeiwquZStdcE4AAAAASUVORK5CYII=) 16 16, pointer; } .K-Res-Cursor-Rotate-NW { cursor: url(data:image/x-icon;base64,AAACAAEAICAQABAAEADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIgAAAAA/wAAAAAAAAAAAAB3AAAAAAAAAAAAAAAAAAAPAPAAAAAAAAAAAAAAAAAADwCAAAAAAAAAAAAAAAAAAAcAcAAAAAAAAAAAAAAAAADwAA8AAAAAAAAAAAAAAAAA+HePAAAAAAAAAAAAAAAAAACHAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAPCAAAAAAAAAAAAAAAAAAAAIDwAAAAAAAAAAAAAAAAAAAHDwD/8AAAAAAAAAAAAAAAAHCPgHj/8AAAAAAAAAAAAAAIcAAAB/AAAAAAAAAAAAAAAAhwB4jwAAAAAAAAAAAAAAAAh/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////P8///z////4f///+H////h////wP///8D////z////8/////H////4/////GP///4AP///AD///8A////j/////////////w==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACGFjVEwAAAABAAAAALQt6aAAAAAaZmNUTAAAAAAAAAAgAAAAIAAAAAAAAAAAAKcD6AEAxIjTvQAAAJ1JREFUWIXtlEEOAyEMA51qH8bT8jT/zHvYRs2iHroHglRlJA4ggR0TAJoHkJS7S5K2iQMQALm7SIrkWkOz8DyWJhLCUSXJW/WZZeL58KWCmah0S7O9RSPueqL6Kr3Xt0V3r9L/GIguJwngSqK0B+Lu8yhvwvmnKxUH7ilseQXZQFX8R56YmUX0ZmblBgBgjPHTxkioymjTNE3T/C8nhFi5FLM7xWoAAAAASUVORK5CYII=) 16 16, pointer; } .K-Res-Cursor-Rotate-SE { cursor: url(data:image/x-icon;base64,AAACAAEAICAQABAAEADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+PAAAAAAAAAAAAAAAAD/hwCPAAAAAAAAAAAAAAAAcAAAAHgAAAAAAAAAAAAAAPh3AI93fwAAAAAAAAAAAAAAAPjwD3DwAAAAAAAAAAAAAAAAAAAIDwAAAAAAAAAAAAAAAAAAAHcAAAAAAAAAAAAAAAAAAADw8AAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAD3B3AAAAAAAAAAAAAAAAAA8ABwAAAAAAAAAAAAAAAAAAcA8AAAAAAAAAAAAAAAAAAIBwAAAAAAAAAAAAAAAAAADwgAAAAAAAAAAAAAAAAAAA9/AAAAAAAAAAAAAAAAAAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////////j///+Af///gB///4AH///4w/////H////5////+P////z////wf///8H////h////4////+P////j////8////////////////////////////////////////////////////////////////////////////////w==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACGFjVEwAAAABAAAAALQt6aAAAAAaZmNUTAAAAAAAAAAgAAAAIAAAAAAAAAAAAKcD6AEAxIjTvQAAALVJREFUWIXtlVEOwyAMQ51tB2tvlt7MnMz7AQZbpX2sSyctT0IICckB7AAkSZIkSfJvqNLWl2jxbdsiJV8LACCS59xAKQUAQDJS9oG7C4BQrQAAtyhxSTKzvm5eCH0Cd5/ms5hMGKtcUzD2gWtkAWbmy7JgXVd7v/tg6rVPpz8cSSI5iUhSi9+e+EcxlKRSSm8sLWYke9ttcZMEG3N4BGNj2Rvu/l3Ht5+NpMZinp8hjD0P/Dx3JrWfhQN9eBkAAAAASUVORK5CYII=) 16 16, pointer; } .K-Res-Cursor-Rotate-SW { cursor: url(data:image/x-icon;base64,AAACAAEAICAQABAAEADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAACH8AAAAAAAAAAAAAAAAAAIcAeI8AAAAAAAAAAAAAAIcAAAB/AAAAAAAAAAAAAAcI+AeP/wAAAAAAAAAAAABw8A//AAAAAAAAAAAAAAAIDwAAAAAAAAAAAAAAAAAA8IAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAACHAAAAAAAAAAAAAAAAAAD4d/8AAAAAAAAAAAAAAAAA8AAPAAAAAAAAAAAAAAAAAAcAcAAAAAAAAAAAAAAAAAAPAIAAAAAAAAAAAAAAAAAADwDwAAAAAAAAAAAAAAAAAAB3AAAAAAAAAAAAAAAAAAAAiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////+P////AP///AD///gA///xj///4////8f////P////z////wP///8D////h////4f///+H////z////8////////////////////////////////////////////////////////////////////////////////////w==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACGFjVEwAAAABAAAAALQt6aAAAAAaZmNUTAAAAAAAAAAgAAAAIAAAAAAAAAAAAKcD6AEAxIjTvQAAAKBJREFUWIXtlDEOAyEMBE2Uf2N+trxs0wCCQLqwSeGRTuLuCg9ry2ZBEARBEPwbAAiAqnrPg4Cq9g5JmhnbUZLC49OPWqui/ipQShlneSvm+E3YhmUIAYyb55xv114FUkqpSRDAeJfTdoBsD2z0WVAuo42egmoXHHH3TYITUgkAJNnbQncf364LAWAXOT3urknkXaSn0JO4LjBL/HQ4v80LekuprjId4lUAAAAASUVORK5CYII=) 16 16, pointer; } .K-Color-Default, .K-Color-Unset, .K-Res-Icon-Color-NotSet { background-image: url(data:image/gif;base64,R0lGODlhMQAxAPQRAL1JMr5ON8BTPsRfS8ZlUclqWMtwXs97a9WNfteShd2jl+W5sevLxPHc1/bn5Prz8fz4+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAABEALAAAAAAxADEAAAW0IGM8UWmeaKqubEQABdnO9OwMsFzvfHTnvSDtFxMaV0TdcenDERzMqKMAGECjywfVis1ur12htgoO98ZccxBdVtfY7vM3zoPT3/M7za5voRt9M2MCgIEsEAcAhIaHiYuMKoiKhZAoko+VJ5eUmSWbnZqOnJ2foJ6ipqeTqRGlppIBDKwQCACxrBG1t6y6sry2vqm9uMO/u8LAxMnGwabFyAELuAkAANKsCtXXqdnWuN24EdkhADs=); } .K-Color-Mixed, .K-Res-Icon-Color-Mixed { background-image: url(data:image/gif;base64,R0lGODlhMQAxAPIEAAAA/yKxTDMzM+0cJP///wAAAAAAAAAAACH5BAUAAAQALAAAAAAxADEAAALGFI6py+04hHm01hik3fwMnE3dyHxCgIbkCpkpqrHjB76qvNG1LeKPfrKlYr6GbickFhPHoPClXB6Rz5u0WX1GWVNqNlPserPbjtj55fXM53S1TBGP3VaLfE6HL+5ounZdwueXBqhwhzdYZ3jYl5hUeIjoqBgpOUlUaXlpkNk4SZap+Rnq+fkUKuqIWmr6gpo6+MraGvAKS2c7a2p7m8arO8nbmyU8fCoMHFucjLtM61psDO38XBstjXKNbX3NTKztXaXt0loAADs=); } .K-Res-Button-LoadFile .K-Pri-Glyph-Content, .K-Res-Button-NoCancel .K-Pri-Glyph-Content, .K-Res-Button-Reset .K-Pri-Glyph-Content, .K-Res-Button-YesOk .K-Pri-Glyph-Content { width: 24px; height: 24px; } .K-Res-Button-YesOk .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAT9JREFUOMvVkztLA0EYRW8maQMxuxuDjYqijajgo1B/i6VdjEl2DXkQoktAxSeIrN0KwgpCrOxiEQUDSWGjhQj+lWsxu+TBomuZucU8OGeYj5kBhrExRPEfPMwRJhgJigtq48fRe44FUiioThzgG19Rx0ehYGgQn6zhE2208RG7ZaKvFkaoMtZdoqA6tY93vMhsnTHesyEjTGpX80UqUqGgOr2HNzRkjCqXGO7FR7VLtNBZMBinoKA6U0EHjzK7FS734oJK8hzPqOMBrcUsFWqzJbyiLlMo9+FS2DyFAwcO7tBczc4V0XTnTrkwgLtHWksXYcOGjRs8oeGO7XLeB/eUjAELFixcu71V1bnii3tKTsdFN2buF9xV1vUMjmRqO3/grrKRT8OEebgdAPeUUuokFRD3aum71UBvNDRUP/wHoimnPbvdECsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Res-Button-NoCancel .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAXFJREFUOMvNUzFrwmAUPDV+isHBPUuRKkJHFZ2LoFN08GcIDiouDtJFBIcKQicLCtUpk6Kgm6WDkSI6OfgzQsbroNZWE0o33y3v4G54994Dbr/osGcWYspUKH1ziQplWxMd9Meq3rkePlgo6WHvPFal39JCB/3xCvbYiZkepkRJD4sZdtjHK5YWyokydtCxxMYz/Yx8RjxTbLCEjl2iTPlS7qTyoOEdCyywwMo79o6xOrL3B40KnZcWl6FGO5gf8YGPUx/tGCpdVlMIQ423Mf6NeNtQKexyEkY22YJ2RrJlZG3lAKVt5L6PwRn3/W3kvJcr+Trke4OG1x/QfG/rkKWFrnXI18cQLxcY+vrr0NXQdFIJdNHD8wGPtcfaqUcv0LWKVR6U3Q000UQzVTVzZi5VPTB3Y3C9OIAOBkcFdx1P6ZKpUlCYarqEJ3d9VGDQ7pqCk0K+aB5zpzDVfHFiJz9a7pg5507BDO/+/Il/PNBt1BfgZMJrnUN3xAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); } .K-Chem-Reset > .K-Pri-Glyph-Content, .K-Chem-ResetZoom > .K-Pri-Glyph-Content, .K-Res-Button-Reset .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAAAX0lEQVQ4y2P8z0AaYGIY1UAYsCBz1NoZUhn+oan4y9B1qx+HBjYRBmEshgrjtIHjDxbl/xj+4NZAqh9I1sBJcxvooIEda1pgw6mB7RSDAsNfFOWMDH8YLqIIjOY4IgAARToOhEa9OTkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Chem-LoadData > .K-Pri-Glyph-Content, .K-Chem-LoadFile > .K-Pri-Glyph-Content, .K-Res-Button-LoadFile .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAWBJREFUOMudkzEvBEEYht91O0e2uyBBXOxwJYX4B37INZcTDd3FkOtULhoVnU4nCpFrJJJLNFREgkahUvkLj8Le7uxETpine2ee/b58Myv9bxFRwWRUiH4/Ps4MKRZLygzjvwkxs/GtPr8xN8wxkdf7ZqwsGFK96WUIKyxhPepMEpcFq4ecR30EvE8fM+VVwbCouxHc64nUq0GVBo69EezQoFrMqDZ/oGe9jeB5/oBaNm5i6tFAfV2NoB8NqGdNYbC60HnB6zZtWrRo0X7dztILLKYQznxYJsnmn7CcpyXh1CffKu2VhROfQAhTDFZHPoEQphisej6BEKYYrPZ9AiFMiaknu+oWBEJXXXWT3eIeImqHG0lHbggNb6wNObmkc7iR37REhVWatGizJSfXW8+f91JvXU6OTdao+A98LPtemnTkdKnrnEu5pMNC/vSCXzVo7od2AmXYnE+T1VI7f1tf+stpg2rxPQUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Res-Icon-Remove .K-Pri-Glyph-Content { width: 24px; height: 24px; } .K-Chem-ClearObjs > .K-Pri-Glyph-Content, .K-Res-Icon-Remove .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAABIAAAASABGyWs+AAAAB3RJTUUH4gkUDSYN8ITeWgAAANVJREFUOMvN1DEvQ2EUh/FfUp3sdzVhxmISJCQGI2EVo8HUpZsuDQnpYCAhsfgMPoNb73EbEYkvY7Go+7YSJD3Pep6cc4bz5w+q4VBLy5HpnwmLrvT09KyObpzVdVnDmaW69sKrgaglmf8urLl1nWW7bsacbobl+hvWsyvt5oTKgw2lcOpYCHvuhJ28cINSsm9FJSmcSOOE/heh8y9CfAqh0Bl/w0ROmKiV7jUNJAe2VJIZF3lhQSU8exH63oTw6F3YzP1cWykN8eRcc1QATA3R+GWkfABt2p0clgykqwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAAElFTkSuQmCC); } .K-Chem-Periodic-Table { cursor: default; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend { float: right; position: relative; text-decoration: none; border: 1px solid; padding: .3em .5em; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend-Content { position: absolute; right: 0; bottom: 1.6em; padding: .5em; display: none; border: 1px solid; z-index: 10; cursor: default; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend:active .K-Chem-Periodic-Table-Legend-Content, .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend:hover .K-Chem-Periodic-Table-Legend-Content { display: block; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Legend-Color, .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Legend-Colors { float: left; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Legend-Colors { width: 20em; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Legend-Color { width: 47%; border: 1px solid; padding: 1px; margin: 1px; white-space: nowrap; font-size: 1em; text-align: center; } .K-Chem-Periodic-Table table { border-collapse: collapse; margin: .5em auto; } .K-Chem-Periodic-Table td, .K-Chem-Periodic-Table tr { text-align: center; vertical-align: middle; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Head-Cell-Group { vertical-align: bottom; } .K-Chem-Periodic-Table td { padding: 0; margin: 0; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-Cell, .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-StubsCell { border: 1px solid; } .K-Chem-Periodic-Table-Head-Cell-Content { display: inline-block; position: relative; padding: .3em .3em; font-weight: 700; font-size: 1.1em; } .K-Chem-Periodic-Table-Elem-Cell-Content { display: inline-block; padding: .3em .3em; text-align: center; line-height: 1.1; width: 6em; font-size: .8em; letter-spacing: -.1em; } .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Elem-Cell-Content { float: left; width: 8em; padding: .5em; color: #fff; font-size: 1.1em; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-Cell .K-Chem-Periodic-Table-Elem-Cell-Content:hover { transform: scale(1.2); outline: 1px solid; box-shadow: 1px 1px 2px; z-index: 5; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-Cell.K-State-Disabled .K-Chem-Periodic-Table-Elem-Cell-Content:hover { transform: none; outline: inherit; box-shadow: inherit; z-index: inherit; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Atomic-Num { float: left; font-weight: 700; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Atomic-Weight { float: right; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol, .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol-Stubs { clear: both; display: block; font-size: 3em; font-weight: 700; } .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol { font-size: 2em; } .K-Chem-Periodic-Table-Legend .K-Chem-Atomic-Num, .K-Chem-Periodic-Table-Legend .K-Chem-Atomic-Weight { max-width: 40%; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol-Stubs span { font-size: 50%; vertical-align: middle; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Name { display: block; clear: both; } .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Atomic-Num, .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Atomic-Weight, .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Name { opacity: .6; } .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Atomic-Weight, .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Elem-Name, .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Periodic-Table-Head-Cell .K-Chem-Periodic-Table-Head-Cell-Content { display: none; } .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol, .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Periodic-Table-Elem-Cell-Content .K-Chem-Elem-Symbol-Stubs { font-size: 1.5em; } .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Periodic-Table-Elem-Cell-Content { width: 3em; } .K-Chem-Periodic-Table.K-Chem-Periodic-Table-Mini .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Elem-Cell-Content { width: 6em; } .K-Chem-Displayer-DrawContext-Parent, .K-Chem-Viewer-UiContext-Parent { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .K-Chem-Viewer { width: 20em; height: 15em; } .K-Chem-Viewer .K-Chem-InnerToolbar { display: block; z-index: 10; } .K-Chem-Viewer .K-Chem-InnerToolbar.K-Chem-Viewer-Embedded-Toolbar { position: absolute; } .K-Chem-Viewer .K-Chem-InnerToolbar.K-Button { height: 37px; } .K-Chem-Viewer .K-Chem-Viewer-Caption { display: block; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: .5em 0; width: 100%; text-align: center; } .K-Chem-Viewer .K-Error-Report { display: block; position: absolute; left: 0; right: 0; top: 0; padding: .3em .6em; } .K-Chem-Viewer-Editor-FullClient { position: fixed !important; top: 0 !important; left: 0 !important; } .K-SpectrumInspector { width: 60em; height: 25em; overflow: hidden; } .K-SpectrumInspector .K-SpectrumInspector-Client { display: flex; flex-direction: row-reverse; height: 100%; width: 100%; padding: 0; margin: 0; } .K-SpectrumInspector.K-SpectrumInspector-AssocTailing .K-SpectrumInspector-Client { flex-direction: row; } .K-SpectrumInspector.K-Layout-V .K-SpectrumInspector-Client { flex-direction: column-reverse; } .K-SpectrumInspector.K-SpectrumInspector-AssocTailing.K-Layout-V .K-SpectrumInspector-Client { flex-direction: column; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder { padding: 0; margin: 0; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder-AssocViewer { flex: 0 0 25%; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder-SpectrumViewer { flex: 1 1 auto; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder-ModifierPanel { display: none; flex: 0 0 auto; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder-HiddenCanvas { flex: 0 0 0; display: none; } .K-SpectrumInspector.K-SpectrumInspector-Editing .K-SpectrumInspector-Client .K-SpectrumInspector-ClientComponentHolder-ModifierPanel { display: block; } .K-SpectrumInspector .K-SpectrumInspector-Client .K-Chem-Viewer { display: block; width: 100%; height: 100%; margin: 0; } .K-MenuItem.K-SpectrumInspector-MenuItem-SpectrumDataSection { margin-left: 2em; } .K-Chem-StructureConnectorSelectPanel, .K-Chem-StructureNodeSelectPanel { width: 20em; } .K-Chem-CheckResultListView { padding: 0; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item { display: block; padding: .2em .5em; padding-left: 20px; margin: 0; border-bottom: 1px solid; background-repeat: no-repeat; background-position-x: 4px; background-position-y: 4px; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item .K-Chem-CheckResultListView-Item-SolutionSection, .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item .K-Chem-CheckResultListView-ItemBody { vertical-align: middle; padding-left: .3em; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item .K-Chem-CheckResultListView-ItemBody { display: block; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item .K-Chem-CheckResultListView-Item-SolutionSection { display: none; } .K-Chem-CheckResultListView.K-Chem-CheckResultListView-SolutionEnabled .K-Chem-CheckResultListView-Item.K-State-Selected .K-Chem-CheckResultListView-Item-SolutionSection { display: block; padding-right: .3em; text-align: right; } .K-Chem-CheckResultListView.K-Chem-CheckResultListView-SolutionEnabled .K-Chem-CheckResultListView-Item.K-State-Selected .K-Chem-CheckResultListView-Item-SolutionSection .K-Chem-CheckResultListView-Item-SolutionWidget { font-size: .8em; margin: .3em .5em; } .K-Chem-IssueInspector { width: 20em; height: 30em; padding: 0; overflow: hidden; } .K-Chem-IssueInspector .K-Chem-IssueInspector-SubPart { margin: 0; padding: 0; } .K-Chem-IssueInspector .K-Chem-IssueInspector-ListPanel { position: absolute; left: 0; right: 0; bottom: 0; } .K-Chem-IssueInspector .K-Chem-CheckResultListView { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .K-Chem-IssueInspector.K-Chem-IssueInspector-Flex-Layout { display: inline-flex; flex-direction: column; } .K-Chem-IssueInspector.K-Chem-IssueInspector-Flex-Layout .K-Chem-IssueInspector-ListPanel { position: relative; top: auto; flex: 1 1 auto; } .K-Chem-StructureNodeSelectPanel .K-TabView .K-TabView-Page-Container { height: 22em; overflow-y: auto; } .K-Chem-StructureNodeSelectPanel .K-Chem-StructureNodeSelectPanel-SetButton { min-width: 3em; } @supports (display:-webkit-flex) or (display:-moz-flex) or (display:-ms-flex) or (display:flex) { .K-Chem-StructureNodeSelectPanel { display: inline-block; position: relative; height: 20em; } .K-Chem-StructureNodeSelectPanel .K-TabView { height: 100%; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .K-Chem-StructureNodeSelectPanel .K-TabView .K-TabView-Page-Container { height: auto; -webkit-flex: auto; -moz-flex: auto; flex: auto; display: -webkit-flex; display: -moz-flex; display: flex; } .K-Chem-StructureNodeSelectPanel .K-TabView .K-TabView-Page-Container .K-TabView-Page { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; } .K-Chem-StructureNodeSetter { width: 22em; display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: column; } .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSelectPanel { width: auto; flex: auto; } } .K-Chem-StructureNodeSetter.K-ChemEditor-Atom-Setter { margin: 0; } .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSelectPanel, .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSetter-InputBox { display: block; } .K-Chem-StructureNodeSetter-InputBox .K-ComboTextBox-Assoc-Widget .K-Pri-Glyph-Content { display: none; } .K-Chem-StructureConnectorSelectPanel .K-Chem-StructureConnectorSelectPanelAdv-ExtraSection { margin-top: .7em; } .K-Chem-Charge-SelectPanel .K-Chem-Charge-SelectPanel-BtnGroup { display: block; margin: .5em auto; background-color: transparent; text-align: left; } .K-Chem-Charge-SelectPanel .K-Chem-Charge-SelectPanel-BtnGroup .K-Chem-Charge-SelectPanel-ChargeButton { min-width: 4em; } .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-SizeSetter { display: inline-block; margin-right: .5em; vertical-align: middle; } .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-SizeSetter * { display: inline-block; vertical-align: middle; } .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-SizeSetter .K-NumInput, .K-Chem-GlyphPath-Line-SettingPanel .K-NumInput { margin-left: .5em; margin-right: .5em; } .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-SizeSetter .K-NumInput { width: 7em; } .K-Chem-Glyph-ReactionArrow-PresetSelector .K-Button, .K-Chem-Glyph-ReactionArrow-PresetSelector-ButtonSet-DropDown .K-Button { text-align: left; } .K-Chem-GlyphPath-Line-SettingPanel .K-NumInput { width: 6em; } .K-Chem-GlyphPath-SettingPanel .K-Chem-GlyphPath-SettingPanel-Section { display: block; } .K-Chem-GlyphPath-SettingPanel-Section-Title { display: block; font-size: 1em; font-weight: 700; } .K-Chem-ReactionArrow-SettingPanel-ArrowPresetSection .K-Chem-GlyphPath-SettingPanel-Section-Title { display: inline; margin-right: .5em; } .K-Chem-GlyphPath-SettingPanel .K-Chem-GlyphPath-SettingPanel-Section .K-Chem-GlyphPath-SettingPanel-Section-Panel { border: none; margin: .5em; padding: 0; } .K-Chem-GlyphMultiPath-SettingPanel .K-Chem-GlyphMultiPath-SettingPanel-PathSettingPanel, .K-Chem-GlyphMultiPath-SettingPanel .K-Chem-GlyphMultiPath-SettingPanel-PathTabGroup { float: left; clear: left; } .K-Chem-Editor { overflow: auto; } .K-Chem-Editor .K-Chem-Editor-Client { position: relative; width: 100%; height: 100%; margin: 0 auto; } .K-Chem-Editor .K-Chem-Editor-UiEvent-Receiver { background: #fff; opacity: 0; filter: Alpha(Opacity=0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .K-ChemEditor-Text-Setter { min-width: 8em; min-height: 1em; margin: 0; padding: 2px; margin-left: -3px; margin-top: -3px; } .K-ChemEditor-Atom-Setter { width: 8em; } .K-Chem-Composer { position: relative; width: 600px; height: 400px; min-width: 300px; min-height: 200px; } .K-Chem-Composer .K-Chem-Editor { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .K-Chem-Composer .K-Chem-Composer-Editor-Stage, .K-Chem-Composer .K-Chem-Editor, .K-Chem-Composer .K-Chem-Editor .K-Chem-Editor-Client { touch-action: none; } .K-Chem-Composer .K-Chem-Composer-Bottom-Region, .K-Chem-Composer .K-Chem-Composer-Left-Region, .K-Chem-Composer .K-Chem-Composer-Top-Region { position: absolute; padding: 0; margin: 0; } .K-Chem-Composer .K-Chem-Composer-Bottom-Region { overflow: hidden; } .K-Chem-Composer .K-Chem-Composer-Top-Region { left: 48px; height: 37px; } .K-Chem-Composer .K-Chem-Composer-Bottom-Region { left: 48px; height: 32px; } .K-Chem-Composer .K-Chem-Composer-Left-Region { top: 37px; width: 48px; } .K-Chem-Composer .K-Chem-Composer-Toolbar { z-index: 100; margin: 0; padding: 0; } .K-Chem-Composer .K-Chem-Composer-Common-Toolbar { position: absolute; top: 0; } .K-Chem-Composer .K-Chem-Composer-Zoom-Toolbar { float: right; } .K-Chem-Composer .K-Chem-Composer-Chem-Toolbar { display: block; float: right; } .K-Chem-Composer .K-Chem-Composer-Zoom-Toolbar .K-Button { padding: 4px 5px; } .K-Chem-Composer .K-Chem-Composer-Assoc-Toolbar.K-Layout-H, .K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar, .K-Chem-Composer .K-Chem-Composer-Style-Toolbar { float: left; margin-right: 5px; } .K-Chem-Composer .K-Chem-Composer-Assoc-Toolbar.K-Layout-V { float: right; margin-top: 20px; margin-right: 0; } .K-Chem-Composer .K-Chem-Composer-Assoc-Toolbar .K-Button, .K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar .K-Button, .K-Chem-Composer .K-Chem-Composer-Style-Toolbar .K-Button, .K-Chem-Composer .K-Chem-Composer-Zoom-Toolbar .K-Button { height: 32px; } .K-Chem-Composer .K-Chem-Composer-Grid-Layout { display: inline-grid; grid-template-rows: min-content 1fr min-content min-content; grid-template-columns: min-content 1fr min-content; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Bottom-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Left-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-Wrapper { display: flex; flex-direction: column; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-Wrapper .K-Chem-Composer-Issue-Panel-ToolPanel { height: auto; flex: 0 0 min-content; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-Wrapper .K-Chem-Composer-Issue-Panel-InspectorRegion { flex: 1 1 auto; position: relative; top: auto; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Bottom-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Left-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region { width: auto; height: auto; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Left-Region { grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 5; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Bottom-Region { grid-column-start: 2; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Common-Toolbar { position: relative; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Editor-Stage { position: relative; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel { grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout.K-Chem-Composer-Portrait .K-Chem-Composer-Adv-Panel { grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; height: 22em; width: auto; } .K-Chem-Composer-Toolbar { white-space: nowrap; } .K-Chem-Composer-ObjModifier-Toolbar .K-Button, .K-Chem-Composer-Style-Toolbar .K-Button { text-align: left; padding: .2em .4em; white-space: nowrap; } .K-Chem-Composer-FontName-Box { width: 13em; } .K-Chem-Composer-FontSize-Box { width: 6em; } .K-Chem-Composer-ObjModifier-Toolbar { vertical-align: top; } .K-Chem-Composer-ObjModifier-Toolbar sub, .K-Chem-Composer-ObjModifier-Toolbar sup { font-size: .7em; } .K-Chem-Composer-ObjModifier-Toolbar .K-Button { padding-left: .22em; padding-right: .22em; } .K-Chem-Composer-ObjModifier-Toolbar .K-Chem-Composer-AtomModifier-Button, .K-Chem-Composer-ObjModifier-Toolbar .K-Chem-Composer-ChargeModifier-Button { font-family: "Times New Roman", Times, serif; font-size: 1.2em; vertical-align: middle; } .K-Chem-Composer-ObjModifier-Toolbar .K-Chem-Composer-AtomModifier-Button .K-Pri-Glyph-Content, .K-Chem-Composer-ObjModifier-Toolbar .K-Chem-Composer-ChargeModifier-Button .K-Pri-Glyph-Content { display: none; } .K-Chem-Composer-AtomModifier-DropDown { width: 22em; max-height: 90%; } .K-Chem-Composer-AtomModifier-DropDown .K-Chem-StructureNodeSelectPanel { padding: 0; border: none; width: auto; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel { position: absolute; width: 22em; top: 0; right: 0; bottom: 0; overflow: hidden; display: none; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-TreeView { display: block; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 66%; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-ObjInspector { width: auto; height: auto; display: block; margin: 0; position: absolute; top: 34%; bottom: 0; left: 0; right: 0; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-ObjInspector.K-ObjInspector-Flex-Layout { display: flex; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-ObjInspector .K-ValueListEditor-KeyCell { width: 10em; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel, .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-Wrapper { position: absolute; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-ToolPanel { position: relative; padding: .25em; height: 2.3em; overflow: hidden; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-ToolPanel .K-Chem-Recheck-Issues { float: left; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-ToolPanel .K-Chem-Toggle-ShowIssues { float: right; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-InspectorRegion { position: absolute; top: 2.8em; left: 0; right: 0; bottom: 0; padding: 0; } .K-Chem-Composer .K-Chem-Composer-Adv-Panel .K-Chem-Composer-Issue-Panel .K-Chem-Composer-Issue-Panel-InspectorRegion .K-Chem-IssueInspector { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; } .K-Chem-Composer-Modifier-RichText-Panel td { white-space: nowrap; } .K-Chem-Composer-Modifier-RichText-Panel .K-Chem-Composer-Modifier-RichText-Panel-Group-LabelCell { text-align: right; } .K-Chem-Composer-Modifier-RichText-Panel .K-Chem-Composer-Modifier-RichText-Panel-Group-CtrlCell { text-align: left; } .K-Chem-Obj-Setter { width: 600px; height: 450px; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Client { display: block; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Client { position: absolute; width: 100%; top: 0; bottom: 0; margin: 0; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Client, .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Viewer { border: 1px solid; position: relative; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Viewer.K-Chem-Viewer { position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; width: auto; height: auto; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-InfoLabel, .K-Chem-Obj-Setter .K-Chem-Obj-Setter-StatusLabel { position: absolute; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-InfoLabel { top: 5px; left: 5px; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-StatusLabel { right: 5px; bottom: 5px; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-TabGroup { position: absolute; bottom: 5px; } .K-Chem-Obj-Setter.K-Chem-Obj-Setter-Flex-Layout { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .K-Chem-Obj-Setter.K-Chem-Obj-Setter-Flex-Layout .K-Chem-Obj-Setter-TabGroup, .K-Chem-Obj-Setter.K-Chem-Obj-Setter-Flex-Layout .K-Chem-Obj-Setter-Toolbar-Area { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .K-Chem-Obj-Setter.K-Chem-Obj-Setter-Flex-Layout .K-Chem-Obj-Setter-TabGroup { bottom: auto; } .K-Chem-Obj-Setter.K-Chem-Obj-Setter-Flex-Layout .K-Chem-Obj-Setter-Client { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; position: relative; width: auto; height: auto; padding: 5px; } .K-Chem-Obj-Setter-Configurator { padding-left: 2em; } .K-Chem-Obj-Setter-Configurator .K-CheckBox { margin: .5em .5em; } .K-Chem-Obj-Setter-Configurator .K-TextBox { width: 4em; } .K-Chem-Obj-Setter-Configurator .K-Chem-Obj-Setter-Line { display: block; } .K-Chem-Obj-Setter-Configurator .K-Chem-Obj-Setter-Region { display: block; } .K-Chem-Obj-Setter-Configurator .K-Chem-Obj-Setter-Region-Label { margin-left: -1em; padding-top: .5em; padding-bottom: .2em; } .K-Chem-Obj-Setter-Configurator .K-Assoc-Text-Content { margin-left: 1em; font-size: 90%; } .K-SpectrumObjInserter { width: 80em; height: 27em; } .K-SpectrumObjInserter .K-SpectrumObjInserter-Container { display: flex; flex-direction: column; width: 100%; height: 100%; } .K-SpectrumObjInserter .K-SpectrumObjInserter-Container .K-SpectrumObjInserter-Toolbar-Area { flex: 0 0 content; } .K-SpectrumObjInserter .K-SpectrumObjInserter-Container .K-SpectrumObjInserter-Client { flex: 1 1 auto; padding: 0; } .K-SpectrumObjInserter .K-SpectrumObjInserter-Container .K-SpectrumObjInserter-Client .K-SpectrumInspector { width: 100%; height: 100%; margin: 0; } .K-SpectrumObjInserter .K-SpectrumObjInserter-InfoLabel { position: absolute; top: 5px; left: 5px; z-index: 10; } .K-Chem-ComposerDialog .K-Chem-Composer { width: 650px; height: 400px; } .K-Chem-Dialog-Choose-File-Format, .K-Chem-Dialog-LoadData { min-width: 25em; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client .K-Chem-Dialog-Choose-File-Format-FormatBox, .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client .K-Chem-Dialog-Choose-File-Format-Previewer, .K-Chem-Dialog-LoadData .K-Dialog-Client .K-Chem-Dialog-LoadData-FormatBox, .K-Chem-Dialog-LoadData .K-Dialog-Client .K-Chem-Dialog-LoadData-SrcEditor { display: block; width: 100%; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client div, .K-Chem-Dialog-LoadData .K-Dialog-Client div { margin: .5em 0; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client textarea, .K-Chem-Dialog-LoadData .K-Dialog-Client textarea { height: 150px; } .K-Chem-Dialog-LoadData .K-Chem-Dialog-LoadData-Btn-LoadFromFile { float: left; white-space: nowrap; } @supports (display:-webkit-flex) or (display:-moz-flex) or (display:flex) { .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client, .K-Chem-Dialog-LoadData .K-Dialog-Client { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client div, .K-Chem-Dialog-LoadData .K-Chem-Dialog-LoadAppendData-AppendCheckBox, .K-Chem-Dialog-LoadData .K-Dialog-Client div { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; flex: 0 0 auto; margin: .25em 0; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client .K-Chem-Dialog-Choose-File-Format-PreviewerRegion, .K-Chem-Dialog-LoadData .K-Dialog-Client .K-Chem-Dialog-LoadData-SrcEditorRegion { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -moz-flex; display: flex; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client .K-Chem-Dialog-Choose-File-Format-Previewer, .K-Chem-Dialog-LoadData .K-Dialog-Client .K-Chem-Dialog-LoadData-SrcEditor { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -moz-flex; display: flex; } .K-Chem-Dialog-Choose-File-Format .K-Dialog-Client textarea, .K-Chem-Dialog-LoadData .K-Dialog-Client textarea { height: auto; } .K-Chem-Dialog-Choose-File-Format, .K-Chem-Dialog-LoadData { height: 350px; } } .K-Chem-ComposerFrame { border: none; } .K-Chem-ComposerFrame-ContentBody, .K-Chem-ComposerFrame-ContentDoc { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } .K-Chem-ComposerFrame-ContentBody .K-Chem-Composer { margin: 0; width: 100%; height: 100%; } .K-Chem-Periodic-Table { color: #000; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend { color: #000; } .K-Chem-Periodic-Table .K-Chem-Periodic-Table-Legend-Content { background-color: #eee; box-shadow: 1px 1px 2px #aaa; } .K-Chem-Periodic-Table-Head-Cell-Content { color: #aaa; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-Cell, .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-StubsCell { border-color: transparent; } .K-Chem-Periodic-Table-Legend .K-Chem-Periodic-Table-Elem-Cell-Content { background-color: #3098d5; } .K-Chem-Periodic-Table td.K-Chem-Periodic-Table-Elem-Cell .K-Chem-Periodic-Table-Elem-Cell-Content:hover { outline-color: #fff; } .K-Chem-Periodic-Table .Nonmetals { background-color: #d8d5c4; } .K-Chem-Periodic-Table .NobleGasses { background-color: #3098d5; } .K-Chem-Periodic-Table .AlkaliMetals { background-color: #fff798; } .K-Chem-Periodic-Table .AlkaliEarthMetals { background-color: #a986be; } .K-Chem-Periodic-Table .Metalloids { background-color: #faab4e; } .K-Chem-Periodic-Table .Halogens { background-color: #bbc0d6; } .K-Chem-Periodic-Table .Metals { background-color: #2bbda8; } .K-Chem-Periodic-Table .Transitionmetals { background-color: #f2635d; } .K-Chem-Periodic-Table .Actinides, .K-Chem-Periodic-Table .Lanthanides { background-color: #e4e5e7; } .K-Chem-Periodic-Table td.K-State-Selected { border-color: #000; } .K-Chem-Periodic-Table .K-State-Selected .K-Chem-Periodic-Table-Elem-Cell-Content { background-color: #fff; outline: 1px solid #000; transform: scale(1.1); } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item { border-color: #d3d3d3; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Error { background-color: #ffebeb; color: red; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Warning { background-color: #ffffc8; color: #000; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-Msg-Info { background-color: #ebf5ff; color: #000; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-State-Selected.K-Msg-Error { background-color: #e6d2d2; color: red; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-State-Selected.K-Msg-Warning { background-color: #e6e6b1; color: #000; } .K-Chem-CheckResultListView .K-Chem-CheckResultListView-Item.K-State-Selected.K-Msg-Info { background-color: #d2dce6; color: #000; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-InfoLabel, .K-Chem-Obj-Setter .K-Chem-Obj-Setter-StatusLabel, .K-SpectrumObjInserter .K-SpectrumObjInserter-InfoLabel { color: #aaa; } .K-Chem-Viewer-Menu-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEX///85OTorKysvLy9CQkIzMzNPT09BQUFFRUVYWFhJSUllZWVXV1dbW1tubm5fX1////8lJN2tAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQfiCRQNJgyHg+7MAAAAQElEQVQoz83RKRIAIAxD0ZZ95/63xWUmtQh49ouIiHxLHVEEbyCESMLFeMokIRQDoTZSL8b7IB1hGghrk/X8vANAUgSl2Eg7xgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-MolDisplaySkeletal > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAAAwUlEQVQ4y+3TvUqCARQG4GcpBG3qAtwFIXAoCNwcDLsBt26gqcBbkJC2hhACCUJwTgRHt9aagubmr0EQ5TSEQvmDCg1B79leeOCc4QibjS3AwtxJlObr5aAtnGwCHoTyP/h7oCUU1wcZA6Eutw7Yd+FZeDc0dm9nFUg79yEkruzac2NkoLoM5PWFN5eys+7Iq/Ci8BMcagqhKzV30ZknQw3pKah4NBH6jr9vPEtKR0jUvsCtsZ5Tq3Pg2mi7n/5l8AnVldulKNRJFwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-MolDisplayCondensed > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABGElEQVQ4y5XSSyvEURgH4MdCijLKlmbPwkJZIPd8CtnPgm+AcVlYoSxckqWkWFrZUrZELv9ERsPMfIdjMQjN1P90Nqf37anfed8jqHVsejZSs1MH7CmbiAG7SsZjwI4PY3GgaDQOvMWBbYW4KW15jQMdGrWkBtqsSVQ8Gk4HjiWmZQ1pSwH0qJgN9cLWKE0rG4oBw0qmUgHN2oPApQuDgU6Z4O87fl+7nMgFgaxTzxKJgUDOuZ5/QK8NFWWLGgJFqzI6PVgJTDhTsKj5C5h0qKTsWJ/GoAqCwL3lINBk34fETBWse3dk8le4b3Bn6afWLe+l3uKKXj25dyufbtNFBwb0u7GQFlQjXZuPA1fm0oGszNcnb/3f+wQxav3mSFKq7QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-MolDisplayWire > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAAAwUlEQVQ4y73Uz0pCURAH4O+F2gkGLoJam9GiNkHt7BVap4T9uW17hRYWBIJ030Sii2hIed7BNq3K8AyFnN1wPpiB+Y2F2FtW6hrbjYDC3H4EXPmwFwPvUTDTioBLb7Ghe6Zx0IyByRrAdhTc6zjXcaHn2o1CobC5BDj06kXfo74HTwaGnpVKpbsfwIG52e8NfQOOJBM7mevtWDK1lZkHJ5KxRmaAnEqq1d+/gLakUsuMqDPJSD07025VNv5wBP4ZfAJnERj/DwZ+fgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-MolDisplaySticks > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiCRQNJgyHg+7MAAABMElEQVQ4y53UvytFYRzH8e+C5ci9ShbKIJsM6nOvDBYjimSi/OjWHUUUUTKcuylxlRKryR9hM8jOYrBIGCRFvA26nZ+Pe+iznDqf13Oe8zzPOYb9Lc4bCtJQu4oApadHVfWrJTs4E7rSjtqzgEbt6l0IvepCuXogr30RypaafgclPUfArQpu0KZNPUbq6EtdblDWZ6yOTl3v0KwF3cTKHzpXnwssJ8Z+ke/ehwldJ8ChcikAk6dVvcXKd1qUl3o0sLl53SdG94OlSDl8k9HygyrqSAelSyocg22HwUZ0KwPQi80gxpkF82v1I3W6QDdWZgAhpsHG0JPWk4cxPKUpTBQQRapgwye1hXQB4wArMogo4fo6oqCVPWyJUTCMfH1geKxgGGvZnvCTIUb+/ddw5RtKBcXQh84MlQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAAElFTkSuQmCC); } .K-Chem-MolDisplayBallStick > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABNUlEQVQ4y62TIUsEURSFX9KiuAaxGExWg8MxL8x/2CgiwoQN/gFh0rogCIIGp9lM0y3LaBGTbYrFYB02iCCKfoad1XnvzYwb5KQH57vv3XvPM5iqVKcNnWtLS5OTmQFIhR50otVZgDmd6l0Ivepenb+AZZ2JimLNtwP7GlvAk7abgRUdqrDs6EvrDlBBI306dnTl9VCaF7WnR8f8oVttVoGAmIyCguzmeset/aKBvYd+TkJESEhEQs6xDVyoUwWGKT3L0CPlcnp61oEWpsMwGPopXfcJdEmntwx+Z4cxBHlZHXBuydkd60hrNhAnpd0bIgmjkb1KjCGLaqwTRbzd+UARNgIhFP8AtD6JzAfKplXbNLEP/IzVVY8cAh9oWRx9P5gt0WBYl+TG8NVVrwJWvIkJmj7WN7yJKXYo8udGAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwOIDOLwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMEnddpMAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-MolDisplaySpaceFill > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAAA7UlEQVQ4y5WUuw2DMBBAkRiEJZAVpUok12kp0zIGU7iAFRAzsEBaahagiJQi3UvBJ/H5p3Alftzd484Z2X8RelHSMLKwMNJQxoEcg3wMeQgoMDDRUqPR1LRMK1L4gBwDAxXqJyqGI4sEDAxcreMKxXVHMtkq0/b1MxeRZQIobS8zvHnQgZND0QI0QS89JwHUAGPES8/NAjTAEvViZ9mBqJfeU9LhBdHq6uXuNE27Hfd76Ryt1J6j3yIezo9DBwENPJ3RSAAvZ/gSJbnjvTWtQsMwywU6tMrYvcgVTQ60BJIr414CiaX03RrRtbfjA6JVA2derXDaAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwOIDOLwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMEnddpMAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-MolHideHydrogens > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAACCElEQVQ4y62TT0hUURTGf/f5Zt5o09yZmJ5KGSbtilQKKjeNi6BdA1K7YAgHpCKlJOj/kISRmyKIIIIiCmo11CZaCS7CReAiaBERDNGUE5YTZvruvNNCs5iXNULnbu45nO989zvnHiWszKwV5mNDw+hvfoY4V3+531IBhKDTOq9Fi57QGR3XcZ3RE1q06LxOC9UHQXBTrrji5n4G3ZwrrripYLpgAzhVrM7fNUCkKhj574D6xQ7tWOxJfWttgFrnsPSEO09zC5e9OS7UzNCGzeaFCamOVpIoivIRzx6kiwOYZUT7fKZ0XRrRKApyhDYzwmHMMl0qbZniO9YG/4m8RDOpujirzsu4wWBBX8oZcHBwUn0pgPiDQs8MLXQ8Wz9mNnl3zZQ5ZwY9ZcblFCih/wt6qXjn6MHy8SidJJhmDLkp77moBuxrlW65LRvpV9X70DInRXaFixX8S6yiwDA57lnvLLxmnqvmwD54ZZP02svM4t3wPniXzWnTZPbP8hWv3SS9cgDgZyvKfyzZObyeyrB/xjSZ7ebWPHLIz1eUnw18X5c1af1GX4md0KJ7Y8S6V4eiW2MPtehiYt9aAhqiCNKoetUQQ8xX1jFjbVO7scirk6HXNgGGECEVOhYW56izM/wqXApPht86jyJ7GoiS4A8MdVDHfV7YIyBJNDCtPllYWISwg4B/2Q9V39pfZc+Z2wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-MolAutoCoordGeneration > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QkY0RkFGRTlCRkVFMzExOTdEOUQ1MEI4NDlCMDA2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMTQ2MTBCMDlCQUYxMUVDQTAzN0YwMDVEMTVGNkQ2RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMTQ2MTBBRjlCQUYxMUVDQTAzN0YwMDVEMTVGNkQ2RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZlNmUzYzU2LTQxN2MtNTQ0My1iZjNjLTEwZjYxNWUyODNmOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkY0RkFGRTlCRkVFMzExOTdEOUQ1MEI4NDlCMDA2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvMJxJgAAASmSURBVHjajFZbTJtlGP7+U8+lZQUGVgKFFqmQoYy5kCyYHUAzRBcPN94ZTWdCiDExXhljTIx304WoURvujPHCzMQsGhZhiSbOA3TBbXKqrazQgqWlpecTPu8fSkptLX/y5vv/fu/3vOfnK/fE8DArf/b29th2KMQ8Hs/Bb6Fw+GWO416DSIIgfPnkyMi7kiSxr69dY//38KWghUKB5XI5lslkWCqVOqzI830qlcrad+JEF4DP4Z2RgVqPWHzJ5/MsnU6zFCSZTDK/318e1Qr2/47H4whAWIJBVoBTRzJA3mezWRaJRlk4HGaJROI/ivVG4+ROJPLoyupqF/RfJyco4iMZIE/SSEskEqkIXhLFKrzXjFy4kCA9OlPTAOWc0pPEgVgsdmgTheWP1dcfuIkCGwv5fMs/waAcKb5JdDAcq2rhYbuddXZ0MAAdEhycwPYi1juUIRK8LyqVygDW90gHdfgU8ptCofiC0lxJxEAgUM3280aDwYbo8vFE4gq+A2q12gIwCV02hug8oigOnxoYsHi93iyMngHgT1W7qPzBATeALaIgGHHQDvkZresFuAJeT6PAdcebmgrQWYrF43kc+aUiDoVa7YGXrwCMuuYMDP4KUOd+ulYwA59IopjMFwoutO+H0MlWNABxAGQUawQAEzAY2Qe34PereN3G4Tms41h5GNpRSFIKId5C9ja0Wu05GLiFtn2/ZCjfBPBJXhAWoM8t6HU6ezaXy0JpDZs3ANSC33t0Wq0NrbiNtFzBd/+DZvPT7W1tirv37v0IKhk3GAwfnT979jG3x3PX7Xb70ZGLcLJdq9F02Gw2qz8Q+INqUGhtbU3AGx+GKITCSXjfoyHC8CUFnleh95tgINPY2JgGRXBKCM5l4RhHlAFDAhqAI3rBeQG1yTQ3N1MhJYrgskajOU1dAhp4a2x0tEBD9MPsbAeieQP7KUT0F+QFfBNgEmlRItqFfC4XAPhp6Lsw5e8UU4ROG0cHnspks2scABl5QdwicxG82AAP+Xw+qgPVpwlRDHI8P4dUfYVvKjgP75/Beh8gHjj2ARxIVpxkYkQClykDaSFBazJ49A08GWgwmWJ4XwR48IGWlo/NZnPd0vLyDZDizONDQy8ZjcZh1+3bYzg+WJGuadqIKojsaCXR6/W0d2ygv7/ZarU2IK/3EWV7b29vj727u0en052EwZCkUGQsFkvbI319ahq0ihEQ9xOnECcR2dE3csxQ2O9+n5/PIRoxkUy+DZ3n5l2uOzBgjEajM686HM5vr18/D05KIJ3eSlMszwFuJpkzkEcW3d2V01OP4aPUfT893fDUxYtBGJMdmLl58zN0S/ezly4NCaLIVEoluzo5eRznN6uy6QEp4QClRo2Cg9DkqGA8SMAk5ADSF4CY9qmkSGibNa9MUiaPMSCstOhUF6Lm9Y0N5ltfJzATiXNqSlW8qI58ZRJo0SsqNHUTAW9tbcn74Z2dCRgffKirSw/2nILOi7gbahrgy/9NFNt1F/VAMUvZtQ1UYbJ2dloxye2fO53ika/MciPyPwwI1QJsyepQGwzdn4HNzeU5l2sNxmcvOxw5SmGt518BBgB03bfto5XTLQAAAABJRU5ErkJggg==); } .K-Chem-RotateLeft > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYN8ITeWgAAAgNJREFUOMutkz9oE3EUx793v7vk8kcaknC9QK1Wah0CFnQJRapiCahtQEEFtVUaMdIoosa6NHUIhEa4Ro0dGpdAofVfgklRISqUQDFTFAUHRZ07uRQXh6+Lg8TmzOB76/u+9/h83wP+V1CmaL9Yoo06jTYllOmaC2lVbqfSZu9dV6RP+Mwg3VQpWwsci7tdT/AN79AQ9UAudoheizkU7HGW8QF11FFHAx/xNXCXXbS1ltjWR0ZnpBXUUPMWUUMN7+3Lb/uspqgMVa55HuEVL5Svex/iNd4YJjsoWVHqWhs/kOUOblk707mAF1i9HKZqRcrBbTzOHirsKMVRxnKnSVdrgRYZU6pK9chZOigY1PN47MzR3wIwBQ3bEooo2pZoUNCzZwqLYoGbW/hOQUM3UUBBN2lQoc83jYI2t6GAgiolapVob7o3XYlSo8JuOY/8ziR9TStRpuP71uwA3ZQZYIQRBijRtT+Kedw7Faezudxz7LRakp/HRriJyu90z4fkB5hVb60MN2GlRE8whRxM6enec6tB6vSze19UriCLTOYSA38ZR+VH+PA0UphBCS+1gvO+9AwlZJAaSvwc2PA0aF8/EZtEEkncxCzuIIWkfer2BIdbukyN4cZEIjF4wzfpv3rwYjr+5Tz7Ld+IMg0O8ijHeJJD7KfH4uj+ACAoKP7xa+3GL7eh7dCRpBTjAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC); } .K-Chem-RotateRight > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYN8ITeWgAAAg5JREFUOMulk19IU3Ecxc9v996tu3u3tWCOZWMLdSj9AV8GsR5csodCorAoIjLKB9dY9IfaEGbmoE0ZNsN8iKSVIP2fK0OIMphBwxcrioJEeujR8q23OL2nd0z6Pn8/nPP9Hg7w/0NBE03rASS66KZaM0SZfu1Fb4R2SrXYUWhjQMyLpUAfPbRUX5a5MdHuzclzWMB7LFlmRkLUKIwAhZv9aSziCxZQQQUVfFBml1sMVCj/9OqT+IQ5lG0laRZllDuGV45QM7LjaExhHq/1J3eTf86oRb1YSLCNqpEdy0hQlDGjP1jsZhMb2ga/97Chypeo+a5gGqUb5+mmQi8PM0DNMAkKbnJm8Eid+B2khdZTneZp6c3uKG3GUXnMY5jccY1uKnRZb6OIx6apXz6aDQFbFgVrlh4qdHmvooCCPvqt0QAA6Nx1EbfEnXfNtFB9dXz7wJbsRJQOCsqU1zw6dhKjuLntLB000c19PEgfJWpjwc9N1Fb9i5aPe6wZDIv7l8K0U6ZMmQptfWGpJD2PnKbrH4SCdYUeDCInnrXGuZUuur427z1heoo88v4c61ZryGw9dg5pZPBQzKjj6rh4iSkMIR3qX97PDWvdYWbkXlTvRQoDuI48+pFC6lBipYt2o/gktvzoHoodiNdfcCZDyfjltzF2UK/eCRt3sp1H2cVOhllfW+tMlChRMqzOeuYvETnwTKHWuT4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Chem-RotateX > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAACUklEQVQ4y63UXUjTURgG8Of8P1zu776COVeINdNchBAjbyrK1JuoLGQUFC1KxA8MLcgRrNRBzjIbZEGRJSQj14fODwZFBvNGhmBS0I0Z4UXQxbC86SaeLsJcthlCnMvDj3PO+z7vAbG2hf8BBCVKawEyrbQxMzVKBRRuMo4FK2ik/G8gqNLAQhEXczsv007dakBQoflGmbNLnsA03mBOF+3fRQ0BEOUEAiBcyUDlhmI/ZvEe05jEJCYxo4wvOJtzQLyEG0RN8gnK11xzCO8wgZglIo8jhtiZ7sVj1AjcBZFAIPlKgiaXD3G8Mj8b8f6o1w+aB4dbuI+ZBAE3iMSfb9D1l4gYoqaB+WoWMN/d+bmW+b+qBAcS+ADCnQy07VcwikiomTaqzKWbhdQoEbBgClNwgJhaBoLrczrwRP/oewl11Hur1FH59ZE6GgiEkYCDQBiEawkotKt3ENp7lTaqtGr3MYin0tC3PGak7oNCuyWAPi1AO1Vat7WhD32mnvkt6QBoOXQB9/DwbRF1zIyf3NPuDIzV0URBhUoqoLWdRg9u7z5HEyXaeIBHmUeZ2kDJxwJqy6n6XdbZ/Vkd6Mbj66U0UqFChSoNt0qliDRy4iytS2S5cdnDtehElxgub+RmWmn9VOQ5JZ4jiGBxF7NXAlDhjqYm+NGBMKL6Xn2veIEhXIO/snXhMNelSmsGK0brzJfgQztuIohW+OCrb1n00Jgu3jKdX6ofNNQ0bj2f4630+i/ONPAgs1YfIAOLWcbj9LCKpdy4curSfQIyZcoUf+/+BBleGzSBo2NsAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-RotateY > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAACXklEQVQ4y62UXUiTURzGn7P3fV3udR9vMKeFmNrMRQkheVNRS72JykJGUdGiRPzAsII2gpU6yFlmgywosoRE0j50UxkkGcwbGYFJQTfOCC+CLsTyppt4ugh16iqEOJfn/P6c83wcEGtb+B+AoI66tQASrbQxNTmUDJC5yTQcLKOJ0r8BQYVG5ouYmN55lZnUE+gDoREoBeFZflim5VaJo00awwTeYVof6d5FFQEQpQT6MAstEVC4odCPKXzEBMYxjnFMyqNzjpwTIKpQBMKTeCX5W5alBx8whqgWkkYRRfRs+/wxqsgFEcB9zCa+QdBc5EMMry0vBr0/aw39lv6wh/uYShCYxcjv+UuAvrtYRBEx985U0s48V+uXauYtqIQREPHlKqnbrmEIoZ4LtFFhFl3Mp7rgBAIgXImA4PqMFjwzPPlRTD0N3gplSHpzpIZGgoCGOEaW+yAzU7mHnr3XaaNCq/oQ/XiuG/iezRS4EEcc2ipAC6BLDTCTCq1bm9CFLnPHzGamII63yF3ttHboEh7g8fsC6pkaO7Wn2REYrqGZYrudcrJoqE1n0IG7u8/TTB1tPMCjzKZEtbf4k53qUqoWZZ3an9aCdjy96aSJMmXKVGi849SFdIMnz9G6KPGicenharSiTYRL65lDK62fC9ynxUsEESxsY/pKAJS5o6EBfrSgDxFDp6FTvMIAbsBf3jh3mOuSxTuFZUM1livwoRm3EUQjfPDVeubdNCXvg6BEx9fKR3VV9VsuZnjLvf7Lk3U8yLS/F8jIQpbwON2soJMbV7buT5+ARIkSxerdX4g1FxJInXdRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-RotateZ > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAACRUlEQVQ4y63UTUjTYRwH8O/zf3G5v3sxmHOFWJjmIgYRLaKizHmJykJGQZFRMpxiWEEbwUod5Kxlg6xDZAmJZC9OpzIoMpgXkcCkoIsa4SHoEJaXLvHtEOpcmyHEc3yeD/xeHxCrO/gfQFCitBog00Irs9OjdEDhBuNwpIJGyv8GgioNLBHjYmbHVdqoWwkIKjTfKreH5VFM4B1mdPHu3dRk/+KTt8uBynWOIKbwERMYwxjGMKmMzNl37oIHHkyDcCUD5XuBuQcfMIpE7oA8ggQSZ9vnj1MjCPhAuJNDEjRtD2Acr80vBv2/6vRRczTm435mEwQ8IHzLc9B1O0UCcVPvbA2LWeRu+1LLoj9VghtEKDVpbes1DGGg5wKtVFlAN0uoUSLgwjdMwwNPckiCa/Nb8Uz/+KeTOur9VeqQ/OaolwYCr5JrtAAU2tR76Nl3nVaqtGgPEMVzqf9HIbPS90GhLTeELi1EG1VatjSjC12mjtlNmQCYe/gS7uPR+1LqmD1+am+LPTTspYmCCpV0QGs+gw7c3XOeJkq08iCPsZAytV7np2JqS1O1WNapAzmtaMeTm2U0UqFChSoNd8qkAWnw5DlaFshS4/JitWhDWMRcDdxICy2fS6tPiz5EEHGEmZcKQIXbGhsRRCueIq7v1HeKl+jHDQQrm+aOcE26ac1ixZDXfAUBtOA2ImhCAIE633w1jZnGW6b9a83Dek/D5ov5/kp/8PJkPQ8xZ+UFMtDBcp5gNatYxvWpW5fpE5ApU6b4+/Y3uA8dxxfrpOcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Chem-ZoomIn > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYN8ITeWgAAAdlJREFUOMu9k09IUwEcx7/v/15QgmZCYzLZtO00t3DhlgYdqkN0KaiBHjp42GEWalHByibLBVo4PBUY6+AGyWCy4DGyeF4drtGl47QgduoSHUbw9Sy8Vy+Cvufv58f39+P7A/67KFKiRNGZWaLOHnroYQ91Sn+yq3T7FpVttNBStv2LdFP9rT0zrpjY6zZjhVih28SeYmbGbRGKPKnV1PpChlNMMMGphYxaV95/99oEox5MYzf7kMONEFpoNUIczqaxO/iYuvX840cK7nVeoG9/BCbM/RH6eNG9rhV5wuJilOiRymM5RoSm0EANNaEhNN+dG8sJVfZbhKJEj1YcfMQIDBioogoDRv3s0LxrwxoQ2evNaWs8/fHWzhzKKO/MNW93Ytpa/zPLSAD1ZBKV6AwH2lGUUGpHOXBmBpVrSculAYqdcOipYMRTDHOa0wzHU4KB19krNgBA7fONoSVsqZt9q32r6ia28AovvQ+++OmyQ7o6V5fuBlf0kl4KPV++8yk1ew8bcmUlbo/IDPIyJznJSwyw99f5wDxeyOX8qC1yuN50fU1408jLb/Kj1JwV/ti3Cf99LMvFD6coO0TaE4FZ9cnbiEMA4NGf13/cZBcF52+r0vUX9n/UARJq1AWzMKnMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC); } .K-Chem-ZoomOut > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYN8ITeWgAAAb9JREFUOMu9k09Ik2Ecx3/vv+fdG/QutO2wORm4avMiRsLGUKFTB9mlYAV66DgqKKTQYOVGugItHJ4KzAKZkAgThRFYzLN46dIlUAqiU5foIMKnSzSC981F0O97e/h+Hr6/h+8j8t8HHQMDvT2zgUMnMWJ04mAcZVdEeyrWtuzJnrWdqBBF/dFeHrKast/RzC5llzqasm81y0O+CDoR+7XaKZfIM8ww+XJJ7VhvvsZ9guGkirI7XaQXEw0Nk94HRdk9VcLxvv/ksReRZdKYv85M0pFlu0bY48UwiBlrgxVOyIeWGuHBirZBt0coDGJ2LXGfoGy0tBnquRdY9QZ0QvGHapEucoz8VI4utdj92DOSCE6hIPWBW7gYaGgYuOduSv1SwXNpEfSD/r5HWiNznSguLtH0Na0hL6dzPoAI9vvLp2dlS62HF8ILal225Lk8i9/9mCDghwQPLs7eSc07K85K35O52+9ujE/Iqlmfz/ojJilGGGOMCyQJHZ5PTslTc62a8UV+rzeBT1fiRamar6oZ7PYK734eTUzKnFl7e6bVgiOQL6PJcTWzebZNQITj3/PfrhJEa//bKgJ/Yf/H+QF5gtAZf9PiiAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); } .K-Chem-Viewer-Edit > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAaVJREFUOMullM1LVFEYh99z3hnndmEYippmIvxAJaGFgjWDC1fRRt216gqC6D+QQQsLYTAYSDKGhAxsoIiIIKiIlCFBlMIPnM0s3OkiRAb/iKfNOF4u4x2p88Bv9XsW73kPR+T/Doqev2xwSJLEwZyv7s5ndTvyaz6L21TB4BYytiz7sm/LhUwTpVbfkT2pSEX27E4TBaeQsVtSkXKNit0KUVCS0RXZlU0fu/p74fYZCkry8htZD7CpG2crzsG962/lZ4ANXXt1q6GCIfFntHVJfgRY1dUQ5dBrW5QvAVa09Lo/RGlfkE8BvulyqNLxQt4H+KzfQ5Qjr3NOigE+Rr4W+3Ea7zxx5HXlZTHAuwsfuNbwJWNIVL3uWXnph8d2iS6ipyVF6xnhUtW7MSPPT+Ahg/YZ3adCjBRp4qTreaXq9UxLXvKSZ4peBuzTuoCScotukT5fprl4fP/mI8nxhEEGZM3O0OETsrlsjj5fplASx96dB6ZkSqbUMj02xdX60MQYYpg4w7UcIiaCIc4IE0wyyTh3afHfjH9oRU+WhBKtof/4r/wFglcnUi3YDnUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Chem-NewDoc > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAAmJLR0QA/vCI/CkAAAAJcEhZcwAADdYAAA3WAZBveZwAAAAJdnBBZwAAABgAAAAYAHhMpaYAAAFfSURBVDjLtZO9LgRRGIaf78w0NnaH2k9EIVn3QsFeh3vQaiSbuAQdjVIhUSlIREOiszQSYteSZc2eV7FjfszuVnzTzDnJ877n+4P/DssfZLjiDSC8aSQgR5UZQlQQjGnTNV+ykimaa9Li8dfXmmsqkpUcFDDvjhQX9AHMQr/Ogw2GxzBnHqiHvz6sv6aQ3dRWN/VFkAmHBbUPqB9zS6JGUF9hrWhYBPrAOwOLfwrEO/1JwOeIwn+OBxx9IMSVXMcBugQiIj3n6j4B8NYAGtrghcmAHEYAnCdPCySUuJQBOWaJCKgmCdZYZEBXbRxuVNKOyPYBOAOwPQBt0UE7y+NyOM3dDf9nbRf44KISM8gG5gf4pQOIE4BKvP1COytCCHg6auGYsmkAvdFD3GkpadwV3WwjLK1SyII1AHTAfTpNpQUKAcyDLLX12TSVI2ucp6MnDNHBMzaKK2oYWcv+Jr4B7uWO5tg3KCAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTAtMDgtMTBUMTQ6NTY6NDkrMDI6MDBuWl1OAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEwLTA4LTEwVDE0OjU2OjQ5KzAyOjAwHwfl8gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Chem-SaveFile > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAABsUlEQVQ4y83UsU4UURTG8d8My1x3USIiBIgkRoIaaZDeRAujhSW9PgExxsIH0NhYabT2Eayx0NiZGBqDMRAxQUMDugkCS3B3x4K5yyzaWJh4pvtm/vc759xzJsn9XaT+NSCXy4XXYSWshq9hLo9KGkbCROgJd8J6uB0qUa/sY73njIDReFDvsMcuu27XCY/kx579+IkOsFXYNTpAnwuGjKtr6HNf09NSDVnniZE1st1MtpUlWZrJjmb39vXoEL9LOg41AziuLS+/KYAQO7AdgbDuHT47XQjbfwaqUxUBSdhx1/DiwtTVwr5IPtn3m1kyCereqiHVsmrTmGtqYHnhbMkhS/HNoh2nNIskZiRyb9RMGYwOBXAk+G7OKxPayg3IpT654knMOtZQsWHeec8td41L26Rb5m3o7wKyln7TljxUPwQMWDWtX6vbIdG0Z9ylg8YW0eejPc1DNYRcqqLug6byiiQqNg1Jo1q+h1zVqI2D20bupGr5iDgaqYY1Iy76oqcEtIx7Yc2uanfRwYBZLz0otTWuWMOsMTvdDu+dcdMNjd92sK1q0LqVrtH4n34CvwC6Q3cD7oNM/gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-Undo > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYN8ITeWgAAATNJREFUOMtjYBgFFID/jP8ZCSkQhLOY//P+l/ov/p/zPxNObf9547L/i/xn+s9V5i87i3MH4xXm87wblfuXGv1nxm6+FMsR6RlvdRQnMd5huMlwheE8w3mGqwy3GC87F8DsRtFwTYdhP8N5pnMMFxgOMOxDgocYrslO+c+DoSE1lGETw0aGbQwbGTZyLI9rmVDb0ujcy7iBYSPDRoaDOUFofvnP5JrFsAQCxWY/z/tv9F/xv9J/p/2lgjMYljAs4Vr4XwJFy382zTKGGVC4Uq3nvxhUXHRNAcMMhhkC05ri/7MgaxASrGbohkDmTpl5dTn/haAymivLLub9jfuvihpGCtL1LsWVRasKruT8TP0f+F8LSVbuPz+6Dxj/S/yP+e/2X++/7H/+/8wE4piohDAKSAIADMGGSnqeCywAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Chem-Redo > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAATxJREFUOMtjYBgFVAT/GYlS9J/xP+N/pv8c/0X/K/1nwioN5zH/F/gvu8LcI115Iu9G5nOWbSga/jP/Fzlg4JTX5gXR8p/pvZ3EOsbLDI8Z7jPcYrjKcKElCslR/xn/K0mvZ7jFcI1j038JiEn/uTdVc21n2Mewl2Evw17G3Q/MUXzxn6WngWETwwaGPVJTHqv8Z/3P+J/5v2Z2H8MGCJSY/V8Wzdv/dW07GBYzLGbYw7JTpds5X6eJcy3DQYbFEGhc/58Xw8uXE/j7GaYzTGdYwrCVYS/DdoblDNMZpjNP5Z7IMD065z8zZiAKvU0PrWDoQoZ6tZfzr+UKtXSFY42H/5z/3Q8WVBRZFwtWGpZkFq0q/Bv6X/C/8K3MSw44I+6/9H/j/97/4/4H/Df/rwANMaH/EtRICKMAJwAA8AaGR+bcJa0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=); } .K-Chem-Clone-Selection > .K-Pri-Glyph-Content, .K-Chem-Copy > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAAmJLR0QA/vCI/CkAAAAJcEhZcwAADdYAAA3WAZBveZwAAAAJdnBBZwAAABgAAAAYAHhMpaYAAAFdSURBVDjLzZO/TsJQFMZ/t1QsmthEjQkmLoZJA7ODq/EdHBx9BcTEmMjCxsA7+Ao+gFOdCImOuoAs/qtIldL2OECxLY1EJ88Zbu6933e+c/988MtQ8akotOQaQqAklSAaS5hkEgQfmzcVTImJEjPfoMNjIjv5hpiiEgqiyJLXLiVAEpWU0oJ9HpQHoEeaWWFZPpGbiy17QlK35vaBqBAXaWajzp3sYWFJUQzRx2lIEQtLNmVMGQ0ZzPYuXQQX6OON5EGgjxstHkrp8k4A8c1xpBJgAMAwhTBMJ7jT1X5WGP5nBQ1dvve1mQq1wjGEX02rFX5S8HPOh16pVOYjiAHNnIeXTuidtc/XnOv4ERa8ky42fkpL9dXyfTnLXAzf54UmvdBCCkB01hcPHZ0djHh15QVHdHBV5BYAfOzq06npXMXhhl995TkKnxhINEqUyE49WYtW3JxRx82w/x/jC67KmykWiVPXAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTA4LTEwVDE0OjU4OjMzKzAyOjAw3iY7qgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wOC0xMFQxNDo1ODozMyswMjowMK97gxYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC); } .K-Chem-Cut > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAgpJREFUOMulVM9r0nEYfj7fr5+vm8LmTOwwXYHrtlqdBnPExHaZFHmwVo0R7ZSLoWkMJjknCmtjoHSqhAgWo8FY6iDssMV+HRbaDt2y/yDo4LHD0yFIzK8J9d4+L8/L+zzP+/AB/qcoqDT1FIrW8C720tDQM7CXXS1GqI0F5REd9S1U6JBHY0FqenCFdllCdSDOzt+9zoE4qrJEezNVUGGfOMSJqGxe+kWLhrcXRRkn4pB9egOCNtdzHKN8KkcLBQUtthco49j1jDZdFZSFe2IPB6jc91NSBq+hjAOx9+4uZSuXzngz2MGuMU8He41b2MWOb5WO1sbKjzfVbZSwf3vaHcE+SsbCZ3+j0X/uOH0nhaIz9yWgvEcRxQfxFvzrh/p61bS29OjcExSw2fPyu5dqu3j0pOe/3ZBrWMf66kOa2+dJ5Wj8Ft7glWv1x5CO/01wjbazSeTsmQ8ztFL7KyV2ZN1DofPz4vWFVC16ZWkwNhTKutnRCq5FfWoB28jj6eOZyxFsIY9ttRD16YdP0GrJIBuY88SwnLie9GPZEwvMIWvJ0KpjLRU6tYRMVkKmFaQqo588SJlWKiGZ1BJ06qfVPhhWFw0bSI9E2M/+kQjShg11cTCsG2+AWnVyOGxemJitBSgpa4GJWfPCcLg6qasBANjNcU7RSyMA0EgvpzjO7jbfQF1g4+sf6yfGaOL9s6ddbQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); } .K-Chem-Paste > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAAmJLR0QA/vCI/CkAAAAJcEhZcwAADdYAAA3WAZBveZwAAAAJdnBBZwAAABgAAAAYAHhMpaYAAAGCSURBVDjLtZM7SwNBEMd/u1lfifGBIHrYKMRSEBsbGxE7C7H2A+h3EBEra7+BrYWFnYiNja2PSsFGiI9GE8nF5PYyFrm77GkCCrrT7M7Mf2f+84BfHpV+imGYPCCR7Z1XZV0P4zhrDMOMq1NHt4SWV6xqfIsgGQYYZEid8OJ8OCrLvFGirMIUQBSD3vbjKj08QeWAOtCdW0cxRm38qLhDSYkLMHj6WAIEQDaoADm9LwZQqquxQrHJxSSpZaRKlKk6jLRPBABiycRfO6SpJbeHmJhTHN28aAdQT6QWSaIZ26Rf9NcIQed2Pc/RT4lGB8DtWcGP+aDvstOLlNBNFm0BhVPuiftrClMstO00rRHwsSpIePuO5Yccgj8C1DsC6u0B/5uSEPZVq/FLY6TloV1APBoh5e1i9gOLxe5N4jERibc3iW0V1l2gGWbI54Z8wzy9TkIfXGRt5aA54AkHFcolN+S31nZH/PM0hWy4+0aZMBUhieMxy0hqiiHgmqt4SX95PgGkZZBPOIGDogAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wOC0xMFQxNDo1ODo0NiswMjowMIbbHRQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMDgtMTBUMTQ6NTg6NDYrMDI6MDD3hqWoAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); } .K-Chem-Toggle-ObjInspector > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP7wiPwpAAAACXBIWXMAAA3WAAAN1gGQb3mcAAAAB3RJTUUH4gkUDSYMh4PuzAAAAhNJREFUOMu9U09Ik3EYfn7fv9U3N/ev9jGbinxBhwilIhxkg4RiQVBhhwiEDoG0cq0iM0w0plKuhjtEl0HqQu3QOjSKZtbwUCcP6kGI0lMdomOn4OlgrFnfF0HQe3gOv/d94Hme9/cC/1qUKFOm9HfDMnUGGGaYAeqU/zws6GBdY0otYxWrarkxxTo6KOwJjp6oMo81rGAZy1jBmjLfE6XDVszXsFrCkud5pu99/EM80+d9hiXl5ZcGG2HUzRtYqC1+PEOTLrq4/XOn/wkWzH46rZPZsnkc5aFeetdVU9AzlkR50yS3WiRGhWGpgNLsMWqVN3UxipIosp6KFaHeOYXirYM/TVLNR1CUHnKbhQtKDJi3UdiVoLsiqWZvHAU9zaClberdXZgRxZE2uqlRo+vePukpZmInqdvtuKVlBFPi9Y5rlw/1tu+8Il5hGpP5VtbYBet417E7hXGU8AZvMYsJ5JDzjh05TcPCNkBB97ej95PR/tq7wdE9NycufurqvI5HmPNkGaJqJ8xkO0+xg4fZRN/j48gii2lfxoJCmTIFZSpUqFGloETzQhJppJH3jzK0QRg1GjTorEKNggr3dycwjGE8CA7RV9k5ZRp6Ts+xuQoNygAVtiXOYwAD/jsMVfKiTCMyGBlkcxUa620qPHD1nHnpxdkNG6HGGGN0VqFW9XFaeYINvxxTxfQP/O3OBf5TfQexDA/piWz9NQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==); } .K-Chem-Toggle-IssueInspector > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAwFKgceLAAACMUlEQVQ4y63UTUjTcRgH8O9/r2ypmM0MbQ6d5qVLp9DINqJDBMEKDCIIOgTifFpmEvmSli+BLWwjaBehfEkX1SQaiS+TIR1biRa7TSioQxEWiGV+O2zNzSZU9DyX5/B8fr/n+R1+IP4u8Y8gHlTTSBPNNNNEI9VIiw2ACvUsquoyhBFDzBDe18Ui6qlsDvQ+m34Wi4hiAQuIYlE367NRvwmgesVsmMR8yfjD1vfOD85HrdZnmNdNf7WsD5YOjPY2RCzBT2dYxmxms3zpdMUYIrYr3JIZ5G+7h/DQZW6NT02FuY8bEM4d5HaqMgGzKoDJVw7qkudpYzZMKkEWU5MJFBeMIDhycH1JakNVCKqGufPXFunAZO9F4KiLOcmRsmqcCOS7WZABCGi8VQt/XqjzY+Nyi406Zj/Zq3oKf30NjRmWFlDNPY7rh14L29g94zt85KIyg1EMTlcyK+MNAPUv5OqyUFhP6xtMYQD96Ld65BR3xNfeCJRLw/0ciLbPNVHenuieOv+59lozHiBU4mUhtb8BqZYv53i7fbbRvzbEiV6WMu/5MXjhxWh5HwupTQOikjGhUJxilzWhzEkOVSzra4AbbgxV3GBhOnDIklAoPmmWNaGsShMVarjf40IPenB3d3cqyJVxoVAo3+Vbooq2lALUsNpTjw507LqZCk7KaqKtV+rkR7x2dQIANTxwp8524eXZVBBJtFMm5H6yfpd4fw0reZyWVLCSbErL//kJ/Hn+BOYQ/hb+0ImTAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTA0LTEwVDA1OjAyOjM2KzAwOjAwgf+VZAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMPCiLdgAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-Recheck-Issues > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAQAAAADHm0dAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjObTadKAAABhElEQVQoz42TPUsDQRCGB22CrWBsJL/DwmIwIFxzcCKLLrIoWxzCCofaBFIYWDxREX+BglbaaGcTtDKktLNRiSCIIFpFReNrkc3GxA/kKeadmaecIdB/IRCIh3iKUz7kCl/yAz/zGz/zA19yhQ95had4yKv5Wh5/UvPqGLpodE+8GsDzGmwFw0E2GA42g5f23KshHI8hg8JcmA9zoJDDx9bGqxEcM6BoNapHiOrRKiiabW28KiAgIK5Ej5hwGQJiUvSI22b2qoSEhDwGyX2XIWtyAyS35bWEbKsKCgqqDFI7LkMdqD6Qyqh9BdVW9ZOGhr7TfXpEw7OrB/WehoZ+8mpciREjRrwMiqfji/jD9TeunnnVLBoYGJh3MwcCmZw5d5MmC15Nssl9AsdJMpeMJ1e+R3KfDHgVtDS/hF8xXy4LVOgtHBXwI0eF3g4VVOwvVov4RrXY33GvTUoDpXIJHZRL2a7TbmEzds02LCwsbMOu28y3L/hKymk5raen6eiPD/M/PgH0Wu900re3/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMIH/lWQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDDwoi3YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-Toggle-ShowIssues > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAQAAAADHm0dAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjrikR/uAAABsUlEQVQoz42RMWgUQRhGfwS1EVGwsAs2igRLizTBAw90hByLezIZlVksZoU42zh7KWYE2RC3sFMbwSJpkmCnnQmIEE60iRBU0MIujQQCUYtL7u6zuGW4HCPIa755vOofAv0vQ5ONs3nWZj/ZDtthn9kCuxpMp042njY6DYzwduriSHr9fLwZI0aMeLs527zUvBV/rN6/YzmUTp8TPwQEBMSumBhocUy0K9ebTnyafEhQ8QKUjCdLyQ1Qcs3bjk/TToqKFii9nyJtg9IL3sKn2bMMFS9B2ansQTYBym56+8WnrcP5Yo4cOfK9nA+0OZN/r9zX/OyBY7mHruvg4Pbtgr1rH7ktBweH2bY7Xac61Ye/oKgV7woMY3EHbIUdZcSIHfwtUHmlfFK+LzfKjbnX6k+MCFEvuhxRRNFoCgLxAYscfJUvcfB1foQTD6WSJMlJ+UtCzsia7EvI25JkKFWkDqlXCgrqnqqpvoLaVMdVKNWkI72roaGfa6v7GrqrWzqUmhPmjYGBgdk3e9X6ZsYCqRW2a2FhYR/bGdur9lwgLT75y64Vy35vBdKyUyJEIP03fwHgNNYkYs9S1AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMIH/lWQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDDwoi3YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-SpectrumInspector-Change-Section > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2QkY0RkFGRTlCRkVFMzExOTdEOUQ1MEI4NDlCMDA2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRTk0REFGQTg2N0ExMUVDOEMyN0U4MjU0ODUxN0JDMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRTk0REFGOTg2N0ExMUVDOEMyN0U4MjU0ODUxN0JDMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmJjODg4NDA1LTVlMTQtODk0MC1iY2JhLWRjYzllNDVmZGNkOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkY0RkFGRTlCRkVFMzExOTdEOUQ1MEI4NDlCMDA2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk0RUqUAAAOzSURBVHjatFVfSJNRFL/f9rnN/XFO3GibglI21Ji9SfSoKL0YPfYQPfQkGGIPQwhlMAVJIxJhyJ4sCn3I8CEcQtBrxFpSCoIgEn5jQyZzzs397XcufWvqp0XihcN377nn/s45v3Pu/YRSqcQucwgXBfhbgBdyMDg4aN/b25NisZhjeXk5omSj+l+nw8PDdkEQpHw+z9LptNTc3GxXshN7enrKi5WVFQL/rtVqP0P/6Czw9vZ2O6iRstksOzw8ZAcHB2x3d1cymUyOZDJ5LBNxY2Ojct2kVquPIM7u7m5G0SmN7e1tKZfLsXg8TsCsAkM6yYDY2tpaedAqiqIKwDpJkhiBnOJPEBgCEGpqapjD4WDz8/PnUin29vaWF8Fg0FBdXa1GyqrNzU1WLBZPHSCdXq9nLpfrnxpBPDo6+lNxlcqN6AqIUkilUjxaakOiSm7HQqHAEH1pfX2dUzQzM8PIVh6owXGKVldXywuAmzOZDIIsGtAZ3AGcssbGRtrj0Ws0Ggb6HMhS2tnZOQaO4TiVATxWrvU4oAVo1mazlaNua2tjoI47IF1LS0tkYWHBEYlEpErwkx3EWaEIZEHEdQDnxFdVVTGz2cwLSRSRED0k5KSvry9SEbEiOHcQjUaZLIhQJ2/gdjKDwcCpUXoOSOfxeCLE+Vng3EFHRweThVoUWdA9SFqtVh797OzsW5/PN0qOSGRwXEb+BXUTOBdG5gOKXWSxWOQOIorMoCYKGiyLi4vepaUlC+Yu6A1ra2scsKGhgdeDsqOCY+8a2pa6TqPoYGtrq3yBcLFscBQDqB7rW2jhKwAB/fl6qhEB6nQ6bou36BV0XxB9FXQlfI2KDugt+Q1OEaoxT9N9wtyIt0WL/QKoyTmdTk4R2Xq9Xj8yvYlM9BRMIpEg7u5BlwHOM2oWnI9zZrq6upjb7WadnZ1UZC0kiiyoqnoYp6h78KjVTU5ODjQ1NVFhtbgjt6H7if2rcFAPR18pM2Rxx2g0vkYgH8kJd0C9PT09Xef3+18QHVhvUR1gVATIOzijx6YE3QO6MwAKIjoBmd0FSAJzavXHsH0D2xrQegMYxMQnzhEO+KgLAB5C4T4EAgFSD8DBk/7+fjY1NUV3wkM2OPQN3ROCjI6NjbGRkRGyNVHxSXA+gIJPQKeB7Xd8fwhQhPA8pKF4Pzc395ze9nA4zGpra9n+/j7Dj4Q/bkNDQ09ByX0EFELbPqQ3jOo3Pj6u/KsUBBHUvaT59Yv+k8+TS//pq9glj18CDABONA8S2mDnBgAAAABJRU5ErkJggg==); } .K-Chem-Composer .K-Chem-Editor-Client { margin-bottom: 30px; } .K-Chem-InnerToolbar .K-Pri-Glyph-Content { width: 24px; height: 24px; background-repeat: no-repeat; } .K-Chem-Composer .K-Chem-Composer-Issue-Panel-ToolPanel .K-Pri-Glyph-Content, .K-Chem-Glyph-ElectronPushingArrow-PresetSelector-Button .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector .K-Button .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-ButtonSet-DropDown .K-Button .K-Pri-Glyph-Content, .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-ContinuousSidesButtonGroup .K-Button .K-Pri-Glyph-Content, .K-Chem-GlyphPath-Arrow-SettingPanel .K-Chem-GlyphPath-Arrow-StyleButtonGroup .K-Button .K-Pri-Glyph-Content, .K-Chem-InnerToolbar.K-Chem-Composer-Assoc-Toolbar .K-Pri-Glyph-Content, .K-Chem-StructureConnectorSelectPanel .K-Chem-StructureConnectorSelectPanel-SetButton .K-Pri-Glyph-Content, .K-Chem-StructureConnectorSelectPanel .K-Chem-StructureConnectorSelectPanelAdv-ExtraSection-Button .K-Pri-Glyph-Content { width: 21px; height: 21px; background-repeat: no-repeat; } .K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar .K-Pri-Glyph-Content, .K-Chem-Composer .K-Chem-Composer-Style-Toolbar .K-Pri-Glyph-Content { width: 16px; height: 16px; background-repeat: no-repeat; } .K-Chem-Composer .K-Chem-Composer-Issue-Panel-ToolPanel .K-Pri-Glyph-Content, .K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar .K-Pri-Glyph-Content, .K-Chem-Composer .K-Chem-Composer-Style-Toolbar .K-Pri-Glyph-Content, .K-Chem-InnerToolbar .K-Pri-Glyph-Content, .K-Chem-InnerToolbar.K-Chem-Composer-Assoc-Toolbar .K-Pri-Glyph-Content, .K-Chem-StructureConnectorSelectPanel .K-Chem-StructureConnectorSelectPanel-SetButton .K-Pri-Glyph-Content { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Client, .K-Chem-Obj-Setter .K-Chem-Obj-Setter-Viewer { border-color: #d3d3d3; } .K-Chem-Obj-Setter .K-Chem-Obj-Setter-InfoLabel { color: #aaa; } .K-Error-Report { background-color: #ee0; color: #e00; } .K-Chem-Struct-TreeView .K-Chem-Struct-TreeView-ItemType { color: #999; } .K-Chem-Editor .K-Chem-Editor-Client { background-color: #fff; outline: 1px solid #666; } .K-Chem-Composer .K-Chem-Editor { background-color: #aaa; outline: 1px solid #aaa; } .K-Chem-Composer-TextFormat-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJg3whN5aAAAA10lEQVQoz4WRobHEIBRFn4mLiUBgIuLQFPBM1GrQmAgsiha2hbRAC9tCWngt0MJdsZDd/JndP0fAcM8wFx6BfvM9KJT/CIMdMOTXXmcNXbW9CGMZMQoIxCtXBoOFpzNWkxJVFJQHbcdWG/spzPf5PvsZc/lS0ohZQEYMzEIH1Ua/wWZb2gqb9aqrhoYW3Tuw8AoC8cJgAXFmcOX+ipu/4YIHbWV7/4N7ON+7OO/gyqVksEE+ewcJCMspxCkecf8U4h4RH3FqQkJCQqo9Tkc7QfI/h/XvNDtPX0f4Zp2PXBcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDCe98WbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAw76p9JwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Chem-Composer-TextDirection-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAnFBMVEX///+Xk6VJQGaZlKfd3d3g4ODk5OTW1tba2trOzs7S0tLU1NTGxsbJycnMzMy9vb3BwcHDw8O0tLS2tra5ubm7u7urq6utra2wsLCzs7Ojo6OlpaWnp6eqqqqampqdnZ2fn5+hoaGSkpKVlZWXl5eZmZmKioqMjIyOjo6QkJCBgYGDg4OFhYWHh4eEhISCgoKGhoaIiIiJiYn////Uhuj3AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQfiCRQNJg3whN5aAAAAcklEQVQY02XKRRLCUADA0MfH3d1d2lLK/Q/HBmYYyDKJXAh5CiiiRCBQRgUFQgiBKmqof44Gmmh500YHXeihjwGGMMIYE0xhhjkWWMIKa2ywhR32OOAIJ5xxwRVuiBAj+Yj7l0jTyD2OPZJElj1/6tMfL8WAB7mrMaFoAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-Composer-TextAlign-Button-Horizontal > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRF////dHR0fHx8hoaGkZGRm5uboaGhuV9B5wAAAAF0Uk5TAEDm2GYAAAAsSURBVAjXY2DAA9LAAFmENRQIApBFXMAARRuzsbEBioASGCCLMAoCgQAWKwFt/wdgR3mjMwAAAABJRU5ErkJggg==); } .K-Chem-Composer-TextAlign-Button-Vertical > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiCRQNJg3whN5aAAAAMUlEQVQoz2P4z4AfMhCtoOY/hJ4IpRf+R1JQ8h9Vwez/5Cpo+z8cFJAfDgSDmqLYBABKOyDyClkaUgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMJ73xZsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTMrMDA6MDDvqn0nAAAAAElFTkSuQmCC); } .K-Chem-BasicMolManipulationIaController > .K-Pri-Glyph-Content, .K-Chem-SelectIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABJ0lEQVQ4y5WTsUoDQRRF7+68OyAoSPpdQoKFYGNhYWFg49qJjRYGgo1YaJHSv1CIhUQEs7KNElQQ0/oF/oCChSYgaGkqJcQiCJnAbmbfrQbmcN57zDgDZCt39OCXvVImQFWknS9nANyOM62iQmBvcAXKk8u5wBKQYTxG84Gd4T++RAuBvQEC8XmxGE4EOJo8z5ZCewMEUmBjObQ3gGBRN0prWQCwqM9XQ3vglz3O6k2zbQMwqoc6HvF6/2YPxDfPNkN32eYPwZzsTFqrK5Au96/W5UkgmhvVXLqhz3fW4geAJ8MdsZIK6Gu93bwDAH3LF4JTsrU35nCSvuhBDXUA39g9bSUajPZa6ktBzaiVlJaMp/4pTYFAxm5IEnDcPzwaAB+ILWdIqj/GmjnWLBVGYQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-BasicMolEraserIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiCRQNJgyHg+7MAAACE0lEQVQ4y63UT0vbcBzH8Q8M9hgGgrDTTpt2vxjXGJM1rdU2bew6QzNSS1az1FRLtP6htyl7MnsGQiGnQkHYtSD0AQx2GuwBfHbQrqnWw8Z4X76XF1++h98PxN+F/wIUKIHyQ+G9+plHga4yT5tOojqdq9pjYH24ySY/JWqxwyBdnw/Ujbd02eZBohMe91uw5wNtUGSL7UQdnrCjeqjMA4qh02WL+4mOGcUt2LDmgbXBFn0GiUIeMVR3YaH0EKQNjQ79mYM7PIh9VGHCfAiUOE+Pe9zjHn369BnwkIHhooQiiveBYrxnl5f8ctfl93OeshV7qKCAAgr3wUbsfSOIC1zgM04RIXp2/rNtOMhAgoSVWZBWLe6aBFFDDVloC9pY79ovXGxCQByKsVicAdm4en07mTCRgzFKU+Ha2SoERCRR4vo4AVZVk7Wt2zmHHCw4YYPblCnOXkcSS2zQ6SZApl+5/rMLWeioPvHCJssUFDTpM+w2pjfIaoH2xgQYUJGCPLBEPXRYZpkOG906tqdA75eH02syENB2tF95oUV5Vlllnms9GeoELMs6y1tTICA9zQ6z6TeRzHf06LFKmane0gSkrySuvJyCV8+XvypqJpJo8iOPoqOwSZMpLvXugBN73KFBnTp1ZligNbJhjWx6DCIfPoLA4w7z40deXAAXH+AudG7ah3WUUUId7aBz4y7+w6/xGwJAKc/pV3dbAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwOIDOLwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMEnddpMAAAAASUVORK5CYII=); } .K-Chem-MolAtomAndFormulaIaController > .K-Pri-Glyph-Content, .K-Chem-MolAtomIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABIUlEQVQ4y83TLY7EIBQH8DoMoigMggSHalVlUVUVk+BQxaAqhhv0CD1Cj9AjcIQ5Qo/ADf5rNpuZaZvpms3mGULej4T3UaD4XRR/D4ghC0kEJJNEZiLJQHAKaEkTBQUFzfTxczoDrGKZgYGtTKJAwUo2fd9UB4CXfOPg4Mvze9xwcHBzAMQkICA2Ub7+SSwCYg9UqbKCgprfi6CkgtoDfdPQ0NBmX0h913IH6qlGjRqX+9CsDRo010GbWrRor4Nu7tChuw76e48ePXpzEVhpYWFh532KNfaocS45OLjs3hrnKpfdegC89NnDwz/8E/GVzz57eTh8YQgICAg5zMEEE4awhBwQbqfjPZpxG/ES22g+LFAc4hJTTDHFNQ7/Yqc/xRd1GTTqBlA7RQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-Composer-Assoc-Toolbar .K-Chem-MolAtomIaController > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMPAO/v7w8PD8/Pz29vb4+Pj5+fn9/f37+/v19fXz8/Px8fH09PT39/fy8vLwAAAP///yH5BAEAAA8ALAAAAAAVABUAAARf8MlJq704630FkMDBHYtjNsPgbKqDEo25ZoS5UEIwX4DefJSCw4CpOQqXgACTMIk4lNgOKtFNqU3HkippIS1EjMAUCE96hEzrNzE02BmErIGIKbaagtShYAC5gIGCDxEAOw==); } .K-Chem-FormulaIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABHElEQVQ4y92ToZXDMAyGHWLm90qMXWpWYG5hoxBjh5qdWVhH6AgZ4Ua4ETrCjZARvgOXXlIfKu37iQQ+WfolK9RrUu8BDNNwfQg1nI8Zas+G6e8FPWo0+vZbQ180etUfj5r6ptHo8aklg8HIFi9mNZe9CSMGQzeDxWIFhbKLXe3l2LUVi+0Bh8MJyi3u7s7PYzpxuB7wePzov/zdn3pfvHh8DwQCYQ2E8b+RQQKhByKRuEYiceqBKJHYA4lEGtM9kUgdkiSReiCTyZJP+TOTycsRyJLJPVAoFEGhylIolANSpFB6oFKp2+LqUqnUr7r5VaVSn4E2NhptO412bjQa7buNKFS7NRptP415mq8PoVB7Nl9nOcTTG/241/QDX00vrffAeS0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Chem-Composer-Assoc-Toolbar .K-Chem-FormulaIaController > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMPAO/v77+/v2BgYBAQEDAwMJ+fn1BQUM/Pz4+Pj9/f3yAgIHBwcEBAQH9/fwAAAP///yH5BAEAAA8ALAAAAAAVABUAAARh8MlJq7046827lw0jNk9giAsoMuS0OKlkKAH1xlPjtAUBVLpWbvdA+CxB4E5wRBIpuoGjdklCHdLBofocNgTYrVIIIoIdhbH6oUNfyY/bEPaLw6ArUkKwMgRCIx+Cg4SFEQA7); } .K-Chem-MolBondIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiCRQNJgyHg+7MAAAAs0lEQVQ4y5XUMQ6CMBSA4T+h4sZgBzAx3opEFm7BGWpY9D7IoPFez8WQCO3rk0688jXwDyD8txDMV0VNYQeOjgFvBY6eicDBBko6Zm40mL5hT8uTkSNYwI6WN4HT915y737hReC8TFRQ0DMzLqdngKPnwZ3mZyq5MvVqLnqZZrMjljIZsC2jglgZBcTLJEGqTAKky0SBViYC9DIbUGbKrEBFx6SWWYGagavxcRBweLz1X/ABD6ZSodDpp+oAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDA4gM4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwSd12kwAAAABJRU5ErkJggg==); } .K-Chem-MolNodeChargeIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAABQklEQVQ4y7XTMUsDMRgG4BRrT/BAO0hAMlRSHDI1U5ZKOmU6F28QDhxuMIuHtEtX8xsEBRcXN/0Djpl1cBFcRIr+AZFuIq/DSWlLT+4QeYckhAfyfeQjINVC/gCCVtALWhVA6EOEvgJo+iaaVQD1FHQO0C69ppaGM4B1mGOOOTZiYKN8n1+yGjtlYHdsewZwxzGf/JIL/sLBYx7MANEXmA8IiFgW5wLiQdQKapBeQnrpJueO/JBjeVRYtPIKyqv+z2lFOQV1qzYKgfYaetIlvaOfNPThL201zngzeZC5NDD3pl3yL0Wb0Wf0FR1E9VIgXotPYsSPcaPkb026yVsyTo5BkvXETacApGcp0pt0CyTtpZjOQmDb9tXC7tolENuy7xYWFvm6EGRXGbLnrF564gZ7g4vBfoURHTaGq/8z0/8EvgEeJizblXz0dwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-TextImageIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABblBMVEX///8HBwcHBwcHBwcMDAwMDAwSEhISEhISEhISEhISEhISEhIYGBgYGBgYGBgYGBgeHh4eHh4eHh4eHh4lJSUlJSUsLCwsLCwzMzM7OztMTE1MTE1OTk5CQkJTU1RKSkpbW1xRUVFkZGRYWFhsbG1tbW5tbW5sbG1tbW1fX192dnd3d3i3t7d3d3d3d3d3d3h2dnd3d3dlZWWBgYHBwcGNjY2BgYGBgYGLi4yBgYKBgYFra2tra2tra2t9fX1vb2/KysqOjo6KioqKiopxcXFxcXHU1NSVlZWUlJR2dnZ2dnaSkpKOjo6MjI2dnZ6dnZ6dnZ2lpaalpaatra6tra62tre0tLW0tLW2trcMDAwSEhIYGBgeHh4lJSUsLCwzMzM7OztCQkJFRUVTU1NKSkpQUFBbW1tRUVFaWltjY2RYWFhmZmdsbG1fX19zc3R2dndlZWWAgIFra2uJiYpxcXGTk5ScnJ2lpaWtra3///9b/PlBAAAAWXRSTlMAMMCQcMCgwEAgMBDgUBCA8GCAwMCA4GBAQMG9O3D0kPXA9fD5R2/3zSD9XQGJhUv7zWB1AQOhpwNnzTBQ0LghAQeVzfDAAUXNMEDRnGtJe83Bzb3FO8XNPeeTBZEAAAABYktHRACIBR1IAAAAB3RJTUUH4gkUDSYN8ITeWgAAAPhJREFUKM9jYCADMDIhA2aEBEskMmBFSLBFsXNwckVFRXEzcLBFsSEkeHiABG90NIjii+ZHSAgIAgmhmBhhOAcZiMTGimJ1mlhcnDhWifj4eAls4pIJCQlSCCAtA5OQTUxMSkYCcjAJ+ZSU1DQkoACTUExPz8hEAkowCeWsrOwcFVW1HCBQB2INqLhmbm5unpa2jo5ufr6evkF+viFUwqigoKDQ2MTExNTM3MLEsrDQCixsbWNbVFRkZ+8ABI6OQMKp2Bks4VICBq5uMOBe6gGW8PTy8vIu9fH1gwH/sgC41wPLUUAQXCK4AgWEwCVCw8KRQFgE7iQCACW6V84jJS+aAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEzKzAwOjAwnvfFmwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMyswMDowMO+qfScAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-MolRingIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAALsSURBVDjLbZJdSJNRGMd/zrd96Pb2Njfn2N6W07m5yjT6kGWbw5AIpLIgtCSUAsmbQCiIpIuCou4KjECi9CK8KoiCiugTvSgzNNFKU1lzVnPLJUZaswuzmet/bs55eH7n/Pk/h0I8+PDjRRYtZfIDuc9YnSHnYmclZvTMLVlsoRQfxZgbM56njwo3FU3LxtM7xRYLFrKQkoFStmBpMPSk9tPOQbKRqOCioittQGzN+t8LVof1XfpL7nAIBwsyUy606x4ax3R1SYClR9XKPtz8o1TUtuU+4zlDfxKQMU02S6TBjJ18CpEnkgB1bJEVQEcWDgooYgMe8saTgJQYrsTNNgrYxFZKWVloq7Zfcc2YnhnPGnausCXc/gUEcthMGdtxuhzevIerXslDhqj6vNi/oltq03sMZgDUf4AULGymHKfkKil8tC5kvSfVZpA6TSMmxQnlCzEgXdblqZSkxXCBCiMFlFNJUXNJzNliPaIT1AARPjDMDiSOL3uqjFCD+hvuVPTY8bCb/ZSFnLbsYoNCM+/zE1qOEWCYvazBSxQhQqWg1gr5+NjLAfyhXK07JFaRhhITISCNHE4wQQe1RKGGSEpH+mmD7KGCPRQHZa11gsMcpY0YzX+yEdlFI02EQUkel1OCy7vNp2yGbawO6rXKGL2M85gSpEUjEvEyOb814aFN8zrzvelC5oQwzCx9+BPzWZBgZipxslHBGTqZ4SqTNKFc2q6X1QeIEuYjgwwxQoAQIQiiZYr6eWDBUX6285axXXGSMN8I85EAAUYZZQi+APfZiAIk1gPunKJza+9ae4UreJlilu9MEuELQUZ4CwNcwI8eVLiw6d0Nq286uzPv4qeKS7whzi9m+cE0UcYYhDqC3OYG5RqzE2u9fcD0ROVhIzfoYBAHc8wRJ06cH0wyNm+5lQG6FBc1Pm2zsoYCrtFPLw0Ai376T6YJJ0JpoZPPHOQ6AZ7T+Le+0B7nJ9/5ujhHmWr6eEAZYqL4G33GGGhzkVEBAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTIwVDEzOjM4OjEyKzAwOjAwOIDOLwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMEnddpMAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-ArrowLineIaController > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRQNJgyHg+7MAAAAkUlEQVQ4y2P4z0AaZBjVQIkGDnGOnxxBJGgQ5hOeItwr3CDcIFxMtJMUDir8V/iv8F8hQsFNQRauQV8cJ9yv/x8OJ0PEGP4z2P/ECf/a/4fDvxAxhv8MfkE44QW//3C4HSKG1w+xe2L/x/6P/R/bE9sQa0LA01nsWQFZC7J2Zu3MWk5UKJWKl/4sDRpNrYNVAwDIjy3EhFDfVwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOS0yMFQxMzozODoxMiswMDowMDiAzi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDktMjBUMTM6Mzg6MTIrMDA6MDBJ3XaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-BasicMolManipulationIaController-Marquee > .K-Pri-Glyph-Content, .K-Chem-SelectIaController-Marquee > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIxjI+py+0PopxzgReu0nh3i3GIyJCGeaBpE7FsC5ZSbFWJms1emdenBut9Rrih8dgoAAA7); } .K-Chem-BasicMolManipulationIaController-Lasso > .K-Pri-Glyph-Content, .K-Chem-SelectIaController-Lasso > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI0jI+py+2vgJyQJtnA07F2fzGcMR4lggWnuViipU0rqZKcPN+1nbZu3RO9MpnZDoJMKpeLAgA7); } .K-Chem-BasicMolManipulationIaController-Brush > .K-Pri-Glyph-Content, .K-Chem-SelectIaController-Brush > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZEAMbGxkJCQsvLy7m5uVVVVfn5+fj4+Pf39/T09L29vTAwMERERDQ0NHJycuzs7ImJiVRUVEdHR6urq6amppSUlEVFRZiYmF5eXvz8/Nzc3L+/v3BwcMHBwTc3N4ODg/Pz8zY2Nq+vr0tLSzIyMqCgoGVlZa2traysrHNzc+vr67S0tKGhoUpKSmZmZvr6+kBAQMjIyFtbW7a2tk5OTjw8PNPT025ubu3t7Zubm0hISHd3d6SkpFhYWKenp+7u7jMzM7GxsZGRkS4uLgAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAVABUAAAeYgESCg4SFhoeIiYkDEAQJioYZLEJCOZCFQZRCFZAuPTAFAzSUASGKBjgNESUvQh0PNYoIFCs+EqQyGIoOGyMagkAKLZACPJQLAIInIgBDiTNCCsfJBzo7Q86HJhcMmgEcEyQG2NmGKpqUPxYHROTlhDco6DYIgu7vgx8eIEIEKYPuEhVIEEMAIWfYLiFKqLAQw4YQI0oUFAgAOw==); } .K-Chem-BasicMolManipulationIaController-Ancestor > .K-Pri-Glyph-Content, .K-Chem-SelectIaController-Ancestor > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPUoADg4OIaGhsbGxjo6OsnJyTs7O1VVVb29vVBQUG9vb+3t7U1NTerq6tHR0ZOTk5SUlI2Njff397m5uT4+PkdHR1RUVFZWVkRERN7e3tDQ0MDAwKKion9/f7a2tsPDw4WFhUNDQ8rKytjY2Nzc3PX19VpaWj09PQAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACgALAAAAAAVABUAAAaQQJRwyDhUDoyhcjkMJAwRQyLAZD4WHwKKg8oEFo8qqgFwaIYdwAYlcAAazIkCs1RAAJIRycQcoCgeVRYlISBMBSgIAmIiBBeHiYtiKH5LiIqTlJCYVSeOfX+BTBYnJ4ZLcnRKdnilJ0xkZmhqbK6vVlhaXF4LtrdMTlBSVLaZRUdJKK+lmZnMzZ2/0NPU1ZNBADs=); } .K-Chem-ClientDragScrollIaController > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZUAE9PT1VVVVpaWvDw8IuLi3Z2dqCgoKenp3Jycjc3N21tbUhISE5OTlJSUm9vb0dHR6Wlpampqfj4+KOjo9PT08TExPX19f39/VxcXOTk5F5eXmhoaKampnBwcDAwMNbW1qGhoWtrawQEBPr6+kxMTEtLS5iYmO7u7qysrCIiIlZWVsbGxsrKysDAwJGRkYmJiWxsbHNzc4iIiHp6evf391tbW+Pj49TU1J2dnbCwsN7e3uvr63h4eLOzs+/v73x8fMvLy76+vpWVlZKSksjIyMHBwcPDw4qKivT09IyMjHt7e9LS0kZGRlNTU/b29u3t7dzc3N3d3fz8/GdnZ////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFQALAAAAAAVABUAAAepgFSCg4SFhoeIiYVSGQoPE0FIioMZPAkOFCk1MpOCQj9JShINEgk4UZMvEUAFAypUHjEYkwQQFa0BVAtUDbS2uLpUDLQcLQ4+JFRMVACIFjk7LgY2KE4mVLnNh0cYUwIGhU/MiDBEHyITh9qGBwhUPTfqiCMCRonrhkUaF4cXTYoKIhxaskERlAcsDIUAMWlFiQMnBOlA0MFCJwozBDAAoGEIjU4gQyIKBAA7); } .K-Chem-Toggle-Select-State > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI4jI+pywwPY1ygnaqw1Qg/8wWQyHmNeVkgpYqs66wp/JYtN2/1Kct41yNJhr+WsZgohpYepPHZKAAAOw==); } .K-Chem-TextBlockIaController > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMMAD8/P+/v7w8PDy8vL4+Pj8/Pz9/f309PTx8fH7+/v39/fwAAAP///wAAAAAAAAAAACH5BAEAAAwALAAAAAAVABUAAARPkMlJq704s5C6/11wJUtpnmVyKYsAKED5AsJCrEshsYsiFb3VYMLzSQZGTVGDCzIryyclKt2VklVq9lolcrsM7dOAKB0MW9TtyQGJwPBqBAA7); } .K-Chem-ImageBlockIaController > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPU3AJGRkUVFRUZGRvDw8Hx8fGhoaE5OToKCgurq6m5ubpWVldTU1Pj4+IGBgZSUlE1NTW9vb42NjV5eXvv7+9LS0mpqavHx8fPz89bW1nt7e6Ojo6CgoIaGhs3Nzc/Pz1BQUN3d3f39/dzc3HR0dJ+fn9ra2uDg4O7u7l9fX/r6+ktLS8XFxcHBwcPDw/b29oyMjP7+/kdHR2lpaUhISHFxcWZmZkRERP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADcALAAAAAAVABUAAAbAwJtwSCwaj0gkpQGhOZ9QZ+KwGDYMs6x2uzUQhpCAbUwulwO1IW1mbpNjBTXb3Y7J5PT6XbjOm+14Yw8SH3SAfHMCByAaMWMCBipjhzd9NiMiMCcvYgQrHJN7lWwyHSFCCBk1HikYNDaUNAESLBNEJiUMNxMtKAGirwq6SS4KNsA2GwgXA80DFhbNFwgkx2oBFREOANzd3A4RFQFxQgkCfmdpQgcGAgIx8PHy7g9fQgsENQUy/P3+BTUIUEhCcEgQADs=); } .K-Chem-MolBondIaController-Single .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAImjI+pAesJ2ptxUmlXzRpztH2gJzKkGJameqSli54fPMscfdsZ/hUAOw==); } .K-Chem-MolBondIaController-Double .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAImjI+py+1vAGRAzmPrjdleHYBft4XkBopT6q3nyJWs/Lolot767hQAOw==); } .K-Chem-MolBondIaController-Triple .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIujI+py33gHIAx0VkRDjveX20iJYEc2YxGl5oso56hi8L0vJplnj169urJhERiAQA7); } .K-Chem-MolBondIaController-Quad .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIzjI+pC+sJ2mMmTmVDvjLv53USpYnVCJnl6YTsyqhu/M6YrN51nu4XbAPxfkEi6of4IC8FADs=); } .K-Chem-MolBondIaController-Aromatic .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAInjI+py+1vAGRAzmPrjdju/mmBeHnkN3qTeEKmGsIPKzsvioP5zi8FADs=); } .K-Chem-MolBondIaController-Closer .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPECAOjo6AAAAP///wAAACH5BAEAAAIALAAAAAAVABUAAAI/lIGmy4qRmhQvQDAbsDzmw3XYR23hRZYnSlahl7liKlvwVLNffkv8uDO9gDHhrGW0EXFJSEr1ekJ1tE0POSoAADs=); } .K-Chem-MolBondIaController-WedgeUp .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIqjI+pAbCPmoNQTqosznpHe3lguI2eMTZnSlbpypZsy8WYLXeiDtPl6SkAADs=); } .K-Chem-MolBondIaController-WedgeUpInverted .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIrjI+pCusI4nOxzlTtNTnv3n2gNo3SFphoOq6qG66sJ4MyR9ekft6zjwMiCgA7); } .K-Chem-MolBondIaController-WedgeDown .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAInjI+pAesPYYsLTIrzsXrf/n0a1zEiRhrpeFJr9r5VIrttVOM3XkIFADs=); } .K-Chem-MolBondIaController-WedgeDownInverted .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAInjI+pCusI2nNxUmlThXkfn31YaIAkaIZpN5LB2J4x69bq3Nn6g5MFADs=); } .K-Chem-MolBondIaController-WedgeUpOrDown .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIjjI+pywwNw4sNWFrxmhrxflgfKJGhaYygiKatqsHx9dbtbRQAOw==); } .K-Chem-MolBondIaController-Coordinate .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIvjI+pBr3PDoBrUtrsfXoH3XlZ9HmI45jMqK6pmL1w3H4su6FSC/K72gP+gLKaoQAAOw==); } .K-Chem-MolBondIaController-Hydrogen .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIpjI+pAesJ2pty2vsqRnGr7nHhaGkhSJpj1LBepVJHnLG0A5/z27nkUQAAOw==); } .K-Chem-MolBondIaController-Transition .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVALMKACIiIjMzMxEREe7u7szMzLu7u2ZmZqqqqoiIiAAAAP///wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZmFiLCAyMDIyLzA4LzE2LTIyOjM1OjQxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA4MEM3MTg3QzYwMEU0MTFBOUM0QzRFMjM3QTM3NTdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFM0QwOTAxQjRGMjExRUQ5QTg3RjAzNjM4MEQzRkY1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFM0QwOTAwQjRGMjExRUQ5QTg3RjAzNjM4MEQzRkY1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZmNmQ0ZTBlLWU3ZTctYWM0NS1iNTM0LWNlZmE0OWQwZWFkZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODBDNzE4N0M2MDBFNDExQTlDNEM0RTIzN0EzNzU3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAoALAAAAAAVABUAAAQ3UMlJq704aznC2BdigJSQnKdQJdoRYOcFoCdgsVdhkxVBkDgeJSYcBouKI3K5YiaVQqhzSqVGAAA7); } .K-Chem-MolBondIaController-Double-Either .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIqjI+py+1vAIBs0mWpPPv2kHlW6EUXIpFnenJmC0bqk33QZ9Mwusv9zygAADs=); } .K-Chem-MolFlexChainIaController .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIsjI+py+0Po5y0gnUd2GlnfHEGJ3YfeX6jGngmwo5YRculJMbaoTcn9asJEQUAOw==); } .K-Chem-MolFlexRingIaController .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI4jI+Aywf6WotJyUCnrZeb3SVfyFggiY0LdKot9aqi7NBynK61nqOuv8O0NKXhx3hcIZVCYNBJKgAAOw==); } .K-Chem-TrackInputIaController .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI3jI+py32woAM01VZvyExnCCqaQUmhFZHb6qBnq7ISPMd0XLdzrj/wUyr9NsGRLjgkIZPFpHNYAAA7); } .K-Chem-RepositoryStructureFragmentIaController-SubBondMark > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZOAEtLS/7+/kxMTJeXl/n5+YODg56enuPj45ubm1BQUL29vaurq87OzpmZmdPT0/f39+vr6/Ly8vT09GhoaP39/VtbW9nZ2fr6+lNTU+Li4qSkpE1NTZKSkqqqqq2traenp319fba2tn9/f2ZmZtzc3MTExMnJyfDw8O3t7XV1dXd3d3Fxce7u7tvb27+/v1ZWVvv7+19fX1hYWISEhO/v7+rq6l1dXWxsbPX19ZaWlsDAwLy8vJGRkVFRUYuLi5SUlJycnPz8/OXl5ZCQkJ2dnWFhYYqKimNjY+jo6MvLy2JiYk9PT9fX15qamv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAVABUAAAekgE6Cg4SFhoeIiTVBiYkmPy4XjYctLxgLBJOGCj0CTRKahRY2ACIHoYQnKwApDgGog0YCEzqvsE4aAjIeTgckthSTCglDTg0FLDQGELaJFgxOAwJMRAAfMJMBJUkhCQMFSg6aDxUbBhgCRwhCGZMEPAsjNwBFE0sdko0UDCogFTkNOCDQRAAIgG8xcCB5oEnCDB8odgAwgCpABAhOIiA4davjpEAAOw==); } .K-Chem-RepositoryStructureFragmentIaController-Methane > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPQRAL+/v29vb09PT5+fn8/Pzx8fH+/v7y8vL19fX4+Pjw8PD9/f36+vr9HR0T8/P39/fwAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABEALAAAAAAVABUAAAVwYCSOZGmeaKqubOu+J4E4h+A0gSMMUb6TBEVCRIAAIpDHCBIoFQ6kxzG5VIoWBqpJi7QaFADIcFtwmLWCQtha4lITAwdA4QBO2dTCo4AYQBAGEQQOgW5NAAAHQwwHEAcBBgszPz48PQQwmZqbnJ0vIQA7); } .K-Chem-RepositoryStructureFragmentIaController-Fischer1 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPQaAF9fX21tbWBgYF1dXXt7e6enp5eXl0ZGRm9vb1NTU5SUlFdXV2FhYXp6elxcXKampoqKinl5eYiIiICAgGNjY2pqaj8/P2xsbHx8fFtbW////wAAAAAAAAAAAAAAAAAAACH5BAEAABoALAAAAAAVABUAAAVQoCaOZGmeoqGgrFgtLRtkMXrRtTnnOs6Ptx8pKBTtWAXEACBgAigHC6PZBAAGEJEkgiFgvpPE4UvuNgwtZVFELLaF71+cN8/VawHHWlN4tEIAOw==); } .K-Chem-RepositoryStructureFragmentIaController-Fischer2 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZDANra2lZWVlBQUN3d3bS0tNbW1jIyMlVVVZqamjExMY6Ojt7e3o+Pj1FRUcrKypeXl19fX8PDw0dHR9jY2J2dndnZ2ZCQkFNTU3Z2dq6urjU1Nb+/v+Xl5dLS0uTk5KOjo2tra7q6unp6ekRERC4uLllZWTs7O9vb27Ozs5WVlT4+PigoKJ+fn+Dg4L6+vk5OTlpaWt/f37e3ty8vLyAgIJiYmKampjw8PDMzM29vb8XFxaenp1tbW0lJSZaWlkxMTEVFRampqYKCgv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEMALAAAAAAVABUAAAeggEOCg4SFhoeCFBCIjII2EguNiA8CBZKHCJWXhiwCAJccDgsDAzE+Ei6kpB2RhA4HAQGwMDckF7EHF7CFMjklCgwMFhAqGAoWDBggCpc7ASebhZkT0YSZltWJDRWSHhEhAOEAQi9BFeE6EZ+ENRoJCQYGOCs0M/EGJu6GGxtDBChDRIzwR6Dgh00ZfrTIJuhBA2zZUmhimAEINYY8ejQKBAA7); } .K-Chem-RepositoryStructureFragmentIaController-Fischer3 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPUwAHR0dG5ubmdnZ4CAgG1tbYGBgXBwcENDQ7Gxsba2tmhoaISEhGtra5CQkIiIiGFhYUtLS1lZWXx8fLm5ub6+vpaWlrW1tXd3d0pKSkxMTH9/f11dXXJyclFRUV9fX3p6ekFBQUhISI+Pj2lpaVdXV0BAQIWFhVNTU3Nzc7e3t5KSklhYWLOzs0lJSb+/v2ZmZv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADAALAAAAAAVABUAAAaJQJhwSDQsiMgkkaBROpeDpxTlkAoNKAAgy8l0UOAtGHlamVeRzQF0blthKNNbGSjMk4Go1cXvuxgSFH58SA8vLwKIDC0YiIeJAkgiKpSUFSQeDZWVb0Z3SAR6n0J1bwgsqKgTCgCnqahIBy2zsxAHJbMhtC1ICSm/vwkKFxbAwG+lo6SioyMfT0EAOw==); } .K-Chem-RepositoryStructureFragmentIaController-SawhorseStaggered > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZRAPz8/P39/Ts7O0ZGRmNjY4WFhZ6ennZ2dtTU1O/v77CwsI+Pj3x8fJiYmMbGxpGRkUtLS/b29nJycvX19fT09KysrK6urufn57i4uKKiop+fny4uLuXl5WhoaG1tbUNDQ1lZWcTExMHBwaGhoaSkpPDw8KWlpU9PTyIiIrOzs5ubm3FxcVBQUImJiZ2dnVFRUUBAQEFBQebm5nl5ee7u7nt7e4iIiJOTk+Hh4bq6uv7+/vf396urq0dHRzMzMxoaGnBwcFRUVOTk5Pr6+oyMjM/Pz4qKipycnFZWVmJiYhkZGV9fX/Pz80hISIGBgczMzElJSf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFEALAAAAAAVABUAAAeXgFGCg4RRDgcHhYqLUQwNjJBROwU2kYwRTg06loUlFksrChEBnBM4QCg+HQItIQCRTDdIRDUeE08nECkUkRIVFwMOgkIKCzKcDyCcihwbPMuFGgM00IQCI8s5hCQsCQkIkQhNEiIAAUkLLh8MlkUzAkYGMS8QGa+cGEFKPwWk1VE9DAz5J4jAEYKCoJhAGIWACoYwHnAKBAA7); } .K-Chem-RepositoryStructureFragmentIaController-SawhorseEclipsed > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZHAGlpaX5+flFRUbm5ucPDw6ysrLW1tcfHx3Nzc8DAwIqKipqamklJSa6urr+/v7u7u25ubltbW8nJyXZ2drCwsJ+fn2RkZJmZmTs7O1ZWVkJCQoCAgFxcXKampomJiUtLS39/f3x8fAAAAMXFxZCQkIeHhz8/PwsLCykpKTExMXR0dBYWFlBQUGBgYLq6usrKynFxcYuLi6CgoD4+PrOzsysrK6WlpSwsLDY2Nry8vFlZWWJiYo6OjrGxsVRUVIaGhiAgIFJSUr6+voSEhIODg05OTmtra////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEcALAAAAAAVABUAAAeOgEeCg4SFhoeFCguIjIIAAS+NiABDkog7P5aHHB6ahBIUQRAunkcFEzcpAgIKBJIjGxo6ESFHFTUAHY0PGRQGLAWDMBOaAEalRwZHNgw9pQQMEggAyEJADSYDyAkrARDIRw4iGAngAycg4A8BKCQHnjkxRRE8OAgNljI+H4tHBy0zSjhoRESFoQsWaCAKBAA7); } .K-Chem-MolNodeChargeIaController-Clear > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPECAAAAADMzM////wAAACH5BAUAAAIALAAAAAAVABUAAAIulI+py+0Po2Sg1glShiCo3Wye5oDjAS7pKaRfcrokbMgzEtgvoqtWPwkKh0RiAQA7); } .K-Chem-MolNodeChargeIaController-Positive > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIrjI+py+0Po2Sg1glShlu/HoCgIiKjF1rbabYH+7oGHJPRSJPqxPf+D2QUAAA7); } .K-Chem-MolNodeChargeIaController-Negative > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAInjI+py+0Po2Sg1glShlu/roBhI3qBdZ1OebAt+S2u+UroPOX6zvMFADs=); } .K-Chem-MolNodeChargeIaController-ElectronicBiasPositive > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAMQQAO/v79/f3zAwMHBwcFBQUL+/vwAAAEBAQGBgYI+Pj5+fn6+vrxAQEM/PzyAgIH9/f////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZmFiLCAyMDIyLzA4LzE2LTIyOjM1OjQxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA4MEM3MTg3QzYwMEU0MTFBOUM0QzRFMjM3QTM3NTdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGMDA5QTI4QUJDNTExRUVBN0UxRTVDRERCQzlDRThDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMDA5QTI3QUJDNTExRUVBN0UxRTVDRERCQzlDRThDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdkZmQ0ZTU4LTUzYmUtMWY0OS1hMWJjLTliZmQ1NjhkZDdjNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODBDNzE4N0M2MDBFNDExQTlDNEM0RTIzN0EzNzU3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAABAALAAAAAAVABUAAAVgICSOZGmeaKqurAo8A7G04yMiRkNDjw4lgB2AkDgVWAhCkGRLBRAPgWApap4AjGPAMGCmBo4RgRF4mA/mR6B0ONQMXhRBUKPXUgrDGiKY3b8CBQMKOyIBBVSFiouMjSQhADs=); } .K-Chem-MolNodeChargeIaController-ElectronicBiasNegative > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAMQQAEBAQHBwcO/v739/fzAwMFBQUAAAAN/f35+fn2BgYL+/v4+PjxAQEM/Pz6+vryAgIP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZmFiLCAyMDIyLzA4LzE2LTIyOjM1OjQxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA4MEM3MTg3QzYwMEU0MTFBOUM0QzRFMjM3QTM3NTdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1N0U3MUVBQUJDNTExRUU5MzBBQjE3M0ExQkRGRDYzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1N0U3MUU5QUJDNTExRUU5MzBBQjE3M0ExQkRGRDYzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhjMmFiNzk4LTg3MjYtNmM0MS1hMjkzLTFlMTA4Zjk3N2Y1ZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODBDNzE4N0M2MDBFNDExQTlDNEM0RTIzN0EzNzU3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAABAALAAAAAAVABUAAAVXICSOZGmeaKqu7CoMQeG04yAmRkNDgw4tgp2gsNiVEoXg7pAYEAhKloChgBwMAVrgMSowIAGAGIES1wxgMYB8KhBq7xbCcBARZlqCIsBeKqJGgYKDhCMhADs=); } .K-Chem-MolNodeChargeIaController-Singlet > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMLAPn5+e3t7aenp7KystDQ0PPz876+vtbW1qGhoefn5wAAAP///wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAVABUAAARKcMlJq70466167UoGetIYXuaUoqPaYuBHbnRtY4GQLAGy0znfIiHcAAQGIfG32SmLtSeTJr09D4NCdEdEDADboRdcI2gBBPLtEgEAOw==); } .K-Chem-MolNodeChargeIaController-Triplet > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMLAO3t7aenp/n5+dDQ0Nzc3Li4uPPz876+vqGhoefn5wAAAP///wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAVABUAAARMcMlJq70466167UoGetIYXuaUoqPaYuBHbnRtY0CQLABC1DnELoHwbQSBg3BBLCAAm92SmIDWpksbdqcdZq9eLpj5pQ0MC8FAcMtEAAA7); } .K-Chem-MolNodeChargeIaController-Doublet > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMJANzc3PPz8/n5+bi4uL6+vtDQ0Ofn56GhoQAAAP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAVABUAAAQ3MMlJq7046z2R55Ungp2IkJJ5osnIvjAKHMA7HzQaHMQxHAGd4WAIsoYGGFJJZCZfy5egIIhdIgA7); } .K-Chem-AttachedMarkerIaController-LonePair > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIijI+py+0Po5y0WgNyyqBxjX3M14XcKJrgciLtBcfyTNdVAQA7); } .K-Chem-MolRingIaController-3 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAItjI+pyx0AXItRqgotqoZb/4CM+HwjeaDdJKFqOZ4O+a5bbedmqKVw38EBh70CADs=); } .K-Chem-MolRingIaController-4 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIqjI+py+0PopxUgWdu0tDiwB1hM4JfWS7o6WGr23YbO8O1jFD69PX+zygAADs=); } .K-Chem-MolRingIaController-5 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIwjI+pewAMnXkQSVvDTXRtz3QRmIlNNinmiKEa575tqaKrXN1fHenufgtRgjlibFEAADs=); } .K-Chem-MolRingIaController-6 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIyjI+Aywf6WotJyUCnrZeb3SVfyFggiY2oo67p65quepLyfMdOrZX89wMuMqEIcRWcMQoAOw==); } .K-Chem-MolRingIaController-7 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIyjI+pe8AfgJMQUeveXbvlun1VY4hjVJ5WqrLmmL0g28YtLTNmnsg8reD9UMGT5Ni5MQoAOw==); } .K-Chem-MolRingIaController-8 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIwjI+pC+2wFJTxTFZv1LYiznlX6AUTKRpoppaU6SZn/LW0DdNgTK74i0kBRY/GLVYAADs=); } .K-Chem-MolRingIaController-Ar-6 > .K-Pri-Glyph-Content, .K-Chem-StructureConnectorSelectPanelAdv-ExtraSection-Button-Kekulize > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI5jI+Aywf6WotJyUCN1dt1XzkXl2jmRVnqaK4YK74y7H7oaUs1Lbv6PsrMhKBiKEZCfYhKTI71hLEKADs=); } .K-Chem-MolRingIaController-Ar-5 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI0jI+py+2/AFRA1hku0oxTmXgNB2KZAZYdeqQj28KRDKvxGdK3Xec49eDdZqOK8Sg0KZeTAgA7); } .K-Chem-RepositoryStructureFragmentIaController-CyclopentaneHaworth1 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPU1AGBgYLKysqqqqoODg3l5eVpaWqSkpLCwsJaWlm9vb1FRUWRkZJWVlWZmZlRUVJiYmKioqF1dXbe3t7Ozs1dXV0NDQ4GBgaOjo56ennx8fE5OTnR0dIaGhrW1tY2NjX9/f2dnZ3FxcXJycqGhoWFhYWhoaFtbW2VlZX5+foWFhYuLi66urlxcXKWlpYqKioSEhE1NTaurq7GxsWNjY6+vr////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADUALAAAAAAVABUAAAZswJpwSCwaj8ikcslsOp/LFW1KrQaOsQJgxu12T5RUUaAYyM7o9MQQ+QwFMFUzYELVBJUBVEPAFEAALwYSSDQICQAkIkIXHhksDiEWDBAjLgQzCgkcDwdHAQgbDQALJQMtUAcdUKytrq+wsUJBADs=); } .K-Chem-RepositoryStructureFragmentIaController-CyclopentaneHaworth2 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZAAHt7e+Dg4IGBgefn53R0dHV1dVRUVEtLS8PDw2lpaXJychQUFCEhIeLi4pmZmQQEBAsLC/Hx8a2trenp6WdnZ3l5ee7u7mpqagICAqqqqi0tLcvLy9jY2OPj48DAwB0dHd/f38TExGRkZDU1NUxMTH9/f8XFxQgICPLy8l5eXpGRkVJSUmxsbEhISOHh4TMzM11dXT09PScnJ0VFRQoKCtXV1c7Ozk9PT9vb24+Pj8bGxmVlZZaWllNTU/f39wAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEAALAAAAAAVABUAAAeAgECCg4SFhoeIiYqLjI2Oj5CNHRU9lT0GlpiVBQOELgo6PqKjpKIeOwGCDQobjiEiIEAAHJA2FDUMJAc9MAkEAiolBDkCBQkpKwctHzcZMz/Q0dLTPzESEYIIFzTU0gssCIcBABrQGA/QMgCpigMOLxAnIzwTjxY4JiiR+/z9/IEAOw==); } .K-Chem-RepositoryStructureFragmentIaController-CyclohexaneHaworth1 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPUtAI2NjZCQkKysrHBwcHR0dJiYmKCgoHNzc4iIiKqqql9fX25ubmZmZri4uGhoaGtra4mJibOzs2RkZJ+fn5OTk2dnZ66uro6OjpeXl39/f3Z2dn19fXl5eaurq4qKira2tm9vb4aGhpqamqenp3d3d3t7e5mZmaWlpWlpaXx8fICAgKOjo21tbf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAC0ALAAAAAAVABUAAAZowJZwSCwaj8ikcslsOosrCGBKBSAiSYAjFOh6AxmFyPgZDBrJE0tFNDAuTc6i06KgDE+TpDAgPYUMGi0lIBZNBg4eQwUKBUsIFRNFCQsbCQKYmQIjZmhHKQ8EogekBA8Yf6mqq6ytrEEAOw==); } .K-Chem-RepositoryStructureFragmentIaController-CyclohexaneHaworth2 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZCAPHx8by8vAwMDOPj46Ojo/Ly8uTk5JiYmA0NDZCQkIaGhvr6+tjY2OHh4cfHx6SkpL29vcrKyvb29qWlpSMjI9ra2isrK93d3eLi4svLy6ysrNLS0kZGRlpaWpeXl3l5ecjIyBISEqenp5WVlaKiotvb2/T09Nzc3CwsLOnp6RYWFpKSkpOTk+zs7Ojo6CgoKDQ0NPv7+7m5uT4+PqCgoD8/PwMDA2hoaFZWVgcHBwgICGdnZ/X19UREROrq6r+/v7u7uwAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEIALAAAAAAVABUAAAePgEKCg4SFhoeIiYqLjI2Oj4sQHhMED5UEBAcNiBIHIj4FAKKiBRUKP4YMCSCKCxojBYMRCQaNESwMQjQdMY8lPRsDMzAkEosYChQfPEIuL0EoKycDBgPWBg0ONyFBO4QXFEFBNgLl5Qg64kE4C4UOCOrx8TUmhxMWOfLiKhwpiS0QgAQYOFBGBkgIEypcGAgAOw==); } .K-Chem-RepositoryStructureFragmentIaController-CyclohexaneChair1 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZLAG1tbYODg+Pj4+vr625ubt3d3eXl5ejo6J6enm9vb9TU1Ht7e6ysrKmpqWJiYr6+vru7u7GxsUdHR4yMjJOTk4uLi8LCwp+fn+fn53FxcTMzM5aWltfX1+3t7VhYWKWlpV9fX7CwsGhoaNjY2HZ2dtPT0+Tk5HV1dV5eXlxcXMfHx5WVlenp6Y6OjsXFxdra2re3t5GRkWNjY3l5eebm5qKioktLS2ZmZuHh4bi4uKqqqsbGxurq6s7OzmRkZHNzc62trdDQ0F1dXXR0dN7e3rW1tcvLy1BQUFFRUXh4ePDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEsALAAAAAAVABUAAAergEuCg4SFhoeIiYqLjI2OhSEqA4sFFIQvBB4AEYgYCD42hCsTSxEASAhEhAwSMxMBgwYgI4IdJQEiAUZFDkNBJhoCgx8LhgUXCSQPPEsVMYMDEhyIByyCCkIGgzoJggM0iRUIsTcuBww/DgEwwoQ7GTiDQBkQRwQWBQ0LCS0WGIJJGhCSkQLAg0IKLgA4QaEGgXaCAOQ4kKjHBhQQHmncyLEjISUgQ4ocOTIQADs=); } .K-Chem-RepositoryStructureFragmentIaController-CyclohexaneChair2 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZFAOXl5ePj47CwsIODg6mpqejo6Ovr66WlpV5eXnFxcXV1dXJycmdnZ25uboCAgFtbW7e3t6Ojo8/Pz3l5eXh4eF1dXeDg4JaWlnNzc8bGxrm5ubS0tNLS0rGxsdTU1IWFhenp6bi4uMLCwkdHR5mZmU1NTdHR0djY2GNjY+Tk5HBwcOHh4W1tbX9/f0lJSbKysr6+vr+/v5ubm8XFxU5OTru7u9vb28DAwEhISK2trYiIiGZmZj09PZWVlWpqat3d3Xp6ent7e4uLi29vb8jIyP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEUALAAAAAAVABUAAAekgEWCg4SFhoeIiYqLjIYXBwWLABozhB0uDzWIFhEKDQuEADsXDQkihBxCNB8ZIAkwhC8PKzkYLRIxDDg9KYMbGIUoEEUBBwgJAgaFAAgShBoKAIIAyocEKoUTAokBggYjJ4QZLJGENhEMPAtERTIDhUEEghYCEwgDIQUHPhQ3FR6ETJSAMGCIAwHdBgUgQKGCg0I6gBD4wY3Eu0YYM2rcyLFjo0AAOw==); } .K-Chem-ArrowLineIaController-Line > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIXjI+py+0Po5y02osD2Lz7noXiSJbmORUAOw==); } .K-Chem-ArrowLineIaController-OpenArrowLine > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-ReactionArrowNormal > .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Normal > .K-Pri-Glyph-Content, .K-Chem-GlyphPath-Arrow-StyleButton-Open-Both > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIdjI+py+0Po5y0JmAP2Hb764XiGInUd2bqyrbuaxQAOw==); } .K-Chem-ArrowLineIaController-TriangleArrowLine > .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Custom > .K-Pri-Glyph-Content, .K-Chem-GlyphPath-Arrow-StyleButton-Triangle-Both > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIhjI+py+0Po5wTUASypbrLDm5BSIZOmT3kp13iBcfyTF8FADs=); } .K-Chem-ArrowLineIaController-DiOpenArrowLine > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-ReactionArrowResonance > .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Resonance > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIijI+py+0Po5y02gMy1i3z/RneSJZAMqKes4rhBcfyTNdUAQA7); } .K-Chem-ArrowLineIaController-DiTriangleArrowLine > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAImjI+py+0Po5y0BpCwA1yf7n1geI3iiKJnl5kt95IKKVv2jef6HhQAOw==); } .K-Chem-ArrowLineIaController-ReactionArrowReversible > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-ReversibleArrowLine > .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Reversible > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIgjI+py+0Po5w0gIqAxrqnDobihWXj6ZkptXLlC8fyzBQAOw==); } .K-Chem-ArrowLineIaController-OpenArrowDiLine > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-ReactionArrowRetrosynthesis > .K-Pri-Glyph-Content, .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Retrosynthesis > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIijI+py+0Po5RgqpqA3rxje3xgIIIlFXrqNpLtGcHtTNd1AQA7); } .K-Chem-ArrowLineIaController-ElectronPushingArrowDouble > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-OpenArrowArc > .K-Pri-Glyph-Content, .K-Chem-Glyph-ElectronPushingArrow-PresetSelector-Button-2 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIrjI+py+0PI5hUTlTbXVsB+CWd9oWB+WQjQ22ok53R2b2waZPzzvf+D2wUAAA7); } .K-Chem-ArrowLineIaController-ElectronPushingArrowSingle > .K-Pri-Glyph-Content, .K-Chem-ArrowLineIaController-SingleSideOpenArrowArc > .K-Pri-Glyph-Content, .K-Chem-Glyph-ElectronPushingArrow-PresetSelector-Button-1 > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAIojI+py+0PI5hUTlTbXVsB+CWd9oWB+WSjo0aHiYKva8D0eef6zvd5AQA7); } .K-Chem-ArrowLineIaController-BondFormingElectronPushingArrowSingle > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIrjI+py+0Po5wN2HoROFv18GXgRo5c9xkWKaqmdq2J7HFLqtnUzvf+Dwz2CgA7); } .K-Chem-ArrowLineIaController-HeatSymbol > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPZBAERERCIiIgUFBa+vr0ZGRtfX1/v7+7m5uVVVVd7e3uHh4QgICCEhIQEBAXl5eSwsLC8vL8/PzxsbG0dHR/z8/Pf391ZWVvHx8b6+voKCgoqKigQEBOzs7MPDw3d3d0JCQu/v7zs7O5ubmw8PDyoqKtra2hMTEwMDA2tra9bW1pKSkl9fX5SUlKurq35+fgoKChgYGBQUFD09Pb29verq6jExMcnJyVtbW6WlpU9PTygoKHFxcVBQUGlpafPz8zMzMwAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEEALAAAAAAVABUAAAeOgEGCg4SFhoeIiYcFB4qJBCQGjoYDQEAsk4QVDBM6MSCZghkbKQdAO6EKLyiCPAIlmQgjNIIJCzmTGEAahC5AM4oGDwGGDBAUiSpALZRAIogcJiGIBDAXhz0NNogFAg6GESc3ih4LCYUyQAqKPhIIhDiW8vP0QA0dgysA+wAfP/8A/9UIEMBCqIMIEwoKBAA7); } .K-Chem-ArrowLineIaController-AddSymbol > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPMJAH9/f8/Pzz8/Pw8PD6+vr9/f319fX7+/vwAAAP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAVABUAAARCMMlJq704612L+AVHHUh5iBNpopKKnKwLo/I2lHieD5bu573fz0IAGAEGnOEIIGxqMdxMBKVJWYkALoDNHrjdMCsCADs=); } .K-Chem-Composer-ReactionArrowModifier-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjrikR/uAAAArklEQVQoz32QoQ7CMBRFj2GEZbMYzAhYFB6waJIBBoFEg2AKQ2YICIJF4whB9TdwfAN8AaaIjrUbae9xzUnfuw+JGyRGIg4M6OqHsgAjJB9SWqZwR+Q8sp+fCOY/ISDMqDFDIrnRJ6T6P6LBngWxfQefCIA6nm1JlR5JWdhyMTjz5lQU2nQKNBmzw7ONUBmSasHPqyoCKkxZa+FoHEsguPJiaW8BMStXzQkbo6abLwQ3ZGgeyqLgAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTA0LTEwVDA1OjAyOjM2KzAwOjAwgf+VZAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMPCiLdgAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC); } .K-Chem-Composer-ArcPathModifier-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjl7mE5UAAAAf0lEQVQoz63QIQ6CcBjG4adxEZnXwDGqhe4BLFzAcRGyVYIRkpl7kAjOA2D462QKFv297duTPqPv8w/wKFbqdTq9UhyOL5AZ1VKQqo2yKUhUCtMKleQJVga593KDdQA7Z9EHiJxsArjZm+voEEBrvq1rABdLtQE0i6D506t/BHfqI5lx1/NhRAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMIH/lWQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDDwoi3YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-Composer-MultiArcPathModifier-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAiVvmRIbAAAATElEQVQoz6XR4QoAEAwE4Hv/lz4/1ji3kUKZ7DslIO4TzyDKEWSrkrnQdgb0oIA95XccMjnsmdqKfgVKWAEMoANc+Q5AAHoA09+/OQDu+9Uroaiy7wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMIH/lWQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDDwoi3YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-Composer-ElectronPushingArrowModifier-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjrikR/uAAAAyElEQVQoz4XRMUoDYRCG4QdcC0HLYBkRoxCw0iJFKkmfMoVg6x1SbC6QCySd6B0sDNgb1gNYppfYbBMIY+EGsvCbfNPMzPfOFDPC7tiooaNUKBRW+ppqurEwN6mqkZnQ3Qbu5LLayNBUz07dW2obkzlJ2IfOPfsW3HpPAJe+rIWP/wAGQjjlylsSuPAqtPhUekwi+R8Qlp4cJZFjB4y1/XhI2NfONmnP1LBmZnIv29fsCjOjqpqYW2jVFzb1rap3lToaVX/fu38BP2JRLZtukWYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDCB/5VkAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTA0LTEwVDA1OjAyOjM2KzAwOjAw8KIt2AAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=); } .K-Chem-Composer-BondFormingElectronPushingArrowModifier-Button > .K-Pri-Glyph-Content { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBAoFAjl7mE5UAAAAPUlEQVQoz82QMQ4AMAgC7/+fpoOhxTRxVhZCDgcQs9gCIBRRne17IgpDEHTESuc2Pf4A99O5eZER2LPkpANl5+gYnHW5WQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNC0xMFQwNTowMjozNiswMDowMIH/lWQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDQtMTBUMDU6MDI6MzYrMDA6MDDwoi3YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==); } .K-Chem-StructureConnectorSelectPanelAdv-ExtraSection-Button-Hucklize > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAEAAAEALAAAAAAVABUAAAI8jI+Aywf6WotJyUCN1dt1DFaOSGpmeFnqmZ7fNYbvssqwjd5x3eJz4ipxgEPgJ+MhFiVIzI8Raepy02oBADs=); } .K-Chem-Glyph-ReactionArrow-PresetSelector-Button-Unset > .K-Pri-Glyph-Content, .K-Chem-GlyphPath-Arrow-StyleButton-None > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIXjI+py+0Po5y02osD2Lz7noXiSJbmORUAOw==); } .K-Chem-GlyphPath-Arrow-StyleButton-Open-Single > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIbjI+py+0Po5y0JmAP2Hb764XimJXmiabqyiIFADs=); } .K-Chem-GlyphPath-Arrow-StyleButton-Open-Reversed > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIajI+py+0Po5y02osD2Lz7HnkUVwHZiabqOhUAOw==); } .K-Chem-GlyphPath-Arrow-StyleButton-Triangle-Single > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIdjI+py+0Po5wTUASypbrLDm5BSIbXiabqyrbuWgAAOw==); } .K-Chem-GlyphPath-Arrow-StyleButton-Triangle-Reversed > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIcjI+py+0Po5y02osD2Lz77nxg+EnjBGTqyrZqAQA7); } .K-Chem-GlyphPath-Arrow-ContinuousSidesButton-Same > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIgjI+py+0Po1xgKoCtwbzxD3baSI7hmTGgmZJVCcfyHBQAOw==); } .K-Chem-GlyphPath-Arrow-ContinuousSidesButton-Opposite > .K-Pri-Glyph-Content { background-image: url(data:image/gif;base64,R0lGODlhFQAVAPABAAAAAP///yH5BAUAAAEALAAAAAAVABUAAAIgjI+py+0Po1xgKoCtwbzxD3baSJaXJkpgFLaZCcfyVAAAOw==); } /* src/styles/global.css */ :root { --primary-color: #144272; --secondary-color: #2C74B3; --tertiary-color: #DDE6ED; --composer-icon-size: 24px ; } /* src/styles/customTheme.css */ .K-Widget { margin: 0; } .K-Chem-Composer .K-Chem-Composer-Grid-Layout { all: revert; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Editor-Stage { all: revert; width: 100%; height: 100%; } .K-Chem-Composer .K-Chem-Editor { background-color: var(--tertiary-color); outline: 2px solid var(--primary-color); } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Adv-Panel, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Bottom-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Left-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region, .K-Chem-Composer.K-Chem-Composer-Grid-Layout .C-Chem-Composer-Zoombar { position: absolute; z-index: 100; border: 1px solid; border-color: var(--secondary-color); border-radius: 4px; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Bottom-Region { left: 50%; bottom: 5px; transform: translateX(-50%); } .K-Content, .K-Layout-H > .K-Child-Holder > .K-Content, .K-Layout-H > .K-Content .K-Content { margin: 0; } .K-Chem-Composer .K-Chem-Composer-Chem-Toolbar { width: 100%; display: block; float: right; } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Left-Region { left: 5px; top: 50%; transform: translateY(-50%); } .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region { left: 50%; top: 5px; transform: translateX(-50%); } .C-Chem-Composer-Zoombar { position: absolute; z-index: 100; border: 1px solid; border-color: var(--secondary-color); border-radius: 4px; right: 5px; top: 5px; } .C-Chem-Composer-Zoombar-Span { display: flex; flex-direction: column; } .K-Chem-Editor .K-Chem-Editor-Client { margin: 0; outline: 0; } .K-Chem-Composer .K-Chem-Editor { overflow: hidden; } .K-Chem-Editor .K-Chem-Editor-Client { margin: 0; outline: 0; } .K-TabButtonGroup.K-TabAtBottom > .K-Button.K-State-Active, .K-TabButtonGroup.K-TabAtTop > .K-Button.K-State-Active { border-bottom-color: var(--secondary-color); border-top-color: var(--secondary-color); } .K-Button, .K-PageNavigator > .K-PageNavigator-PageIndexer { padding: .3em .3em; } .K-Button, .K-ListView, .K-PageNavigator > .K-PageNavigator-PageIndexer, .K-Panel, .K-Toolbar, .K-TreeView, .K-Widget-Grid .K-Widget-Grid-Cell { border: none; } .K-Button, .K-PageNavigator > .K-PageNavigator-PageIndexer, .K-Toolbar { background-color: #fefeff; } .K-Button.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Focused, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Hover, .K-Widget-Grid .K-Widget-Grid-Cell:active { border: none; } .K-Button.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Active, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Focused, .K-PageNavigator > .K-PageNavigator-PageIndexer.K-State-Hover { background-color: var(--tertiary-color); } .K-Button.K-State-Focused, .K-Button.K-State-Hover { background-color: var(--tertiary-color); } .K-Button-Group.K-Layout-H > .K-Child-Holder > .K-Widget, .K-Button-Group.K-Layout-H > .K-Widget { margin-left: 0; } .K-Button-Group.K-Layout-V > .K-Child-Holder > .K-Widget, .K-Button-Group.K-Layout-V > .K-Widget { margin-top: 0; } .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSelectPanel, .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSetter-InputBox { display: block; } .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSelectPanel, .K-Chem-StructureNodeSetter .K-Chem-StructureNodeSetter-InputBox { border: 1px solid; border-color: var(--secondary-color); } .K-Chem-StructureNodeSelectPanel { border: 1px solid; border-color: var(--secondary-color); } .K-Panel { padding: .3em; } .K-TabView .K-TabView-Page-Container { border-color: var(--tertiary-color); } .K-Dialog, .K-Dialog .K-Dialog-Caption { border-color: var(--secondary-color); } .K-Dialog .K-Dialog-Caption { background: #eee; background: -moz-linear-gradient(top, var(--primary-color) 0, var(--secondary-color) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--secondary-color)), color-stop(100%, var(--secondary-color))); background: -webkit-linear-gradient(top, var(--primary-color) 0, var(--secondary-color) 100%); background: -o-linear-gradient(top, var(--primary-color) 0, var(--secondary-color) 100%); background: -ms-linear-gradient(top, var(--primary-color) 0, var(--secondary-color) 100%); background: linear-gradient( to bottom, var(--primary-color) 0, var(--secondary-color) 100%); } .K-Dialog .K-Dialog-Caption { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; font-weight: 700; } .K-ComboBox .K-TextBox, .K-Container.K-Panel, .K-Normal-Background { background-color: #fefeff; } .K-Button .K-DropDownMark { opacity: 1; filter: none; } .K-Button.K-State-Focused, .K-Button.K-State-Hover, .K-Widget-Grid .K-Widget-Grid-Cell.K-State-Hover { color: unset; border-color: unset; } .K-ButtonTextBox.K-Overlap .K-Button.K-ComboTextBox-Assoc-Widget { border: unset; background-color: unset; opacity: 1; filter: none; } .K-Chem-Composer .K-Chem-Composer-Assoc-Toolbar.K-Layout-H, .K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar, .K-Chem-Composer .K-Chem-Composer-Style-Toolbar { margin-right: 0; } .K-Chem-BasicMolManipulationIaController > .K-Pri-Glyph-Content, .K-Chem-SelectIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-ClientDragScrollIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-BasicMolEraserIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-MolBondIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-MolAtomAndFormulaIaController > .K-Pri-Glyph-Content, .K-Chem-MolAtomIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-MolRingIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-MolNodeChargeIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-ArrowLineIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-TextImageIaController > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-LoadData > .K-Pri-Glyph-Content, .K-Chem-LoadFile > .K-Pri-Glyph-Content, .K-Res-Button-LoadFile .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-SaveFile > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-Undo > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-Redo > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-Clone-Selection > .K-Pri-Glyph-Content, .K-Chem-Copy > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-Cut > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Chem-Paste > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .C-Save-Image > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; } .K-Res-Button-LoadFile .K-Pri-Glyph-Content, .K-Res-Button-NoCancel .K-Pri-Glyph-Content, .K-Res-Button-Reset .K-Pri-Glyph-Content, .K-Res-Button-YesOk .K-Pri-Glyph-Content { width: 20px; height: 20px; } .K-Res-Button-YesOk .K-Pri-Glyph-Content { background-image: url("data:image/svg+xml, "); background-position: center; background-repeat: no-repeat; } .K-Res-Button-NoCancel .K-Pri-Glyph-Content { background-image: url("data:image/svg+xml, "); background-position: center; background-repeat: no-repeat; } .C-Zoom-In { border-top-left-radius: 4px; border-top-right-radius: 4px; } .C-Zoom-In > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; background-repeat: no-repeat; } .C-Zoom-Out { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .C-Zoom-Out > .K-Pri-Glyph-Content { width: var(--composer-icon-size); height: var(--composer-icon-size); background-image: url("data:image/svg+xml, "); background-position: center; background-repeat: no-repeat; } .FormulaDiv { position: absolute; right: 5px; bottom: 4px; display: flex; flex-direction: column; z-index: 100; color: rgb(0 0 0); font-size: 1.25rem; line-height: 1.75rem; } /* src/index.css */ /*# sourceMappingURL=index.css.map *//* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } .li-about li { margin-bottom: 0.5rem; } .personaldatapopup { width: 50% !important; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #login { width: 350px; margin: auto; } .el-input-group--prepend + .el-form-item__error { margin-left: 33px; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #register { width: 350px; margin: auto; } .el-input-group--prepend + .el-form-item__error { margin-left: 33px; } .list .item { margin-bottom: 0.3rem; } .el-table .positive-row { background: #c9e5f5; } .triggerable { max-width: 300px; margin-right: 10px; } .fake-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #bfcbd9; box-sizing: border-box; color: #1f2d3d; display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; max-width: 400px; vertical-align: middle; } .fake-input:hover { border-color: #8391a5; } .fake-input div { line-height: 26px; } .moleculeDrawer { width: 100%; height: 500px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 20px; } .solutionComposer { width: 75%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } li[data-v-1ce9ca5e] { padding: 3px; } #integral-list { max-height: 200px; overflow: auto; } .hide label { color: white; opacity: 0; } #distance-list { max-height: 200px; overflow: auto; } #D2spectra ul, #D2spectra ul li { padding-top: 5px; } #D2spectra .el-row { margin-right: 2px !important; } .draggable-modal { margin-left: 20px; margin-right: 20px; } .close-draggable-modal { position: absolute; right: 0; margin-right: 7px; margin-top: 4px; display: inline-block; font-size: 1.3rem; color: #cccccc; } .close-draggable-modal:hover { cursor: pointer; color: #aaaaaa; } li[data-v-1cf042fa] { padding: 3px; } .tooltip { width: 40px; height: 16px; padding: 4px; border-radius: 2px; pointer-events: none; background: black; color: white; font-size: 12px; display: inline; position: fixed; text-align: center; } /* Use the style from laboratory menu, extended here */ .menu .el-select { width: 100% !important; border: none; } .menu .el-input { width: 100% !important; border: none; } .menu .el-select-dropdown { border: none !important; border-radius: 0; } .menu input { width: 100% !important; border: none; } #filter { margin-top: 25px; } #filter .el-slider { max-width: 400px; } /* Pointer cursor on selectable table row */ .el-table.select-table tbody tr { cursor: pointer; } #pagination { margin-top: 20px; float: right; } #moleculeComposer { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .el-tag { margin-right: 10px; } svg .line { shape-rendering: crispEdges; } /* Prevent any drag for a better zoom experience */ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-button.selected { color: orange; } .toolbar .el-button { border: 1px solid #bfcbd9 !important; } .bordered-img { border-radius: 4px; border: 1px solid #d9d9d9; } .upload { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; width: 360px; height: 180px; text-align: center; cursor: pointer; position: relative; overflow: hidden; padding: 20px; } .upload.error, .upload.error:hover { border: 1px dashed #ff4949; } .upload.error .upload:hover { border: 1px dashed #20a0ff; } .upload .icon { opacity: 0.4; } .upload .text { display: block; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #visit-chart .line { stroke: #356384; shape-rendering: auto; } #visit-chart .dot { fill: #356384; shape-rendering: auto; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #page-chart .bar { fill: #356384; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #user-chart .arc text { font-size: 12px; text-anchor: middle; fill: white; } #user-chart .arc path { stroke: #fff; } #backup .error { color: red; padding: 5px 0px 20px 0px; font-size: 0.9em; } .status-table { border-collapse: collapse; width: 400px; } .status-table th, .status-table td { padding: 15px; text-align: left; border-bottom: 1px solid #ddd; } .status-table th { background-color: #eef1f6; } .status-table tr:hover { background-color: #eef1f6; } .status-table tr.highlight { background-color: #eef1f6; } /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Variables - Colors - Mixins - Container - Animations */ /* Variables –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Colors –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Mixins –––––––––––––––––––––––––––––––––––––––––––––––––– */ html, body { height: 100%; margin: 0; border: 0; min-width: 760px; } .full-height { height: 100%; } .right { float: right; } .left { float: left; } .divider { margin-bottom: 1em; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .centered { margin: auto; width: 100%; } .filligram { color: #eef1f6; } input, textarea { max-width: 400px; } /* Loading: 2012 Header: 2013 Notifications: 2014 Message: 2004 */ .el-loading-mask { z-index: 2000 !important; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1f2f3d; } .header.dividing { padding-bottom: .29428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); margin-top: 0; } .header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 0.955rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: #356384; text-decoration: none; cursor: pointer; } .paragraph { text-align: justify; } .el-button svg { margin-left: 5px; vertical-align: middle; } /* Container Adapted from Semantic UI 2.2.10 Containers http://github.com/semantic-org/semantic-ui/ –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* All Sizes */ .ui.container { margin-top: 30px; display: block; max-width: 100% !important; } /* Mobile */ @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 566px; margin-left: auto !important; margin-right: auto !important; } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 776px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.container { width: 970px; margin-left: auto !important; margin-right: auto !important; } } /* Large Monitor */ @media only screen and (min-width: 1400px) { .ui.container { width: 1193px; margin-left: auto !important; margin-right: auto !important; } } #notFound { text-align: center; font-size: 50px; opacity: 0.7; } .el-form-item__content:before, .el-form-item__content:after { display: table; content: ""; } .el-form-item__content:after { clear: both; } .el-form-item:before, .el-form-item:after { display: table; content: ""; } .el-form-item:after { clear: both; } .el-breadcrumb:before, .el-breadcrumb:after { display: table; content: ""; } .el-breadcrumb:after { clear: both; } .el-button-group:before, .el-button-group:after { display: table; content: ""; } .el-button-group:after { clear: both; } .el-button-group:before, .el-button-group:after { display: table; content: ""; } .el-button-group:after { clear: both; } .el-button-group:before, .el-button-group:after { display: table; content: ""; } .el-button-group:after { clear: both; } .el-autocomplete-suggestion.is-loading li:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter, .list-leave-active { opacity: 0; transform: translateY(-30px); } @font-face { font-family: 'element-icons'; src: url(data:application/font-woff;base64,d09GRgABAAAAAB9EABAAAAAANAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABoAAAAcdCWJ3kdERUYAAAGIAAAAHQAAACAAWAAET1MvMgAAAagAAABNAAAAYFdvXOBjbWFwAAAB+AAAAFAAAAFS5mHtc2N2dCAAAAJIAAAAGAAAACQNZf70ZnBnbQAAAmAAAAT8AAAJljD3npVnYXNwAAAHXAAAAAgAAAAIAAAAEGdseWYAAAdkAAAUPAAAIUw4RPqwaGVhZAAAG6AAAAAvAAAANgxJKwtoaGVhAAAb0AAAAB4AAAAkCQwFDGhtdHgAABvwAAAAVgAAAKyk5AaSbG9jYQAAHEgAAABYAAAAWJwQpAxtYXhwAAAcoAAAACAAAAAgAU4CJG5hbWUAABzAAAABNQAAAit/uX3PcG9zdAAAHfgAAACyAAABsMLAXoJwcmVwAAAerAAAAJUAAACVpbm+ZnicY2BgYGQAgjO2i86D6MufP7fDaABY8wj8AAB4nGNgZGBg4ANiCQYQYGJgBEItIGYB8xgABhgAXQAAAHicY2Bh4WX8wsDKwMA0k+kMAwNDP4RmfM1gzMgJFGVgY2aAAUYBBgQISHNNYTjAUPFMnbnhfwNDDHMDQwNIDUiOWQKsRIGBEQCQ/wz4AAAAeJxjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETEC64pnKM/X//8Eshmdq////75ZikWKG6gIDRjYGOJcRpIeJARUwMtAMMNPOaJIAAAr1C6J4nGNgQANGDEbMEv8fMjf8b4DRAEVmCF94nJ1VaXfTRhSVvGRP2pLEUETbMROnNBqZsAUDLgQpsgvp4kBoJegiJzFd+AN87Gf9mqfQntOP/LTeO14SWnpO2xxL776ZO2/TexNxjKjseSCuUUdKXveksv5UKvGzpK7rXp4o6fWSumynnpIWUStNlczF/SO5RHUuVrJJsEnG616inqs874PSSzKsKEsi2iLayrwsTVNPHD9NtTi9ZJCmgZSMgp1Ko48QqlEvkaoOZUqHXr2eipsFUjYa8aijonoQKu4czzmljTpgpHKVw1yxWW3ke0nW8/qP0kSn2Nt+nGDDY/QjV4FUjMzA9jQeh08k09FeIjORf+y4TpSFUhtcAK9qsMegSvGhuPFBthPI1HjN8XVRqTQyFee6z7LZLB2PlRDlwd/YoZQbur+Ds9OmqFZjcfvAMwY5KZQoekgWgA5Tmaf2CNo8tEBmjfqj4hzwdQgvshBlKs+ULOhQBzJndveTYtrdSddkcaBfBjJvdveS3cfDRa+O9WW7vmAKZzF6khSLixHchzLrp0y71AhHGRdzwMU8XuLWtELIyAKMSiPMUVv4ntmoa5wdY290Ho/VU2TSRfzdTH49OKlY4TjLekfcSJy7x67rwlUgiwinGu8njizqUGWw+vvSkussOGGYZ8VCxZcXvncR+S8xbj+Qd0zhUr5rihLle6YoU54xRYVyGYWlXDHFFOWqKaYpa6aYoTxrilnKc0am/X/p+334Pocz5+Gb0oNvygvwTfkBfFN+CN+UH8E3pYJvyjp8U16Eb0pt4G0pUxGqmLF0+O0lWrWhajkzuMA+D2TNiPZFbwTSMEp11Ukpdb+lVf4k+euix2Prk5K6NWlsiLu6abP4+HTGb25dMuqGnatPjCPloT109dg0oVP7zeHfzl3dKi65q4hqw6g2IpgEgDbotwLxTfNsOxDzll18/EMwAtTPqTVUU3Xt1JUaD/K8q7sYnuTA44hjoI3rrq7ASxNTVkPz4WcpMhX7g7yplWrnsHX5ZFs1hzakwtsi9pVknKbtveRVSZWV96q0Xj6fhiF6ehbXhLZs3cmkEqFRM87x8K4qRdmRlnLUP0Lnl6K+B5xxdkHrwzHuRN1BtTXsdPj5ZiNrCyaGprS9E6BkLF0VY1HlWZxjdA1rHW/cEp6upycW8Sk2mY/CSnV9lI9uI80rdllm0ahKdXSX9lnsqzb9MjtoWB1nP2mqNu7qYVuNKlI9Vb4GtAd2Vt34UA8rPuqgUVU12+jayGM0LmvGfwzIYlz560arJtPv4JZqp81izV1Bc9+YLPdOL2+9yX4r56aRpv9Woy0jl/0cjvltEeDfOSh2U9ZAvTVpiHEB2QsYLtVE5w7N3cYg4jr7H53T/W/NwiA5q22N2Tz14erpKJI7THmcZZtZ1vUozVG0k8Q+RWKrw4nBTY3hWG7KBgbk7j+s38M94K4siw+8bSSAuM/axKie6uDuHlcjNOwruQ8YmWPHuQ2wA+ASxObYtSsdALvSJecOwGfkEDwgh+AhOQS75NwE+Jwcgi/IIfiSHIKvyLkF0COHYI8cgkfkEDwmpw2wTw7BE3IIviaH4BtyWgAJOQQpOQRPySF4ZmRzUuZvqch1oO8sugH0ve0aKFtQfjByZcLOqFh23yKyDywi9dDI1Qn1iIqlDiwi9blFpP5o5NqE+hMVS/3ZIlJ/sYjUF8aXmYGU13oveUcHfwIrvqx+AAEAAf//AA94nKVaC3Bc1Xk+/zn3uXe1e3fva6V9aXe1u5JWXq32aUlIun7IGGTZlsAPGTABHEUOIQkUcAgMESUEKMnQItl0SId2mEwyzWNipqV5kpB0ChNDQzLBtBPaztQJM23iaWdo+gi1rvufu7ItOWCcZnX3nHPP8z/nf33/WRFKsoRAlX6RMCKTPrdACGGUsH2EAtApQinsErAEWwiRJVHAbiwihku1SCZSrEVyWdD/7ZVX6BdX9mbpPI4VycDZf2bfZjFikwoZIbPkIByZOm7s3u9eTYF0hDpIaJ6wEITYQQKKAtfroCoBST0YgaAkSMGDRBO0w2FQiBRUpP0kIItU0ALCXBRCoY4Z0tERCG2OTx13cMapS8yoqIH533LKGE654/KmFOYva05350XTwTzOFwLl0P9vwrm5Obf3mmtGR6tDjnPNwWsOXrd/dHZ0dmpLqzE0Uh1xKk5lJjIUi/RarmGXQCpBNkSTkGnUC416mZbAyoiWaZshmpMKJShmZOxRzJbpGDhZybRr1Wa94EhyiKVgVKo2i2UoForQqI/TUajaSYDOeNc10Xwiyv4QArFi6iHvavoMWOlcKJQOdW/wrhpIZs3Ozm5DORKMRoMd0einFUnUBCqEQ/ktM7vdHsdWRVUUJe9zYrjL+na6j6Yh2Fns2tGnJ4SO7nj0pkfqzshI3lEBFhfBiHeHvjAR6Yrgc1+XbfSE9A4l1tWRixgmHPm5FjOCycLPUIRR9h4QCF0kSdLvFgNAiQMCpS4AoWSBARXoggiCcCN2TJKk4ZiOFC3l7WYLmmWQZBXKIEuW6UClZjs2/zrwL9H+EDwfpYVG1Lvdu9WoG2YUvgf8QwMAn1KkDljSN3RT3TsGCxHQ9Zite7fzZhE4SQSLZxdRZzhdWTed7HSsAJGAgMvbyDTvMoPUw2SfRfUSFDg9KZ+eFNKTyxah0igUC/xbBOnSC8LCpen16SFnF+nZy6aniasWQmAjO0KAx1JtIT3NVpN/W/RtpMe7zacHPuj98So98PhvQQ9+F5Fvn2jzzUE+BZBj1EVeUYHzjdAF3nM936AgySCloNni54Tk1PGccnhG/FukMVzX2+Kvi8Qc9df1Js6vSz9+abp9uhg5yr5OnyQacVyT0wnT/IRmeNtkPYKH0xaeQi6TlRx4KrErAR9ppadXxOl069kExOH9jR07Gv6Za2c/wzrYZhIk0l8EREDVK9RxqG1FTKkIUIhj5+aOHU3vs5CP745fmAc+8i7jm7jhgoTj7RbQt+Jx7ym+GMy/43jcy7E1e7mI0f5eoFl1wJZwL4XWRXuh9+H0n21OTTX9ucbP/rtYZgdIlIw8p+J4cKeO96DljKDHoAt8RuQawaXQ/IXX190495xlWroQLYko14U6rqniwraJvMzRnt6Ed29yeCYBLj2U3D2cWNmX6Isk4CFe9l6ghxLDu5NYh/qMMixwnQqTAhl1N6aAMi7AAlkggigsSCAycQH9GFvw3dg0d2OzBL3YNl3XC3rBjHU6umyUCJpHM0Wr47ReBgZSdpAW6hNIUhr8BCmjH3ztW4/t3v3Yt9qZ7D2mGIr8Q1muyab8R1DFtKoobPF8D5553/Mek2Xlh4rf+AQMKUoVh+H5XaA9TUqk4VZjukIErn94QCKIBOaRYgGl/xD6UkGcJqIozPBdTVrRLrMrKpkllPeqY5th1EdJRprRTmSLnO4iWg9sinaPg16G7hDoNg2c0FKapp04oUEAS5inAxdeG2CffvTR094vMIWvnNC0QJq3pbRA4OWXA2sGrKiPnj7fd90+wqTG91Hrz8QEgfJ9UBBQjedxDwSfQ3ju63THTJgJR8d9COh40LNUU9QMAWvWB6GQDeMmMJHMNO4KE7s6gdvEhDdfxIsRWW7g8S8fxaQhSUePShJ/P7rM32X56Hqe0EnZUmqKsrSkYGbJy0uY1GV5eVnGzFKWuI6f503eza7lDNcYLsEwg9xBneGcQDFWkWIZ7aKKBCOVaIwwQdVUuX6iP6HEu8caNU2w4GEsWeYoFuBhrLIs7x4s+DU/Xy149/i9rd/ojOPJqq0kHIGRPvKkq+mAIutG0WZNTB3XUAPz6O+AyQzkeY7mJCbPKSARIk1jJpFZEYhEtiHQsbFz6kJnbPWb9hJZZjOEsYCMunt5syEg0XrMTE/ejJjdqlPK1MYRLhRylVwFs6xkVaxKDjPTdmqNXLbQVi4bkQltnpx/fHlBWfrxsrKw/Pj8mwfMoPZp2ZA/EwgaB9jy/OGjyuHl5cPK0cPzy+zLtv56IPC6bvuyB6t8SpJRMugOjLYatd5U25cFOcdom2PU5xjzOTa4oSfXZwl6ybiki81fsvU9/C8lv5t/pu/pLtfoXQLRdcXdMNyoDVWKyUSMb77jXTZfHshl/c2/iz+fgAq68/w7NJ739RX2tiKG3tlpUgnAI+/a/B57p8HL2Dkl7z/7EHsY940+jGsnAURVQHjM8QFCGfONPJdeyibrZj3CnQwq43n/vNa/fb1rexcM1OPbVj61LV6DDeteb4nFIFHZurVCvxqLeW8Obd06xGMiUkIcdxLXd0gc7cMzqyrnowW4XgOVKLKq7AuATFBp9hJUkRnUIEICEo8tqti5h3eGhffo65ba3fwKSSXS/rUDGJOnMJPZLB/K1c9JJGKxRDqRTiVj8Vg8Gsk3MhE9aJUQ9ucsrnsIEmqZarMRqSNwaOQAQzf+pT/wPvxkNVEsJFghUSjGa0+u/B19wXsZ4ULojjuKiTP/kygWE0xJFO8482E6tvLXMHbWt0ESWcSzwD/SidHjANlItpLd5Ab3ADdPQIS5sBhiWKAy0DkiBwNUUWVlrkOjqiSp0zxXpRkdJFWazOe6ugjZOb39ys2brhhtNiqDfb25gfxAV7Yrm07iAp1NoxaJlLhRwVhFSkLO5DC9vaN6YRDERr1Z82MTf48Z3C0gsvCxVbbQYO9Spr+fiT3S2fcKHcrF6B/EcqlQ2Lu3J5HM4R4XG1Mri1NwT9jWdTv8dNgOh89n9Pv3x/OFrvsB7P6uQqErlhEF6nbjxz3zwlQDLT5pTMHPtUhE874Y1PUg7H3nMpfpPXiOX8Jz7ECJGnabaNAFxDEMkS+j81wMBAbCHFd6X7y5A6VkEoFwPGYbOg4L1qUweqE1HM4Zpi/ljUiNV+DJWPAN709mR+j4yOzsSKY/6YVSfb9O9uPDFr0nVn49PDs7TH8xPHvmuWR/XwqW+1MA/cl1tkZA5Bl1w7KE9IhkDNtujEO41GJ5KLZkB11eIXvttVCDN089f8/P7ipf/+Bfeq/sgTffeP6eN+4qP3g9158LeCFGekjdHSIgcdyGIsIQ3zDcp0iID3j4PkUyGdGzmUTcMvVYJIZwTV8PGIAHrDxeNXw/E+EvjYsQgvdGur801l9KZqtZfC4CBCdLYyV8vNNOJuN4/xvr7o6twQB+PEIEypAZGLUTKrRJJWwaXSQnkZFJy8rlDdEoRcwUtFFXrh1HpwBJzJbBd4LnoNNjuuPod790550vnX7pTifjwOJjvJo34ptfe+dLd2Mn7uYvnFeaDJIJst2d1CSVoVIxtHdzAUFhvp33C2jpfasxWa1ku6M6JSOtykR1or/YPZgd7HL0dDQdkEmYhoOhEicxCaaNEX1zDO0ju+h9fXv9ovZ6AeZ/Nbhly+CvKpvplqELRfhvzDZXzlW0S3DdlsH/rGzFmqGtNH+hYeUNrOc931pf78vcSdx3iZikQj7qhnosXURbkrMpqgWGGnE0pLYPJrmDC2wigsBtIdMYN7P92Gr6ng+x59zaNrdzTTVjwvRqo8CN6F+VWrFYN/IRMnyvKaE6zlocxkAkJaBmjdMJiISEHMrfILDFFdK3Lzr69AP3D9z/wNOj0X19Zxap3JkoOYxYpaQjSeHaZ+77dF/fIw/fWyyw0khPNFxdvHn3rps/UQsbPSPe2ytvMdWOhkKGIctUD234vf3bJ2+6OZv1MR4MIZGvop9Lu4l1vtyP1hBjiESjGguVjAyGTr6y15u72M2Zcjlz5mlM4dXy5jI+xPdbBAI4338RZD/6roybEpk/3TTPoe14EJUb/MNReZTrFAqxcFE+efMkPvDquizQrl3ztNdc5WGYDJFR0N3gaJVSeah3lYdB5FKVyCIV5YOESiKVDhFJECWMeQQmCuyQbwOUNn8Z46EbaMD5y7lfa4+k87/dUC4aQ5ccykeJMhHn1g50m5c7Bq339OpIBtv4VZ0NZHhjo14u9eQSXZahSiQMIRUZt94p51iZoo6FgSHcLAzSMsUXGkG3luHuCri/8j3X0tjevWP0pzz9FEhxw0yJ4vGAo0UFdgMNJOMJWd7en6ZLqX7vKvc6Fx9W2ju28iN/WGVsr/dJqgQ1UfT+1QgI4m1Mi0ZVdR+8kiqVUt4+SG4Yn9g/Pj6wGmus2p+4j7ZEQsVp1EPGUS6qkCjSGayik0YuZ+S6eVSa8S1fpm2IIxkuNrlMxDfO8DVvKV0qpeG20hUluI0XvSVe/AEmv9HUxrnFs99nz7MRlNskKbo9NsqqgqEl5RdV/EIPyxjd0xsJScSxk2wI4VJPW1RtMQQFjL/Gqe3YURljZR4hU+HYsdeOHYMDU9/42tar6/WlF1+8+n2JK182jGjDfIk3vXZs4Iqe1uTVL/7Ncr1+9fu8//jICaOBarHqC7+M53Et+RC5m9zuqh+69YN1gV87tO+N7VWfgGKHfoJyZV2VO343Ygj81CjsOd+LW6Su1bv2OWzltxTnBlKYROEJ3n3XHbd/+LadO2KOiEa7DBgeF3n8xAMR/w0lhkf//N4Sg1AULcDISpZ4wYdIaYxgsMaxsR+/zvTfEOsjXEr7t2atcZiAcT5Vq8kLrTaiGoK2vKFtYWdYIqJPZDJhUdQ69AGjW5L0YjA4+FBFCxZ1c8BAEewIimI4k5nQIwnUb1SDRCTs+kOCHeEBsz1Eq2zeUtG0Xt0Y4GLboYmCnsm4up4QuB3yhGs/9rE/P3JkD7yoJwVmbNw4EdaLWkenFmZUUjuCAwPBDlWSY0FDEAKFSHhi43CUCUndrNo5SX7HMdqGDZo/RjMFphV0fWLjRuPCGO+tuz5/Fz4oTjXEYX+Lsn4L2exO1IbQ4+/fi6ETjYQpEZnLAQplPhADkcJvAJVbbtq+7YrR3kKiy0E4lufwhPqX6vUWvyzNc37wUJLzDdEqHnut6vPDyfO4kl/O88oqr7JMzsx236KIXUzkgyXJpixyBrWQeey2eJ/j9DXHm30OP7olzQ51hEJ6eti0YzHbHE6Hw1hha3CYB1Axy9o4fqEpyVu8J+Hc50OBWBBHh9J/qvU1J5r+zGlVZPicVHVRoqzTtFsZf3LGJFFXX2OiKIiqiFVWZ6eFk2Y2WmZMkAU98BNRFUQlEBDROgqvqyE0maytz/TsI8IonvEV5BDZ4rqpLgpCfxG9Kp6zWxMpwkoBhAVuPBfQQYnkMMF1fJMqziIXxG2Hbtm9a3Sk2UjGo3jMou1kJbmJwstFuoUSXhhc1RIeufpqgIIvj0PR1wQsO2iReOeqgy++KrVHczVoVtvqkjqnSBK/jmLD4QDTgAp1NZE+HkICmWL8sne7fgM6blnGQOwGfXvvLw0FgbsQejaVUGsCBKmqn8gdyD5wojkcqovR6LOD9vhpp6ze0Hll5w1q2Tk9bg8+G42K9dBw84Q1PKKCwtToqd49XU8FFRYCgdqs0XMyIqPTjJzsaTAbwWcYbfdTXXt6T0VVpoB6xLJqR7r7x045zfBTfZsli2atkyMjJ60staTNfU+Fm86psf7uI0FuLs+dfZHEXOviu2x0MRSl1r92e89DKdLd1rB1ORsLBIOXQd8qRln1NTpJkA1k0t1M0NNSUfJxt8hxt6Tg0UvCgTUAXOb32pOpJJC+Yk8uuSE1EHOiEVUhOujoZEUffa9GCzSaDQFi9Oo4B7DZwpgfIiZRD7mVowRx+Myj3/nRdx6dwUz86TdvvfWbPPF+aiYSvYk/w9RcRPy+0O7A+7En2l0w8Y4mjTeNZNJ4LlFMkvWxjkNypOT28l9GBY4SsBqty9yFa+m2vbcsw/HvRNfdSJNVO9zwI9aIjwEujnB+5Uc27eeiW+iVcnYolxv6p85crhOMzmy2k8fuebR1b5yPK0bJFvIBssO9ioSIqoTUfeEOlLMAlUCR5jhC5PAQTxrjeE2Tp4ksazNEk7XJ+UM3Hbxu7trZXTuuunKTa9SNBv/UdKeE0Sj/4dEnmP9q6LzHu8Fj9hRwmI0xPDo3tM2ixftEzoWyuTbHRgGtJB+S5oyD+4NqCaUsUFKDXwmqA2rQT77iV/hN+1aeCQQordJAwBuBcrcov472aCaobprYsPLDDRObeL8fDwYa8b+PNwKDP1aD8EtvkU8Ji7zpXcqeST+28kg4FgzG6D/slCiVbsEVVx5pzexs0XtxZTX40VguF/tocK0sxEmNuFy2y0kq8zBfAmmByIJ8GIVcgGmqoK8Bhn0PoG7yO38QJoEMVXpyGOxHwx0BBUUoDnGVh3B+XJlsR5uj6DRsHpv5P99CcdwHP1yQuENpthweJqP+luk4TaFeffyJZG/yCS7T7UIyCbec2lKc2Dnxuc9/7v5NmyZ2vfranlPh/pT3hU3Hjz9YLj/op/D2Eh+zlOhLnC+s/OPP9vzk1Z3upk2fwLE4Q++WU+FUP0QwAPnkV48/ODj44PGvXri33IXnYGFMsMvd0d1JBRlcSeUZnsc8IjpRBvEQYjmRymL71oP/AwKZVfhvuNscm5JSf082mbCHnCE9HNQUmVjUCqCuZ87rBwrTuVseQHDUvuyJ+N63sfrTjo3CJYTPDMXz+UaezeTrhbz37YSxG992G4l4Xv+uMWx8V88vFrrAxU5xfu3Fc++FrgL9kjXn3cdvfuCTc1Y+Hou+blmvR2Px/P8BEpxdcHicY2BkYGAA4iUXFTLj+W2+MsizMIDA5c+f2xH0/wZWPeYGIJeDgQkkCgBf1AyCAHicY2BkYGBu+N/AEMOawAAErHoMjAyoQBsAVCkDJAAAeJxjLGNQYgACxlAGBuaXDDosQDYLAyMjEDOA2YwMzEA2NxgD2awJDHYQNWiYkYERiEHsVCDWBuIGIA7FqhYTq0P1GrPYMTCBMUJOFUz7MzAAAGi0Bh0AAAAAACgAKAAoAWQBsAH4AkACjAKyAtIC8gMYA1oDuAQcBIYE1gVaBdgGVAaUBxoHvggOCDQIiAjMCUgJyAnwCioLDAtMC5QMgg00DfIOQg6qDvgPsBA0EKYAAQAAACsAdwAGAAAAAAACACYANABsAAAAigF3AAAAAHicdY9Na8JAEIbfaNQWivTY45BL9bBhE6L4cZX4D3oXSTSQGkjWj0v/QQs99dxjf2ZfN0uhBxNm55mZd2dnADzgCx6un4cBHh134CNw3CW9Ovap+XbcQ+pNHfcx8D6o9Px7Zob21pU7uMOT4y5WeHbsU/PpuId3/DjuY+i9IUMJhQJbVDgAWamKbUX4y7RhagNjfY0drwlihND0C9r/Nm1uysycFlMVMUJaHUxa1btM4lDLQtxjpKmaq1hH1Nya54WVGg0r7QORe3xJM/xzbHCkr7Cn5jqqYIQTNSGHSDBmrNhbMLNU85zYDgpru4x20cV2TyyfeQasBzbK7dlwmKxuCg4ecY2lGJNvjqbaFwcjo5MO58lYVCkzUbVMtKi1xJruIlEi6izBOhCVi2puLvsLTjBRRQAAAHicbc3LNsJxGEbh3/47JHKIQomcwlomfV8Uw5Cb6ApMzLoCF46lPfSu9a49fEpV/vb9VbL8t/vfU6oyp2KFVdZYp8YGdTbZosE2O+yyR5N9DmjR5pAjjunQ5YQep5zR55wLLrnimgE33HJXW3x+zMbDoQ2bdmQf7KMd24l9ss92al/sq32zM/u+bOiHfuiHfuiHfuiHfuiHfuiHfuiHfuiHfuqnfuqnfuqnbk5+APaSXBUAAEu4AMhSWLEBAY5ZuQgACABjILABI0QgsAMjcLAORSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhsAFFYyNisAIjRLMKCQUEK7MKCwUEK7MODwUEK1myBCgJRVJEswoNBgQrsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAAA) format('woff'), url(/static/fonts/element-icons.b02bdc1.ttf) format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ font-weight: 400; font-style: normal; } [class^="el-icon-"], [class*=" el-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'element-icons' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-icon-arrow-down:before { content: "\E600"; } .el-icon-arrow-left:before { content: "\E601"; } .el-icon-arrow-right:before { content: "\E602"; } .el-icon-arrow-up:before { content: "\E603"; } .el-icon-caret-bottom:before { content: "\E604"; } .el-icon-caret-left:before { content: "\E605"; } .el-icon-caret-right:before { content: "\E606"; } .el-icon-caret-top:before { content: "\E607"; } .el-icon-check:before { content: "\E608"; } .el-icon-circle-check:before { content: "\E609"; } .el-icon-circle-close:before { content: "\E60A"; } .el-icon-circle-cross:before { content: "\E60B"; } .el-icon-close:before { content: "\E60C"; } .el-icon-upload:before { content: "\E60D"; } .el-icon-d-arrow-left:before { content: "\E60E"; } .el-icon-d-arrow-right:before { content: "\E60F"; } .el-icon-d-caret:before { content: "\E610"; } .el-icon-date:before { content: "\E611"; } .el-icon-delete:before { content: "\E612"; } .el-icon-document:before { content: "\E613"; } .el-icon-edit:before { content: "\E614"; } .el-icon-information:before { content: "\E615"; } .el-icon-loading:before { content: "\E616"; } .el-icon-menu:before { content: "\E617"; } .el-icon-message:before { content: "\E618"; } .el-icon-minus:before { content: "\E619"; } .el-icon-more:before { content: "\E61A"; } .el-icon-picture:before { content: "\E61B"; } .el-icon-plus:before { content: "\E61C"; } .el-icon-search:before { content: "\E61D"; } .el-icon-setting:before { content: "\E61E"; } .el-icon-share:before { content: "\E61F"; } .el-icon-star-off:before { content: "\E620"; } .el-icon-star-on:before { content: "\E621"; } .el-icon-time:before { content: "\E622"; } .el-icon-warning:before { content: "\E623"; } .el-icon-delete2:before { content: "\E624"; } .el-icon-upload2:before { content: "\E627"; } .el-icon-view:before { content: "\E626"; } .el-icon-loading { animation: rotating 1s linear infinite; } .el-icon--right { margin-left: 5px; } .el-icon--left { margin-right: 5px; } @keyframes rotating { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-dropdown { position: absolute; z-index: 1001; border: solid 1px rgb(209, 219, 229); border-radius: 2px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); box-sizing: border-box; margin: 5px 0; } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0; } .el-select-dropdown.is-multiple {} .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #356384; background-color: #fff; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: rgb(228, 232, 241); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { position: absolute; right: 10px; font-family: 'element-icons'; content: "\E608"; font-size: 11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: #999; font-size: 14px; } .el-select-dropdown__wrap { max-height: 274px; } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; box-sizing: border-box; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tag { background-color: rgb(131, 145, 165); display: inline-block; padding: 0 5px; height: 24px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid transparent; white-space: nowrap; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; transform: scale(.75, .75); height: 18px; width: 18px; line-height: 18px; vertical-align: middle; top: -1px; right: -2px; } .el-tag .el-icon-close:hover { background-color: #fff; color: rgb(131, 145, 165); } .el-tag--gray { background-color: rgb(228, 232, 241); border-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-tag--gray .el-tag__close:hover { background-color: rgb(72, 87, 106); color: #fff; } .el-tag--gray.is-hit { border-color: rgb(72, 87, 106); } .el-tag--primary { background-color: rgba(32,159,255,0.10); border-color: rgba(32,159,255,0.20); color: #356384; } .el-tag--primary .el-tag__close:hover { background-color: #356384; color: #fff; } .el-tag--primary.is-hit { border-color: #356384; } .el-tag--success { background-color: rgba(18,206,102,0.10); border-color: rgba(18,206,102,0.20); color: #13ce66; } .el-tag--success .el-tag__close:hover { background-color: #13ce66; color: #fff; } .el-tag--success.is-hit { border-color: #13ce66; } .el-tag--warning { background-color: rgba(247,186,41,0.10); border-color: rgba(247,186,41,0.20); color: #f7ba2a; } .el-tag--warning .el-tag__close:hover { background-color: #f7ba2a; color: #fff; } .el-tag--warning.is-hit { border-color: #f7ba2a; } .el-tag--danger { background-color: rgba(255,73,73,0.10); border-color: rgba(255,73,73,0.20); color: #ff4949; } .el-tag--danger .el-tag__close:hover { background-color: #ff4949; color: #fff; } .el-tag--danger.is-hit { border-color: #ff4949; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-dropdown {} .el-select-dropdown__item { font-size: 14px; padding: 8px 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(72, 87, 106); height: 36px; line-height: 1.5; box-sizing: border-box; cursor: pointer; } .el-select-dropdown__item.hover { background-color: rgb(228, 232, 241); } .el-select-dropdown__item.selected { color: #fff; background-color: #356384; } .el-select-dropdown__item.selected.hover { background-color: rgb(47, 87, 116); } .el-select-dropdown__item span { line-height: 1.5 !important; } .el-select-dropdown__item.is-disabled { color: rgb(191, 203, 217); cursor: not-allowed; } .el-select-dropdown__item.is-disabled:hover { background-color: #fff; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-group { margin: 0; padding: 0; } .el-select-group .el-select-dropdown__item { padding-left: 20px; } .el-select-group__wrap { list-style: none; margin: 0; padding: 0; } .el-select-group__title { padding-left: 10px; font-size: 12px; color: #999; height: 30px; line-height: 30px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .el-select { display: inline-block; position: relative; } .el-select:hover .el-input__inner { border-color: rgb(131, 145, 165); } .el-select .el-input__inner { cursor: pointer; padding-right: 35px; } .el-select .el-input__inner:focus { border-color: #356384; } .el-select .el-input {} .el-select .el-input .el-input__icon { color: rgb(191, 203, 217); font-size: 12px; transition: transform .3s; transform: translateY(-50%) rotateZ(180deg); line-height: 16px; top: 50%; cursor: pointer; } .el-select .el-input .el-input__icon.is-show-close { transition: 0s; width: 16px; height: 16px; font-size: 14px; right: 8px; text-align: center; transform: translateY(-50%) rotateZ(180deg); border-radius: 100%; color: rgb(191, 203, 217); } .el-select .el-input .el-input__icon.is-show-close:hover { color: rgb(151, 168, 190); } .el-select .el-input .el-input__icon.is-reverse { transform: translateY(-50%); } .el-select .el-input.is-disabled {} .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: rgb(209, 219, 229); } .el-select > .el-input { display: block; } .el-select .el-tag__close { margin-top: -2px; } .el-select .el-tag { height: 24px; line-height: 24px; box-sizing: border-box; margin: 3px 0 3px 6px; } .el-select__input { border: none; outline: none; padding: 0; margin-left: 10px; color: #666; font-size: 14px; vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; background-color: transparent; } .el-select__input.is-mini { height: 14px; } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: rgb(191, 203, 217); line-height: 18px; font-size: 12px; } .el-select__close:hover { color: rgb(151, 168, 190); } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; transform: translateY(-50%); } .el-select__tag { display: inline-block; height: 24px; line-height: 24px; font-size: 14px; border-radius: 4px; color: #fff; background-color: #356384; } .el-select__tag .el-icon-close { font-size: 12px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-pagination { white-space: nowrap; padding: 2px 5px; color: rgb(72, 87, 106); } .el-pagination:before, .el-pagination:after { display: table; content: ""; } .el-pagination:after { clear: both; } .el-pagination span, .el-pagination button { display: inline-block; font-size: 13px; min-width: 28px; height: 28px; line-height: 28px; vertical-align: top; box-sizing: border-box; } .el-pagination .el-select .el-input { width: 110px; } .el-pagination .el-select .el-input input { padding-right: 25px; border-radius: 2px; height: 28px; } .el-pagination button { border: none; padding: 0 6px; background: transparent; } .el-pagination button:focus { outline: none; } .el-pagination button:hover { color: #356384; } .el-pagination button.disabled { color: #e4e4e4; background-color: #fff; cursor: not-allowed; } .el-pagination .btn-prev, .el-pagination .btn-next { background: center center no-repeat; background-size: 16px; background-color: #fff; border: 1px solid rgb(209, 219, 229); cursor: pointer; margin: 0; color: rgb(151, 168, 190); } .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon { display: block; font-size: 12px; } .el-pagination .btn-prev { border-radius: 2px 0 0 2px; border-right: 0; } .el-pagination .btn-next { border-radius: 0 2px 2px 0; border-left: 0; } .el-pagination--small .btn-prev, .el-pagination--small .btn-next, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px; } .el-pagination--small .arrow.disabled { visibility: hidden; } .el-pagination--small .el-pager li { border-radius: 2px; } .el-pagination__sizes { margin: 0 10px 0 0; } .el-pagination__sizes .el-input .el-input__inner { font-size: 13px; border-color: rgb(209, 219, 229); } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #356384; } .el-pagination__jump { margin-left: 10px; } .el-pagination__total { margin: 0 10px; } .el-pagination__rightwrapper { float: right; } .el-pagination__editor { border: 1px solid rgb(209, 219, 229); border-radius: 2px; line-height: 18px; padding: 4px 2px; width: 30px; text-align: center; margin: 0 6px; box-sizing: border-box; transition: border .3s; } .el-pagination__editor::-webkit-inner-spin-button, .el-pagination__editor::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .el-pagination__editor:focus { outline: none; border-color: #356384; } .el-pager { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; list-style: none; display: inline-block; vertical-align: top; font-size: 0; padding: 0; margin: 0; } .el-pager li { padding: 0 4px; border: 1px solid rgb(209, 219, 229); border-right: 0; background: #fff; vertical-align: top; display: inline-block; font-size: 13px; min-width: 28px; height: 28px; line-height: 28px; cursor: pointer; box-sizing: border-box; text-align: center; margin: 0; } .el-pager li:last-child { border-right: 1px solid rgb(209, 219, 229); } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: rgb(151, 168, 190); } .el-pager li.btn-quickprev:hover { cursor: pointer; } .el-pager li.btn-quicknext:hover { cursor: pointer; } .el-pager li.active + li { border-left: 0; padding-left: 5px; } .el-pager li:hover { color: #356384; } .el-pager li.active { border-color: #356384; background-color: #356384; color: #fff; cursor: default; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .v-modal-enter { animation: v-modal-in .2s ease; } .v-modal-leave { animation: v-modal-out .2s ease forwards; } @keyframes v-modal-in { 0% { opacity: 0; } 100% {} } @keyframes v-modal-out { 0% {} 100% { opacity: 0; } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } .el-dialog { position: absolute; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; margin-bottom: 50px; } .el-dialog--tiny { width: 30%; } .el-dialog--small { width: 50%; } .el-dialog--large { width: 90%; } .el-dialog--full { width: 100%; top: 0; margin-bottom: 0; height: 100%; overflow: auto; } .el-dialog__wrapper { top: 0; right: 0; bottom: 0; left: 0; position: fixed; overflow: auto; margin: 0; } .el-dialog__header { padding: 20px 20px 0; } .el-dialog__close { cursor: pointer; color: rgb(191, 203, 217); } .el-dialog__close:hover { color: #356384; } .el-dialog__title { line-height: 1; font-size: 16px; font-weight: 700; color: rgb(31, 45, 61); } .el-dialog__body { padding: 30px 20px; color: rgb(72, 87, 106); font-size: 14px; } .el-dialog__headerbtn { float: right; } .el-dialog__footer { padding: 10px 20px 15px; text-align: right; box-sizing: border-box; } .dialog-fade-enter-active { animation: dialog-fade-in .3s; } .dialog-fade-leave-active { animation: dialog-fade-out .3s; } @keyframes dialog-fade-in { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes dialog-fade-out { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -20px, 0); opacity: 0; } } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .el-autocomplete { position: relative; display: inline-block; } .el-autocomplete-suggestion { margin: 5px 0; box-shadow: 0 0 6px 0 rgba(0,0,0,0.04), 0 2px 4px 0 rgba(0,0,0,0.12); } .el-autocomplete-suggestion li { list-style: none; line-height: 36px; padding: 0 10px; margin: 0; cursor: pointer; color: rgb(72, 87, 106); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-autocomplete-suggestion li:hover { background-color: rgb(228, 232, 241); } .el-autocomplete-suggestion li.highlighted { background-color: #356384; color: #fff; } .el-autocomplete-suggestion li:active { background-color: rgb(42, 79, 106); } .el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid rgb(209, 219, 229); } .el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px; } .el-autocomplete-suggestion.is-loading li { text-align: center; height: 100px; line-height: 100px; font-size: 20px; color: #999; } .el-autocomplete-suggestion.is-loading li:hover { background-color: #fff; } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle; } .el-autocomplete-suggestion__wrap { max-height: 280px; overflow: auto; background-color: #fff; border: 1px solid rgb(209, 219, 229); padding: 6px 0; border-radius: 2px; box-sizing: border-box; } .el-autocomplete-suggestion__list { margin: 0; padding: 0; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 10px 15px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button:hover, .el-button:focus { color: #356384; border-color: #356384; } .el-button:active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*="el-icon-"] {} .el-button [class*="el-icon-"] + span { margin-left: 5px; } .el-button.is-loading { position: relative; pointer-events: none; } .el-button.is-loading:before { pointer-events: none; content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: rgba(255,255,255,.35); } .el-button.is-disabled {} .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: rgb(191, 203, 217); cursor: not-allowed; background-image: none; background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); } .el-button.is-disabled.el-button--text { background-color: transparent; } .el-button.is-disabled.is-plain {} .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { background-color: #fff; border-color: rgb(209, 219, 229); color: rgb(191, 203, 217); } .el-button.is-active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); } .el-button.is-plain {} .el-button.is-plain:hover, .el-button.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--primary { color: #fff; background-color: #356384; border-color: #356384; } .el-button--primary:hover, .el-button--primary:focus { background: rgb(93, 130, 157); border-color: rgb(93, 130, 157); color: #fff; } .el-button--primary:active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; outline: none; } .el-button--primary.is-active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; } .el-button--primary.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button--primary.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--success { color: #fff; background-color: #13ce66; border-color: #13ce66; } .el-button--success:hover, .el-button--success:focus { background: rgb(66, 216, 133); border-color: rgb(66, 216, 133); color: #fff; } .el-button--success:active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; outline: none; } .el-button--success.is-active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; } .el-button--success.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #fff; border-color: #13ce66; color: #13ce66; } .el-button--success.is-plain:active { background: #fff; border-color: rgb(17, 185, 92); color: rgb(17, 185, 92); outline: none; } .el-button--warning { color: #fff; background-color: #f7ba2a; border-color: #f7ba2a; } .el-button--warning:hover, .el-button--warning:focus { background: rgb(249, 200, 85); border-color: rgb(249, 200, 85); color: #fff; } .el-button--warning:active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; outline: none; } .el-button--warning.is-active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; } .el-button--warning.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #fff; border-color: #f7ba2a; color: #f7ba2a; } .el-button--warning.is-plain:active { background: #fff; border-color: rgb(222, 167, 38); color: rgb(222, 167, 38); outline: none; } .el-button--danger { color: #fff; background-color: #ff4949; border-color: #ff4949; } .el-button--danger:hover, .el-button--danger:focus { background: rgb(255, 109, 109); border-color: rgb(255, 109, 109); color: #fff; } .el-button--danger:active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; outline: none; } .el-button--danger.is-active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; } .el-button--danger.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #fff; border-color: #ff4949; color: #ff4949; } .el-button--danger.is-plain:active { background: #fff; border-color: rgb(230, 66, 66); color: rgb(230, 66, 66); outline: none; } .el-button--info { color: #fff; background-color: #50bfff; border-color: #50bfff; } .el-button--info:hover, .el-button--info:focus { background: rgb(115, 204, 255); border-color: rgb(115, 204, 255); color: #fff; } .el-button--info:active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; outline: none; } .el-button--info.is-active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; } .el-button--info.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #fff; border-color: #50bfff; color: #50bfff; } .el-button--info.is-plain:active { background: #fff; border-color: rgb(72, 172, 230); color: rgb(72, 172, 230); outline: none; } .el-button--large { padding: 11px 19px; font-size: 16px; border-radius: 4px; } .el-button--small { padding: 7px 9px; font-size: 12px; border-radius: 4px; } .el-button--mini { padding: 4px 4px; font-size: 12px; border-radius: 4px; } .el-button--text { border: none; color: #356384; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: rgb(93, 130, 157); } .el-button--text:active { color: rgb(48, 89, 119); } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group .el-button--primary {} .el-button-group .el-button--primary:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success {} .el-button-group .el-button--success:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning {} .el-button-group .el-button--warning:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger {} .el-button-group .el-button--danger:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info {} .el-button-group .el-button--info:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button { float: left; position: relative; } .el-button-group .el-button + .el-button { margin-left: 0; } .el-button-group .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group .el-button:not(:first-child):not(:last-child) { border-radius: 0; } .el-button-group .el-button:not(:last-child) { margin-right: -1px; } .el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { z-index: 1; } .el-button-group .el-button.is-active { z-index: 1; } .el-dropdown { display: inline-block; position: relative; color: rgb(72, 87, 106); font-size: 14px; } .el-dropdown .el-button-group { display: block; } .el-dropdown .el-dropdown__caret-button { padding-right: 5px; padding-left: 5px; } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0; } .el-dropdown__icon { font-size: 12px; margin: 0 3px; } .el-dropdown-menu { margin: 5px 0; background-color: #fff; border: 1px solid rgb(209, 219, 229); box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); padding: 6px 0; z-index: 10; position: absolute; top: 0; left: 0; min-width: 100px; } .el-dropdown-menu__item { list-style: none; line-height: 36px; padding: 0 10px; margin: 0; cursor: pointer; } .el-dropdown-menu__item:not(.is-disabled):hover { background-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-dropdown-menu__item.is-disabled { cursor: default; color: rgb(191, 203, 217); pointer-events: none; } .el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid rgb(209, 219, 229); } .el-dropdown-menu__item--divided:before { content: ''; height: 6px; display: block; margin: 0 -10px; background-color: #fff; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-menu-item, .el-submenu__title { height: 56px; line-height: 56px; font-size: 14px; color: rgb(72, 87, 106); padding: 0 20px; cursor: pointer; position: relative; transition: border-color .3s, background-color .3s, color .3s; box-sizing: border-box; white-space: nowrap; } .el-menu { border-radius: 2px; list-style: none; position: relative; margin: 0; padding-left: 0; background-color: rgb(238, 241, 246); } .el-menu:before, .el-menu:after { display: table; content: ""; } .el-menu:after { clear: both; } .el-menu li { list-style: none; } .el-menu--dark { background-color: rgb(50, 65, 87); } .el-menu--dark .el-menu-item, .el-menu--dark .el-submenu__title { color: rgb(191, 203, 217); } .el-menu--dark .el-menu-item:hover, .el-menu--dark .el-submenu__title:hover { background-color: rgb(72, 87, 106); } .el-menu--dark .el-submenu .el-menu { background-color: rgb(31, 45, 61); } .el-menu--dark .el-submenu .el-menu .el-menu-item:hover { background-color: rgb(72, 87, 106); } .el-menu--horizontal {} .el-menu--horizontal .el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0; cursor: pointer; position: relative; box-sizing: border-box; border-bottom: 5px solid transparent; } .el-menu--horizontal .el-menu-item a, .el-menu--horizontal .el-menu-item a:hover { color: inherit; } .el-menu--horizontal .el-menu-item:hover { background-color: rgb(209, 219, 229); } .el-menu--horizontal .el-submenu { float: left; position: relative; } .el-menu--horizontal .el-submenu > .el-menu { position: absolute; top: 65px; left: 0; border: 1px solid rgb(209, 219, 229); padding: 5px 0; background-color: #fff; z-index: 100; min-width: 100%; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); } .el-menu--horizontal .el-submenu .el-submenu__title { height: 60px; line-height: 60px; border-bottom: 5px solid transparent; } .el-menu--horizontal .el-submenu .el-menu-item { background-color: #fff; float: none; height: 36px; line-height: 36px; padding: 0 10px; } .el-menu--horizontal .el-submenu .el-submenu__icon-arrow { position: static; vertical-align: middle; margin-left: 5px; color: rgb(151, 168, 190); margin-top: -3px; } .el-menu--horizontal .el-menu-item:hover, .el-menu--horizontal .el-submenu__title:hover { background-color: rgb(238, 241, 246); } .el-menu--horizontal > .el-menu-item:hover, .el-menu--horizontal > .el-submenu:hover .el-submenu__title, .el-menu--horizontal > .el-submenu.is-active .el-submenu__title { border-bottom: 5px solid #356384; } .el-menu--horizontal.el-menu--dark {} .el-menu--horizontal.el-menu--dark .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu__title:hover { background-color: rgb(50, 65, 87); } .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title { color: rgb(72, 87, 106); } .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover { background-color: rgb(209, 219, 229); } .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active { color: #356384; } .el-menu-item [class^="el-icon-"] { vertical-align: baseline; margin-right: 10px; } .el-menu-item:first-child { margin-left: 0; } .el-menu-item:last-child { margin-right: 0; } .el-menu-item:hover { background-color: rgb(209, 219, 229); } .el-menu-item.is-active { color: #356384; } .el-submenu [class^="el-icon-"] { vertical-align: baseline; margin-right: 10px; } .el-submenu .el-menu { background-color: rgb(228, 232, 241); } .el-submenu .el-menu-item { height: 50px; line-height: 50px; padding: 0 45px; } .el-submenu .el-menu-item:hover { background-color: rgb(209, 219, 229); } .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: rotateZ(180deg); } .el-submenu.is-active .el-submenu__title { border-bottom-color: #356384; } .el-submenu__title { position: relative; } .el-submenu__title:hover { background-color: rgb(209, 219, 229); } .el-submenu__icon-arrow { position: absolute; top: 50%; right: 20px; margin-top: -7px; transition: transform .3s; font-size: 12px; } .el-menu-item-group > ul { padding: 0; } .el-menu-item-group__title { padding-top: 15px; line-height: normal; font-size: 14px; padding-left: 20px; color: rgb(151, 168, 190); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input-number { display: inline-block; overflow: hidden; width: 180px; position: relative; } .el-input-number .el-input { display: block; } .el-input-number .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 82px; } .el-input-number.is-without-controls {} .el-input-number.is-without-controls .el-input__inner { padding-right: 10px; } .el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { border-color: rgb(209, 219, 229); color: rgb(209, 219, 229); } .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { color: rgb(209, 219, 229); cursor: not-allowed; } .el-input-number__increase, .el-input-number__decrease { height: auto; border-left: 1px solid rgb(191, 203, 217); width: 36px; line-height: 34px; top: 1px; text-align: center; color: rgb(151, 168, 190); cursor: pointer; position: absolute; z-index: 1; } .el-input-number__increase:hover, .el-input-number__decrease:hover { color: #356384; } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #356384; } .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { color: rgb(209, 219, 229); cursor: not-allowed; } .el-input-number__increase { right: 0; } .el-input-number__decrease { right: 37px; } .el-input-number--large { width: 200px; } .el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease { line-height: 42px; width: 42px; font-size: 16px; } .el-input-number--large .el-input-number__decrease { right: 43px; } .el-input-number--large .el-input__inner { padding-right: 94px; } .el-input-number--small { width: 130px; } .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { line-height: 30px; width: 30px; font-size: 13px; } .el-input-number--small .el-input-number__decrease { right: 31px; } .el-input-number--small .el-input__inner { padding-right: 70px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-radio { color: rgb(31, 45, 61); position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio + .el-radio { margin-left: 15px; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__input.is-focus .el-radio__inner { border-color: #356384; } .el-radio__input.is-checked .el-radio__inner { border-color: #356384; background: #356384; } .el-radio__input.is-checked .el-radio__inner::after { transform: translate(-50%, -50%) scale(1); } .el-radio__input.is-disabled .el-radio__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); cursor: not-allowed; } .el-radio__input.is-disabled .el-radio__inner::after { cursor: not-allowed; background-color: rgb(238, 241, 246); } .el-radio__input.is-disabled .el-radio__inner + .el-radio__label { cursor: not-allowed; } .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-radio__input.is-disabled.is-checked .el-radio__inner::after { background-color: #fff; } .el-radio__input.is-disabled + .el-radio__label { color: #bbb; cursor: not-allowed; } .el-radio__inner { border: 1px solid rgb(191, 203, 217); border-radius: 100%; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; position: relative; cursor: pointer; display: inline-block; box-sizing: border-box; } .el-radio__inner:hover { border-color: #356384; } .el-radio__inner::after { width: 6px; height: 6px; border-radius: 50%; background-color: #fff; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform .15s cubic-bezier(.71,-.46,.88,.6); } .el-radio__original { opacity: 0; outline: none; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .el-radio__label { font-size: 14px; padding-left: 5px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-radio-group { display: inline-block; font-size: 0; line-height: 1; } .el-radio-group .el-radio { font-size: 14px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-radio-button { position: relative; display: inline-block; } .el-radio-button:first-child .el-radio-button__inner { border-left: 1px solid rgb(191, 203, 217); border-radius: 4px 0 0 4px; box-shadow: none !important; } .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 4px 4px 0; } .el-radio-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid rgb(191, 203, 217); border-left: 0; color: rgb(31, 45, 61); -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; cursor: pointer; transition: all .3s cubic-bezier(.645,.045,.355,1); padding: 10px 15px; font-size: 14px; border-radius: 0; } .el-radio-button__inner:hover { color: #356384; } .el-radio-button__inner [class*="el-icon-"] { line-height: 0.9; } .el-radio-button__inner [class*="el-icon-"] + span { margin-left: 5px; } .el-radio-button__orig-radio { opacity: 0; outline: none; position: absolute; z-index: -1; left: -999px; } .el-radio-button__orig-radio:checked {} .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: #fff; background-color: #356384; border-color: #356384; box-shadow: -1px 0 0 0 #356384; } .el-radio-button__orig-radio:disabled {} .el-radio-button__orig-radio:disabled + .el-radio-button__inner { color: rgb(191, 203, 217); cursor: not-allowed; background-image: none; background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); box-shadow: none; } .el-radio-button--large {} .el-radio-button--large .el-radio-button__inner { padding: 11px 19px; font-size: 16px; border-radius: 0; } .el-radio-button--small {} .el-radio-button--small .el-radio-button__inner { padding: 7px 9px; font-size: 12px; border-radius: 0; } .el-radio-button--mini {} .el-radio-button--mini .el-radio-button__inner { padding: 4px 4px; font-size: 12px; border-radius: 0; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-checkbox { color: rgb(31, 45, 61); position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-checkbox + .el-checkbox { margin-left: 15px; } .el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; border: 1px solid #fff; margin-top: -1px; left: 3px; right: 3px; top: 50%; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #356384; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: rgb(238, 241, 246); } .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #fff; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { border-color: #fff; } .el-checkbox__input.is-disabled + .el-checkbox__label { color: #bbb; cursor: not-allowed; } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; box-sizing: border-box; width: 18px; height: 18px; background-color: #fff; z-index: 1; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46); } .el-checkbox__inner:hover { border-color: #356384; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 2px solid #fff; border-left: 0; border-top: 0; height: 8px; left: 5px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 4px; transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; visibility: hidden; left: -999px; } .el-checkbox__label { font-size: 14px; padding-left: 5px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-switch { display: inline-block; position: relative; font-size: 14px; line-height: 22px; height: 22px; vertical-align: middle; } .el-switch .label-fade-enter, .el-switch .label-fade-leave-active { opacity: 0; } .el-switch.is-disabled .el-switch__core { border-color: rgb(228, 232, 241) !important; background: rgb(228, 232, 241) !important; } .el-switch.is-disabled .el-switch__core span { background-color: rgb(251, 252, 253) !important; } .el-switch.is-disabled .el-switch__core ~ .el-switch__label * { color: rgb(251, 252, 253) !important; } .el-switch.is-disabled .el-switch__input:checked + .el-switch__core { border-color: rgb(228, 232, 241); background-color: rgb(228, 232, 241); } .el-switch.is-disabled {} .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; } .el-switch__label { transition: .2s; position: absolute; width: 46px; height: 22px; left: 0; top: 0; display: inline-block; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-switch__label * { line-height: 1; top: 4px; position: absolute; font-size: 14px; display: inline-block; color: #fff; } .el-switch__label--left i { left: 6px; } .el-switch__label--right i { right: 6px; } .el-switch__input { display: none; } .el-switch__input:checked + .el-switch__core { border-color: #356384; background-color: #356384; } .el-switch__core { margin: 0; display: inline-block; position: relative; width: 46px; height: 22px; border: 1px solid rgb(191, 203, 217); outline: none; border-radius: 12px; box-sizing: border-box; background: rgb(191, 203, 217); cursor: pointer; transition: border-color .3s, background-color .3s; } .el-switch__core .el-switch__button { top: 0; left: 0; position: absolute; border-radius: 100%; transition: transform .3s; width: 16px; height: 16px; background-color: #fff; } .el-switch--wide .el-switch__label {} .el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px; } .el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-dropdown { position: absolute; z-index: 1001; border: solid 1px rgb(209, 219, 229); border-radius: 2px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); box-sizing: border-box; margin: 5px 0; } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0; } .el-select-dropdown.is-multiple {} .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #356384; background-color: #fff; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: rgb(228, 232, 241); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { position: absolute; right: 10px; font-family: 'element-icons'; content: "\E608"; font-size: 11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: #999; font-size: 14px; } .el-select-dropdown__wrap { max-height: 274px; } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; box-sizing: border-box; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tag { background-color: rgb(131, 145, 165); display: inline-block; padding: 0 5px; height: 24px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid transparent; white-space: nowrap; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; transform: scale(.75, .75); height: 18px; width: 18px; line-height: 18px; vertical-align: middle; top: -1px; right: -2px; } .el-tag .el-icon-close:hover { background-color: #fff; color: rgb(131, 145, 165); } .el-tag--gray { background-color: rgb(228, 232, 241); border-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-tag--gray .el-tag__close:hover { background-color: rgb(72, 87, 106); color: #fff; } .el-tag--gray.is-hit { border-color: rgb(72, 87, 106); } .el-tag--primary { background-color: rgba(32,159,255,0.10); border-color: rgba(32,159,255,0.20); color: #356384; } .el-tag--primary .el-tag__close:hover { background-color: #356384; color: #fff; } .el-tag--primary.is-hit { border-color: #356384; } .el-tag--success { background-color: rgba(18,206,102,0.10); border-color: rgba(18,206,102,0.20); color: #13ce66; } .el-tag--success .el-tag__close:hover { background-color: #13ce66; color: #fff; } .el-tag--success.is-hit { border-color: #13ce66; } .el-tag--warning { background-color: rgba(247,186,41,0.10); border-color: rgba(247,186,41,0.20); color: #f7ba2a; } .el-tag--warning .el-tag__close:hover { background-color: #f7ba2a; color: #fff; } .el-tag--warning.is-hit { border-color: #f7ba2a; } .el-tag--danger { background-color: rgba(255,73,73,0.10); border-color: rgba(255,73,73,0.20); color: #ff4949; } .el-tag--danger .el-tag__close:hover { background-color: #ff4949; color: #fff; } .el-tag--danger.is-hit { border-color: #ff4949; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-dropdown {} .el-select-dropdown__item { font-size: 14px; padding: 8px 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(72, 87, 106); height: 36px; line-height: 1.5; box-sizing: border-box; cursor: pointer; } .el-select-dropdown__item.hover { background-color: rgb(228, 232, 241); } .el-select-dropdown__item.selected { color: #fff; background-color: #356384; } .el-select-dropdown__item.selected.hover { background-color: rgb(47, 87, 116); } .el-select-dropdown__item span { line-height: 1.5 !important; } .el-select-dropdown__item.is-disabled { color: rgb(191, 203, 217); cursor: not-allowed; } .el-select-dropdown__item.is-disabled:hover { background-color: #fff; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-select-group { margin: 0; padding: 0; } .el-select-group .el-select-dropdown__item { padding-left: 20px; } .el-select-group__wrap { list-style: none; margin: 0; padding: 0; } .el-select-group__title { padding-left: 10px; font-size: 12px; color: #999; height: 30px; line-height: 30px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .el-select { display: inline-block; position: relative; } .el-select:hover .el-input__inner { border-color: rgb(131, 145, 165); } .el-select .el-input__inner { cursor: pointer; padding-right: 35px; } .el-select .el-input__inner:focus { border-color: #356384; } .el-select .el-input {} .el-select .el-input .el-input__icon { color: rgb(191, 203, 217); font-size: 12px; transition: transform .3s; transform: translateY(-50%) rotateZ(180deg); line-height: 16px; top: 50%; cursor: pointer; } .el-select .el-input .el-input__icon.is-show-close { transition: 0s; width: 16px; height: 16px; font-size: 14px; right: 8px; text-align: center; transform: translateY(-50%) rotateZ(180deg); border-radius: 100%; color: rgb(191, 203, 217); } .el-select .el-input .el-input__icon.is-show-close:hover { color: rgb(151, 168, 190); } .el-select .el-input .el-input__icon.is-reverse { transform: translateY(-50%); } .el-select .el-input.is-disabled {} .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: rgb(209, 219, 229); } .el-select > .el-input { display: block; } .el-select .el-tag__close { margin-top: -2px; } .el-select .el-tag { height: 24px; line-height: 24px; box-sizing: border-box; margin: 3px 0 3px 6px; } .el-select__input { border: none; outline: none; padding: 0; margin-left: 10px; color: #666; font-size: 14px; vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; background-color: transparent; } .el-select__input.is-mini { height: 14px; } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: rgb(191, 203, 217); line-height: 18px; font-size: 12px; } .el-select__close:hover { color: rgb(151, 168, 190); } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; transform: translateY(-50%); } .el-select__tag { display: inline-block; height: 24px; line-height: 24px; font-size: 14px; border-radius: 4px; color: #fff; background-color: #356384; } .el-select__tag .el-icon-close { font-size: 12px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 10px 15px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button:hover, .el-button:focus { color: #356384; border-color: #356384; } .el-button:active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*="el-icon-"] {} .el-button [class*="el-icon-"] + span { margin-left: 5px; } .el-button.is-loading { position: relative; pointer-events: none; } .el-button.is-loading:before { pointer-events: none; content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: rgba(255,255,255,.35); } .el-button.is-disabled {} .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: rgb(191, 203, 217); cursor: not-allowed; background-image: none; background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); } .el-button.is-disabled.el-button--text { background-color: transparent; } .el-button.is-disabled.is-plain {} .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { background-color: #fff; border-color: rgb(209, 219, 229); color: rgb(191, 203, 217); } .el-button.is-active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); } .el-button.is-plain {} .el-button.is-plain:hover, .el-button.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--primary { color: #fff; background-color: #356384; border-color: #356384; } .el-button--primary:hover, .el-button--primary:focus { background: rgb(93, 130, 157); border-color: rgb(93, 130, 157); color: #fff; } .el-button--primary:active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; outline: none; } .el-button--primary.is-active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; } .el-button--primary.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button--primary.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--success { color: #fff; background-color: #13ce66; border-color: #13ce66; } .el-button--success:hover, .el-button--success:focus { background: rgb(66, 216, 133); border-color: rgb(66, 216, 133); color: #fff; } .el-button--success:active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; outline: none; } .el-button--success.is-active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; } .el-button--success.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #fff; border-color: #13ce66; color: #13ce66; } .el-button--success.is-plain:active { background: #fff; border-color: rgb(17, 185, 92); color: rgb(17, 185, 92); outline: none; } .el-button--warning { color: #fff; background-color: #f7ba2a; border-color: #f7ba2a; } .el-button--warning:hover, .el-button--warning:focus { background: rgb(249, 200, 85); border-color: rgb(249, 200, 85); color: #fff; } .el-button--warning:active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; outline: none; } .el-button--warning.is-active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; } .el-button--warning.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #fff; border-color: #f7ba2a; color: #f7ba2a; } .el-button--warning.is-plain:active { background: #fff; border-color: rgb(222, 167, 38); color: rgb(222, 167, 38); outline: none; } .el-button--danger { color: #fff; background-color: #ff4949; border-color: #ff4949; } .el-button--danger:hover, .el-button--danger:focus { background: rgb(255, 109, 109); border-color: rgb(255, 109, 109); color: #fff; } .el-button--danger:active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; outline: none; } .el-button--danger.is-active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; } .el-button--danger.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #fff; border-color: #ff4949; color: #ff4949; } .el-button--danger.is-plain:active { background: #fff; border-color: rgb(230, 66, 66); color: rgb(230, 66, 66); outline: none; } .el-button--info { color: #fff; background-color: #50bfff; border-color: #50bfff; } .el-button--info:hover, .el-button--info:focus { background: rgb(115, 204, 255); border-color: rgb(115, 204, 255); color: #fff; } .el-button--info:active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; outline: none; } .el-button--info.is-active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; } .el-button--info.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #fff; border-color: #50bfff; color: #50bfff; } .el-button--info.is-plain:active { background: #fff; border-color: rgb(72, 172, 230); color: rgb(72, 172, 230); outline: none; } .el-button--large { padding: 11px 19px; font-size: 16px; border-radius: 4px; } .el-button--small { padding: 7px 9px; font-size: 12px; border-radius: 4px; } .el-button--mini { padding: 4px 4px; font-size: 12px; border-radius: 4px; } .el-button--text { border: none; color: #356384; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: rgb(93, 130, 157); } .el-button--text:active { color: rgb(48, 89, 119); } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group .el-button--primary {} .el-button-group .el-button--primary:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success {} .el-button-group .el-button--success:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning {} .el-button-group .el-button--warning:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger {} .el-button-group .el-button--danger:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info {} .el-button-group .el-button--info:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button { float: left; position: relative; } .el-button-group .el-button + .el-button { margin-left: 0; } .el-button-group .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group .el-button:not(:first-child):not(:last-child) { border-radius: 0; } .el-button-group .el-button:not(:last-child) { margin-right: -1px; } .el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { z-index: 1; } .el-button-group .el-button.is-active { z-index: 1; } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-checkbox { color: rgb(31, 45, 61); position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-checkbox + .el-checkbox { margin-left: 15px; } .el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; border: 1px solid #fff; margin-top: -1px; left: 3px; right: 3px; top: 50%; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #356384; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: rgb(238, 241, 246); } .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #fff; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { border-color: #fff; } .el-checkbox__input.is-disabled + .el-checkbox__label { color: #bbb; cursor: not-allowed; } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; box-sizing: border-box; width: 18px; height: 18px; background-color: #fff; z-index: 1; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46); } .el-checkbox__inner:hover { border-color: #356384; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 2px solid #fff; border-left: 0; border-top: 0; height: 8px; left: 5px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 4px; transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; visibility: hidden; left: -999px; } .el-checkbox__label { font-size: 14px; padding-left: 5px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tag { background-color: rgb(131, 145, 165); display: inline-block; padding: 0 5px; height: 24px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid transparent; white-space: nowrap; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; transform: scale(.75, .75); height: 18px; width: 18px; line-height: 18px; vertical-align: middle; top: -1px; right: -2px; } .el-tag .el-icon-close:hover { background-color: #fff; color: rgb(131, 145, 165); } .el-tag--gray { background-color: rgb(228, 232, 241); border-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-tag--gray .el-tag__close:hover { background-color: rgb(72, 87, 106); color: #fff; } .el-tag--gray.is-hit { border-color: rgb(72, 87, 106); } .el-tag--primary { background-color: rgba(32,159,255,0.10); border-color: rgba(32,159,255,0.20); color: #356384; } .el-tag--primary .el-tag__close:hover { background-color: #356384; color: #fff; } .el-tag--primary.is-hit { border-color: #356384; } .el-tag--success { background-color: rgba(18,206,102,0.10); border-color: rgba(18,206,102,0.20); color: #13ce66; } .el-tag--success .el-tag__close:hover { background-color: #13ce66; color: #fff; } .el-tag--success.is-hit { border-color: #13ce66; } .el-tag--warning { background-color: rgba(247,186,41,0.10); border-color: rgba(247,186,41,0.20); color: #f7ba2a; } .el-tag--warning .el-tag__close:hover { background-color: #f7ba2a; color: #fff; } .el-tag--warning.is-hit { border-color: #f7ba2a; } .el-tag--danger { background-color: rgba(255,73,73,0.10); border-color: rgba(255,73,73,0.20); color: #ff4949; } .el-tag--danger .el-tag__close:hover { background-color: #ff4949; color: #fff; } .el-tag--danger.is-hit { border-color: #ff4949; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-table { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%; background-color: #fff; border: 1px solid rgb(223, 230, 236); font-size: 14px; color: rgb(31, 45, 61); } .el-table .el-tooltip.cell { white-space: nowrap; } .el-table th, .el-table td { height: 40px; min-width: 0; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; } .el-table th.is-right, .el-table td.is-right { text-align: right; } .el-table th.is-left, .el-table td.is-left { text-align: left; } .el-table th.is-center, .el-table td.is-center { text-align: center; } .el-table th.is-leaf, .el-table td { border-bottom: 1px solid rgb(223, 230, 236); } .el-table th.gutter, .el-table td.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0; } .el-table td.is-hidden > *, .el-table th.is-hidden > * { visibility: hidden; } .el-table::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgb(223, 230, 236); z-index: 1; } .el-table::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgb(223, 230, 236); z-index: 1; } .el-table th { white-space: nowrap; overflow: hidden; } .el-table th { background-color: rgb(238, 241, 246); text-align: left; } .el-table th > div { display: inline-block; padding-left: 18px; padding-right: 18px; line-height: 40px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .el-table td > div { box-sizing: border-box; } .el-table th.required > div::before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d51; margin-right: 5px; vertical-align: middle; } .el-table th > .cell { position: relative; word-wrap: normal; text-overflow: ellipsis; display: inline-block; line-height: 20px; vertical-align: middle; width: 100%; box-sizing: border-box; } .el-table th > .cell.highlight { color: #356384; } .el-table .caret-wrapper { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; width: 16px; height: 34px; overflow: visible; overflow: initial; } .el-table .sort-caret { display: inline-block; width: 0; height: 0; border: 0; content: ""; position: absolute; left: 3px; z-index: 2; } .el-table .sort-caret.ascending { top: 11px; border-top: none; border-right: 5px solid transparent; border-bottom: 5px solid rgb(151, 168, 190); border-left: 5px solid transparent; } .el-table .sort-caret.descending { bottom: 11px; border-top: 5px solid rgb(151, 168, 190); border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .el-table .ascending .sort-caret.ascending { border-bottom-color: rgb(72, 87, 106); } .el-table .descending .sort-caret.descending { border-top-color: rgb(72, 87, 106); } .el-table td.gutter { width: 0; } .el-table .cell { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 24px; padding-left: 18px; padding-right: 18px; } .el-table tr input[type="checkbox"] { margin: 0; } .el-table tr { background-color: #fff; } .el-table .hidden-columns { visibility: hidden; position: absolute; z-index: -1; } .el-table__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; } .el-table__empty-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(94, 115, 130); } .el-table__expand-column .cell { padding: 0; text-align: center; } .el-table__expand-icon { position: relative; cursor: pointer; color: #666; font-size: 12px; transition: transform 0.2s ease-in-out; height: 40px; } .el-table__expand-icon > .el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; } .el-table__expand-icon--expanded { transform: rotate(90deg); } .el-table__expanded-cell { padding: 20px 50px; background-color: rgb(251, 252, 253); box-shadow: inset 0 2px 0 #f4f4f4; } .el-table__expanded-cell:hover { background-color: rgb(251, 252, 253) !important; } .el-table--fit { border-right: 0; border-bottom: 0; } .el-table--fit th.gutter, .el-table--fit td.gutter { border-right-width: 1px; } .el-table--border th, .el-table--border td { border-right: 1px solid rgb(223, 230, 236); } .el-table--border th { border-bottom: 1px solid rgb(223, 230, 236); } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; box-shadow: 1px 0 8px #d3d4d6; overflow-x: hidden; } .el-table__fixed::before, .el-table__fixed-right::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgb(223, 230, 236); z-index: 4; } .el-table__fixed-right-patch { position: absolute; top: -1px; right: 0; background-color: rgb(238, 241, 246); border-bottom: 1px solid rgb(223, 230, 236); } .el-table__fixed-right { top: 0; left: auto; right: 0; box-shadow: -1px 0 8px #d3d4d6; } .el-table__fixed-right .el-table__fixed-header-wrapper, .el-table__fixed-right .el-table__fixed-body-wrapper { left: auto; right: 0; } .el-table__fixed-header-wrapper { position: absolute; left: 0; top: 0; z-index: 3; } .el-table__fixed-header-wrapper thead div { background-color: rgb(238, 241, 246); color: rgb(31, 45, 61); } .el-table__fixed-body-wrapper { position: absolute; left: 0; top: 37px; overflow: hidden; z-index: 3; } .el-table__header-wrapper, .el-table__body-wrapper { width: 100%; } .el-table__header, .el-table__body { table-layout: fixed; } .el-table__header-wrapper { overflow: hidden; } .el-table__header-wrapper thead div { background-color: rgb(238, 241, 246); color: rgb(31, 45, 61); } .el-table__body-wrapper { overflow: auto; position: relative; } .el-table--striped {} .el-table--striped .el-table__body {} .el-table--striped .el-table__body tr:nth-child(2n) td { background: #FAFAFA; background-clip: padding-box; } .el-table--striped .el-table__body tr:nth-child(2n).current-row td { background: rgb(239, 243, 245); } .el-table__body tr.hover-row > td { background-color: rgb(238, 241, 246); } .el-table__body tr.current-row > td { background: rgb(239, 243, 245); } .el-table__column-resize-proxy { position: absolute; left: 200px; top: 0; bottom: 0; width: 0; border-left: 1px solid rgb(223, 230, 236); z-index: 10; } .el-table__column-filter-trigger { display: inline-block; line-height: 34px; margin-left: 5px; cursor: pointer; } .el-table__column-filter-trigger i { color: rgb(151, 168, 190); } .el-table--enable-row-transition .el-table__body td { transition: background-color .25s ease; } .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: rgb(238, 241, 246); background-clip: padding-box; } .el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0; overflow: hidden; } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-checkbox { color: rgb(31, 45, 61); position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-checkbox + .el-checkbox { margin-left: 15px; } .el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; border: 1px solid #fff; margin-top: -1px; left: 3px; right: 3px; top: 50%; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #356384; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #356384; border-color: rgb(1, 95, 162); } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: rgb(238, 241, 246); } .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #fff; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: rgb(209, 219, 229); border-color: rgb(209, 219, 229); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { border-color: #fff; } .el-checkbox__input.is-disabled + .el-checkbox__label { color: #bbb; cursor: not-allowed; } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; box-sizing: border-box; width: 18px; height: 18px; background-color: #fff; z-index: 1; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46); } .el-checkbox__inner:hover { border-color: #356384; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 2px solid #fff; border-left: 0; border-top: 0; height: 8px; left: 5px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 4px; transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; visibility: hidden; left: -999px; } .el-checkbox__label { font-size: 14px; padding-left: 5px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tag { background-color: rgb(131, 145, 165); display: inline-block; padding: 0 5px; height: 24px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid transparent; white-space: nowrap; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; transform: scale(.75, .75); height: 18px; width: 18px; line-height: 18px; vertical-align: middle; top: -1px; right: -2px; } .el-tag .el-icon-close:hover { background-color: #fff; color: rgb(131, 145, 165); } .el-tag--gray { background-color: rgb(228, 232, 241); border-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-tag--gray .el-tag__close:hover { background-color: rgb(72, 87, 106); color: #fff; } .el-tag--gray.is-hit { border-color: rgb(72, 87, 106); } .el-tag--primary { background-color: rgba(32,159,255,0.10); border-color: rgba(32,159,255,0.20); color: #356384; } .el-tag--primary .el-tag__close:hover { background-color: #356384; color: #fff; } .el-tag--primary.is-hit { border-color: #356384; } .el-tag--success { background-color: rgba(18,206,102,0.10); border-color: rgba(18,206,102,0.20); color: #13ce66; } .el-tag--success .el-tag__close:hover { background-color: #13ce66; color: #fff; } .el-tag--success.is-hit { border-color: #13ce66; } .el-tag--warning { background-color: rgba(247,186,41,0.10); border-color: rgba(247,186,41,0.20); color: #f7ba2a; } .el-tag--warning .el-tag__close:hover { background-color: #f7ba2a; color: #fff; } .el-tag--warning.is-hit { border-color: #f7ba2a; } .el-tag--danger { background-color: rgba(255,73,73,0.10); border-color: rgba(255,73,73,0.20); color: #ff4949; } .el-tag--danger .el-tag__close:hover { background-color: #ff4949; color: #fff; } .el-tag--danger.is-hit { border-color: #ff4949; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-table-column {} .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .el-table-filter { border: solid 1px rgb(209, 219, 229); border-radius: 2px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); box-sizing: border-box; margin: 2px 0; /** used for dropdown mode */ } .el-table-filter__list { padding: 5px 0; margin: 0; list-style: none; min-width: 100px; } .el-table-filter__list-item { line-height: 36px; padding: 0 10px; cursor: pointer; font-size: 14px; } .el-table-filter__list-item:hover { background-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-table-filter__list-item.is-active { background-color: #356384; color: #fff; } .el-table-filter__content { min-width: 100px; } .el-table-filter__bottom { border-top: 1px solid rgb(209, 219, 229); padding: 8px; } .el-table-filter__bottom button { background: transparent; border: none; color: rgb(131, 145, 165); cursor: pointer; font-size: 14px; padding: 0 3px; } .el-table-filter__bottom button:hover { color: #356384; } .el-table-filter__bottom button:focus { outline: none; } .el-table-filter__bottom button.is-disabled { color: rgb(191, 203, 217); cursor: not-allowed; } .el-table-filter__checkbox-group { padding: 10px; } .el-table-filter__checkbox-group .el-checkbox { display: block; margin-bottom: 8px; margin-left: 5px; } .el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-date-table { font-size: 12px; min-width: 224px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-date-table td { width: 32px; height: 32px; box-sizing: border-box; text-align: center; cursor: pointer; } .el-date-table td.next-month, .el-date-table td.prev-month { color: #ddd; } .el-date-table td.today { color: #356384; position: relative; } .el-date-table td.today:before { content: " "; position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-top: 0.5em solid #356384; border-left: .5em solid transparent; } .el-date-table td.available:hover { background-color: rgb(228, 232, 241); } .el-date-table td.in-range { background-color: rgb(215, 224, 230); } .el-date-table td.in-range:hover { background-color: rgb(182, 199, 211); } .el-date-table td.current:not(.disabled), .el-date-table td.start-date, .el-date-table td.end-date { background-color: #356384 !important; color: #fff; } .el-date-table td.disabled { background-color: #f4f4f4; opacity: 1; cursor: not-allowed; color: #ccc; } .el-date-table td.week { font-size: 80%; color: rgb(131, 145, 165); } .el-date-table th { padding: 5px; color: rgb(131, 145, 165); font-weight: 400; } .el-date-table.is-week-mode .el-date-table__row {} .el-date-table.is-week-mode .el-date-table__row:hover { background-color: rgb(228, 232, 241); } .el-date-table.is-week-mode .el-date-table__row.current { background-color: rgb(215, 224, 230); } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-month-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-month-table td { text-align: center; padding: 20px 3px; cursor: pointer; } .el-month-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: rgb(72, 87, 106); } .el-month-table td .cell:hover { background-color: rgb(228, 232, 241); } .el-month-table td.disabled .cell { background-color: #f4f4f4; cursor: not-allowed; color: #ccc; } .el-month-table td.current:not(.disabled) .cell { background-color: #356384 !important; color: #fff; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-year-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-year-table .el-icon { color: rgb(151, 168, 190); } .el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer; } .el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: rgb(72, 87, 106); } .el-year-table td .cell:hover { background-color: rgb(228, 232, 241); } .el-year-table td.disabled .cell { background-color: #f4f4f4; cursor: not-allowed; color: #ccc; } .el-year-table td.current:not(.disabled) .cell { background-color: #356384 !important; color: #fff; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-spinner {} .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33%; } .el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; } .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { margin-left: 1%; } .el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative; } .el-time-spinner__list { padding: 0; margin: 0; list-style: none; text-align: center; } .el-time-spinner__list::after, .el-time-spinner__list::before { content: ''; display: block; width: 100%; height: 80px; } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgb(228, 232, 241); cursor: pointer; } .el-time-spinner__item.active:not(.disabled) { color: #fff; } .el-time-spinner__item.disabled { color: rgb(209, 219, 229); cursor: not-allowed; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter, .list-leave-active { opacity: 0; transform: translateY(-30px); } .el-date-editor { position: relative; display: inline-block; } .el-date-editor .el-picker-panel { position: absolute; min-width: 180px; box-sizing: border-box; box-shadow: 0 2px 6px #ccc; background: #fff; z-index: 10; top: 41px; } .el-date-editor.el-input { width: 193px; } .el-date-editor--daterange {} .el-date-editor--daterange.el-input { width: 220px; } .el-date-editor--datetimerange {} .el-date-editor--datetimerange.el-input { width: 350px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-picker-panel { color: rgb(72, 87, 106); border: 1px solid rgb(209, 219, 229); box-shadow: 0 2px 6px #ccc; background: #fff; border-radius: 2px; line-height: 20px; margin: 5px 0; } .el-picker-panel__body, .el-picker-panel__body-wrapper {} .el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { content: ""; display: table; clear: both; } .el-picker-panel__content { position: relative; margin: 15px; } .el-picker-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; text-align: right; background-color: #fff; position: relative; } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: rgb(72, 87, 106); padding-left: 12px; text-align: left; outline: none; cursor: pointer; } .el-picker-panel__shortcut:hover { background-color: rgb(228, 232, 241); } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #356384; } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: rgb(151, 168, 190); border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 3px; } .el-picker-panel__icon-btn:hover { color: #356384; } .el-picker-panel__link-btn { cursor: pointer; color: #356384; text-decoration: none; padding: 15px; font-size: 12px; } .el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { position: absolute; top: 0; bottom: 0; width: 110px; border-right: 1px solid #e4e4e4; box-sizing: border-box; padding-top: 6px; background-color: rgb(251, 252, 253); } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } .el-date-picker { min-width: 254px; } .el-date-picker .el-picker-panel__content { min-width: 224px; } .el-date-picker table { table-layout: fixed; width: 100%; } .el-date-picker.has-sidebar.has-time { min-width: 434px; } .el-date-picker.has-sidebar { min-width: 370px; } .el-date-picker.has-time { min-width: 324px; } .el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px 5px; display: table; width: 100%; box-sizing: border-box; } .el-date-picker__header { margin: 12px; text-align: center; } .el-date-picker__header-label { font-size: 14px; padding: 0 5px; line-height: 22px; text-align: center; cursor: pointer; } .el-date-picker__header-label:hover { color: #356384; } .el-date-picker__header-label.active { color: #356384; } .el-date-picker__prev-btn { float: left; } .el-date-picker__next-btn { float: right; } .el-date-picker__time-wrap { padding: 10px; text-align: center; } .el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-date-range-picker { min-width: 520px; } .el-date-range-picker table { table-layout: fixed; width: 100%; } .el-date-range-picker .el-picker-panel__body { min-width: 513px; } .el-date-range-picker .el-picker-panel__content { margin: 0; } .el-date-range-picker.has-sidebar.has-time { min-width: 766px; } .el-date-range-picker.has-sidebar { min-width: 620px; } .el-date-range-picker.has-time { min-width: 660px; } .el-date-range-picker__header { position: relative; text-align: center; height: 28px; } .el-date-range-picker__header button { float: left; } .el-date-range-picker__header div { font-size: 14px; margin-right: 50px; } .el-date-range-picker__content { float: left; width: 50%; box-sizing: border-box; margin: 0; padding: 16px; } .el-date-range-picker__content.is-right .el-date-range-picker__header button { float: right; } .el-date-range-picker__content.is-right .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px; } .el-date-range-picker__content.is-left { border-right: 1px solid #e4e4e4; } .el-date-range-picker__editors-wrap { box-sizing: border-box; display: table-cell; } .el-date-range-picker__editors-wrap.is-right { text-align: right; } .el-date-range-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px 5px; display: table; width: 100%; box-sizing: border-box; } .el-date-range-picker__time-header > .el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: rgb(151, 168, 190); } .el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0; z-index: 1; background: #fff; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-range-picker { min-width: 354px; overflow: visible; } .el-time-range-picker__content { position: relative; text-align: center; padding: 10px; } .el-time-range-picker__cell { box-sizing: border-box; margin: 0; padding: 4px 7px 7px; width: 50%; display: inline-block; } .el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px; } .el-time-range-picker__body { border-radius: 2px; border: 1px solid rgb(209, 219, 229); } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-panel { margin: 5px 0; border: solid 1px rgb(209, 219, 229); background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden; } .el-time-panel__content::after, .el-time-panel__content::before { content: ":"; top: 50%; color: #fff; position: absolute; font-size: 14px; margin-top: -15px; line-height: 16px; background-color: #356384; height: 32px; z-index: -1; left: 0; right: 0; box-sizing: border-box; padding-top: 6px; text-align: left; } .el-time-panel__content::after { left: 50%; margin-left: -2px; } .el-time-panel__content::before { padding-left: 50%; margin-right: -2px; } .el-time-panel__content.has-seconds {} .el-time-panel__content.has-seconds::after { left: 66.66667%; } .el-time-panel__content.has-seconds::before { padding-left: 33.33333%; } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; box-sizing: border-box; } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; color: rgb(131, 145, 165); } .el-time-panel__btn.confirm { font-weight: 800; color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter, .list-leave-active { opacity: 0; transform: translateY(-30px); } .el-date-editor { position: relative; display: inline-block; } .el-date-editor .el-picker-panel { position: absolute; min-width: 180px; box-sizing: border-box; box-shadow: 0 2px 6px #ccc; background: #fff; z-index: 10; top: 41px; } .el-date-editor.el-input { width: 193px; } .el-date-editor--daterange {} .el-date-editor--daterange.el-input { width: 220px; } .el-date-editor--datetimerange {} .el-date-editor--datetimerange.el-input { width: 350px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-picker-panel { color: rgb(72, 87, 106); border: 1px solid rgb(209, 219, 229); box-shadow: 0 2px 6px #ccc; background: #fff; border-radius: 2px; line-height: 20px; margin: 5px 0; } .el-picker-panel__body, .el-picker-panel__body-wrapper {} .el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { content: ""; display: table; clear: both; } .el-picker-panel__content { position: relative; margin: 15px; } .el-picker-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; text-align: right; background-color: #fff; position: relative; } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: rgb(72, 87, 106); padding-left: 12px; text-align: left; outline: none; cursor: pointer; } .el-picker-panel__shortcut:hover { background-color: rgb(228, 232, 241); } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #356384; } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: rgb(151, 168, 190); border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 3px; } .el-picker-panel__icon-btn:hover { color: #356384; } .el-picker-panel__link-btn { cursor: pointer; color: #356384; text-decoration: none; padding: 15px; font-size: 12px; } .el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { position: absolute; top: 0; bottom: 0; width: 110px; border-right: 1px solid #e4e4e4; box-sizing: border-box; padding-top: 6px; background-color: rgb(251, 252, 253); } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } .el-date-picker { min-width: 254px; } .el-date-picker .el-picker-panel__content { min-width: 224px; } .el-date-picker table { table-layout: fixed; width: 100%; } .el-date-picker.has-sidebar.has-time { min-width: 434px; } .el-date-picker.has-sidebar { min-width: 370px; } .el-date-picker.has-time { min-width: 324px; } .el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px 5px; display: table; width: 100%; box-sizing: border-box; } .el-date-picker__header { margin: 12px; text-align: center; } .el-date-picker__header-label { font-size: 14px; padding: 0 5px; line-height: 22px; text-align: center; cursor: pointer; } .el-date-picker__header-label:hover { color: #356384; } .el-date-picker__header-label.active { color: #356384; } .el-date-picker__prev-btn { float: left; } .el-date-picker__next-btn { float: right; } .el-date-picker__time-wrap { padding: 10px; text-align: center; } .el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .time-select { margin: 5px 0; min-width: 0; } .time-select .el-picker-panel__content { max-height: 200px; margin: 0; } .time-select-item { padding: 8px 10px; font-size: 14px; } .time-select-item.selected:not(.disabled) { background-color: #356384; color: #fff; } .time-select-item.selected:not(.disabled):hover { background-color: #356384; } .time-select-item.disabled { color: rgb(209, 219, 229); cursor: not-allowed; } .time-select-item:hover { background-color: rgb(228, 232, 241); cursor: pointer; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all .3s cubic-bezier(.55,0,.1,1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter, .list-leave-active { opacity: 0; transform: translateY(-30px); } .el-date-editor { position: relative; display: inline-block; } .el-date-editor .el-picker-panel { position: absolute; min-width: 180px; box-sizing: border-box; box-shadow: 0 2px 6px #ccc; background: #fff; z-index: 10; top: 41px; } .el-date-editor.el-input { width: 193px; } .el-date-editor--daterange {} .el-date-editor--daterange.el-input { width: 220px; } .el-date-editor--datetimerange {} .el-date-editor--datetimerange.el-input { width: 350px; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-spinner {} .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33%; } .el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; } .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { margin-left: 1%; } .el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative; } .el-time-spinner__list { padding: 0; margin: 0; list-style: none; text-align: center; } .el-time-spinner__list::after, .el-time-spinner__list::before { content: ''; display: block; width: 100%; height: 80px; } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgb(228, 232, 241); cursor: pointer; } .el-time-spinner__item.active:not(.disabled) { color: #fff; } .el-time-spinner__item.disabled { color: rgb(209, 219, 229); cursor: not-allowed; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-panel { margin: 5px 0; border: solid 1px rgb(209, 219, 229); background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden; } .el-time-panel__content::after, .el-time-panel__content::before { content: ":"; top: 50%; color: #fff; position: absolute; font-size: 14px; margin-top: -15px; line-height: 16px; background-color: #356384; height: 32px; z-index: -1; left: 0; right: 0; box-sizing: border-box; padding-top: 6px; text-align: left; } .el-time-panel__content::after { left: 50%; margin-left: -2px; } .el-time-panel__content::before { padding-left: 50%; margin-right: -2px; } .el-time-panel__content.has-seconds {} .el-time-panel__content.has-seconds::after { left: 66.66667%; } .el-time-panel__content.has-seconds::before { padding-left: 33.33333%; } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; box-sizing: border-box; } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; color: rgb(131, 145, 165); } .el-time-panel__btn.confirm { font-weight: 800; color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-popover { position: absolute; background: #fff; min-width: 150px; border-radius: 2px; border: 1px solid rgb(209, 219, 229); padding: 10px; z-index: 2000; font-size: 12px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), 0px 0px 6px 0px rgba(0, 0, 0, .04); } .el-popover .popper__arrow, .el-popover .popper__arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-popover .popper__arrow { border-width: 6px; } .el-popover .popper__arrow::after { content: " "; border-width: 6px; } .el-popover[x-placement^="top"] { margin-bottom: 12px; } .el-popover[x-placement^="top"] .popper__arrow { bottom: -6px; left: 50%; margin-right: 3px; border-top-color: rgb(209, 219, 229); border-bottom-width: 0; } .el-popover[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -6px; border-top-color: #fff; border-bottom-width: 0; } .el-popover[x-placement^="bottom"] { margin-top: 12px; } .el-popover[x-placement^="bottom"] .popper__arrow { top: -6px; left: 50%; margin-right: 3px; border-top-width: 0; border-bottom-color: rgb(209, 219, 229); } .el-popover[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: #fff; } .el-popover[x-placement^="right"] { margin-left: 12px; } .el-popover[x-placement^="right"] .popper__arrow { top: 50%; left: -6px; margin-bottom: 3px; border-right-color: rgb(209, 219, 229); border-left-width: 0; } .el-popover[x-placement^="right"] .popper__arrow::after { bottom: -6px; left: 1px; border-right-color: #fff; border-left-width: 0; } .el-popover[x-placement^="left"] { margin-right: 12px; } .el-popover[x-placement^="left"] .popper__arrow { top: 50%; right: -6px; margin-bottom: 3px; border-right-width: 0; border-left-color: rgb(209, 219, 229); } .el-popover[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0; border-left-color: #fff; } .el-popover__title { color: rgb(31, 45, 61); font-size: 13px; line-height: 1; margin-bottom: 9px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tooltip {} .el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; } .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-tooltip__popper .popper__arrow { border-width: 6px; } .el-tooltip__popper .popper__arrow::after { content: " "; border-width: 5px; } .el-tooltip__popper[x-placement^="top"] { margin-bottom: 12px; } .el-tooltip__popper[x-placement^="top"] .popper__arrow { bottom: -6px; border-top-color: rgb(31, 45, 61); border-bottom-width: 0; } .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -5px; border-top-color: rgb(31, 45, 61); border-bottom-width: 0; } .el-tooltip__popper[x-placement^="bottom"] { margin-top: 12px; } .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="right"] { margin-left: 12px; } .el-tooltip__popper[x-placement^="right"] .popper__arrow { left: -6px; border-right-color: rgb(31, 45, 61); border-left-width: 0; } .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { bottom: -5px; left: 1px; border-right-color: rgb(31, 45, 61); border-left-width: 0; } .el-tooltip__popper[x-placement^="left"] { margin-right: 12px; } .el-tooltip__popper[x-placement^="left"] .popper__arrow { right: -6px; border-right-width: 0; border-left-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light { background: #fff; border: 1px solid rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { border-top-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { border-top-color: #fff; } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: #fff; } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { border-left-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { border-left-color: #fff; } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { border-right-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { border-right-color: #fff; } .el-tooltip__popper.is-dark { background: rgb(31, 45, 61); color: #fff; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .v-modal-enter { animation: v-modal-in .2s ease; } .v-modal-leave { animation: v-modal-out .2s ease forwards; } @keyframes v-modal-in { 0% { opacity: 0; } 100% {} } @keyframes v-modal-out { 0% {} 100% { opacity: 0; } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 10px 15px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button:hover, .el-button:focus { color: #356384; border-color: #356384; } .el-button:active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*="el-icon-"] {} .el-button [class*="el-icon-"] + span { margin-left: 5px; } .el-button.is-loading { position: relative; pointer-events: none; } .el-button.is-loading:before { pointer-events: none; content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: rgba(255,255,255,.35); } .el-button.is-disabled {} .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: rgb(191, 203, 217); cursor: not-allowed; background-image: none; background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); } .el-button.is-disabled.el-button--text { background-color: transparent; } .el-button.is-disabled.is-plain {} .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { background-color: #fff; border-color: rgb(209, 219, 229); color: rgb(191, 203, 217); } .el-button.is-active { color: rgb(48, 89, 119); border-color: rgb(48, 89, 119); } .el-button.is-plain {} .el-button.is-plain:hover, .el-button.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--primary { color: #fff; background-color: #356384; border-color: #356384; } .el-button--primary:hover, .el-button--primary:focus { background: rgb(93, 130, 157); border-color: rgb(93, 130, 157); color: #fff; } .el-button--primary:active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; outline: none; } .el-button--primary.is-active { background: rgb(48, 89, 119); border-color: rgb(48, 89, 119); color: #fff; } .el-button--primary.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #fff; border-color: #356384; color: #356384; } .el-button--primary.is-plain:active { background: #fff; border-color: rgb(48, 89, 119); color: rgb(48, 89, 119); outline: none; } .el-button--success { color: #fff; background-color: #13ce66; border-color: #13ce66; } .el-button--success:hover, .el-button--success:focus { background: rgb(66, 216, 133); border-color: rgb(66, 216, 133); color: #fff; } .el-button--success:active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; outline: none; } .el-button--success.is-active { background: rgb(17, 185, 92); border-color: rgb(17, 185, 92); color: #fff; } .el-button--success.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #fff; border-color: #13ce66; color: #13ce66; } .el-button--success.is-plain:active { background: #fff; border-color: rgb(17, 185, 92); color: rgb(17, 185, 92); outline: none; } .el-button--warning { color: #fff; background-color: #f7ba2a; border-color: #f7ba2a; } .el-button--warning:hover, .el-button--warning:focus { background: rgb(249, 200, 85); border-color: rgb(249, 200, 85); color: #fff; } .el-button--warning:active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; outline: none; } .el-button--warning.is-active { background: rgb(222, 167, 38); border-color: rgb(222, 167, 38); color: #fff; } .el-button--warning.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #fff; border-color: #f7ba2a; color: #f7ba2a; } .el-button--warning.is-plain:active { background: #fff; border-color: rgb(222, 167, 38); color: rgb(222, 167, 38); outline: none; } .el-button--danger { color: #fff; background-color: #ff4949; border-color: #ff4949; } .el-button--danger:hover, .el-button--danger:focus { background: rgb(255, 109, 109); border-color: rgb(255, 109, 109); color: #fff; } .el-button--danger:active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; outline: none; } .el-button--danger.is-active { background: rgb(230, 66, 66); border-color: rgb(230, 66, 66); color: #fff; } .el-button--danger.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #fff; border-color: #ff4949; color: #ff4949; } .el-button--danger.is-plain:active { background: #fff; border-color: rgb(230, 66, 66); color: rgb(230, 66, 66); outline: none; } .el-button--info { color: #fff; background-color: #50bfff; border-color: #50bfff; } .el-button--info:hover, .el-button--info:focus { background: rgb(115, 204, 255); border-color: rgb(115, 204, 255); color: #fff; } .el-button--info:active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; outline: none; } .el-button--info.is-active { background: rgb(72, 172, 230); border-color: rgb(72, 172, 230); color: #fff; } .el-button--info.is-plain { background: #fff; border: 1px solid rgb(191, 203, 217); color: rgb(31, 45, 61); } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #fff; border-color: #50bfff; color: #50bfff; } .el-button--info.is-plain:active { background: #fff; border-color: rgb(72, 172, 230); color: rgb(72, 172, 230); outline: none; } .el-button--large { padding: 11px 19px; font-size: 16px; border-radius: 4px; } .el-button--small { padding: 7px 9px; font-size: 12px; border-radius: 4px; } .el-button--mini { padding: 4px 4px; font-size: 12px; border-radius: 4px; } .el-button--text { border: none; color: #356384; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: rgb(93, 130, 157); } .el-button--text:active { color: rgb(48, 89, 119); } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group .el-button--primary {} .el-button-group .el-button--primary:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success {} .el-button-group .el-button--success:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning {} .el-button-group .el-button--warning:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger {} .el-button-group .el-button--danger:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info {} .el-button-group .el-button--info:first-child { border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:last-child { border-left-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); } .el-button-group .el-button { float: left; position: relative; } .el-button-group .el-button + .el-button { margin-left: 0; } .el-button-group .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group .el-button:not(:first-child):not(:last-child) { border-radius: 0; } .el-button-group .el-button:not(:last-child) { margin-right: -1px; } .el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { z-index: 1; } .el-button-group .el-button.is-active { z-index: 1; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } .el-message-box { text-align: left; display: inline-block; vertical-align: middle; background-color: #fff; width: 420px; border-radius: 3px; font-size: 16px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .el-message-box__wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .el-message-box__wrapper::after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .el-message-box__header { position: relative; padding: 20px 20px 0; } .el-message-box__content { padding: 30px 20px; color: rgb(72, 87, 106); font-size: 14px; position: relative; } .el-message-box__close { display: inline-block; position: absolute; top: 19px; right: 20px; color: #999; cursor: pointer; line-height: 20px; text-align: center; } .el-message-box__close:hover { color: #356384; } .el-message-box__input { padding-top: 15px; } .el-message-box__input input.invalid { border-color: #ff4949; } .el-message-box__input input.invalid:focus { border-color: #ff4949; } .el-message-box__errormsg { color: #ff4949; font-size: 12px; min-height: 18px; margin-top: 2px; } .el-message-box__title { padding-left: 0; margin-bottom: 0; font-size: 16px; font-weight: 700; height: 18px; color: #333; } .el-message-box__message { margin: 0; } .el-message-box__message p { margin: 0; line-height: 1.4; } .el-message-box__btns { padding: 10px 20px 15px; text-align: right; } .el-message-box__btns button:nth-child(2) { margin-left: 10px; } .el-message-box__btns-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .el-message-box__status { position: absolute; top: 50%; transform: translateY(-50%); font-size: 36px !important; } .el-message-box__status.el-icon-circle-check { color: #13ce66; } .el-message-box__status.el-icon-information { color: #50bfff; } .el-message-box__status.el-icon-warning { color: #f7ba2a; } .el-message-box__status.el-icon-circle-cross { color: #ff4949; } .msgbox-fade-enter-active { animation: msgbox-fade-in .3s; } .msgbox-fade-leave-active { animation: msgbox-fade-out .3s; } @keyframes msgbox-fade-in { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes msgbox-fade-out { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -20px, 0); opacity: 0; } } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-breadcrumb { font-size: 13px; line-height: 1; } .el-breadcrumb__separator { margin: 0 8px; color: rgb(191, 203, 217); } .el-breadcrumb__item { float: left; } .el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a {} .el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover { color: rgb(151, 168, 190); cursor: text; } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none; } .el-breadcrumb__item__inner {} .el-breadcrumb__item__inner, .el-breadcrumb__item__inner a { transition: color .15s linear; color: rgb(72, 87, 106); } .el-breadcrumb__item__inner:hover, .el-breadcrumb__item__inner a:hover { color: #356384; cursor: pointer; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-form {} .el-form--label-left {} .el-form--label-left .el-form-item__label { text-align: left; } .el-form--label-top {} .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0 0 10px 0; } .el-form--inline {} .el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: top; } .el-form--inline .el-form-item__label { float: none; display: inline-block; } .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top; } .el-form--inline.el-form--label-top .el-form-item__content { display: block; } .el-form-item { margin-bottom: 22px; } .el-form-item .el-form-item { margin-bottom: 0; } .el-form-item .el-form-item .el-form-item__content { margin-left: 0 !important; } .el-form-item.is-error .el-input-group__append, .el-form-item.is-error .el-input-group__prepend, .el-form-item.is-error {} .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner, .el-form-item.is-error .el-input__inner { border-color: transparent; } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner { border-color: #ff4949; } .el-form-item.is-required .el-form-item__label:before { content: '*'; color: #ff4949; margin-right: 4px; } .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: rgb(72, 87, 106); line-height: 1; padding: 11px 12px 11px 0; box-sizing: border-box; } .el-form-item__content { line-height: 36px; position: relative; font-size: 14px; } .el-form-item__error { color: #ff4949; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tabs {} .el-tabs__header { border-bottom: 1px solid rgb(209, 219, 229); padding: 0; position: relative; margin: 0 0 15px; } .el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 3px; background-color: #356384; z-index: 1; transition: transform .3s cubic-bezier(.645,.045,.355,1); list-style: none; } .el-tabs__new-tab { float: right; border: 1px solid #d3dce6; height: 18px; width: 18px; line-height: 18px; margin: 12px 0 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: #d3dce6; cursor: pointer; transition: all .15s; } .el-tabs__new-tab .el-icon-plus { transform: scale(0.8, 0.8); } .el-tabs__new-tab:hover { color: #356384; } .el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; } .el-tabs__nav-wrap.is-scrollable { padding: 0 15px; } .el-tabs__nav-scroll { overflow: hidden; } .el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: rgb(131, 145, 165); } .el-tabs__nav-next { right: 0; } .el-tabs__nav-prev { left: 0; } .el-tabs__nav { white-space: nowrap; position: relative; transition: transform .3s; float: left; } .el-tabs__item { padding: 0 16px; height: 42px; box-sizing: border-box; line-height: 42px; display: inline-block; list-style: none; font-size: 14px; color: rgb(131, 145, 165); position: relative; } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; transition: all .3s cubic-bezier(.645,.045,.355,1); margin-left: 5px; } .el-tabs__item .el-icon-close:before { transform: scale(.7, .7); display: inline-block; } .el-tabs__item .el-icon-close:hover { background-color: rgb(151, 168, 190); color: #fff; } .el-tabs__item:hover { color: rgb(31, 45, 61); cursor: pointer; } .el-tabs__item.is-disabled { color: #bbb; cursor: default; } .el-tabs__item.is-active { color: #356384; } .el-tabs__content { overflow: hidden; position: relative; } .el-tabs--card > .el-tabs__header .el-tabs__active-bar { display: none; } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; transform-origin: 100% 50%; } .el-tabs--card > .el-tabs__header .el-tabs__item { border: 1px solid transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable {} .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { padding-right: 9px; padding-left: 9px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border: 1px solid rgb(209, 219, 229); border-bottom-color: #fff; border-radius: 4px 4px 0 0; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-right: 16px; padding-left: 16px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { width: 14px; } .el-tabs--border-card { background: #fff; border: 1px solid rgb(209, 219, 229); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); } .el-tabs--border-card >.el-tabs__content { padding: 15px; } .el-tabs--border-card >.el-tabs__header { background-color: rgb(238, 241, 246); margin: 0; } .el-tabs--border-card >.el-tabs__header .el-tabs__item { transition: all .3s cubic-bezier(.645,.045,.355,1); border: 1px solid transparent; border-top: 0; margin-right: -1px; margin-left: -1px; } .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active { background-color: #fff; border-right-color: rgb(209, 219, 229); border-left-color: rgb(209, 219, 229); } .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:first-child { border-left-color: rgb(209, 219, 229); } .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:last-child { border-right-color: rgb(209, 219, 229); } .slideInRight-transition, .slideInLeft-transition { display: inline-block; } .slideInRight-enter { animation: slideInRight-enter .3s; } .slideInRight-leave { position: absolute; left: 0; right: 0; animation: slideInRight-leave .3s; } .slideInLeft-enter { animation: slideInLeft-enter .3s; } .slideInLeft-leave { position: absolute; left: 0; right: 0; animation: slideInLeft-leave .3s; } @keyframes slideInRight-enter { 0% { opacity: 0; transform-origin: 0 0; transform: translateX(100%); } to { opacity: 1; transform-origin: 0 0; transform: translateX(0); } } @keyframes slideInRight-leave { 0% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 100% { transform-origin: 0 0; transform: translateX(100%); opacity: 0; } } @keyframes slideInLeft-enter { 0% { opacity: 0; transform-origin: 0 0; transform: translateX(-100%); } to { opacity: 1; transform-origin: 0 0; transform: translateX(0); } } @keyframes slideInLeft-leave { 0% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 100% { transform-origin: 0 0; transform: translateX(-100%); opacity: 0; } } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tag { background-color: rgb(131, 145, 165); display: inline-block; padding: 0 5px; height: 24px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 4px; box-sizing: border-box; border: 1px solid transparent; white-space: nowrap; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; transform: scale(.75, .75); height: 18px; width: 18px; line-height: 18px; vertical-align: middle; top: -1px; right: -2px; } .el-tag .el-icon-close:hover { background-color: #fff; color: rgb(131, 145, 165); } .el-tag--gray { background-color: rgb(228, 232, 241); border-color: rgb(228, 232, 241); color: rgb(72, 87, 106); } .el-tag--gray .el-tag__close:hover { background-color: rgb(72, 87, 106); color: #fff; } .el-tag--gray.is-hit { border-color: rgb(72, 87, 106); } .el-tag--primary { background-color: rgba(32,159,255,0.10); border-color: rgba(32,159,255,0.20); color: #356384; } .el-tag--primary .el-tag__close:hover { background-color: #356384; color: #fff; } .el-tag--primary.is-hit { border-color: #356384; } .el-tag--success { background-color: rgba(18,206,102,0.10); border-color: rgba(18,206,102,0.20); color: #13ce66; } .el-tag--success .el-tag__close:hover { background-color: #13ce66; color: #fff; } .el-tag--success.is-hit { border-color: #13ce66; } .el-tag--warning { background-color: rgba(247,186,41,0.10); border-color: rgba(247,186,41,0.20); color: #f7ba2a; } .el-tag--warning .el-tag__close:hover { background-color: #f7ba2a; color: #fff; } .el-tag--warning.is-hit { border-color: #f7ba2a; } .el-tag--danger { background-color: rgba(255,73,73,0.10); border-color: rgba(255,73,73,0.20); color: #ff4949; } .el-tag--danger .el-tag__close:hover { background-color: #ff4949; color: #fff; } .el-tag--danger.is-hit { border-color: #ff4949; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tree { cursor: default; background: #fff; border: 1px solid rgb(209, 219, 229); } .el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; } .el-tree__empty-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(94, 115, 130); } .el-tree-node { white-space: nowrap; } .el-tree-node > .el-tree-node__children { overflow: hidden; background-color: transparent; } .el-tree-node.is-expanded > .el-tree-node__children { display: block; } .el-tree-node__content { line-height: 36px; height: 36px; cursor: pointer; } .el-tree-node__content > .el-checkbox, .el-tree-node__content > .el-tree-node__expand-icon { margin-right: 8px; } .el-tree-node__content > .el-checkbox { vertical-align: middle; } .el-tree-node__content:hover { background: rgb(228, 232, 241); } .el-tree-node__expand-icon { display: inline-block; cursor: pointer; width: 0; height: 0; vertical-align: middle; margin-left: 10px; border: 6px solid transparent; border-right-width: 0; border-left-color: rgb(151, 168, 190); border-left-width: 7px; transform: rotate(0deg); transition: transform 0.3s ease-in-out; } .el-tree-node__expand-icon:hover { border-left-color: #999; } .el-tree-node__expand-icon.expanded { transform: rotate(90deg); } .el-tree-node__expand-icon.is-leaf { border-color: transparent; cursor: default; } .el-tree-node__label { font-size: 14px; vertical-align: middle; display: inline-block; } .el-tree-node__loading-icon { display: inline-block; vertical-align: middle; margin-right: 4px; font-size: 14px; color: rgb(151, 168, 190); } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: rgb(239, 243, 245); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-alert { width: 100%; padding: 8px 16px; margin: 0; box-sizing: border-box; border-radius: 4px; position: relative; background-color: #fff; overflow: hidden; color: #fff; opacity: 1; display: table; transition: opacity .2s; } .el-alert .el-alert__description { color: #fff; font-size: 12px; margin: 5px 0 0 0; } .el-alert--success { background-color: #13ce66; } .el-alert--info { background-color: #50bfff; } .el-alert--warning { background-color: #f7ba2a; } .el-alert--error { background-color: #ff4949; } .el-alert__content { display: table-cell; padding: 0 8px; } .el-alert__icon { font-size: 16px; width: 16px; display: table-cell; color: #fff; vertical-align: middle; } .el-alert__icon.is-big { font-size: 28px; width: 28px; } .el-alert__title { font-size: 13px; line-height: 18px; } .el-alert__title.is-bold { font-weight: 700; } .el-alert__closebtn { font-size: 12px; color: #fff; opacity: 1; top: 12px; right: 15px; position: absolute; cursor: pointer; } .el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px; } .el-alert-fade-enter, .el-alert-fade-leave-active { opacity: 0; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-notification { width: 330px; padding: 20px; box-sizing: border-box; border-radius: 2px; position: fixed; right: 16px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); transition: opacity 0.3s, transform .3s, right .3s, top 0.4s; overflow: hidden; } .el-notification .el-icon-circle-check { color: #13ce66; } .el-notification .el-icon-circle-cross { color: #ff4949; } .el-notification .el-icon-information { color: #50bfff; } .el-notification .el-icon-warning { color: #f7ba2a; } .el-notification__group { margin-left: 0; } .el-notification__group.is-with-icon { margin-left: 55px; } .el-notification__title { font-weight: 400; font-size: 16px; color: rgb(31, 45, 61); margin: 0; } .el-notification__content { font-size: 14px; line-height: 21px; margin: 10px 0 0 0; color: rgb(131, 145, 165); text-align: justify; } .el-notification__icon { width: 40px; height: 40px; font-size: 40px; float: left; position: relative; top: 3px; } .el-notification__closeBtn { top: 20px; right: 20px; position: absolute; cursor: pointer; color: rgb(191, 203, 217); font-size: 14px; } .el-notification__closeBtn:hover { color: rgb(151, 168, 190); } .el-notification-fade-enter { transform: translateX(100%); right: 0; } .el-notification-fade-leave-active { opacity: 0; } @charset "UTF-8"; @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input-number { display: inline-block; overflow: hidden; width: 180px; position: relative; } .el-input-number .el-input { display: block; } .el-input-number .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 82px; } .el-input-number.is-without-controls {} .el-input-number.is-without-controls .el-input__inner { padding-right: 10px; } .el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { border-color: rgb(209, 219, 229); color: rgb(209, 219, 229); } .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { color: rgb(209, 219, 229); cursor: not-allowed; } .el-input-number__increase, .el-input-number__decrease { height: auto; border-left: 1px solid rgb(191, 203, 217); width: 36px; line-height: 34px; top: 1px; text-align: center; color: rgb(151, 168, 190); cursor: pointer; position: absolute; z-index: 1; } .el-input-number__increase:hover, .el-input-number__decrease:hover { color: #356384; } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #356384; } .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { color: rgb(209, 219, 229); cursor: not-allowed; } .el-input-number__increase { right: 0; } .el-input-number__decrease { right: 37px; } .el-input-number--large { width: 200px; } .el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease { line-height: 42px; width: 42px; font-size: 16px; } .el-input-number--large .el-input-number__decrease { right: 43px; } .el-input-number--large .el-input__inner { padding-right: 94px; } .el-input-number--small { width: 130px; } .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { line-height: 30px; width: 30px; font-size: 13px; } .el-input-number--small .el-input-number__decrease { right: 31px; } .el-input-number--small .el-input__inner { padding-right: 70px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-tooltip {} .el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; } .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-tooltip__popper .popper__arrow { border-width: 6px; } .el-tooltip__popper .popper__arrow::after { content: " "; border-width: 5px; } .el-tooltip__popper[x-placement^="top"] { margin-bottom: 12px; } .el-tooltip__popper[x-placement^="top"] .popper__arrow { bottom: -6px; border-top-color: rgb(31, 45, 61); border-bottom-width: 0; } .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -5px; border-top-color: rgb(31, 45, 61); border-bottom-width: 0; } .el-tooltip__popper[x-placement^="bottom"] { margin-top: 12px; } .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="right"] { margin-left: 12px; } .el-tooltip__popper[x-placement^="right"] .popper__arrow { left: -6px; border-right-color: rgb(31, 45, 61); border-left-width: 0; } .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { bottom: -5px; left: 1px; border-right-color: rgb(31, 45, 61); border-left-width: 0; } .el-tooltip__popper[x-placement^="left"] { margin-right: 12px; } .el-tooltip__popper[x-placement^="left"] .popper__arrow { right: -6px; border-right-width: 0; border-left-color: rgb(31, 45, 61); } .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light { background: #fff; border: 1px solid rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { border-top-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { border-top-color: #fff; } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { border-bottom-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: #fff; } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { border-left-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { border-left-color: #fff; } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { border-right-color: rgb(31, 45, 61); } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { border-right-color: #fff; } .el-tooltip__popper.is-dark { background: rgb(31, 45, 61); color: #fff; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-slider {} .el-slider:before, .el-slider:after { display: table; content: ""; } .el-slider:after { clear: both; } .el-slider__runway { width: 100%; height: 4px; margin: 16px 0; background-color: rgb(228, 232, 241); border-radius: 3px; position: relative; cursor: pointer; vertical-align: middle; } .el-slider__runway.show-input { margin-right: 160px; width: auto; } .el-slider__runway.disabled { cursor: default; } .el-slider__runway.disabled .el-slider__bar, .el-slider__runway.disabled .el-slider__button { background-color: rgb(191, 203, 217); } .el-slider__runway.disabled .el-slider__button-wrapper {} .el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button-wrapper.dragging { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button {} .el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging { transform: scale(1); } .el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button.dragging { cursor: not-allowed; } .el-slider__input { float: right; margin-top: 3px; } .el-slider__bar { height: 4px; background-color: #356384; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; } .el-slider__button-wrapper { width: 36px; height: 36px; position: absolute; z-index: 1001; top: -16px; transform: translateX(-50%); background-color: transparent; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-slider__button-wrapper:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-slider__button-wrapper .el-tooltip { vertical-align: middle; display: inline-block; } .el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button-wrapper.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__button { width: 12px; height: 12px; background-color: #356384; border-radius: 50%; transition: .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging { transform: scale(1.5); background-color: rgb(47, 87, 116); } .el-slider__button:hover, .el-slider__button.hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__stop { position: absolute; width: 4px; height: 4px; border-radius: 100%; background-color: rgb(191, 203, 217); transform: translateX(-50%); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-loading-mask { position: absolute; z-index: 10000; background-color: rgba(255, 255, 255, .9); margin: 0; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s; } .el-loading-mask.is-fullscreen { position: fixed; } .el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px; } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { width: 50px; height: 50px; } .el-loading-spinner { top: 50%; margin-top: -21px; width: 100%; text-align: center; position: absolute; } .el-loading-spinner .el-loading-text { color: #356384; margin: 3px 0; font-size: 14px; } .el-loading-spinner .circular { width: 42px; height: 42px; animation: loading-rotate 2s linear infinite; } .el-loading-spinner .path { animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #356384; stroke-linecap: round; } .el-loading-fade-enter, .el-loading-fade-leave-active { opacity: 0; } @keyframes loading-rotate { 100% { transform: rotate(360deg); } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-row { position: relative; box-sizing: border-box; } .el-row:before, .el-row:after { display: table; content: ""; } .el-row:after { clear: both; } .el-row--flex { display: -ms-flexbox; display: flex; } .el-row--flex:before, .el-row--flex:after { display: none; } .el-row--flex.is-align-bottom { -ms-flex-align: end; align-items: flex-end; } .el-row--flex.is-align-middle { -ms-flex-align: center; align-items: center; } .el-row--flex.is-justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .el-row--flex.is-justify-space-between { -ms-flex-pack: justify; justify-content: space-between; } .el-row--flex.is-justify-end { -ms-flex-pack: end; justify-content: flex-end; } .el-row--flex.is-justify-center { -ms-flex-pack: center; justify-content: center; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-col-1, .el-col-2, .el-col-3, .el-col-4, .el-col-5, .el-col-6, .el-col-7, .el-col-8, .el-col-9, .el-col-10, .el-col-11, .el-col-12, .el-col-13, .el-col-14, .el-col-15, .el-col-16, .el-col-17, .el-col-18, .el-col-19, .el-col-20, .el-col-21, .el-col-22, .el-col-23, .el-col-24 { float: left; box-sizing: border-box; } .el-col-0 { width: 0; } .el-col-0 { width: 0%; } .el-col-offset-0 { margin-left: 0%; } .el-col-pull-0 { position: relative; right: 0%; } .el-col-push-0 { position: relative; left: 0%; } .el-col-1 { width: 4.16667%; } .el-col-offset-1 { margin-left: 4.16667%; } .el-col-pull-1 { position: relative; right: 4.16667%; } .el-col-push-1 { position: relative; left: 4.16667%; } .el-col-2 { width: 8.33333%; } .el-col-offset-2 { margin-left: 8.33333%; } .el-col-pull-2 { position: relative; right: 8.33333%; } .el-col-push-2 { position: relative; left: 8.33333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { position: relative; right: 12.5%; } .el-col-push-3 { position: relative; left: 12.5%; } .el-col-4 { width: 16.66667%; } .el-col-offset-4 { margin-left: 16.66667%; } .el-col-pull-4 { position: relative; right: 16.66667%; } .el-col-push-4 { position: relative; left: 16.66667%; } .el-col-5 { width: 20.83333%; } .el-col-offset-5 { margin-left: 20.83333%; } .el-col-pull-5 { position: relative; right: 20.83333%; } .el-col-push-5 { position: relative; left: 20.83333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { position: relative; right: 25%; } .el-col-push-6 { position: relative; left: 25%; } .el-col-7 { width: 29.16667%; } .el-col-offset-7 { margin-left: 29.16667%; } .el-col-pull-7 { position: relative; right: 29.16667%; } .el-col-push-7 { position: relative; left: 29.16667%; } .el-col-8 { width: 33.33333%; } .el-col-offset-8 { margin-left: 33.33333%; } .el-col-pull-8 { position: relative; right: 33.33333%; } .el-col-push-8 { position: relative; left: 33.33333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { position: relative; right: 37.5%; } .el-col-push-9 { position: relative; left: 37.5%; } .el-col-10 { width: 41.66667%; } .el-col-offset-10 { margin-left: 41.66667%; } .el-col-pull-10 { position: relative; right: 41.66667%; } .el-col-push-10 { position: relative; left: 41.66667%; } .el-col-11 { width: 45.83333%; } .el-col-offset-11 { margin-left: 45.83333%; } .el-col-pull-11 { position: relative; right: 45.83333%; } .el-col-push-11 { position: relative; left: 45.83333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { position: relative; left: 50%; } .el-col-13 { width: 54.16667%; } .el-col-offset-13 { margin-left: 54.16667%; } .el-col-pull-13 { position: relative; right: 54.16667%; } .el-col-push-13 { position: relative; left: 54.16667%; } .el-col-14 { width: 58.33333%; } .el-col-offset-14 { margin-left: 58.33333%; } .el-col-pull-14 { position: relative; right: 58.33333%; } .el-col-push-14 { position: relative; left: 58.33333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { position: relative; right: 62.5%; } .el-col-push-15 { position: relative; left: 62.5%; } .el-col-16 { width: 66.66667%; } .el-col-offset-16 { margin-left: 66.66667%; } .el-col-pull-16 { position: relative; right: 66.66667%; } .el-col-push-16 { position: relative; left: 66.66667%; } .el-col-17 { width: 70.83333%; } .el-col-offset-17 { margin-left: 70.83333%; } .el-col-pull-17 { position: relative; right: 70.83333%; } .el-col-push-17 { position: relative; left: 70.83333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { position: relative; right: 75%; } .el-col-push-18 { position: relative; left: 75%; } .el-col-19 { width: 79.16667%; } .el-col-offset-19 { margin-left: 79.16667%; } .el-col-pull-19 { position: relative; right: 79.16667%; } .el-col-push-19 { position: relative; left: 79.16667%; } .el-col-20 { width: 83.33333%; } .el-col-offset-20 { margin-left: 83.33333%; } .el-col-pull-20 { position: relative; right: 83.33333%; } .el-col-push-20 { position: relative; left: 83.33333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { position: relative; right: 87.5%; } .el-col-push-21 { position: relative; left: 87.5%; } .el-col-22 { width: 91.66667%; } .el-col-offset-22 { margin-left: 91.66667%; } .el-col-pull-22 { position: relative; right: 91.66667%; } .el-col-push-22 { position: relative; left: 91.66667%; } .el-col-23 { width: 95.83333%; } .el-col-offset-23 { margin-left: 95.83333%; } .el-col-pull-23 { position: relative; right: 95.83333%; } .el-col-push-23 { position: relative; left: 95.83333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { position: relative; right: 100%; } .el-col-push-24 { position: relative; left: 100%; } @media (max-width: 768px) { .el-col-xs-0 { width: 0%; } .el-col-xs-offset-0 { margin-left: 0%; } .el-col-xs-pull-0 { position: relative; right: 0%; } .el-col-xs-push-0 { position: relative; left: 0%; } .el-col-xs-1 { width: 4.16667%; } .el-col-xs-offset-1 { margin-left: 4.16667%; } .el-col-xs-pull-1 { position: relative; right: 4.16667%; } .el-col-xs-push-1 { position: relative; left: 4.16667%; } .el-col-xs-2 { width: 8.33333%; } .el-col-xs-offset-2 { margin-left: 8.33333%; } .el-col-xs-pull-2 { position: relative; right: 8.33333%; } .el-col-xs-push-2 { position: relative; left: 8.33333%; } .el-col-xs-3 { width: 12.5%; } .el-col-xs-offset-3 { margin-left: 12.5%; } .el-col-xs-pull-3 { position: relative; right: 12.5%; } .el-col-xs-push-3 { position: relative; left: 12.5%; } .el-col-xs-4 { width: 16.66667%; } .el-col-xs-offset-4 { margin-left: 16.66667%; } .el-col-xs-pull-4 { position: relative; right: 16.66667%; } .el-col-xs-push-4 { position: relative; left: 16.66667%; } .el-col-xs-5 { width: 20.83333%; } .el-col-xs-offset-5 { margin-left: 20.83333%; } .el-col-xs-pull-5 { position: relative; right: 20.83333%; } .el-col-xs-push-5 { position: relative; left: 20.83333%; } .el-col-xs-6 { width: 25%; } .el-col-xs-offset-6 { margin-left: 25%; } .el-col-xs-pull-6 { position: relative; right: 25%; } .el-col-xs-push-6 { position: relative; left: 25%; } .el-col-xs-7 { width: 29.16667%; } .el-col-xs-offset-7 { margin-left: 29.16667%; } .el-col-xs-pull-7 { position: relative; right: 29.16667%; } .el-col-xs-push-7 { position: relative; left: 29.16667%; } .el-col-xs-8 { width: 33.33333%; } .el-col-xs-offset-8 { margin-left: 33.33333%; } .el-col-xs-pull-8 { position: relative; right: 33.33333%; } .el-col-xs-push-8 { position: relative; left: 33.33333%; } .el-col-xs-9 { width: 37.5%; } .el-col-xs-offset-9 { margin-left: 37.5%; } .el-col-xs-pull-9 { position: relative; right: 37.5%; } .el-col-xs-push-9 { position: relative; left: 37.5%; } .el-col-xs-10 { width: 41.66667%; } .el-col-xs-offset-10 { margin-left: 41.66667%; } .el-col-xs-pull-10 { position: relative; right: 41.66667%; } .el-col-xs-push-10 { position: relative; left: 41.66667%; } .el-col-xs-11 { width: 45.83333%; } .el-col-xs-offset-11 { margin-left: 45.83333%; } .el-col-xs-pull-11 { position: relative; right: 45.83333%; } .el-col-xs-push-11 { position: relative; left: 45.83333%; } .el-col-xs-12 { width: 50%; } .el-col-xs-offset-12 { margin-left: 50%; } .el-col-xs-pull-12 { position: relative; right: 50%; } .el-col-xs-push-12 { position: relative; left: 50%; } .el-col-xs-13 { width: 54.16667%; } .el-col-xs-offset-13 { margin-left: 54.16667%; } .el-col-xs-pull-13 { position: relative; right: 54.16667%; } .el-col-xs-push-13 { position: relative; left: 54.16667%; } .el-col-xs-14 { width: 58.33333%; } .el-col-xs-offset-14 { margin-left: 58.33333%; } .el-col-xs-pull-14 { position: relative; right: 58.33333%; } .el-col-xs-push-14 { position: relative; left: 58.33333%; } .el-col-xs-15 { width: 62.5%; } .el-col-xs-offset-15 { margin-left: 62.5%; } .el-col-xs-pull-15 { position: relative; right: 62.5%; } .el-col-xs-push-15 { position: relative; left: 62.5%; } .el-col-xs-16 { width: 66.66667%; } .el-col-xs-offset-16 { margin-left: 66.66667%; } .el-col-xs-pull-16 { position: relative; right: 66.66667%; } .el-col-xs-push-16 { position: relative; left: 66.66667%; } .el-col-xs-17 { width: 70.83333%; } .el-col-xs-offset-17 { margin-left: 70.83333%; } .el-col-xs-pull-17 { position: relative; right: 70.83333%; } .el-col-xs-push-17 { position: relative; left: 70.83333%; } .el-col-xs-18 { width: 75%; } .el-col-xs-offset-18 { margin-left: 75%; } .el-col-xs-pull-18 { position: relative; right: 75%; } .el-col-xs-push-18 { position: relative; left: 75%; } .el-col-xs-19 { width: 79.16667%; } .el-col-xs-offset-19 { margin-left: 79.16667%; } .el-col-xs-pull-19 { position: relative; right: 79.16667%; } .el-col-xs-push-19 { position: relative; left: 79.16667%; } .el-col-xs-20 { width: 83.33333%; } .el-col-xs-offset-20 { margin-left: 83.33333%; } .el-col-xs-pull-20 { position: relative; right: 83.33333%; } .el-col-xs-push-20 { position: relative; left: 83.33333%; } .el-col-xs-21 { width: 87.5%; } .el-col-xs-offset-21 { margin-left: 87.5%; } .el-col-xs-pull-21 { position: relative; right: 87.5%; } .el-col-xs-push-21 { position: relative; left: 87.5%; } .el-col-xs-22 { width: 91.66667%; } .el-col-xs-offset-22 { margin-left: 91.66667%; } .el-col-xs-pull-22 { position: relative; right: 91.66667%; } .el-col-xs-push-22 { position: relative; left: 91.66667%; } .el-col-xs-23 { width: 95.83333%; } .el-col-xs-offset-23 { margin-left: 95.83333%; } .el-col-xs-pull-23 { position: relative; right: 95.83333%; } .el-col-xs-push-23 { position: relative; left: 95.83333%; } .el-col-xs-24 { width: 100%; } .el-col-xs-offset-24 { margin-left: 100%; } .el-col-xs-pull-24 { position: relative; right: 100%; } .el-col-xs-push-24 { position: relative; left: 100%; } } @media (min-width: 768px) { .el-col-sm-0 { width: 0%; } .el-col-sm-offset-0 { margin-left: 0%; } .el-col-sm-pull-0 { position: relative; right: 0%; } .el-col-sm-push-0 { position: relative; left: 0%; } .el-col-sm-1 { width: 4.16667%; } .el-col-sm-offset-1 { margin-left: 4.16667%; } .el-col-sm-pull-1 { position: relative; right: 4.16667%; } .el-col-sm-push-1 { position: relative; left: 4.16667%; } .el-col-sm-2 { width: 8.33333%; } .el-col-sm-offset-2 { margin-left: 8.33333%; } .el-col-sm-pull-2 { position: relative; right: 8.33333%; } .el-col-sm-push-2 { position: relative; left: 8.33333%; } .el-col-sm-3 { width: 12.5%; } .el-col-sm-offset-3 { margin-left: 12.5%; } .el-col-sm-pull-3 { position: relative; right: 12.5%; } .el-col-sm-push-3 { position: relative; left: 12.5%; } .el-col-sm-4 { width: 16.66667%; } .el-col-sm-offset-4 { margin-left: 16.66667%; } .el-col-sm-pull-4 { position: relative; right: 16.66667%; } .el-col-sm-push-4 { position: relative; left: 16.66667%; } .el-col-sm-5 { width: 20.83333%; } .el-col-sm-offset-5 { margin-left: 20.83333%; } .el-col-sm-pull-5 { position: relative; right: 20.83333%; } .el-col-sm-push-5 { position: relative; left: 20.83333%; } .el-col-sm-6 { width: 25%; } .el-col-sm-offset-6 { margin-left: 25%; } .el-col-sm-pull-6 { position: relative; right: 25%; } .el-col-sm-push-6 { position: relative; left: 25%; } .el-col-sm-7 { width: 29.16667%; } .el-col-sm-offset-7 { margin-left: 29.16667%; } .el-col-sm-pull-7 { position: relative; right: 29.16667%; } .el-col-sm-push-7 { position: relative; left: 29.16667%; } .el-col-sm-8 { width: 33.33333%; } .el-col-sm-offset-8 { margin-left: 33.33333%; } .el-col-sm-pull-8 { position: relative; right: 33.33333%; } .el-col-sm-push-8 { position: relative; left: 33.33333%; } .el-col-sm-9 { width: 37.5%; } .el-col-sm-offset-9 { margin-left: 37.5%; } .el-col-sm-pull-9 { position: relative; right: 37.5%; } .el-col-sm-push-9 { position: relative; left: 37.5%; } .el-col-sm-10 { width: 41.66667%; } .el-col-sm-offset-10 { margin-left: 41.66667%; } .el-col-sm-pull-10 { position: relative; right: 41.66667%; } .el-col-sm-push-10 { position: relative; left: 41.66667%; } .el-col-sm-11 { width: 45.83333%; } .el-col-sm-offset-11 { margin-left: 45.83333%; } .el-col-sm-pull-11 { position: relative; right: 45.83333%; } .el-col-sm-push-11 { position: relative; left: 45.83333%; } .el-col-sm-12 { width: 50%; } .el-col-sm-offset-12 { margin-left: 50%; } .el-col-sm-pull-12 { position: relative; right: 50%; } .el-col-sm-push-12 { position: relative; left: 50%; } .el-col-sm-13 { width: 54.16667%; } .el-col-sm-offset-13 { margin-left: 54.16667%; } .el-col-sm-pull-13 { position: relative; right: 54.16667%; } .el-col-sm-push-13 { position: relative; left: 54.16667%; } .el-col-sm-14 { width: 58.33333%; } .el-col-sm-offset-14 { margin-left: 58.33333%; } .el-col-sm-pull-14 { position: relative; right: 58.33333%; } .el-col-sm-push-14 { position: relative; left: 58.33333%; } .el-col-sm-15 { width: 62.5%; } .el-col-sm-offset-15 { margin-left: 62.5%; } .el-col-sm-pull-15 { position: relative; right: 62.5%; } .el-col-sm-push-15 { position: relative; left: 62.5%; } .el-col-sm-16 { width: 66.66667%; } .el-col-sm-offset-16 { margin-left: 66.66667%; } .el-col-sm-pull-16 { position: relative; right: 66.66667%; } .el-col-sm-push-16 { position: relative; left: 66.66667%; } .el-col-sm-17 { width: 70.83333%; } .el-col-sm-offset-17 { margin-left: 70.83333%; } .el-col-sm-pull-17 { position: relative; right: 70.83333%; } .el-col-sm-push-17 { position: relative; left: 70.83333%; } .el-col-sm-18 { width: 75%; } .el-col-sm-offset-18 { margin-left: 75%; } .el-col-sm-pull-18 { position: relative; right: 75%; } .el-col-sm-push-18 { position: relative; left: 75%; } .el-col-sm-19 { width: 79.16667%; } .el-col-sm-offset-19 { margin-left: 79.16667%; } .el-col-sm-pull-19 { position: relative; right: 79.16667%; } .el-col-sm-push-19 { position: relative; left: 79.16667%; } .el-col-sm-20 { width: 83.33333%; } .el-col-sm-offset-20 { margin-left: 83.33333%; } .el-col-sm-pull-20 { position: relative; right: 83.33333%; } .el-col-sm-push-20 { position: relative; left: 83.33333%; } .el-col-sm-21 { width: 87.5%; } .el-col-sm-offset-21 { margin-left: 87.5%; } .el-col-sm-pull-21 { position: relative; right: 87.5%; } .el-col-sm-push-21 { position: relative; left: 87.5%; } .el-col-sm-22 { width: 91.66667%; } .el-col-sm-offset-22 { margin-left: 91.66667%; } .el-col-sm-pull-22 { position: relative; right: 91.66667%; } .el-col-sm-push-22 { position: relative; left: 91.66667%; } .el-col-sm-23 { width: 95.83333%; } .el-col-sm-offset-23 { margin-left: 95.83333%; } .el-col-sm-pull-23 { position: relative; right: 95.83333%; } .el-col-sm-push-23 { position: relative; left: 95.83333%; } .el-col-sm-24 { width: 100%; } .el-col-sm-offset-24 { margin-left: 100%; } .el-col-sm-pull-24 { position: relative; right: 100%; } .el-col-sm-push-24 { position: relative; left: 100%; } } @media (min-width: 992px) { .el-col-md-0 { width: 0%; } .el-col-md-offset-0 { margin-left: 0%; } .el-col-md-pull-0 { position: relative; right: 0%; } .el-col-md-push-0 { position: relative; left: 0%; } .el-col-md-1 { width: 4.16667%; } .el-col-md-offset-1 { margin-left: 4.16667%; } .el-col-md-pull-1 { position: relative; right: 4.16667%; } .el-col-md-push-1 { position: relative; left: 4.16667%; } .el-col-md-2 { width: 8.33333%; } .el-col-md-offset-2 { margin-left: 8.33333%; } .el-col-md-pull-2 { position: relative; right: 8.33333%; } .el-col-md-push-2 { position: relative; left: 8.33333%; } .el-col-md-3 { width: 12.5%; } .el-col-md-offset-3 { margin-left: 12.5%; } .el-col-md-pull-3 { position: relative; right: 12.5%; } .el-col-md-push-3 { position: relative; left: 12.5%; } .el-col-md-4 { width: 16.66667%; } .el-col-md-offset-4 { margin-left: 16.66667%; } .el-col-md-pull-4 { position: relative; right: 16.66667%; } .el-col-md-push-4 { position: relative; left: 16.66667%; } .el-col-md-5 { width: 20.83333%; } .el-col-md-offset-5 { margin-left: 20.83333%; } .el-col-md-pull-5 { position: relative; right: 20.83333%; } .el-col-md-push-5 { position: relative; left: 20.83333%; } .el-col-md-6 { width: 25%; } .el-col-md-offset-6 { margin-left: 25%; } .el-col-md-pull-6 { position: relative; right: 25%; } .el-col-md-push-6 { position: relative; left: 25%; } .el-col-md-7 { width: 29.16667%; } .el-col-md-offset-7 { margin-left: 29.16667%; } .el-col-md-pull-7 { position: relative; right: 29.16667%; } .el-col-md-push-7 { position: relative; left: 29.16667%; } .el-col-md-8 { width: 33.33333%; } .el-col-md-offset-8 { margin-left: 33.33333%; } .el-col-md-pull-8 { position: relative; right: 33.33333%; } .el-col-md-push-8 { position: relative; left: 33.33333%; } .el-col-md-9 { width: 37.5%; } .el-col-md-offset-9 { margin-left: 37.5%; } .el-col-md-pull-9 { position: relative; right: 37.5%; } .el-col-md-push-9 { position: relative; left: 37.5%; } .el-col-md-10 { width: 41.66667%; } .el-col-md-offset-10 { margin-left: 41.66667%; } .el-col-md-pull-10 { position: relative; right: 41.66667%; } .el-col-md-push-10 { position: relative; left: 41.66667%; } .el-col-md-11 { width: 45.83333%; } .el-col-md-offset-11 { margin-left: 45.83333%; } .el-col-md-pull-11 { position: relative; right: 45.83333%; } .el-col-md-push-11 { position: relative; left: 45.83333%; } .el-col-md-12 { width: 50%; } .el-col-md-offset-12 { margin-left: 50%; } .el-col-md-pull-12 { position: relative; right: 50%; } .el-col-md-push-12 { position: relative; left: 50%; } .el-col-md-13 { width: 54.16667%; } .el-col-md-offset-13 { margin-left: 54.16667%; } .el-col-md-pull-13 { position: relative; right: 54.16667%; } .el-col-md-push-13 { position: relative; left: 54.16667%; } .el-col-md-14 { width: 58.33333%; } .el-col-md-offset-14 { margin-left: 58.33333%; } .el-col-md-pull-14 { position: relative; right: 58.33333%; } .el-col-md-push-14 { position: relative; left: 58.33333%; } .el-col-md-15 { width: 62.5%; } .el-col-md-offset-15 { margin-left: 62.5%; } .el-col-md-pull-15 { position: relative; right: 62.5%; } .el-col-md-push-15 { position: relative; left: 62.5%; } .el-col-md-16 { width: 66.66667%; } .el-col-md-offset-16 { margin-left: 66.66667%; } .el-col-md-pull-16 { position: relative; right: 66.66667%; } .el-col-md-push-16 { position: relative; left: 66.66667%; } .el-col-md-17 { width: 70.83333%; } .el-col-md-offset-17 { margin-left: 70.83333%; } .el-col-md-pull-17 { position: relative; right: 70.83333%; } .el-col-md-push-17 { position: relative; left: 70.83333%; } .el-col-md-18 { width: 75%; } .el-col-md-offset-18 { margin-left: 75%; } .el-col-md-pull-18 { position: relative; right: 75%; } .el-col-md-push-18 { position: relative; left: 75%; } .el-col-md-19 { width: 79.16667%; } .el-col-md-offset-19 { margin-left: 79.16667%; } .el-col-md-pull-19 { position: relative; right: 79.16667%; } .el-col-md-push-19 { position: relative; left: 79.16667%; } .el-col-md-20 { width: 83.33333%; } .el-col-md-offset-20 { margin-left: 83.33333%; } .el-col-md-pull-20 { position: relative; right: 83.33333%; } .el-col-md-push-20 { position: relative; left: 83.33333%; } .el-col-md-21 { width: 87.5%; } .el-col-md-offset-21 { margin-left: 87.5%; } .el-col-md-pull-21 { position: relative; right: 87.5%; } .el-col-md-push-21 { position: relative; left: 87.5%; } .el-col-md-22 { width: 91.66667%; } .el-col-md-offset-22 { margin-left: 91.66667%; } .el-col-md-pull-22 { position: relative; right: 91.66667%; } .el-col-md-push-22 { position: relative; left: 91.66667%; } .el-col-md-23 { width: 95.83333%; } .el-col-md-offset-23 { margin-left: 95.83333%; } .el-col-md-pull-23 { position: relative; right: 95.83333%; } .el-col-md-push-23 { position: relative; left: 95.83333%; } .el-col-md-24 { width: 100%; } .el-col-md-offset-24 { margin-left: 100%; } .el-col-md-pull-24 { position: relative; right: 100%; } .el-col-md-push-24 { position: relative; left: 100%; } } @media (min-width: 1200px) { .el-col-lg-0 { width: 0%; } .el-col-lg-offset-0 { margin-left: 0%; } .el-col-lg-pull-0 { position: relative; right: 0%; } .el-col-lg-push-0 { position: relative; left: 0%; } .el-col-lg-1 { width: 4.16667%; } .el-col-lg-offset-1 { margin-left: 4.16667%; } .el-col-lg-pull-1 { position: relative; right: 4.16667%; } .el-col-lg-push-1 { position: relative; left: 4.16667%; } .el-col-lg-2 { width: 8.33333%; } .el-col-lg-offset-2 { margin-left: 8.33333%; } .el-col-lg-pull-2 { position: relative; right: 8.33333%; } .el-col-lg-push-2 { position: relative; left: 8.33333%; } .el-col-lg-3 { width: 12.5%; } .el-col-lg-offset-3 { margin-left: 12.5%; } .el-col-lg-pull-3 { position: relative; right: 12.5%; } .el-col-lg-push-3 { position: relative; left: 12.5%; } .el-col-lg-4 { width: 16.66667%; } .el-col-lg-offset-4 { margin-left: 16.66667%; } .el-col-lg-pull-4 { position: relative; right: 16.66667%; } .el-col-lg-push-4 { position: relative; left: 16.66667%; } .el-col-lg-5 { width: 20.83333%; } .el-col-lg-offset-5 { margin-left: 20.83333%; } .el-col-lg-pull-5 { position: relative; right: 20.83333%; } .el-col-lg-push-5 { position: relative; left: 20.83333%; } .el-col-lg-6 { width: 25%; } .el-col-lg-offset-6 { margin-left: 25%; } .el-col-lg-pull-6 { position: relative; right: 25%; } .el-col-lg-push-6 { position: relative; left: 25%; } .el-col-lg-7 { width: 29.16667%; } .el-col-lg-offset-7 { margin-left: 29.16667%; } .el-col-lg-pull-7 { position: relative; right: 29.16667%; } .el-col-lg-push-7 { position: relative; left: 29.16667%; } .el-col-lg-8 { width: 33.33333%; } .el-col-lg-offset-8 { margin-left: 33.33333%; } .el-col-lg-pull-8 { position: relative; right: 33.33333%; } .el-col-lg-push-8 { position: relative; left: 33.33333%; } .el-col-lg-9 { width: 37.5%; } .el-col-lg-offset-9 { margin-left: 37.5%; } .el-col-lg-pull-9 { position: relative; right: 37.5%; } .el-col-lg-push-9 { position: relative; left: 37.5%; } .el-col-lg-10 { width: 41.66667%; } .el-col-lg-offset-10 { margin-left: 41.66667%; } .el-col-lg-pull-10 { position: relative; right: 41.66667%; } .el-col-lg-push-10 { position: relative; left: 41.66667%; } .el-col-lg-11 { width: 45.83333%; } .el-col-lg-offset-11 { margin-left: 45.83333%; } .el-col-lg-pull-11 { position: relative; right: 45.83333%; } .el-col-lg-push-11 { position: relative; left: 45.83333%; } .el-col-lg-12 { width: 50%; } .el-col-lg-offset-12 { margin-left: 50%; } .el-col-lg-pull-12 { position: relative; right: 50%; } .el-col-lg-push-12 { position: relative; left: 50%; } .el-col-lg-13 { width: 54.16667%; } .el-col-lg-offset-13 { margin-left: 54.16667%; } .el-col-lg-pull-13 { position: relative; right: 54.16667%; } .el-col-lg-push-13 { position: relative; left: 54.16667%; } .el-col-lg-14 { width: 58.33333%; } .el-col-lg-offset-14 { margin-left: 58.33333%; } .el-col-lg-pull-14 { position: relative; right: 58.33333%; } .el-col-lg-push-14 { position: relative; left: 58.33333%; } .el-col-lg-15 { width: 62.5%; } .el-col-lg-offset-15 { margin-left: 62.5%; } .el-col-lg-pull-15 { position: relative; right: 62.5%; } .el-col-lg-push-15 { position: relative; left: 62.5%; } .el-col-lg-16 { width: 66.66667%; } .el-col-lg-offset-16 { margin-left: 66.66667%; } .el-col-lg-pull-16 { position: relative; right: 66.66667%; } .el-col-lg-push-16 { position: relative; left: 66.66667%; } .el-col-lg-17 { width: 70.83333%; } .el-col-lg-offset-17 { margin-left: 70.83333%; } .el-col-lg-pull-17 { position: relative; right: 70.83333%; } .el-col-lg-push-17 { position: relative; left: 70.83333%; } .el-col-lg-18 { width: 75%; } .el-col-lg-offset-18 { margin-left: 75%; } .el-col-lg-pull-18 { position: relative; right: 75%; } .el-col-lg-push-18 { position: relative; left: 75%; } .el-col-lg-19 { width: 79.16667%; } .el-col-lg-offset-19 { margin-left: 79.16667%; } .el-col-lg-pull-19 { position: relative; right: 79.16667%; } .el-col-lg-push-19 { position: relative; left: 79.16667%; } .el-col-lg-20 { width: 83.33333%; } .el-col-lg-offset-20 { margin-left: 83.33333%; } .el-col-lg-pull-20 { position: relative; right: 83.33333%; } .el-col-lg-push-20 { position: relative; left: 83.33333%; } .el-col-lg-21 { width: 87.5%; } .el-col-lg-offset-21 { margin-left: 87.5%; } .el-col-lg-pull-21 { position: relative; right: 87.5%; } .el-col-lg-push-21 { position: relative; left: 87.5%; } .el-col-lg-22 { width: 91.66667%; } .el-col-lg-offset-22 { margin-left: 91.66667%; } .el-col-lg-pull-22 { position: relative; right: 91.66667%; } .el-col-lg-push-22 { position: relative; left: 91.66667%; } .el-col-lg-23 { width: 95.83333%; } .el-col-lg-offset-23 { margin-left: 95.83333%; } .el-col-lg-pull-23 { position: relative; right: 95.83333%; } .el-col-lg-push-23 { position: relative; left: 95.83333%; } .el-col-lg-24 { width: 100%; } .el-col-lg-offset-24 { margin-left: 100%; } .el-col-lg-pull-24 { position: relative; right: 100%; } .el-col-lg-push-24 { position: relative; left: 100%; } } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-progress { position: relative; line-height: 1; } .el-progress.is-exception .el-progress-bar__inner { background-color: #ff4949; } .el-progress.is-exception .el-progress__text { color: #ff4949; } .el-progress.is-success .el-progress-bar__inner { background-color: #13ce66; } .el-progress.is-success .el-progress__text { color: #13ce66; } .el-progress__text { font-size: 14px; color: rgb(72, 87, 106); display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; } .el-progress__text i { vertical-align: middle; display: block; } .el-progress--circle { display: inline-block; } .el-progress--circle .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; transform: translate(0, -50%); } .el-progress--circle .el-progress__text i { vertical-align: middle; display: inline-block; } .el-progress--without-text .el-progress__text { display: none; } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block; } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0; } .el-progress-bar { padding-right: 50px; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; box-sizing: border-box; } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: rgb(228, 232, 241); overflow: hidden; position: relative; vertical-align: middle; } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; border-radius: 2px 0 0 2px; background-color: #356384; text-align: right; border-radius: 100px; line-height: 1; } .el-progress-bar__inner:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-progress-bar__inner:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: #fff; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-upload { display: inline-block; text-align: center; cursor: pointer; /* 照片墙模式 */ } .el-upload iframe { position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .el-upload__input { display: none; } .el-upload__tip { font-size: 12px; color: rgb(131, 145, 165); margin-top: 7px; } .el-upload--picture-card { background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; box-sizing: border-box; width: 148px; height: 148px; cursor: pointer; line-height: 146px; vertical-align: top; } .el-upload--picture-card i { font-size: 28px; color: #8c939d; } .el-upload--picture-card:hover { border-color: #356384; color: #356384; } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; width: 360px; height: 180px; text-align: center; cursor: pointer; position: relative; overflow: hidden; } .el-upload-dragger .el-upload__text { color: rgb(151, 168, 190); font-size: 14px; text-align: center; } .el-upload-dragger .el-upload__text em { color: #356384; font-style: normal; } .el-upload-dragger .el-icon-upload { font-size: 67px; color: rgb(151, 168, 190); margin: 40px 0 16px; line-height: 50px; } .el-upload-dragger + .el-upload__tip { text-align: center; } .el-upload-dragger ~ .el-upload__files { border-top: 1px solid rgba(191, 203, 217, 0.2); margin-top: 7px; padding-top: 5px; } .el-upload-dragger:hover { border-color: #356384; } .el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, .06); border: 2px dashed #356384; } .el-upload-list { margin: 0; padding: 0; list-style: none; } .el-upload-list__item { transition: all .5s cubic-bezier(.55,0,.1,1); font-size: 14px; color: rgb(72, 87, 106); line-height: 1.8; margin-top: 5px; position: relative; box-sizing: border-box; border-radius: 4px; width: 100%; position: relative; } .el-upload-list__item .el-progress-bar { margin-right: 0; padding-right: 0; } .el-upload-list__item .el-progress { position: absolute; bottom: -3px; width: 100%; } .el-upload-list__item .el-progress__text { position: absolute; right: 0; top: -10px; right: 0; } .el-upload-list__item:first-child { margin-top: 10px; } .el-upload-list__item .el-icon-check, .el-upload-list__item .el-icon-circle-check { color: #13ce66; } .el-upload-list__item .el-icon-close { display: none; cursor: pointer; opacity: .75; transform: scale(.7); color: rgb(72, 87, 106); } .el-upload-list__item .el-icon-close:hover { opacity: 1; } .el-upload-list__item:hover { background-color: rgb(238, 241, 246); } .el-upload-list__item:hover .el-icon-close { display: inline-block; } .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #356384; cursor: pointer; } .el-upload-list__item.is-success:hover .el-icon-circle-check, .el-upload-list__item.is-success:hover .el-icon-check { display: none; } .el-upload-list__item-name { color: rgb(72, 87, 106); display: block; margin-right: 40px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; transition: color .3s; white-space: nowrap; } .el-upload-list__item-name [class^="el-icon"] { color: rgb(151, 168, 190); margin-right: 7px; height: 100%; line-height: inherit; } .el-upload-list__item-status-label { position: absolute; right: 10px; top: 0; line-height: inherit; } .el-upload-list__item-delete { position: absolute; right: 10px; top: 0; font-size: 12px; color: rgb(72, 87, 106); display: none; } .el-upload-list__item-delete:hover { color: #356384; } .el-upload-list--picture-card { margin: 0; display: inline; vertical-align: top; } .el-upload-list--picture-card .el-upload-list__item { overflow: hidden; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; box-sizing: border-box; width: 148px; height: 148px; margin: 0 8px 8px 0; display: inline-block; } .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none; } .el-upload-list--picture-card .el-upload-list__item-name { display: none; } .el-upload-list--picture-card .el-upload-list__item-thumbnail { width: 100%; height: 100%; } .el-upload-list--picture-card .el-upload-list__item-status-label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; transform: rotate(45deg); box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); } .el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; transform: rotate(-45deg) scale(0.8); } .el-upload-list--picture-card .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, .5); transition: opacity .3s; } .el-upload-list--picture-card .el-upload-list__item-actions:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-upload-list--picture-card .el-upload-list__item-actions span { display: none; cursor: pointer; } .el-upload-list--picture-card .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { position: static; font-size: inherit; color: inherit; } .el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1; } .el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block; } .el-upload-list--picture-card .el-progress { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; width: 126px; } .el-upload-list--picture-card .el-progress .el-progress__text { top: 50%; } .el-upload-list--picture .el-upload-list__item { overflow: hidden; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; box-sizing: border-box; margin-top: 10px; padding: 10px 10px 10px 90px; height: 92px; } .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: transparent; box-shadow: none; top: -2px; right: -12px; } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label .el-icon-close { transform: rotate(45deg) scale(.7); } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0; } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none; } .el-upload-list--picture .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; float: left; margin-left: -80px; } .el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px; } .el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; line-height: 1; position: absolute; left: 9px; top: 10px; } .el-upload-list--picture .el-upload-list__item-status-label { position: absolute; right: -17px; top: -7px; width: 46px; height: 26px; background: #13ce66; text-align: center; transform: rotate(45deg); box-shadow: 0 1px 1px #ccc; } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; transform: rotate(-45deg) scale(0.8); } .el-upload-list--picture .el-progress { position: static; } .el-upload-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; cursor: default; } .el-upload-cover:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-upload-cover img { display: block; width: 100%; height: 100%; } .el-upload-cover + .el-upload__inner { opacity: 0; position: relative; z-index: 1; } .el-upload-cover__label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; transform: rotate(45deg); box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); } .el-upload-cover__label i { font-size: 12px; margin-top: 11px; transform: rotate(-45deg) scale(0.8); color: #fff; } .el-upload-cover__progress { display: inline-block; vertical-align: middle; position: static; width: 243px; } .el-upload-cover__progress + .el-upload__inner { opacity: 0; } .el-upload-cover__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .el-upload-cover__interact { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.72); text-align: center; } .el-upload-cover__interact .btn { display: inline-block; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle; transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; margin-top: 60px; } .el-upload-cover__interact .btn i { margin-top: 0; } .el-upload-cover__interact .btn span { opacity: 0; transition: opacity .15s linear; } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px; } .el-upload-cover__interact .btn:hover { transform: translateY(-13px); } .el-upload-cover__interact .btn:hover span { opacity: 1; } .el-upload-cover__interact .btn i { color: #fff; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px; } .el-upload-cover__title { position: absolute; bottom: 0; left: 0; background-color: #fff; height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; text-align: left; padding: 0 10px; margin: 0; line-height: 36px; font-size: 14px; color: rgb(72, 87, 106); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-progress { position: relative; line-height: 1; } .el-progress.is-exception .el-progress-bar__inner { background-color: #ff4949; } .el-progress.is-exception .el-progress__text { color: #ff4949; } .el-progress.is-success .el-progress-bar__inner { background-color: #13ce66; } .el-progress.is-success .el-progress__text { color: #13ce66; } .el-progress__text { font-size: 14px; color: rgb(72, 87, 106); display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; } .el-progress__text i { vertical-align: middle; display: block; } .el-progress--circle { display: inline-block; } .el-progress--circle .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; transform: translate(0, -50%); } .el-progress--circle .el-progress__text i { vertical-align: middle; display: inline-block; } .el-progress--without-text .el-progress__text { display: none; } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block; } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0; } .el-progress-bar { padding-right: 50px; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; box-sizing: border-box; } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: rgb(228, 232, 241); overflow: hidden; position: relative; vertical-align: middle; } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; border-radius: 2px 0 0 2px; background-color: #356384; text-align: right; border-radius: 100px; line-height: 1; } .el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: #fff; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-time-spinner { width: 100%; white-space: nowrap; } .el-spinner { display: inline-block; vertical-align: middle; } .el-spinner-inner { animation: rotate 2s linear infinite; width: 50px; height: 50px; } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-message { box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); min-width: 300px; padding: 10px 12px; box-sizing: border-box; border-radius: 2px; position: fixed; left: 50%; top: 20px; transform: translateX(-50%); background-color: #fff; transition: opacity 0.3s, transform .4s; overflow: hidden; } .el-message .el-icon-circle-check { color: #13ce66; } .el-message .el-icon-circle-cross { color: #ff4949; } .el-message .el-icon-information { color: #50bfff; } .el-message .el-icon-warning { color: #f7ba2a; } .el-message__group { margin-left: 38px; position: relative; height: 20px; line-height: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .el-message__group p { font-size: 14px; margin: 0 34px 0 0; white-space: nowrap; color: rgb(131, 145, 165); text-align: justify; } .el-message__group.is-with-icon { margin-left: 0; } .el-message__img { width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .el-message__icon { vertical-align: middle; margin-right: 8px; } .el-message__closeBtn { top: 3px; right: 0; position: absolute; cursor: pointer; color: rgb(191, 203, 217); font-size: 14px; } .el-message__closeBtn:hover { color: rgb(151, 168, 190); } .el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; transform: translate(-50%, -100%); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-badge { position: relative; vertical-align: middle; display: inline-block; } .el-badge__content { background-color: #ff4949; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #fff; } .el-badge__content.is-dot { width: 8px; height: 8px; padding: 0; right: 0; border-radius: 50%; } .el-badge__content.is-fixed { top: 0; right: 10px; position: absolute; transform: translateY(-50%) translateX(100%); } .el-badge__content.is-fixed.is-dot { right: 5px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-card { border: 1px solid rgb(209, 219, 229); border-radius: 4px; background-color: #fff; overflow: hidden; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), 0px 0px 6px 0px rgba(0, 0, 0, .04); } .el-card__header { padding: 18px 20px; border-bottom: 1px solid rgb(209, 219, 229); box-sizing: border-box; } .el-card__body { padding: 20px; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-rate { height: 20px; line-height: 1; } .el-rate__item { display: inline-block; position: relative; font-size: 0; vertical-align: middle; } .el-rate__icon { position: relative; display: inline-block; font-size: 18px; margin-right: 6px; color: rgb(191, 203, 217); transition: .3s; } .el-rate__icon .path2 { position: absolute; left: 0; top: 0; } .el-rate__icon.hover { transform: scale(1.15); } .el-rate__decimal { position: absolute; top: 0; left: 0; display: inline-block; overflow: hidden; } .el-rate__text { font-size: 14px; vertical-align: middle; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-steps { font-size: 0; } .el-steps > :last-child .el-step__line { display: none; } .el-steps.is-horizontal { white-space: nowrap; } .el-steps.is-horizontal.is-center { text-align: center; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-step { position: relative; vertical-align: top; } .el-step:last-child .el-step__main { padding-right: 0; } .el-step.is-vertical {} .el-step.is-vertical .el-step__head, .el-step.is-vertical .el-step__main { display: inline-block; } .el-step.is-vertical .el-step__main { padding-left: 10px; } .el-step.is-horizontal { display: inline-block; } .el-step__line { display: inline-block; position: absolute; border-color: inherit; background-color: rgb(191, 203, 217); } .el-step__line.is-vertical { width: 2px; box-sizing: border-box; top: 32px; bottom: 0; left: 15px; } .el-step__line.is-horizontal { top: 15px; height: 2px; left: 32px; right: 0; } .el-step__line.is-icon {} .el-step__line.is-icon.is-horizontal { right: 4px; } .el-step__line-inner { display: block; border-width: 1px; border-style: solid; border-color: inherit; transition: all 150ms; width: 0; height: 0; } .el-step__icon { display: block; line-height: 28px; } .el-step__icon > * { line-height: inherit; vertical-align: middle; } .el-step__head { width: 28px; height: 28px; border-radius: 50%; background-color: transparent; text-align: center; line-height: 28px; font-size: 28px; vertical-align: top; transition: all 150ms; } .el-step__head.is-finish { color: #356384; border-color: #356384; } .el-step__head.is-error { color: #ff4949; border-color: #ff4949; } .el-step__head.is-success { color: #13ce66; border-color: #13ce66; } .el-step__head.is-wait { color: rgb(191, 203, 217); border-color: rgb(191, 203, 217); } .el-step__head.is-process { color: rgb(191, 203, 217); border-color: rgb(191, 203, 217); } .el-step__head.is-text { font-size: 14px; border-width: 2px; border-style: solid; } .el-step__head.is-text.is-finish { color: #fff; background-color: #356384; border-color: #356384; } .el-step__head.is-text.is-error { color: #fff; background-color: #ff4949; border-color: #ff4949; } .el-step__head.is-text.is-success { color: #fff; background-color: #13ce66; border-color: #13ce66; } .el-step__head.is-text.is-wait { color: rgb(191, 203, 217); background-color: #fff; border-color: rgb(191, 203, 217); } .el-step__head.is-text.is-process { color: #fff; background-color: rgb(191, 203, 217); border-color: rgb(191, 203, 217); } .el-step__main { white-space: normal; padding-right: 10px; text-align: left; } .el-step__title { font-size: 14px; line-height: 32px; display: inline-block; } .el-step__title.is-finish { font-weight: 700; color: #356384; } .el-step__title.is-error { font-weight: 700; color: #ff4949; } .el-step__title.is-success { font-weight: 700; color: #13ce66; } .el-step__title.is-wait { font-weight: 400; color: rgb(151, 168, 190); } .el-step__title.is-process { font-weight: 700; color: rgb(72, 87, 106); } .el-step__description { font-size: 12px; font-weight: 400; line-height: 14px; } .el-step__description.is-finish { color: #356384; } .el-step__description.is-error { color: #ff4949; } .el-step__description.is-success { color: #13ce66; } .el-step__description.is-wait { color: rgb(191, 203, 217); } .el-step__description.is-process { color: rgb(131, 145, 165); } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-carousel { overflow-x: hidden; position: relative; } .el-carousel__container { position: relative; height: 300px; } .el-carousel__arrow { border: none; outline: none; padding: 0; margin: 0; width: 36px; height: 36px; cursor: pointer; transition: .3s; border-radius: 50%; background-color: rgba(31, 45, 61, 0.11); color: #fff; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); text-align: center; font-size: 12px; } .el-carousel__arrow:hover { background-color: rgba(31, 45, 61, 0.23); } .el-carousel__arrow i { cursor: pointer; } .el-carousel__arrow--left { left: 16px; } .el-carousel__arrow--right { right: 16px; } .el-carousel__indicators { position: absolute; list-style: none; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; z-index: 2; } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; transform: none; } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: 0.64; } .el-carousel__indicators--outside button { background-color: rgb(131, 145, 165); opacity: 0.24; } .el-carousel__indicator { display: inline-block; background-color: transparent; padding: 12px 4px; cursor: pointer; } .el-carousel__indicator:hover button { opacity: 0.72; } .el-carousel__indicator.is-active button { opacity: 1; } .el-carousel__button { display: block; opacity: 0.48; width: 30px; height: 2px; background-color: #fff; border: none; outline: none; padding: 0; margin: 0; cursor: pointer; transition: .3s; } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { transform: translateY(-50%) translateX(-10px); opacity: 0; } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { transform: translateY(-50%) translateX(10px); opacity: 0; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: scroll; } .el-scrollbar__wrap--hidden-default {} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(151, 168, 190, 0.3); transition: .3s background-color; } .el-scrollbar__thumb:hover { background-color: rgba(151, 168, 190, 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-carousel {} .el-carousel__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; transition: .4s ease-in-out; overflow: hidden; z-index: 0; } .el-carousel__item.is-active { z-index: 2; } .el-carousel__item--card { width: 50%; } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1; } .el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { opacity: 0.12; } .el-carousel__item--card.is-active { z-index: 2; } .el-carousel__mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; opacity: 0.24; transition: .2s; } @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-collapse { border: 1px solid rgb(223, 230, 236); border-radius: 0; } .el-collapse-item {} .el-collapse-item:last-child { margin-bottom: -1px; } .el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow { transform: rotate(90deg); } .el-collapse-item__header { height: 43px; line-height: 43px; padding-left: 15px; background-color: #fff; color: rgb(72, 87, 106); cursor: pointer; border-bottom: 1px solid rgb(223, 230, 236); font-size: 13px; } .el-collapse-item__header__arrow { margin-right: 8px; transition: transform .3s; } .el-collapse-item__wrap { will-change: height; background-color: rgb(251, 252, 253); overflow: hidden; box-sizing: border-box; border-bottom: 1px solid rgb(223, 230, 236); } .el-collapse-item__content { padding: 10px 15px; font-size: 13px; color: rgb(31, 45, 61); line-height: 1.769230769230769; } @charset "UTF-8"; @charset "UTF-8"; :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input.is-disabled .el-input__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-input.is-disabled .el-input__inner::placeholder { color: rgb(191, 203, 217); } .el-input.is-active .el-input__inner { outline: none; border-color: #356384; } .el-input__inner { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid rgb(191, 203, 217); box-sizing: border-box; color: rgb(31, 45, 61); display: block; font-size: inherit; height: 36px; line-height: 1; outline: none; padding: 3px 10px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-input__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-input__inner::placeholder { color: rgb(151, 168, 190); } .el-input__inner:hover { border-color: rgb(131, 145, 165); } .el-input__inner:focus { outline: none; border-color: #356384; } .el-input__icon { position: absolute; width: 35px; height: 100%; right: 0; top: 0; text-align: center; color: rgb(191, 203, 217); transition: all .3s; } .el-input__icon:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__icon + .el-input__inner { padding-right: 35px; } .el-input__icon.is-clickable {} .el-input__icon.is-clickable:hover { cursor: pointer; color: rgb(131, 145, 165); } .el-input__icon.is-clickable:hover + .el-input__inner { border-color: rgb(131, 145, 165); } .el-input--large { font-size: 16px; } .el-input--large .el-input__inner { height: 42px; } .el-input--small { font-size: 13px; } .el-input--small .el-input__inner { height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 22px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: rgb(251, 252, 253); color: rgb(151, 168, 190); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(191, 203, 217); border-radius: 4px; padding: 0 10px; width: 1%; white-space: nowrap; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: block; margin: -10px; } .el-input-group__append .el-button, .el-input-group__append .el-select .el-input__inner, .el-input-group__append .el-select:hover .el-input__inner, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select .el-input__inner, .el-input-group__prepend .el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-textarea { display: inline-block; width: 100%; vertical-align: bottom; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgb(238, 241, 246); border-color: rgb(209, 219, 229); color: #bbb; cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: rgb(191, 203, 217); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(191, 203, 217); } .el-textarea__inner { display: block; resize: vertical; padding: 5px 7px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: 14px; color: rgb(31, 45, 61); background-color: #fff; background-image: none; border: 1px solid rgb(191, 203, 217); border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .el-textarea__inner::-webkit-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::-moz-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:-ms-input-placeholder { color: rgb(151, 168, 190); } .el-textarea__inner::placeholder { color: rgb(151, 168, 190); } .el-textarea__inner:hover { border-color: rgb(131, 145, 165); } .el-textarea__inner:focus { outline: none; border-color: #356384; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-cascader { display: inline-block; position: relative; } .el-cascader .el-input, .el-cascader .el-input__inner { cursor: pointer; } .el-cascader .el-input__icon { transition: none; } .el-cascader .el-icon-caret-bottom { transition: transform .3s; } .el-cascader .el-icon-caret-bottom.is-reverse { transform: rotateZ(180deg); } .el-cascader .el-icon-circle-close { z-index: 2; } .el-cascader.is-disabled .el-cascader__label { z-index: 2; color: #bbb; } .el-cascader__label { position: absolute; left: 0; top: 0; height: 100%; line-height: 34px; padding: 0 25px 0 10px; color: rgb(31, 45, 61); width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: left; } .el-cascader__label span { color: rgb(151, 168, 190); } .el-cascader--large { font-size: 16px; } .el-cascader--large .el-cascader__label { line-height: 40px; } .el-cascader--small { font-size: 13px; } .el-cascader--small .el-cascader__label { line-height: 28px; } .el-cascader-menus { white-space: nowrap; background: #fff; position: absolute; margin: 5px 0; z-index: 2; border: solid 1px rgb(209, 219, 229); border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); } .el-cascader-menu { display: inline-block; vertical-align: top; height: 204px; overflow: auto; border-right: solid 1px rgb(209, 219, 229); background-color: #fff; box-sizing: border-box; margin: 0; padding: 6px 0; min-width: 160px; } .el-cascader-menu:last-child { border-right: 0; } .el-cascader-menu__item { font-size: 14px; padding: 8px 30px 8px 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(72, 87, 106); height: 36px; line-height: 1.5; box-sizing: border-box; cursor: pointer; } .el-cascader-menu__item:hover { background-color: rgb(228, 232, 241); } .el-cascader-menu__item.selected { color: #fff; background-color: #356384; } .el-cascader-menu__item.selected.hover { background-color: rgb(47, 87, 116); } .el-cascader-menu__item.is-active { color: #fff; background-color: #356384; } .el-cascader-menu__item.is-active:hover { background-color: rgb(47, 87, 116); } .el-cascader-menu__item.is-disabled { color: rgb(191, 203, 217); background-color: #fff; cursor: not-allowed; } .el-cascader-menu__item.is-disabled:hover { background-color: #fff; } .el-cascader-menu__item__keyword { font-weight: 700; } .el-cascader-menu__item--extensible {} .el-cascader-menu__item--extensible:after { font-family: 'element-icons'; content: "\E606"; font-size: 12px; transform: scale(0.8); color: rgb(191, 203, 217); position: absolute; right: 10px; margin-top: 1px; } .el-cascader-menu--flexible { height: auto; max-height: 180px; overflow: auto; } .el-cascader-menu--flexible .el-cascader-menu__item { overflow: visible; } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .el-color-hue-slider { position: relative; box-sizing: border-box; width: 280px; height: 12px; background-color: #f00; padding: 0 2px; } .el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0; } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: linear-gradient( to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-hue-slider__bar { position: relative; background: linear-gradient( to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); height: 100%; } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-svpanel { position: relative; width: 280px; height: 180px; } .el-color-svpanel__white, .el-color-svpanel__black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-color-svpanel__white { background: linear-gradient(to right, #fff, rgba(255,255,255,0)); } .el-color-svpanel__black { background: linear-gradient(to top, #000, rgba(0,0,0,0)); } .el-color-svpanel__cursor { position: absolute; } .el-color-svpanel__cursor > div { cursor: head; width: 4px; height: 4px; 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%; transform: translate(-2px, -2px); } .el-color-alpha-slider { position: relative; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-alpha-slider.is-vertical { width: 20px; height: 180px; } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-alpha-slider__bar { position: relative; background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); height: 100%; } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-dropdown { width: 300px; } .el-color-dropdown__main-wrapper { margin-bottom: 6px; } .el-color-dropdown__main-wrapper::after { content: ""; display: table; clear: both; } .el-color-dropdown__btns { margin-top: 6px; text-align: right; } .el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: rgb(31, 45, 61); } .el-color-dropdown__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; } .el-color-dropdown__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-color-dropdown__btn:hover { color: #356384; border-color: #356384; } .el-color-dropdown__link-btn { cursor: pointer; color: #356384; text-decoration: none; padding: 15px; font-size: 12px; } .el-color-dropdown__link-btn:hover { color: rgb(93, 130, 157); } .el-color-picker { display: inline-block; position: relative; line-height: normal; } .el-color-picker__trigger { display: inline-block; box-sizing: border-box; height: 36px; padding: 6px; border: 1px solid #bfcbd9; border-radius: 4px; font-size: 0; } .el-color-picker__color { position: relative; display: inline-block; box-sizing: border-box; border: 1px solid #666; width: 22px; height: 22px; text-align: center; } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-picker__color-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .el-color-picker__empty { font-size: 12px; vertical-align: middle; color: #666; position: absolute; top: 4px; left: 4px; } .el-color-picker__icon { display: inline-block; position: relative; top: -6px; margin-left: 8px; width: 12px; color: #888; font-size: 12px; } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; background-color: #fff; border: 1px solid rgb(209, 219, 229); box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); } :root { /* Transition -------------------------- */ /* Colors -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Box-shadow -------------------------- */ /* Fill -------------------------- */ /* Font -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* Message Box -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ } .fa-icon { display: inline-block; fill: currentColor; } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-spin { animation: fa-spin 1s 0s infinite linear; } .fa-inverse { color: #fff; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*# sourceMappingURL=app.0c83ca8d28382eb619092bcdbdaf20b3.css.map*/