You are on page 1of 742

<!

DOCTYPE html>
<!-- saved from url=(0084)https://mylearn.oracle.com/article/107045/oracle-hcm-
best-practice-process-overview_ -->
<html lang="en" class="oj-agent-os-windows oj-agent-browser-chrome"><head><meta
http-equiv="Content-Type" content="text/html; charset=UTF-8"><script async=""
src="./Oracle MyLearn_files/stWeb.min.js.download"></script><script async=""
src="./Oracle MyLearn_files/stBase.min.js.download"></script><style
type="text/css">.truste_caIcon_display {display: block !important;}</style><style
type="text/css">.truste_cursor_pointer {cursor: pointer;}.truste_border_none
{border: none;}</style>

<link rel="icon" href="https://mylearn.oracle.com/styles/images/favicon.ico">


<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#000000">
<meta name="description" content="Oracle MyLearn — your personalized learning
experience. Build new skills with Oracle Cloud training courses and advance your
career with an Oracle Certification.">
<meta property="og:site_name" content="Oracle MyLearn">
<meta property="og:image"
content="https://learn.oracle.com/education/html/ols4/php/decodeImg.php?
file=107045">
<meta property="og:image:secure_url"
content="https://learn.oracle.com/education/html/ols4/php/decodeImg.php?
file=107045">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">
<meta property="og:image:type" content="image/png">
<meta property="og:type" content="website">
<meta property="og:title" content="Oracle HCM Best Practice Process Overview">
<meta property="og:description" content="&lt;p&gt;In this training learn how
Oracle&amp;rsquo;s HCM Best Practice Process encompasses every stage of an
employee&amp;rsquo;s experience within an organization. From the time they apply
for a job, get onboarded, through their journey as an employee (vacation, growth,
rewards, and benefits), leading up to their termination. Understand how Oracle
HCM&amp;nbsp; provides a different engagement strategy connecting every human
resources process from application to termination.&lt;/p&gt;
">
<meta property="og:url"
content="https://mylearn.oracle.com/article/107045/oracle-hcm-best-practice-
process-overview_">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Oracle_Edu">
<meta name="twitter:title" content="Oracle HCM Best Practice Process Overview">
<meta name="twitter:description" content="&lt;p&gt;In this training learn how
Oracle&amp;rsquo;s HCM Best Practice Process encompasses every stage of an
employee&amp;rsquo;s experience within an organization. From the time they apply
for a job, get onboarded, through their journey as an employee (vacation, growth,
rewards, and benefits), leading up to their termination. Understand how Oracle
HCM&amp;nbsp; provides a different engagement strategy connecting every human
resources process from application to termination.&lt;/p&gt;
">
<meta name="twitter:image"
content="https://learn.oracle.com/education/html/ols4/php/decodeImg.php?
file=107045">
<meta name="twitter:image:alt" content="Oracle Learning Subscriptions banner">
<script type="text/javascript" async="" src="./Oracle
MyLearn_files/infinity_common.js.download"></script><script type="text/javascript"
src="./Oracle MyLearn_files/env"></script>
<link rel="apple-touch-icon"
href="https://mylearn.oracle.com/styles/images/favicon.ico">
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See
https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="https://mylearn.oracle.com/manifest.json">
<!-- link href="https://www.oracle.com/asset/web/css/redwood-base.css"
rel="stylesheet"/ -->
<!-- link href="https://www.oracle.com/asset/web/css/redwood-styles.css"
rel="stylesheet"/ -->

<!-- injector:theme -->


<link rel="stylesheet" href="./Oracle MyLearn_files/redwood.min.css" id="css">
<!-- endinjector -->
<!-- ojuxIconFont_Rg.ttf -->
<!--
Notice the use of . in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.

Unlike "/favicon.ico" or "favicon.ico", "./favicon.ico" will


work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<!-- link rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.11/semantic.min.css"></
link / -->
<title>Oracle MyLearn</title>
<link rel="stylesheet" type="text/css" id="uxiconFont" href="./Oracle
MyLearn_files/ojuxIconFont.min.css"
integrity="sha384-XeJYLXodboI0eB8c8Fr/Xkn7Nu13geYhDmJPCLHxSOLV8T+trdX/dxDPVZVwFDNt"
crossorigin="anonymous">

<script>!function(a){var
e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BO
OMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||
{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/
boomerang/";if(window.BOOMR_API_key="CBVEY-GSGGV-63XM2-R8VX8-MJPSR",function()
{function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!
a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||
{},a.BOOMR.snippetExecuted=!0;var
i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else
if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.
role="presentation",(r.frameElement||
r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsBy
TagName("script")
[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O)
{i=document.domain,r.src="javascript:var
d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l
=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-
as",a.src=e+"CBVEY-GSGGV-63XM2-R8VX8-MJPSR",BOOMR_lstart=(new
Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy
onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in
a&&a.performance&&"function"==typeof
a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize
();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!
BOOMR.plugins.AK){var e=""=="true"?
1:0,t="cookiepresent",n="fiazoaaqjupqakqaddmaaaabqnrnhjwp-f-9e877646a-clienttons-
s.akamaihd.net",i="false"=="true"?
2:1,_={"ak.v":"32","ak.cp":"1182646","ak.ai":parseInt("707852",10),"ak.ol":"0","ak.
cr":7,"ak.ipv":6,"ak.proto":"h2","ak.rid":"8f01f4b6","ak.r":32699,"ak.a2":e,"ak.m":
"","ak.n":"essl","ak.bpcip":"2a01:9700:104d:1f00::","ak.cport":63252,"ak.gh":"213.1
39.38.115","ak.quicv":"","ak.tlsv":"tls1.3","ak.0rtt":"","ak.csrc":"-","ak.acc":"",
"ak.t":"1658037967","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==VKFOQpv8cC9Mr63CU2UX9d06TFmqKv
UNGRQ4xIf0fg5YFhFIWC2LimqYx6aoe9r4BxNNb1kGBB4TRfqsj3Afwd/
rEMok3vtA2kQguDvoCe3ro2BXYZsHzbEYJ4TM/
yd16PqxYKsHTL+SodiVIBdjs4lvdCbGPPQVThj0IuSVmdBDOvwRvK2bnN5yo4lOLJ37gxPJ2eaCdDCYMST1
rzAc1ievlWfTUC31cGwytzCeu8ZjiX4qP507dz9U/
yudTcZhp1R2bkVtY3vXP50Uv+X8cWX97dR51/5MipN6KqSi3hlnpH5kCNTQ4QeBRZ+oXpILFHyHjlvrwSpP
7Wde7OOfHvqZ1cof4+aX3P21UWCsCwX/
dxZ6C31h1o2CcTCJwgfqHWcQoQdSmtjyuNlFaneijmUmEHwcdiNUxoXmiHGUW4E=","ak.pv":"8","ak.d
poabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var
t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!
==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var
a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","
ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.remo
veVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!
o.i){var
a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.
i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script><link
rel="stylesheet" href="./Oracle MyLearn_files/fa-css-additions.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/ask-oracle.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/css-additions.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/ask-oracle-search.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/pillar-theme.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/smart-filter-search-styles.css"><link
rel="stylesheet" href="./Oracle MyLearn_files/header-general-overview-
styles.css"><link rel="stylesheet" href="./Oracle MyLearn_files/smart-
filters.css"><link rel="stylesheet" href="./Oracle MyLearn_files/public-css-
additions.css"><link rel="stylesheet" href="./Oracle MyLearn_files/list-item-
template-styles.css"><link rel="stylesheet" href="./Oracle
MyLearn_files/expandable-list-item-styles.css"><link rel="stylesheet"
href="./Oracle MyLearn_files/empty-state-styles.css"><link rel="stylesheet"
href="./Oracle MyLearn_files/index-inline.css"><link rel="stylesheet"
href="./Oracle MyLearn_files/index.css"><link rel="stylesheet" href="./Oracle
MyLearn_files/critical-header.css"><style type="text/css">html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background: #FAFAFA;
font-family: 'Helvetica Neue', arial, sans-serif;
font-weight: 400;
color: #444;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

* {
box-sizing: border-box;
}

#app {
height: 100%;
}
/*!
*
* antd v4.17.3
*
* Copyright 2015-present, Alipay, Inc.
* All rights reserved.
*
*/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
body {
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
font-variant: tabular-nums;
line-height: 1.5715;
background-color: #fff;
font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #1890ff;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #40a9ff;
}
a:active {
color: #096dd9;
}
a:active,
a:hover {
text-decoration: none;
outline: 0;
}
a:focus {
text-decoration: none;
outline: 0;
}
a[disabled] {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
border-collapse:
collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
color: rgba(0, 0, 0, 0.45);
text-align: left;
caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
mark {
padding: 0.2em;
background-color: #feffe6;
}
::-moz-selection {
color: #fff;
background: #1890ff;
}
::selection {
color: #fff;
background: #1890ff;
}
.clearfix::before {
display: table;
content: '';
}
.clearfix::after {
display: table;
clear: both;
content: '';
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin::before {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-fade-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
-webkit-animation-name: antFadeIn;
animation-name: antFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
-webkit-animation-name: antFadeOut;
animation-name: antFadeOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.ant-fade-leave {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ant-move-up-enter,
.ant-move-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
-webkit-animation-name: antMoveUpIn;
animation-name: antMoveUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
-webkit-animation-name: antMoveUpOut;
animation-name: antMoveUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
-webkit-animation-name: antMoveDownIn;
animation-name: antMoveDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
-webkit-animation-name: antMoveDownOut;
animation-name: antMoveDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
-webkit-animation-name: antMoveLeftIn;
animation-name: antMoveLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
-webkit-animation-name: antMoveLeftOut;
animation-name: antMoveLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
-webkit-animation-name: antMoveRightIn;
animation-name: antMoveRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
-webkit-animation-name: antMoveRightOut;
animation-name: antMoveRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
-webkit-animation-timing-function:
cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
0% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveDownIn {
0% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveDownOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveDownOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveLeftIn {
0% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveLeftIn {
0% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveLeftOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveLeftOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveRightIn {
0% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveRightIn {
0% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveRightOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveRightOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveUpIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveUpIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveUpOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveUpOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
position: relative;
}
html {
--antd-wave-shadow-color: #1890ff;
--scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
box-shadow: 0 0 0 0 #1890ff;
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
opacity: 0.2;
-webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect
0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect
0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
@-webkit-keyframes waveEffect {
100% {
box-shadow: 0 0 0 #1890ff;
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
}
}
@keyframes waveEffect {
100% {
box-shadow: 0 0 0 #1890ff;
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
}
}
@-webkit-keyframes fadeEffect {
100% {
opacity: 0;
}
}
@keyframes fadeEffect {
100% {
opacity: 0;
}
}
.ant-slide-up-enter,
.ant-slide-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
-webkit-animation-name: antSlideLeftIn;
animation-name: antSlideLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
-webkit-animation-name: antSlideLeftOut;
animation-name: antSlideLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
-webkit-animation-name: antSlideRightIn;
animation-name: antSlideRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active
{
-webkit-animation-name: antSlideRightOut;
animation-name: antSlideRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@-webkit-keyframes antSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes antSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
}
@-webkit-keyframes antSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
}
@keyframes antSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
}
@-webkit-keyframes antSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@-webkit-keyframes antSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
}
@keyframes antSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
}
@keyframes antSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
}
.ant-zoom-enter,
.ant-zoom-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
-webkit-animation-name: antZoomIn;
animation-name: antZoomIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
-webkit-animation-name: antZoomOut;
animation-name: antZoomOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
transform: none;
}
.ant-zoom-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-big-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
transform: none;
}
.ant-zoom-big-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
transform: none;
}
.ant-zoom-big-fast-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
-webkit-animation-name: antZoomUpIn;
animation-name: antZoomUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
-webkit-animation-name: antZoomUpOut;
animation-name: antZoomUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
transform: none;
}
.ant-zoom-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear
{
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
-webkit-animation-name: antZoomDownIn;
animation-name: antZoomDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
-webkit-animation-name: antZoomDownOut;
animation-name: antZoomDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
transform: none;
}
.ant-zoom-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
-webkit-animation-name: antZoomLeftIn;
animation-name: antZoomLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
-webkit-animation-name: antZoomLeftOut;
animation-name: antZoomLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
transform: none;
}
.ant-zoom-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
-webkit-animation-name: antZoomRightIn;
animation-name: antZoomRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
-webkit-animation-name: antZoomRightOut;
animation-name: antZoomRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
transform: none;
}
.ant-zoom-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
0% {
transform: scale(0.2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomIn {
0% {
transform: scale(0.2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes antZoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
opacity: 0;
}
}
@keyframes antZoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
opacity: 0;
}
}
@-webkit-keyframes antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@keyframes antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@-webkit-keyframes antZoomUpIn {
0% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 0%;
}
}
@keyframes antZoomUpIn {
0% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 0%;
}
}
@-webkit-keyframes antZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes antZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
}
@-webkit-keyframes antZoomLeftIn {
0% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 0% 50%;
}
}
@keyframes antZoomLeftIn {
0% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 0% 50%;
}
}
@-webkit-keyframes antZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
}
@keyframes antZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
}
@-webkit-keyframes antZoomRightIn {
0% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 100% 50%;
}
}
@keyframes antZoomRightIn {
0% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 100% 50%;
}
}
@-webkit-keyframes antZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
}
@keyframes antZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
}
@-webkit-keyframes antZoomDownIn {
0% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@keyframes antZoomDownIn {
0% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@-webkit-keyframes antZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
}
@keyframes antZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
}
.ant-motion-collapse-legacy {
overflow: hidden;
}
.ant-motion-collapse-legacy-active {
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-
bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
overflow: hidden;
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-
bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-affix {
position: fixed;
z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-alert {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: flex;
align-items: center;
padding: 8px 15px;
word-wrap: break-word;
border-radius: 2px;
}
.ant-alert-content
{
flex: 1;
min-width: 0;
}
.ant-alert-icon {
margin-right: 8px;
}
.ant-alert-description {
display: none;
font-size: 14px;
line-height: 22px;
}
.ant-alert-success {
background-color: #f6ffed;
border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
color: #52c41a;
}
.ant-alert-info {
background-color: #e6f7ff;
border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
color: #1890ff;
}
.ant-alert-warning {
background-color: #fffbe6;
border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
color: #faad14;
}
.ant-alert-error {
background-color: #fff2f0;
border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
margin: 0;
padding: 0;
}
.ant-alert-action {
margin-left: 8px;
}
.ant-alert-close-icon {
margin-left: 8px;
padding: 0;
overflow: hidden;
font-size: 12px;
line-height: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-alert-close-text:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
align-items: flex-start;
padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
margin-right: 15px;
font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
display: block;
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
.ant-alert-message {
color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
display: block;
}
.ant-alert.ant-alert-motion-leave {
overflow: hidden;
opacity: 1;
transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s
cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14,
0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-
bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
.ant-alert-banner {
margin-bottom: 0;
border: 0;
border-radius: 0;
}
.ant-alert.ant-alert-rtl {
direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
margin-right: auto;
margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
margin-right: 8px;
margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
margin-right: 8px;
margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
padding-right: 24px;
padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
margin-right: auto;
margin-left: 15px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-anchor {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
padding-left: 2px;
}
.ant-anchor-wrapper {
margin-left: -4px;
padding-left: 4px;
overflow: auto;
background-color: transparent;
}
.ant-anchor-ink {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.ant-anchor-ink::before {
position: relative;
display: block;
width: 2px;
height: 100%;
margin: 0 auto;
background-color: #f0f0f0;
content: ' ';
}
.ant-anchor-ink-ball {
position: absolute;
left: 50%;
display: none;
width: 8px;
height: 8px;
background-color: #fff;
border: 2px solid #1890ff;
border-radius: 8px;
transform: translateX(-50%);
transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
display: none;
}
.ant-anchor-link {
padding: 7px 0 7px 16px;
line-height: 1.143;
}
.ant-anchor-link-title {
position: relative;
display: block;
margin-bottom: 6px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
padding-top: 5px;
padding-bottom: 5px;
}
.ant-anchor-rtl {
direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
margin-right: -4px;
margin-left: 0;
padding-right: 4px;
padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
right: 0;
left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
right: 50%;
left: 0;
transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
padding: 7px 16px 7px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-select-auto-complete {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
right: 13px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-select-single .ant-select-selector {
display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
padding: 0;
line-height: 30px;
transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
line-height: 30px;
}
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
transition: none;
pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
width: 100%;
height: 32px;
padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-
select-selection-search-input {
height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-
selection-search {
position: static;
width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-
selection-placeholder {
position: absolute;
right: 0;
left: 0;
padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-
selection-placeholder::after {
display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-
selector {
height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-
selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-
selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-
selector .ant-select-selection-placeholder {
line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-
customize-input) .ant-select-selection-search-input {
height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selector {
height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selector .ant-select-selection-placeholder {
line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-
customize-input) .ant-select-selection-search-input {
height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selection-search {
right: 7px;
left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-
selector
{
padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-
arrow .ant-select-selection-search {
right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-
arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-
arrow .ant-select-selection-placeholder {
padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-
selector {
padding: 0 11px;
}
/**
* Do not merge `height` & `line-height` under style with `selection` & `search`,
* since chrome may update to redesign with its align logic.
*/
.ant-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
.ant-select-selection-overflow-item {
flex: none;
align-self: center;
max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1px 4px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
display: inline-block;
width: 0;
margin: 2px 0;
line-height: 24px;
content: '\a0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
position: relative;
display: flex;
flex: none;
box-sizing: border-box;
max-width: 100%;
height: 24px;
margin-top: 2px;
margin-bottom: 2px;
line-height: 22px;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-margin-end: 4px;
margin-inline-end: 4px;
-webkit-padding-start: 8px;
padding-inline-start: 8px;
-webkit-padding-end: 4px;
padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
display: inline-block;
margin-right: 4px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-
select-selection-item-remove-icon {
display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-
overflow-item .ant-select-selection-search {
-webkit-margin-start: 0;
margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
position: relative;
max-width: 100%;
margin-top: 2px;
margin-bottom: 2px;
-webkit-margin-start: 7px;
margin-inline-start: 7px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
height: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 24px;
transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
position: absolute;
top: 0;
left: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
position: absolute;
top: 50%;
right: 11px;
left: 11px;
transform: translateY(-50%);
transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
height: 32px;
line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
height: 32px;
line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
height: 16px;
line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
height: 16px;
line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
height: 16px;
line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
-webkit-margin-start: 3px;
margin-inline-start: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
display: none;
}
/* Reset search input style */
.ant-select {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-
selector {
cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-
selector input {
cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-
input) .ant-select-selector {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-
selector {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-
input) .ant-select-selector {
background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-
selector input {
cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-
selection-search-input {
margin: 0;
padding: 0;
background: transparent;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-
selection-search-input::-webkit-search-cancel-button {
display: none;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-select-selection-item {
flex: 1;
overflow: hidden;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-item *::-ms-backdrop,
.ant-select-selection-item {
flex: auto;
}
}
.ant-select-selection-placeholder {
flex: 1;
overflow: hidden;
color: #bfbfbf;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-placeholder *::-ms-backdrop,
.ant-select-selection-placeholder {
flex: auto;
}
}
.ant-select-arrow {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 11px;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 1;
text-align: center;
pointer-events: none;
}
.ant-select-arrow > * {
line-height: 1;
}
.ant-select-arrow svg {
display: inline-block;
}
.ant-select-arrow::before {
display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
display: block;
}
.ant-select-arrow .anticon {
vertical-align: top;
transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
cursor: not-allowed;
}
.ant-select-clear {
position: absolute;

top: 50%;
right: 11px;
z-index: 1;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
background: #fff;
cursor: pointer;
opacity: 0;
transition: color 0.3s ease, opacity 0.15s ease;
text-rendering: auto;
}
.ant-select-clear::before {
display: block;
}
.ant-select-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
opacity: 1;
}
.ant-select-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
box-sizing: border-box;
padding: 4px 0;
overflow: hidden;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-
dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-
dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-
dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-
dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-
dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-
dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
display: none;
}
.ant-select-dropdown-empty {
color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-select-item-group {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: default;
}
.ant-select-item-option {
display: flex;
}
.ant-select-item-option-content {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-select-item-option-state {
flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
background-color: #e6f7ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-
item-option-state {
color: #1890ff;
}
.ant-select-item-option-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
padding-left: 24px;
}
.ant-select-lg {
font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.ant-select-rtl {
direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
right: initial;
left: 11px;
}
.ant-select-rtl .ant-select-clear {
right: initial;
left: 11px;
}
.ant-select-dropdown-rtl {
direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
padding-right: 24px;
padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 4px;
padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
margin-right: 0;
margin-left: 4px;
text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
right: 0;
left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
right: 11px;
left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder
{
right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-
placeholder {
right: 0;
left: 9px;
text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-
search {
right: 11px;
left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-
placeholder {
padding-right: 0;
padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-
input).ant-select-show-arrow .ant-select-selection-search {
right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-
input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-
input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 0;
padding-left: 21px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-empty {
margin: 0 8px;
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.ant-empty-image {
height: 100px;
margin-bottom: 8px;
}
.ant-empty-image img {
height: 100%;
}
.ant-empty-image svg {
height: 100%;
margin: auto;
}
.ant-empty-footer {
margin-top: 16px;
}
.ant-empty-normal {
margin: 32px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
height: 40px;
}
.ant-empty-small {
margin: 8px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
height: 35px;
}
.ant-empty-img-default-ellipse {
fill: #f5f5f5;
fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
fill: url('libs/antd/#linearGradient-1');
}
.ant-empty-img-default-path-3 {
fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
fill: #dce0e6;
}
.ant-empty-img-default-g {
fill: #fff;
}
.ant-empty-img-simple-ellipse {
fill: #f5f5f5;
}
.ant-empty-img-simple-g {
stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
fill: #fafafa;
}
.ant-empty-rtl {
direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-avatar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: #ccc;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
}
.ant-avatar-image {
background: transparent;
}
.ant-avatar .ant-image-img {
display: block;
}
.ant-avatar-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
}
.ant-avatar-lg-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
}
.ant-avatar-sm-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-square {
border-radius: 2px;
}
.ant-avatar > img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ant-avatar-group {
display: inline-flex;
}
.ant-avatar-group .ant-avatar {
border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
margin-right: -8px;
margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
margin-right: 3px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size:
14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: normal;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.ant-popover::after {
position: absolute;
background: rgba(255, 255, 255, 0.01);
content: '';
}
.ant-popover-hidden {
display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
padding-right: 10px;
}
.ant-popover-inner {
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ant-popover {
/* IE10+ */
}
.ant-popover-inner {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0,
0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
}
.ant-popover-title {
min-width: 177px;
min-height: 32px;
margin: 0;
padding: 5px 16px 4px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
padding: 12px 16px;
color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
position: relative;
padding: 4px 0 12px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-popover-message > .anticon {
position: absolute;
top: 8.0005px;
color: #faad14;
font-size: 14px;
}
.ant-popover-message-title {
padding-left: 22px;
}
.ant-popover-buttons {
margin-bottom: 4px;
text-align: right;
}
.ant-popover-buttons button {
margin-left: 8px;
}
.ant-popover-arrow {
position: absolute;
display: block;
width: 8.48528137px;
height: 8.48528137px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
.ant-popover-arrow-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 6px;
height: 6px;
margin: auto;
background-color: #fff;
content: '';
pointer-events: auto;
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
bottom: 1.51471863px;
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateY(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
left: 50%;
transform: translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
left: 1.51471863px;
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(4.24264069px) rotate(45deg);
}
.ant-popover-placement-right .ant-popover-arrow {
top: 50%;
transform: translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
top: 1.51471863px;
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
transform: translateY(4.24264069px) rotate(45deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
left: 50%;
transform: translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
right: 1.51471863px;
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
top: 50%;
transform: translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
background-color: #722ed1;
}
.ant-popover-rtl {
direction: rtl;
text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
padding-right: 22px;
padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
margin-right: 8px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-back-top {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
right: 100px;
bottom: 50px;
z-index: 10;
width: 40px;
height: 40px;
cursor: pointer;
}
.ant-back-top:empty {
display: none;
}
.ant-back-top-rtl {
right: auto;
left: 100px;
direction: rtl;
}
.ant-back-top-content {
width: 40px;
height: 40px;
overflow: hidden;
color: #fff;
text-align: center;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 20px;
transition: all 0.3s;
}
.ant-back-top-content:hover {
background-color: rgba(0, 0, 0, 0.85);
transition: all 0.3s;
}
.ant-back-top-icon {
font-size: 24px;
line-height: 40px;
}
@media screen and (max-width: 768px) {
.ant-back-top {
right: 60px;
}
}
@media screen and (max-width: 480px) {
.ant-back-top {
right: 20px;
}
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-badge {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
line-height: 1;
}
.ant-badge-count {
z-index: auto;
min-width: 20px;
height: 20px;
padding: 0 6px;
color: #fff;
font-weight: normal;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
text-align: center;
background: #ff4d4f;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
color: #fff;
}
.ant-badge-count-sm {
min-width: 14px;
height: 14px;
padding: 0;
font-size: 12px;

line-height: 14px;
border-radius: 7px;
}
.ant-badge-multiple-words {
padding: 0 8px;
}
.ant-badge-dot {
z-index: auto;
width: 6px;
min-width: 6px;
height: 6px;
background: #ff4d4f;
border-radius: 100%;
box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
-webkit-animation: antBadgeLoadingCircle 1s infinite linear;
animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
line-height: inherit;
vertical-align: baseline;
}
.ant-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
width: 6px;
height: 6px;
vertical-align: middle;
border-radius: 50%;
}
.ant-badge-status-success {
background-color: #52c41a;
}
.ant-badge-status-processing {
position: relative;
background-color: #1890ff;
}
.ant-badge-status-processing::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
-webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
animation: antStatusProcessing 1.2s infinite ease-in-out;
content: '';
}
.ant-badge-status-default {
background-color: #d9d9d9;
}
.ant-badge-status-error {
background-color: #ff4d4f;
}
.ant-badge-status-warning {
background-color: #faad14;
}
.ant-badge-status-pink {
background: #eb2f96;
}
.ant-badge-status-magenta {
background: #eb2f96;
}
.ant-badge-status-red {
background: #f5222d;
}
.ant-badge-status-volcano {
background: #fa541c;
}
.ant-badge-status-orange {
background: #fa8c16;
}
.ant-badge-status-yellow {
background: #fadb14;
}
.ant-badge-status-gold {
background: #faad14;
}
.ant-badge-status-cyan {
background: #13c2c2;
}
.ant-badge-status-lime {
background: #a0d911;
}
.ant-badge-status-green {
background: #52c41a;
}
.ant-badge-status-blue {
background: #1890ff;
}
.ant-badge-status-geekblue {
background: #2f54eb;
}
.ant-badge-status-purple {
background: #722ed1;
}
.ant-badge-status-text {
margin-left: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
-webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ant-badge-zoom-leave {
-webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
-webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29,
1.46);
animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29,
1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
-webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88,
0.6);
animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88,
0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
position: relative;
top: auto;
display: block;
transform-origin: 50% 50%;
}
@-webkit-keyframes antStatusProcessing {
0% {
transform: scale(0.8);
opacity: 0.5;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
@keyframes antStatusProcessing {
0% {
transform: scale(0.8);
opacity: 0.5;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
.ant-scroll-number {
overflow: hidden;
direction: ltr;
}
.ant-scroll-number-only {
position: relative;
display: inline-block;
height: 20px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
/* stylelint-disable property-no-vendor-prefix */
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
/* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
height: 20px;
margin: 0;
/* stylelint-disable property-no-vendor-prefix */
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
/* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
vertical-align: top;
}
@-webkit-keyframes antZoomBadgeIn {
0% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(50%, -50%);
}
}
@keyframes antZoomBadgeIn {
0% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(50%, -50%);
}
}
@-webkit-keyframes antZoomBadgeOut {
0% {
transform: scale(1) translate(50%, -50%);
}
100% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
}
@keyframes antZoomBadgeOut {
0% {
transform: scale(1) translate(50%, -50%);
}
100% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
}
@-webkit-keyframes antNoWrapperZoomBadgeIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
}
}
@keyframes antNoWrapperZoomBadgeIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes antNoWrapperZoomBadgeOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
opacity: 0;
}
}
@keyframes antNoWrapperZoomBadgeOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes antBadgeLoadingCircle {
0% {
transform-origin: 50%;
}
100% {
transform: translate(50%, -50%) rotate(360deg);
transform-origin: 50%;
}
}
@keyframes antBadgeLoadingCircle {
0% {
transform-origin: 50%;
}
100% {
transform: translate(50%, -50%) rotate(360deg);
transform-origin: 50%;
}
}
.ant-ribbon-wrapper {
position: relative;
}
.ant-ribbon {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: 8px;
height: 22px;
padding: 0 8px;
color: #fff;
line-height: 22px;
white-space: nowrap;
background-color: #1890ff;
border-radius: 2px;
}
.ant-ribbon-text {
color: #fff;
}
.ant-ribbon-corner {
position: absolute;
top: 100%;
width: 8px;
height: 8px;
color: currentColor;
border: 4px solid;
transform: scaleY(0.75);
transform-origin: top;
}
.ant-ribbon-corner::after {
position: absolute;
top: -4px;
left: -4px;
width: inherit;
height: inherit;
color: rgba(0, 0, 0, 0.25);
border: inherit;
content: '';
}
.ant-ribbon-color-pink {
color: #eb2f96;
background: #eb2f96;
}
.ant-ribbon-color-magenta {
color: #eb2f96;
background: #eb2f96;
}
.ant-ribbon-color-red {
color: #f5222d;
background: #f5222d;
}
.ant-ribbon-color-volcano {
color: #fa541c;
background: #fa541c;
}
.ant-ribbon-color-orange {
color: #fa8c16;
background: #fa8c16;
}
.ant-ribbon-color-yellow {
color: #fadb14;
background: #fadb14;
}
.ant-ribbon-color-gold {
color: #faad14;
background: #faad14;
}
.ant-ribbon-color-cyan {
color: #13c2c2;
background: #13c2c2;
}
.ant-ribbon-color-lime {
color: #a0d911;
background: #a0d911;
}
.ant-ribbon-color-green {
color: #52c41a;
background: #52c41a;
}
.ant-ribbon-color-blue {
color: #1890ff;
background: #1890ff;
}
.ant-ribbon-color-geekblue {
color: #2f54eb;
background: #2f54eb;
}
.ant-ribbon-color-purple {
color: #722ed1;
background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
right: -8px;
border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
right: 0;
border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon.ant-ribbon-placement-start {
left: -8px;
border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
left: 0;
border-color: currentColor currentColor transparent transparent;
}
.ant-badge-rtl {
direction: rtl;
}
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-
component {
right: auto;
left: 0;
direction: ltr;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-
component {
right: auto;
left: 0;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
margin-right: 8px;
margin-left: 0;
}
.ant-ribbon-rtl {
direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
right: unset;
left: -8px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
right: unset;
left: 0;
border-color: currentColor currentColor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
border-color: currentColor currentColor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
right: -8px;
left: unset;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start
.ant-ribbon-corner {
right: 0;
left: unset;
border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
border-color: currentColor transparent transparent currentColor;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-breadcrumb {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-breadcrumb .anticon {
font-size: 14px;
}
.ant-breadcrumb a {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-breadcrumb a:hover {
color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child a {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
display: none;
}
.ant-breadcrumb-separator {
margin: 0 8px;
color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
margin-left: 4px;
}
.ant-breadcrumb-rtl {
direction: rtl;
}
.ant-breadcrumb-rtl::before {
display: table;
content: '';
}
.ant-breadcrumb-rtl::after {
display: table;
clear: both;
content: '';
}
.ant-breadcrumb-rtl > span {
float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
margin-right: 4px;
margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
margin-right: 4px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-menu-item-danger.ant-menu-item {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-
menu-item-selected {
color: #fff;
background-color: #ff4d4f;
}
.ant-menu {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin-bottom: 0;
padding-left: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 0;
text-align: left;
list-style: none;
background: #fff;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
display: table;
content: '';
}
.ant-menu::after {
display: table;
clear: both;
content: '';
}
.ant-menu.ant-menu-root:focus-visible {
box-shadow: 0 0 0 2px #e6f7ff;
}
.ant-menu ul,
.ant-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
.ant-menu-overflow {
display: flex;
}
.ant-menu-overflow-item {
flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
display: none;
}
.ant-menu-item-group-title {
height: 1.5715;
padding: 8px 16px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background
0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background
0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045,
0.355, 1);
}
.ant-menu-submenu-selected {
color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
cursor: initial;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s
cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
transition: color 0.3s;
}
.ant-menu-item a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
color: #1890ff;
}
.ant-menu-item a::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
content: '';
}
.ant-menu-item > .ant-badge a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
color: #1890ff;
}
.ant-menu-item-divider {
overflow: hidden;
line-height: 0;
border-color: #f0f0f0;
border-style: solid;
border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
background-color: transparent;
}
.ant-menu-item-selected {
color: #1890ff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
min-width: 160px;
max-height: calc(100vh - 100px);
padding: 0;
overflow: hidden;
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
overflow-x: hidden;
overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
position: relative;
display: block;
margin: 0;
padding: 0 20px;
white-space: nowrap;
cursor: pointer;
transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645,
0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
min-width: 14px;
font-size: 14px;
transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s
cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
margin-left: 10px;
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color
0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
margin-right: 0;
}
.ant-menu-item:focus-visible,
.ant-menu-submenu-title:focus-visible {
box-shadow: 0 0 0 2px #e6f7ff;
}
.ant-menu > .ant-menu-item-divider {
margin: 1px 0;
padding: 0;
}
.ant-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
border-radius: 2px;
box-shadow: none;
transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
position: absolute;
top: -7px;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.0001;
content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
top: 0;
left: -7px;
}
.ant-menu-submenu > .ant-menu {
background-color: #fff;
border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
position: absolute;
top: 50%;
right: 16px;
width: 10px;
color:
rgba(0, 0, 0, 0.85);
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
position: absolute;
width: 6px;
height: 1.5px;
background-color: currentColor;
border-radius: 2px;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s
cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355,
1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-
menu-submenu-arrow {
transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-
menu-submenu-arrow::after {
transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-
menu-submenu-arrow::before {
transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
color: #1890ff;
}
.ant-menu-horizontal {
line-height: 46px;
border: 0;
border-bottom: 1px solid #f0f0f0;
box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
margin-top: -1px;
margin-bottom: 0;
padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
position: relative;
top: 1px;
display: inline-block;
vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
position: absolute;
right: 20px;
bottom: 0;
left: 20px;
border-bottom: 2px solid transparent;
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a::before {
bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
color: #1890ff;
}
.ant-menu-horizontal::after {
display: block;
clear: both;
height: 0;
content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-right: 3px solid #1890ff;
transform: scaleY(0.0001);
opacity: 0;
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s
cubic-bezier(0.215, 0.61, 0.355, 1);
content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
height: 40px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0 16px;
overflow: hidden;
line-height: 40px;
text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
height: 40px;
line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
padding-right: 34px;
}
.ant-menu-inline {
width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
transform: scaleY(1);
opacity: 1;
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s
cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
display: flex;
align-items: center;
transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215,
0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
flex: auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
left: 0;
padding: 0 calc(50% - 16px / 2);
text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-
title .ant-menu-submenu-arrow {
opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-
title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-
title .anticon {
margin: 0;
font-size: 16px;
line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed
> .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-
list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-
title .anticon + span {
display: inline-block;
opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-menu-item-group-list {
margin: 0;
padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-
collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title
> .ant-menu-inline-collapsed-noicon {
font-size: 16px;
text-align: center;
}
.ant-menu-sub.ant-menu-inline {
padding: 0;
background: #fafafa;
border: 0;
border-radius: 0;
box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
height: 40px;
line-height: 40px;
list-style-position: inside;
list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
color: rgba(0, 0, 0, 0.25) !important;
background: none;
cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
color: rgba(0, 0, 0, 0.25) !important;
pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
color: rgba(0, 0, 0, 0.25) !important;
cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::after {
background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
color: #1890ff;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
color: rgba(255, 255, 255, 0.65);
background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-
arrow {
opacity: 0.45;
transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-
arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-
arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-
arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-
arrow::before {
background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
top: 0;
margin-top: 0;
padding: 0 20px;
border-color: #001529;
border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: #1890ff;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
color: #fff;
background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-
arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-
arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-
submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-
submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-
submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-
submenu-arrow {
opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-
arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before {
background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
color: #fff;
border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled
> a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-
submenu-arrow::after {
background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
direction: rtl;
text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
margin-right: auto;
margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-
icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-
submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-
submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-
submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-
arrow {
right: auto;
left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-
submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-
submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-
submenu-arrow::before {
transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-
submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-
submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-
submenu-arrow::after {
transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
right: auto;
left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
padding-right: 0;
padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
padding-right: 16px;
padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
padding-right: 32px;
padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
z-index: 1070;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 250px;
visibility: visible;
}
.ant-tooltip-hidden {
display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
padding-right: 8px;
}
.ant-tooltip-inner {
min-width: 30px;
min-height: 32px;
padding: 6px 8px;
color: #fff;
text-align: left;
text-decoration: none;
word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
position: absolute;
display: block;
width: 13.07106781px;
height: 13.07106781px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
.ant-tooltip-arrow-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 5px;
height: 5px;
margin: auto;
background-color: rgba(0, 0, 0, 0.75);
content: '';
pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content {
background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content {
background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d;
}
.ant-tooltip-red
.ant-tooltip-arrow-content {
background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content {
background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content {
background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content {
background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content {
background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content {
background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content {
background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content {
background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content {
background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content {
background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content {
background-color: #722ed1;
}
.ant-tooltip-rtl {
direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
color: #fff;
background-color: #ff4d4f;
}
.ant-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block;
}
.ant-dropdown::before {
position: absolute;
top: -4px;
right: 0;
bottom: -4px;
left: -7px;
z-index: -9999;
opacity: 0.0001;
content: ' ';
}
.ant-dropdown-wrap {
position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
padding-top: 10px;
}
.ant-dropdown-arrow {
position: absolute;
z-index: 1;
display: block;
width: 8.48528137px;
height: 8.48528137px;
background: transparent;
border-style: solid;
border-width: 4.24264069px;
transform: rotate(45deg);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
bottom: 6.2px;
border-color: transparent #fff #fff transparent;
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
right: 16px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
top: 6px;
border-color: #fff transparent transparent #fff;
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
right: 16px;
}
.ant-dropdown-menu {
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
padding: 5px 12px;
color: rgba(0, 0, 0, 0.45);
transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
box-shadow: none;
transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
margin-right: 0.3em;
margin-left: 0.3em;
}
.ant-dropdown-menu-item {
position: relative;
display: flex;
align-items: center;
}
.ant-dropdown-menu-item-icon {
min-width: 12px;
margin-right: 8px;
font-size: 12px;
}
.ant-dropdown-menu-title-content {
flex: auto;
}
.ant-dropdown-menu-title-content > a {
color: inherit;
transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
clear: both;
margin: 0;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
cursor: pointer;
transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
color: #1890ff;
background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title-disabled a {
pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
height: 1px;
margin: 4px 0;
overflow: hidden;
line-height: 0;
background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
position: absolute;
right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-
submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-
dropdown-menu-submenu-arrow-icon {
margin-right: 0 !important;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
font-style: normal;
}
.ant-dropdown-menu-item-group-list {
margin: 0 8px;
padding: 0;
list-style: none;
}
.ant-dropdown-menu-submenu-title {
padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 100%;
margin-left: 4px;
transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-
submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-
submenu-title .ant-dropdown-menu-submenu-arrow-icon {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
color: #1890ff;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-
placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-
placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-
placement-bottomCenter,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-
placement-bottomCenter,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-
placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-
placement-bottomRight {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-
topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-
placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-
topCenter,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-
placement-topCenter,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-
topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-
placement-topRight {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-
placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-
placement-bottomCenter,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-
placement-bottomRight
{
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-
topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-
topCenter,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-
topRight {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
font-size: 10px;
vertical-align: baseline;
}
.ant-dropdown-button {
white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-
child):not(.ant-btn-icon-only) {
padding-right: 8px;
padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-
arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-
submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-
arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-
dropdown-menu-submenu-arrow::after {
color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
color: #fff;
background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
color: #fff;
background: #1890ff;
}
.ant-dropdown-rtl {
direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
right: -7px;
left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
direction: rtl;
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
direction: rtl;
text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
margin-right: 0;
margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-
expand-icon {
right: auto;
left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-
icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-
expand-icon .ant-dropdown-menu-submenu-arrow-icon {
margin-left: 0 !important;
transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
padding-right: 12px;
padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
right: 100%;
left: 0;
margin-right: 4px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-btn {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 4px 15px;
font-size: 14px;
border-radius: 2px;
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: #fff;
}
.ant-btn > .anticon {
line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
outline: 0;
}
.ant-btn:not([disabled]):hover {
text-decoration: none;
}
.ant-btn:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.ant-btn[disabled] {
cursor: not-allowed;
}
.ant-btn[disabled] > * {
pointer-events: none;
}
.ant-btn-lg {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
border-radius: 2px;
}
.ant-btn-sm {
height: 24px;
padding: 0px 7px;
font-size: 14px;
border-radius: 2px;
}
.ant-btn > a:only-child {
color: currentColor;
}
.ant-btn > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus {
color: #40a9ff;
border-color: #40a9ff;
background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:active {
color: #096dd9;
border-color: #096dd9;
background: #fff;
}
.ant-btn:active > a:only-child {
color: currentColor;
}
.ant-btn:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
text-decoration: none;
background: #fff;
}
.ant-btn > span {
display: inline-block;
}
.ant-btn-primary {
color: #fff;
border-color: #1890ff;
background: #1890ff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
color: #fff;
border-color: #40a9ff;
background: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:active {
color: #fff;
border-color: #096dd9;
background: #096dd9;
}
.ant-btn-primary:active > a:only-child {
color: currentColor;
}
.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #40a9ff;
border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
border-left-color: #d9d9d9;
}
.ant-btn-ghost {
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: transparent;
}
.ant-btn-ghost > a:only-child {
color: currentColor;
}
.ant-btn-ghost
> a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
color: #40a9ff;
border-color: #40a9ff;
background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:active {
color: #096dd9;
border-color: #096dd9;
background: transparent;
}
.ant-btn-ghost:active > a:only-child {
color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed {
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: #fff;
border-style: dashed;
}
.ant-btn-dashed > a:only-child {
color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
color: #40a9ff;
border-color: #40a9ff;
background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:active {
color: #096dd9;
border-color: #096dd9;
background: #fff;
}
.ant-btn-dashed:active > a:only-child {
color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
color: currentColor;
}
.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:active {
color: #fff;
border-color: #d9363e;
background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
color: currentColor;
}
.ant-btn-danger:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link {
color: #1890ff;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-link > a:only-child {
color: currentColor;
}
.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
color: #40a9ff;
border-color: #40a9ff;
background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:active {
color: #096dd9;
border-color: #096dd9;
background: transparent;
}
.ant-btn-link:active > a:only-child {
color: currentColor;
}
.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover {
background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text {
color: rgba(0, 0, 0, 0.85);
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-text > a:only-child {
color: currentColor;
}
.ant-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: #40a9ff;
border-color: #40a9ff;
background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
color: currentColor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:active {
color: #096dd9;
border-color: #096dd9;
background: transparent;
}
.ant-btn-text:active > a:only-child {
color: currentColor;
}
.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom:
0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.018);
border-color: transparent;
}
.ant-btn-text:active {
color: rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.028);
border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
background: #fff;
}
.ant-btn-dangerous > a:only-child {
color: currentColor;
}
.ant-btn-dangerous > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875;
background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e;
background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
color: #fff;
border-color: #d9363e;
background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #40a9ff;
border-color: #40a9ff;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
color: #096dd9;
border-color: #096dd9;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: transparent;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: transparent;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text {
color: #ff4d4f;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus
{
color: #40a9ff;
border-color: #40a9ff;
background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
color: #096dd9;
border-color: #096dd9;
background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
color: #ff7875;
border-color: transparent;
background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
color: #d9363e;
border-color: transparent;
background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-icon-only {
width: 32px;
height: 32px;
padding: 2.4px 0;
font-size: 16px;
border-radius: 2px;
vertical-align: -3px;
}
.ant-btn-icon-only > * {
font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
width: 40px;
height: 40px;
padding: 4.9px 0;
font-size: 18px;
border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
width: 24px;
height: 24px;
padding: 0px 0;
font-size: 14px;
border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
font-size: 14px;
}
.ant-btn-icon-only > .anticon {
display: flex;
justify-content: center;
}
a.ant-btn-icon-only {
vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
display: inline;
}
.ant-btn-round {
height: 32px;
padding: 4px 16px;
font-size: 14px;
border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
height: 40px;
padding: 6.4px 20px;
font-size: 16px;
border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
height: 24px;
padding: 0px 12px;
font-size: 14px;
border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
width: auto;
}
.ant-btn-circle {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
min-width: 40px;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
min-width: 24px;
border-radius: 50%;
}
.ant-btn::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: none;
background: #fff;
border-radius: inherit;
opacity: 0.35;
transition: opacity 0.2s;
content: '';
pointer-events: none;
}
.ant-btn .anticon {
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
position: relative;
cursor: default;
}
.ant-btn.ant-btn-loading::before {
display: block;
}
.ant-btn > .ant-btn-loading-icon {
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-
bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
padding-right: 8px;
-webkit-animation: none;
animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
padding-right: 0;
}
.ant-btn-group {
position: relative;
display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
border-radius: 0;
}
.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
width: 40px;
height: 40px;
padding-right: 0;
padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
height: 24px;
padding: 0px 7px;
font-size: 14px;
border-radius: 0;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
font-size: 14px;
}
.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
width: 24px;
height: 24px;
padding-right: 0;
padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
border-left-color: transparent;
}
.ant-btn-group .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child
{
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child
{
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group
> span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
margin-right: -1px;
margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn
{
border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn
{
border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
color: #fff;
border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
color: #40a9ff;
border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
color: #096dd9;
border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
color: rgba(0, 0, 0, 0.25);
background: transparent;
border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
color: #1890ff;
border-color: #1890ff;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
color: #40a9ff;
border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
color: #096dd9;
border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
color: #ff7875;
border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
color: #d9363e;
border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: transparent;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-
child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-
child::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-
child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-
child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-
child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-
child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-
child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-
child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-
child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-
child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-two-chinese-chars::first-letter {
letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
margin-right: -0.34em;
letter-spacing: 0.34em;
}
.ant-btn-block {
width: 100%;
}
.ant-btn:empty {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
a.ant-btn {
padding-top: 0.01px !important;
line-height: 30px;
}
a.ant-btn-lg {
line-height: 38px;
}
a.ant-btn-sm {
line-height: 22px;
}
.ant-btn-rtl {
direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-right-color: #40a9ff;
border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)
[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
border-right-color: #d9d9d9;
border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
padding-right: 0;
padding-left: 8px;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
padding-right: 0;
padding-left: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
margin-right: 8px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-picker-calendar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
}
.ant-picker-calendar-header {
display: flex;
justify-content: flex-end;
padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
min-width: 70px;
margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
background: #fff;
border: 0;
border-top: 1px solid #f0f0f0;
border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
width: 100%;
}
.ant-picker-calendar-mini {
border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
padding-right: 8px;
padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
height: auto;
padding: 0;
line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel {
display: block;
width: 100%;
text-align: right;
background: #fff;
border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
height: auto;
padding: 0 12px 5px 0;
line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-
calendar-date {
background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-
date-today::before {
display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-
calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-
picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-
calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-
picker-calendar-date-today {
background: #e6f7ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-
calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-
picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-
calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-
picker-calendar-date-today .ant-picker-calendar-date-value {
color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
display: block;
width: auto;
height: auto;
margin: 0 4px;
padding: 4px 8px 0;
border: 0;
border-top: 2px solid #f0f0f0;
border-radius: 0;
transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
line-height: 24px;
transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
position: static;
width: auto;
height: 86px;
overflow-y: auto;
color: rgba(0, 0, 0, 0.85);
line-height: 1.5715;
text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
border-color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-
picker-calendar-date-value {
color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
.ant-picker-calendar-header {
display: block;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
width: 50%;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
width: calc(50% - 8px);
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
width: 100%;
margin-top: 8px;
margin-left: 0;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
width: 50%;
text-align: center;
}
}
.ant-picker-calendar-rtl {
direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-
select {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-
switch {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-
body th {
padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-
calendar-date-content {
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-radio-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
font-size: 0;
}
.ant-radio-group .ant-badge-count {
z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
border-left: none;
}
.ant-radio-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-flex;
align-items: baseline;
margin-right: 8px;
cursor: pointer;
}
.ant-radio-wrapper-disabled {
cursor: not-allowed;
}
.ant-radio-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-radio {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;

list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
display: inline-block;
outline: none;
cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
box-shadow: 0 0 0 3px #e6f7ff;
}
.ant-radio-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
visibility: hidden;
-webkit-animation: antRadioEffect 0.36s ease-in-out;
animation: antRadioEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
visibility: visible;
}
.ant-radio-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border-color: #d9d9d9;
border-style: solid;
border-width: 1px;
border-radius: 50%;
transition: all 0.3s;
}
.ant-radio-inner::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
background-color: #1890ff;
border-top: 0;
border-left: 0;
border-radius: 16px;
transform: scale(0);
opacity: 0;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: ' ';
}
.ant-radio-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
transform: scale(0.5);
opacity: 1;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
cursor: not-allowed;
}
.ant-radio-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
span.ant-radio + * {
padding-right: 8px;
padding-left: 8px;
}
.ant-radio-button-wrapper {
position: relative;
display: inline-block;
height: 32px;
margin: 0;
padding: 0 15px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 30px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-width: 1.02px;
border-left-width: 0;
cursor: pointer;
transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
height: 40px;
font-size: 16px;
line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
height: 24px;
padding: 0 7px;
line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
position: absolute;
top: -1px;
left: -1px;
display: block;
box-sizing: content-box;
width: 1px;
height: 100%;
padding: 1px 0;
background-color: #d9d9d9;
transition: background-color 0.3s;
content: '';
}
.ant-radio-button-wrapper:first-child {
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
position: relative;
color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
box-shadow: 0 0 0 3px #e6f7ff;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
z-index: 1;
color: #1890ff;
background: #fff;
border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
background-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-
child {
border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
color: #40a9ff;
border-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-
disabled):hover::before {
background-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
color: #096dd9;
border-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-
disabled):active::before {
background-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-
within {
box-shadow: 0 0 0 3px #e6f7ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-
wrapper-disabled) {
color: #fff;
background: #1890ff;
border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-
wrapper-disabled):hover {
color: #fff;
background: #40a9ff;
border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-
wrapper-disabled):active {
color: #fff;
background: #096dd9;
border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-
wrapper-disabled):focus-within {
box-shadow: 0 0 0 3px #e6f7ff;
}
.ant-radio-button-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
color: rgba(0, 0, 0, 0.25);
background-color: #e6e6e6;
border-color: #d9d9d9;
box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes antRadioEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-radio-group.ant-radio-group-rtl {
direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
border-right-width: 0;
border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-
wrapper:not(:first-child)::before {
right: -1px;
left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-
wrapper:first-child {
border-right: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-
disabled']).ant-radio-button-wrapper:first-child {
border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-
wrapper:last-child {
border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-
disabled:first-child {
border-right-color: #d9d9d9;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-picker {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
padding: 4px 11px 4px;
position: relative;
display: inline-flex;
align-items: center;
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-picker-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-picker.ant-picker-disabled {
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.ant-picker-input {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
}
.ant-picker-input > input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
flex: auto;
min-width: 1px;
height: auto;
padding: 0;
background: transparent;
border: 0;
}
.ant-picker-input > input::-moz-placeholder {
opacity: 1;
}
.ant-picker-input > input:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-picker-input > input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-picker-input > input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
text-overflow:
ellipsis;
}
.ant-picker-input > input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-picker-input > input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker-input > input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-picker-input > input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-picker-input > input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-picker-input > input-sm {
padding: 0px 7px;
}
.ant-picker-input > input:focus {
box-shadow: none;
}
.ant-picker-input > input[disabled] {
background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
opacity: 1;
}
.ant-picker-input-placeholder > input {
color: #bfbfbf;
}
.ant-picker-large {
padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
font-size: 16px;
}
.ant-picker-small {
padding: 0px 7px 0px;
}
.ant-picker-suffix {
align-self: center;
margin-left: 4px;
color: rgba(0, 0, 0, 0.25);
line-height: 1;
pointer-events: none;
}
.ant-picker-suffix > * {
vertical-align: top;
}
.ant-picker-clear {
position: absolute;
top: 50%;
right: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 1;
background: #fff;
transform: translateY(-50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
vertical-align: top;
}
.ant-picker-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
position: relative;
display: inline-block;
width: 1em;
height: 16px;
color: rgba(0, 0, 0, 0.25);
font-size: 16px;
vertical-align: top;
cursor: default;
}
.ant-picker-focused .ant-picker-separator {
color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
cursor: not-allowed;
}
.ant-picker-range {
position: relative;
display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
bottom: -1px;
height: 2px;
margin-left: 11px;
background: #1890ff;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
opacity: 1;
}
.ant-picker-range-separator {
align-items: center;
padding: 0 8px;
line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
margin-left: 7px;
}
.ant-picker-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
z-index: 1050;
}
.ant-picker-dropdown-hidden {
display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
top: 1.66666667px;
display: block;
transform: rotate(-45deg);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
bottom: 1.66666667px;
display: block;
transform: rotate(135deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-
dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-
dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-
dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-
dropdown-placement-topRight {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-
dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-
dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-
dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-
dropdown-placement-bottomRight {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-
dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-
dropdown-placement-topRight {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-
dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-
dropdown-placement-bottomRight {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
padding: 6.66666667px 0;
}
.ant-picker-dropdown-range-hidden {
display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
padding-top: 4px;
}
.ant-picker-ranges {
margin-bottom: 0;
padding: 4px 12px;
overflow: hidden;
line-height: 34px;
text-align: left;
list-style: none;
}
.ant-picker-ranges > li {
display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
color: #1890ff;
background: #e6f7ff;
border-color: #91d5ff;
cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
float: right;
margin-left: 8px;
}
.ant-picker-range-wrapper {
display: flex;
}
.ant-picker-range-arrow {
position: absolute;
z-index: 1;
display: none;
width: 10px;
height: 10px;
margin-left: 16.5px;
box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
transition: left 0.3s ease-out;
}
.ant-picker-range-arrow::after {
position: absolute;
top: 1px;
right: 1px;
width: 10px;
height: 10px;
border: 5px solid #f0f0f0;
border-color: #fff #fff transparent transparent;
content: '';
}
.ant-picker-panel-container {
overflow: hidden;
vertical-align: top;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
display: inline-flex;
flex-wrap: nowrap;
direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
vertical-align: top;
background: transparent;
border-width: 0 0 1px 0;
border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
border-color: #f0f0f0;
}
.ant-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 2px;
outline: none;
}
.ant-picker-panel-focused {
border-color: #1890ff;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
display: flex;
flex-direction: column;
width: 280px;
}
.ant-picker-header {
display: flex;
padding: 0 8px;
color: rgba(0, 0, 0, 0.85);
border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
flex: none;
}
.ant-picker-header button {
padding: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 40px;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.ant-picker-header > button {
min-width: 1.6em;
font-size: 14px;
}
.ant-picker-header > button:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
flex: auto;
font-weight: 500;
line-height: 40px;
}
.ant-picker-header-view button {
color: inherit;
font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
.ant-picker-header-view button:hover {
color: #1890ff;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1.5px 0 0 1.5px;
content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
position: absolute;
top: 4px;
left: 4px;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1.5px 0 0 1.5px;
content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
transform: rotate(135deg);
}
.ant-picker-content {
width: 100%;
table-layout:
fixed;
border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
position: relative;
min-width: 24px;
font-weight: 400;
}
.ant-picker-content th {
height: 30px;
color: rgba(0, 0, 0, 0.85);
line-height: 30px;
}
.ant-picker-cell {
padding: 3px 0;
color: rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.ant-picker-cell-in-view {
color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell::before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 1;
height: 24px;
transform: translateY(-50%);
transition: all 0.3s;
content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-
start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-
start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border: 1px solid #1890ff;
border-radius: 2px;
content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
color: #fff;
background: #1890ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-
start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-
single)::before {
background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-
range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-
range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-
start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-
start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-
start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-
single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-
range)::after {
position: absolute;
top: 50%;
z-index: 0;
height: 24px;
border-top: 1px dashed #7ec1ff;
border-bottom: 1px dashed #7ec1ff;
transform: translateY(-50%);
transition: all 0.3s;
content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
right: 0;
left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-
hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-
hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-
hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-
start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-
single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-
picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-
picker-cell-in-range.ant-picker-cell-range-hover-end::before {
background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-
start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-
single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-
picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-
picker-cell-range-hover-end .ant-picker-cell-inner::after {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
background: #cbe6ff;
transition: all 0.3s;
content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-
picker-cell-range-hover-start .ant-picker-cell-inner::after {
right: -6px;
left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-
picker-cell-range-hover-end .ant-picker-cell-inner::after {
right: 0;
left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-
start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-
cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
left: 6px;
border-left: 1px dashed #7ec1ff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-
end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-
range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
right: 6px;
border-right: 1px dashed #7ec1ff;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
background: transparent;
}
.ant-picker-cell-disabled::before {
background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
height: 56px;
}
.ant-picker-footer {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
min-width: 100%;
line-height: 38px;
text-align: center;
border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
padding: 0 12px;
line-height: 38px;
text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
text-align: left;
}
.ant-picker-today-btn {
color: #1890ff;
}
.ant-picker-today-btn:hover {
color: #40a9ff;
}
.ant-picker-today-btn:active {
color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
left: 14px;
border-left: 1px dashed #7ec1ff;
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-
start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-
start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-
start::after {
right: 14px;
border-right: 1px dashed #7ec1ff;
border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
right: 14px;
border-right: 1px dashed #7ec1ff;
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-
end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-
end::after,
.ant-picker-panel-rtl
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
left: 14px;
border-left: 1px dashed #7ec1ff;
border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
background: transparent !important;
}
.ant-picker-week-panel-row td {
transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-
inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-
cell-inner::before {
border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
width: 36px;
}
.ant-picker-datetime-panel {
display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
opacity: 1;
}
.ant-picker-time-panel {
width: auto;
min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
display: flex;
flex: auto;
height: 224px;
}
.ant-picker-time-panel-column {
flex: 1 0 auto;
width: 56px;
margin: 0;
padding: 0;
overflow-y: hidden;
text-align: left;
list-style: none;
transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
display: block;
height: 196px;
content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
background: rgba(230, 247, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
overflow-y: auto;
}
.ant-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-
panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
padding: 0 0 0 14px;
color: rgba(0, 0, 0, 0.85);
line-height: 28px;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-
panel-cell-inner:hover {
background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-
time-panel-cell-inner {
background: #e6f7ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-
time-panel-cell-inner {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
/* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix
*/
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-
cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
padding: 21px 0;
}
.ant-picker-rtl {
direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
margin-right: 4px;
margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
right: auto;
left: 0;
}
.ant-picker-rtl .ant-picker-separator {
transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
right: auto;
left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
margin-right: 11px;
margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
float: left;
margin-right: 8px;
margin-left: 0;
}
.ant-picker-panel-rtl {
direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before
{
right: 50%;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
right: 0;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-
picker-cell-range-end::before {
right: 50%;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-
cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
right: 0;
left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-
cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
right: -6px;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-
start::after {
right: 0;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after
{
right: 50%;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-
start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-
end) .ant-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-
picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-
inner {
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-
hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-
cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-
range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-
start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-
start::after {
right: 6px;
left: 0;
border-right: 1px dashed #7ec1ff;
border-left: none;
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-
hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-
range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-
end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-
end::after {
right: 0;
left: 6px;
border-right: none;
border-left: 1px dashed #7ec1ff;
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-
start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-
end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-
cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-
cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-
range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-
range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-
hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-
picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-
cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
right: 6px;
left: 6px;
border-right: 1px dashed #7ec1ff;
border-left: 1px dashed #7ec1ff;
border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
direction: rtl;
text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
direction: ltr;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-tag {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
height: auto;
margin-right: 8px;
padding: 0 7px;
font-size: 12px;
line-height:
20px;
white-space: nowrap;
background: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
opacity: 1;
transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
display: inline-block;
margin: 0 -8px;
padding: 0 8px;
}
.ant-tag-close-icon {
margin-left: 3px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
cursor: pointer;
transition: all 0.3s;
}
.ant-tag-close-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
color: #fff;
}
.ant-tag-checkable {
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
color: #fff;
}
.ant-tag-checkable-checked {
background-color: #1890ff;
}
.ant-tag-checkable:active {
background-color: #096dd9;
}
.ant-tag-hidden {
display: none;
}
.ant-tag-pink {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2;
}
.ant-tag-pink-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96;
}
.ant-tag-magenta {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96;
}
.ant-tag-red {
color: #cf1322;
background: #fff1f0;
border-color: #ffa39e;
}
.ant-tag-red-inverse {
color: #fff;
background: #f5222d;
border-color: #f5222d;
}
.ant-tag-volcano {
color: #d4380d;
background: #fff2e8;
border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
color: #fff;
background: #fa541c;
border-color: #fa541c;
}
.ant-tag-orange {
color: #d46b08;
background: #fff7e6;
border-color: #ffd591;
}
.ant-tag-orange-inverse {
color: #fff;
background: #fa8c16;
border-color: #fa8c16;
}
.ant-tag-yellow {
color: #d4b106;
background: #feffe6;
border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
color: #fff;
background: #fadb14;
border-color: #fadb14;
}
.ant-tag-gold {
color: #d48806;
background: #fffbe6;
border-color: #ffe58f;
}
.ant-tag-gold-inverse {
color: #fff;
background: #faad14;
border-color: #faad14;
}
.ant-tag-cyan {
color: #08979c;
background: #e6fffb;
border-color: #87e8de;
}
.ant-tag-cyan-inverse {
color: #fff;
background: #13c2c2;
border-color: #13c2c2;
}
.ant-tag-lime {
color: #7cb305;
background: #fcffe6;
border-color: #eaff8f;
}
.ant-tag-lime-inverse {
color: #fff;
background: #a0d911;
border-color: #a0d911;
}
.ant-tag-green {
color: #389e0d;
background: #f6ffed;
border-color: #b7eb8f;
}
.ant-tag-green-inverse {
color: #fff;
background: #52c41a;
border-color: #52c41a;
}
.ant-tag-blue {
color: #096dd9;
background: #e6f7ff;
border-color: #91d5ff;
}
.ant-tag-blue-inverse {
color: #fff;
background: #1890ff;
border-color: #1890ff;
}
.ant-tag-geekblue {
color: #1d39c4;
background: #f0f5ff;
border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
color: #fff;
background: #2f54eb;
border-color: #2f54eb;
}
.ant-tag-purple {
color: #531dab;
background: #f9f0ff;
border-color: #d3adf7;
}
.ant-tag-purple-inverse {
color: #fff;
background: #722ed1;
border-color: #722ed1;
}
.ant-tag-success {
color: #52c41a;
background: #f6ffed;
border-color: #b7eb8f;
}
.ant-tag-processing {
color: #1890ff;
background: #e6f7ff;
border-color: #91d5ff;
}
.ant-tag-error {
color: #ff4d4f;
background: #fff2f0;
border-color: #ffccc7;
}
.ant-tag-warning {
color: #faad14;
background: #fffbe6;
border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
margin-right: 3px;
margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
margin-right: 7px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-card {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
background: #fff;
border-radius: 2px;
}
.ant-card-rtl {
direction: rtl;
}
.ant-card-hoverable {
cursor: pointer;
transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
border-color: transparent;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
border: 1px solid #f0f0f0;
}
.ant-card-head {
min-height: 48px;
margin-bottom: -1px;
padding: 0 24px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
background: transparent;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
display: table;
content: '';
}
.ant-card-head::after {
display: table;
clear: both;
content: '';
}
.ant-card-head-wrapper {
display: flex;
align-items: center;
}
.ant-card-head-title {
display: inline-block;
flex: 1;
padding: 16px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
clear: both;
margin-bottom: -17px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
float: right;
margin-left: auto;
padding: 16px 0;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
margin-right: auto;
margin-left: 0;
}
.ant-card-body {
padding: 24px;
}
.ant-card-body::before {
display: table;
content: '';
}
.ant-card-body::after {
display: table;
clear: both;
content: '';
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
margin: -1px 0 0 -1px;
padding: 0;
}
.ant-card-grid {
float: left;
width: 33.33%;
padding: 24px;
border: 0;
border-radius: 0;
box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0
#f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
float: right;
}
.ant-card-grid-hoverable:hover {
position: relative;
z-index: 1;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
min-height: 32px;
padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
margin-top: -1px;
margin-right: -1px;
margin-left: -1px;
}
.ant-card-cover > * {
display: block;
width: 100%;
}
.ant-card-cover img {
border-radius: 2px 2px 0 0;
}
.ant-card-actions {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
display: table;
content: '';
}
.ant-card-actions::after {
display: table;
clear: both;
content: '';
}
.ant-card-actions > li {
float: left;
margin: 12px 0;
color: rgba(0, 0, 0, 0.45);
text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
float: right;
}
.ant-card-actions > li > span {
position: relative;
display: block;
min-width: 32px;
font-size: 14px;
line-height: 1.5715;
cursor: pointer;
}
.ant-card-actions > li > span:hover {
color: #1890ff;
transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
display: inline-block;
width: 100%;
color: rgba(0, 0, 0, 0.45);
line-height: 22px;
transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
font-size: 16px;
line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
padding: 0 24px;
background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
padding: 12px 0;
font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
padding: 13.5px 0;
}
.ant-card-meta {
margin: -4px 0;
}
.ant-card-meta::before {
display: table;
content: '';
}
.ant-card-meta::after {
display: table;
clear: both;
content: '';
}
.ant-card-meta-avatar {
float: left;
padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
float: right;
padding-right: 0;
padding-left: 16px;
}
.ant-card-meta-detail {
overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
margin-bottom: 8px;
}
.ant-card-meta-title {
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-card-meta-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
overflow: hidden;
}
.ant-card-loading .ant-card-body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-card-loading-content p {
margin: 0;
}
.ant-card-loading-block
{
height: 14px;
margin: 4px 0;
background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220,
0.4), rgba(207, 216, 220, 0.2));
background-size: 600% 600%;
border-radius: 2px;
-webkit-animation: card-loading 1.4s ease infinite;
animation: card-loading 1.4s ease infinite;
}
@-webkit-keyframes card-loading {
0%,
100% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
}
@keyframes card-loading {
0%,
100% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
}
.ant-card-small > .ant-card-head {
min-height: 36px;
padding: 0 12px;
font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
padding: 8px 0;
font-size: 14px;
}
.ant-card-small > .ant-card-body {
padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 0;
font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
padding: 16px 0;
font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
padding: 7px 16px 6px;
}
.ant-tabs-rtl {
direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
margin-right: 0;
margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
margin-right: 8px;
margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-
tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-
tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab
+ .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab
+ .ant-tabs-tab {
margin-right: 2px;
margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add
{
margin-right: 2px;
margin-left: 0;
}
.ant-tabs-dropdown-rtl {
direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
position: absolute;
right: 0;
left: 0;
border-bottom: 1px solid #f0f0f0;
content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
top: 0;
bottom: 0;
width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
left: 0;
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
right: 0;
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
left::before {
opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
right::after {
opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
order: 1;
margin-top: 16px;
margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
flex-direction: column;
min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 24px;
text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
right: 0;
left: 0;
height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
top: 0;
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
bottom: 0;
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
top::before {
opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-
bottom::after {
opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right
> div > .ant-tabs-nav .ant-tabs-ink-bar {
width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
flex: 1 0 auto;
flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
margin-left: -1px;
border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-
tabpane {
padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
order: 0;
margin-right: -1px;
border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-
tabpane {
padding-right: 24px;
}
.ant-tabs-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block;
}
.ant-tabs-dropdown-hidden {
display: none;
}
.ant-tabs-dropdown-menu {
max-height: 200px;
margin: 0;
padding: 4px 0;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
display: flex;
align-items: center;
min-width: 120px;
margin: 0;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
flex: 1;
white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
flex: none;
margin-left: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
background: transparent;
border: 0;
cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
color: #40a9ff;
}
.ant-tabs-dropdown-menu-item:hover {
background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
margin: 0;
padding: 8px 16px;
background: #fafafa;
border: 1px solid #f0f0f0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
color: #1890ff;
background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab
{
margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
border-left-color: #fff;
}
.ant-tabs {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
overflow: hidden;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
position: relative;
display: flex;
flex: none;
align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
position: relative;
display: inline-block;
display: flex;
flex: auto;
align-self: stretch;
overflow: hidden;
white-space: nowrap;
transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
position: absolute;
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
content: '';
pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
position: relative;
display: flex;
transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
display: flex;
align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
position: absolute;
visibility: hidden;
pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
position: relative;
padding: 8px 16px;
background: transparent;
border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 5px;
transform: translateY(100%);
content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
min-width: 40px;
margin-left: 2px;
padding: 0 8px;
background: #fafafa;
border: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
outline: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
color: #40a9ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
color: #096dd9;
}
.ant-tabs-extra-content {
flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-
wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-
nav-wrap-ping']) {
justify-content: center;
}
.ant-tabs-ink-bar {
position: absolute;
background: #1890ff;
pointer-events: none;
}
.ant-tabs-tab {
position: relative;
display: inline-flex;
align-items: center;
padding: 12px 0;
font-size: 14px;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
color: #096dd9;
}
.ant-tabs-tab-btn {
outline: none;
transition: all 0.3s;
}
.ant-tabs-tab-remove {
flex: none;
margin-right: -4px;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
background: transparent;
border: none;
outline: none;
cursor: pointer;
transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
color: #40a9ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
color: #1890ff;
text-shadow:
0 0 0.25px currentColor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
margin: 0;
}
.ant-tabs-tab .anticon {
margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
margin: 0 0 0 32px;
}
.ant-tabs-content {
display: flex;
width: 100%;
}
.ant-tabs-content-holder {
flex: auto;
min-width: 0;
min-height: 0;
}
.ant-tabs-content-animated {
transition: margin 0.3s;
}
.ant-tabs-tabpane {
flex: none;
width: 100%;
outline: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-row {
display: flex;
flex-flow: row wrap;
}
.ant-row::before,
.ant-row::after {
display: flex;
}
.ant-row-no-wrap {
flex-wrap: nowrap;
}
.ant-row-start {
justify-content: flex-start;
}
.ant-row-center {
justify-content: center;
}
.ant-row-end {
justify-content: flex-end;
}
.ant-row-space-between {
justify-content: space-between;
}
.ant-row-space-around {
justify-content: space-around;
}
.ant-row-top {
align-items: flex-start;
}
.ant-row-middle {
align-items: center;
}
.ant-row-bottom {
align-items: flex-end;
}
.ant-col {
position: relative;
max-width: 100%;
min-height: 1px;
}
.ant-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-push-24 {
left: 100%;
}
.ant-col-pull-24 {
right: 100%;
}
.ant-col-offset-24 {
margin-left: 100%;
}
.ant-col-order-24 {
order: 24;
}
.ant-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-push-23 {
left: 95.83333333%;
}
.ant-col-pull-23 {
right: 95.83333333%;
}
.ant-col-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-order-23 {
order: 23;
}
.ant-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-push-22 {
left: 91.66666667%;
}
.ant-col-pull-22 {
right: 91.66666667%;
}
.ant-col-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-order-22 {
order: 22;
}
.ant-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-push-21 {
left: 87.5%;
}
.ant-col-pull-21 {
right: 87.5%;
}
.ant-col-offset-21 {
margin-left: 87.5%;
}
.ant-col-order-21 {
order: 21;
}
.ant-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-push-20 {
left: 83.33333333%;
}
.ant-col-pull-20 {
right: 83.33333333%;
}
.ant-col-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-order-20 {
order: 20;
}
.ant-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-push-19 {
left: 79.16666667%;
}
.ant-col-pull-19 {
right: 79.16666667%;
}
.ant-col-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-order-19 {
order: 19;
}
.ant-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-push-18 {
left: 75%;
}
.ant-col-pull-18 {
right: 75%;
}
.ant-col-offset-18 {
margin-left: 75%;
}
.ant-col-order-18 {
order: 18;
}
.ant-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-push-17 {
left: 70.83333333%;
}
.ant-col-pull-17 {
right: 70.83333333%;
}
.ant-col-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-order-17 {
order: 17;
}
.ant-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-push-16 {
left: 66.66666667%;
}
.ant-col-pull-16 {
right: 66.66666667%;
}
.ant-col-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-order-16 {
order: 16;
}
.ant-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-push-15 {
left: 62.5%;
}
.ant-col-pull-15 {
right: 62.5%;
}
.ant-col-offset-15 {
margin-left: 62.5%;
}
.ant-col-order-15 {
order: 15;
}
.ant-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-push-14 {
left: 58.33333333%;
}
.ant-col-pull-14 {
right: 58.33333333%;
}
.ant-col-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-order-14 {
order: 14;
}
.ant-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-push-13 {
left: 54.16666667%;
}
.ant-col-pull-13 {
right: 54.16666667%;
}
.ant-col-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-order-13 {
order: 13;
}
.ant-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-push-12 {
left: 50%;
}
.ant-col-pull-12 {
right: 50%;
}
.ant-col-offset-12 {
margin-left: 50%;
}
.ant-col-order-12 {
order: 12;
}
.ant-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-push-11 {
left: 45.83333333%;
}
.ant-col-pull-11 {
right: 45.83333333%;
}
.ant-col-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-order-11 {
order: 11;
}
.ant-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-push-10 {
left: 41.66666667%;
}
.ant-col-pull-10 {
right: 41.66666667%;
}
.ant-col-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-order-10 {
order: 10;
}
.ant-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-push-9 {
left: 37.5%;
}
.ant-col-pull-9 {
right: 37.5%;
}
.ant-col-offset-9 {
margin-left: 37.5%;
}
.ant-col-order-9 {
order: 9;
}
.ant-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-push-8 {
left: 33.33333333%;
}
.ant-col-pull-8 {
right: 33.33333333%;
}
.ant-col-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-order-8 {
order: 8;
}
.ant-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-push-7 {
left: 29.16666667%;
}
.ant-col-pull-7 {
right: 29.16666667%;
}
.ant-col-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-order-7 {
order: 7;
}
.ant-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-push-6 {
left: 25%;
}
.ant-col-pull-6 {
right: 25%;
}
.ant-col-offset-6 {
margin-left: 25%;
}
.ant-col-order-6 {
order: 6;
}
.ant-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-push-5 {
left: 20.83333333%;
}
.ant-col-pull-5 {
right: 20.83333333%;
}
.ant-col-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-order-5 {
order: 5;
}
.ant-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-push-4 {
left: 16.66666667%;
}
.ant-col-pull-4 {
right: 16.66666667%;
}
.ant-col-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-order-4 {
order: 4;
}
.ant-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-push-3 {
left: 12.5%;
}
.ant-col-pull-3 {
right: 12.5%;
}
.ant-col-offset-3 {
margin-left: 12.5%;
}
.ant-col-order-3 {
order: 3;
}
.ant-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-push-2 {
left: 8.33333333%;
}
.ant-col-pull-2 {
right: 8.33333333%;
}
.ant-col-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-order-2 {
order: 2;
}
.ant-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-push-1 {
left: 4.16666667%;
}
.ant-col-pull-1 {
right: 4.16666667%;
}
.ant-col-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-order-1 {
order: 1;
}
.ant-col-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-offset-0 {
margin-left: 0;
}
.ant-col-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl
{
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
.ant-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-push-24 {
left: 100%;
}
.ant-col-xs-pull-24 {
right: 100%;
}
.ant-col-xs-offset-24 {
margin-left: 100%;
}
.ant-col-xs-order-24 {
order: 24;
}
.ant-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
left: 95.83333333%;
}
.ant-col-xs-pull-23 {
right: 95.83333333%;
}
.ant-col-xs-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
order: 23;
}
.ant-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
left: 91.66666667%;
}
.ant-col-xs-pull-22 {
right: 91.66666667%;
}
.ant-col-xs-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
order: 22;
}
.ant-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xs-push-21 {
left: 87.5%;
}
.ant-col-xs-pull-21 {
right: 87.5%;
}
.ant-col-xs-offset-21 {
margin-left: 87.5%;
}
.ant-col-xs-order-21 {
order: 21;
}
.ant-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
left: 83.33333333%;
}
.ant-col-xs-pull-20 {
right: 83.33333333%;
}
.ant-col-xs-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
order: 20;
}
.ant-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
left: 79.16666667%;
}
.ant-col-xs-pull-19 {
right: 79.16666667%;
}
.ant-col-xs-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
order: 19;
}
.ant-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xs-push-18 {
left: 75%;
}
.ant-col-xs-pull-18 {
right: 75%;
}
.ant-col-xs-offset-18 {
margin-left: 75%;
}
.ant-col-xs-order-18 {
order: 18;
}
.ant-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
left: 70.83333333%;
}
.ant-col-xs-pull-17 {
right: 70.83333333%;
}
.ant-col-xs-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
order: 17;
}
.ant-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
left: 66.66666667%;
}
.ant-col-xs-pull-16 {
right: 66.66666667%;
}
.ant-col-xs-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
order: 16;
}
.ant-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xs-push-15 {
left: 62.5%;
}
.ant-col-xs-pull-15 {
right: 62.5%;
}
.ant-col-xs-offset-15 {
margin-left: 62.5%;
}
.ant-col-xs-order-15 {
order: 15;
}
.ant-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
left: 58.33333333%;
}
.ant-col-xs-pull-14 {
right: 58.33333333%;
}
.ant-col-xs-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
order: 14;
}
.ant-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
left: 54.16666667%;
}
.ant-col-xs-pull-13 {
right: 54.16666667%;
}
.ant-col-xs-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
order: 13;
}
.ant-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xs-push-12 {
left: 50%;
}
.ant-col-xs-pull-12 {
right: 50%;
}
.ant-col-xs-offset-12 {
margin-left: 50%;
}
.ant-col-xs-order-12 {
order: 12;
}
.ant-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
left: 45.83333333%;
}
.ant-col-xs-pull-11 {
right: 45.83333333%;
}
.ant-col-xs-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
order: 11;
}
.ant-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
left: 41.66666667%;
}
.ant-col-xs-pull-10 {
right: 41.66666667%;
}
.ant-col-xs-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
order: 10;
}
.ant-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xs-push-9 {
left: 37.5%;
}
.ant-col-xs-pull-9 {
right: 37.5%;
}
.ant-col-xs-offset-9 {
margin-left: 37.5%;
}
.ant-col-xs-order-9 {
order: 9;
}
.ant-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
left: 33.33333333%;
}
.ant-col-xs-pull-8 {
right: 33.33333333%;
}
.ant-col-xs-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
order: 8;
}
.ant-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
left: 29.16666667%;
}
.ant-col-xs-pull-7 {
right: 29.16666667%;
}
.ant-col-xs-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
order: 7;
}
.ant-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xs-push-6 {
left: 25%;
}
.ant-col-xs-pull-6 {
right: 25%;
}
.ant-col-xs-offset-6 {
margin-left: 25%;
}
.ant-col-xs-order-6 {
order: 6;
}
.ant-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
left: 20.83333333%;
}
.ant-col-xs-pull-5 {
right: 20.83333333%;
}
.ant-col-xs-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
order: 5;
}
.ant-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
left: 16.66666667%;
}
.ant-col-xs-pull-4 {
right: 16.66666667%;
}
.ant-col-xs-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
order: 4;
}
.ant-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xs-push-3 {
left: 12.5%;
}
.ant-col-xs-pull-3 {
right: 12.5%;
}
.ant-col-xs-offset-3 {
margin-left: 12.5%;
}
.ant-col-xs-order-3 {
order: 3;
}
.ant-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
left: 8.33333333%;
}
.ant-col-xs-pull-2 {
right: 8.33333333%;
}
.ant-col-xs-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
order: 2;
}
.ant-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
left: 4.16666667%;
}
.ant-col-xs-pull-1 {
right: 4.16666667%;
}
.ant-col-xs-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
order: 1;
}
.ant-col-xs-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xs-push-0 {
left: auto;
}
.ant-col-xs-pull-0 {
right: auto;
}
.ant-col-xs-offset-0 {
margin-left: 0;
}
.ant-col-xs-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {

right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
@media (min-width: 576px) {
.ant-col-sm-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-sm-push-24 {
left: 100%;
}
.ant-col-sm-pull-24 {
right: 100%;
}
.ant-col-sm-offset-24 {
margin-left: 100%;
}
.ant-col-sm-order-24 {
order: 24;
}
.ant-col-sm-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-sm-push-23 {
left: 95.83333333%;
}
.ant-col-sm-pull-23 {
right: 95.83333333%;
}
.ant-col-sm-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-sm-order-23 {
order: 23;
}
.ant-col-sm-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-sm-push-22 {
left: 91.66666667%;
}
.ant-col-sm-pull-22 {
right: 91.66666667%;
}
.ant-col-sm-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-sm-order-22 {
order: 22;
}
.ant-col-sm-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-sm-push-21 {
left: 87.5%;
}
.ant-col-sm-pull-21 {
right: 87.5%;
}
.ant-col-sm-offset-21 {
margin-left: 87.5%;
}
.ant-col-sm-order-21 {
order: 21;
}
.ant-col-sm-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-sm-push-20 {
left: 83.33333333%;
}
.ant-col-sm-pull-20 {
right: 83.33333333%;
}
.ant-col-sm-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-sm-order-20 {
order: 20;
}
.ant-col-sm-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-sm-push-19 {
left: 79.16666667%;
}
.ant-col-sm-pull-19 {
right: 79.16666667%;
}
.ant-col-sm-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-sm-order-19 {
order: 19;
}
.ant-col-sm-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-sm-push-18 {
left: 75%;
}
.ant-col-sm-pull-18 {
right: 75%;
}
.ant-col-sm-offset-18 {
margin-left: 75%;
}
.ant-col-sm-order-18 {
order: 18;
}
.ant-col-sm-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-sm-push-17 {
left: 70.83333333%;
}
.ant-col-sm-pull-17 {
right: 70.83333333%;
}
.ant-col-sm-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-sm-order-17 {
order: 17;
}
.ant-col-sm-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-sm-push-16 {
left: 66.66666667%;
}
.ant-col-sm-pull-16 {
right: 66.66666667%;
}
.ant-col-sm-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-sm-order-16 {
order: 16;
}
.ant-col-sm-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-sm-push-15 {
left: 62.5%;
}
.ant-col-sm-pull-15 {
right: 62.5%;
}
.ant-col-sm-offset-15 {
margin-left: 62.5%;
}
.ant-col-sm-order-15 {
order: 15;
}
.ant-col-sm-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-sm-push-14 {
left: 58.33333333%;
}
.ant-col-sm-pull-14 {
right: 58.33333333%;
}
.ant-col-sm-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-sm-order-14 {
order: 14;
}
.ant-col-sm-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-sm-push-13 {
left: 54.16666667%;
}
.ant-col-sm-pull-13 {
right: 54.16666667%;
}
.ant-col-sm-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-sm-order-13 {
order: 13;
}
.ant-col-sm-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-sm-push-12 {
left: 50%;
}
.ant-col-sm-pull-12 {
right: 50%;
}
.ant-col-sm-offset-12 {
margin-left: 50%;
}
.ant-col-sm-order-12 {
order: 12;
}
.ant-col-sm-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-sm-push-11 {
left: 45.83333333%;
}
.ant-col-sm-pull-11 {
right: 45.83333333%;
}
.ant-col-sm-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-sm-order-11 {
order: 11;
}
.ant-col-sm-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-sm-push-10 {
left: 41.66666667%;
}
.ant-col-sm-pull-10 {
right: 41.66666667%;
}
.ant-col-sm-offset-10 {
margin-left: 41.66666667%;
}

.ant-col-sm-order-10 {
order: 10;
}
.ant-col-sm-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-sm-push-9 {
left: 37.5%;
}
.ant-col-sm-pull-9 {
right: 37.5%;
}
.ant-col-sm-offset-9 {
margin-left: 37.5%;
}
.ant-col-sm-order-9 {
order: 9;
}
.ant-col-sm-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-sm-push-8 {
left: 33.33333333%;
}
.ant-col-sm-pull-8 {
right: 33.33333333%;
}
.ant-col-sm-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-sm-order-8 {
order: 8;
}
.ant-col-sm-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-sm-push-7 {
left: 29.16666667%;
}
.ant-col-sm-pull-7 {
right: 29.16666667%;
}
.ant-col-sm-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-sm-order-7 {
order: 7;
}
.ant-col-sm-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-sm-push-6 {
left: 25%;
}
.ant-col-sm-pull-6 {
right: 25%;
}
.ant-col-sm-offset-6 {
margin-left: 25%;
}
.ant-col-sm-order-6 {
order: 6;
}
.ant-col-sm-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-sm-push-5 {
left: 20.83333333%;
}
.ant-col-sm-pull-5 {
right: 20.83333333%;
}
.ant-col-sm-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-sm-order-5 {
order: 5;
}
.ant-col-sm-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-sm-push-4 {
left: 16.66666667%;
}
.ant-col-sm-pull-4 {
right: 16.66666667%;
}
.ant-col-sm-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-sm-order-4 {
order: 4;
}
.ant-col-sm-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-sm-push-3 {
left: 12.5%;
}
.ant-col-sm-pull-3 {
right: 12.5%;
}
.ant-col-sm-offset-3 {
margin-left: 12.5%;
}
.ant-col-sm-order-3 {
order: 3;
}
.ant-col-sm-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-sm-push-2 {
left: 8.33333333%;
}
.ant-col-sm-pull-2 {
right: 8.33333333%;
}
.ant-col-sm-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-sm-order-2 {
order: 2;
}
.ant-col-sm-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-sm-push-1 {
left: 4.16666667%;
}
.ant-col-sm-pull-1 {
right: 4.16666667%;
}
.ant-col-sm-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-sm-order-1 {
order: 1;
}
.ant-col-sm-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-sm-push-0 {
left: auto;
}
.ant-col-sm-pull-0 {
right: auto;
}
.ant-col-sm-offset-0 {
margin-left: 0;
}
.ant-col-sm-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-sm-push-0.ant-col-rtl {
right: auto;
}
.ant-col-sm-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-sm-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-sm-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-sm-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-sm-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-sm-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-sm-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-sm-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-sm-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-sm-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-sm-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-sm-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-sm-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-sm-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-sm-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-sm-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-sm-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-sm-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-sm-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-sm-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-sm-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-sm-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-sm-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-sm-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-sm-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-sm-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-sm-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-sm-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-sm-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-sm-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-sm-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-sm-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-sm-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-sm-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-sm-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-sm-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-sm-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-sm-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-sm-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-sm-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-sm-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-sm-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-sm-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-sm-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-sm-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-sm-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-sm-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-sm-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-sm-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-sm-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-sm-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-sm-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-sm-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-sm-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-sm-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-sm-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-sm-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-sm-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-sm-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-sm-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-sm-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-sm-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-sm-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-sm-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-sm-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-sm-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-sm-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-sm-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-sm-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-sm-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-sm-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-sm-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-sm-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-sm-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) {
.ant-col-md-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-md-push-24 {
left: 100%;
}
.ant-col-md-pull-24 {
right: 100%;
}
.ant-col-md-offset-24 {
margin-left: 100%;
}
.ant-col-md-order-24 {
order: 24;
}
.ant-col-md-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-md-push-23 {
left: 95.83333333%;
}
.ant-col-md-pull-23 {
right: 95.83333333%;
}
.ant-col-md-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-md-order-23 {
order: 23;
}
.ant-col-md-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-md-push-22 {
left: 91.66666667%;

}
.ant-col-md-pull-22 {
right: 91.66666667%;
}
.ant-col-md-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-md-order-22 {
order: 22;
}
.ant-col-md-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-md-push-21 {
left: 87.5%;
}
.ant-col-md-pull-21 {
right: 87.5%;
}
.ant-col-md-offset-21 {
margin-left: 87.5%;
}
.ant-col-md-order-21 {
order: 21;
}
.ant-col-md-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-md-push-20 {
left: 83.33333333%;
}
.ant-col-md-pull-20 {
right: 83.33333333%;
}
.ant-col-md-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-md-order-20 {
order: 20;
}
.ant-col-md-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-md-push-19 {
left: 79.16666667%;
}
.ant-col-md-pull-19 {
right: 79.16666667%;
}
.ant-col-md-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-md-order-19 {
order: 19;
}
.ant-col-md-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-md-push-18 {
left: 75%;
}
.ant-col-md-pull-18 {
right: 75%;
}
.ant-col-md-offset-18 {
margin-left: 75%;
}
.ant-col-md-order-18 {
order: 18;
}
.ant-col-md-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-md-push-17 {
left: 70.83333333%;
}
.ant-col-md-pull-17 {
right: 70.83333333%;
}
.ant-col-md-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-md-order-17 {
order: 17;
}
.ant-col-md-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-md-push-16 {
left: 66.66666667%;
}
.ant-col-md-pull-16 {
right: 66.66666667%;
}
.ant-col-md-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-md-order-16 {
order: 16;
}
.ant-col-md-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-md-push-15 {
left: 62.5%;
}
.ant-col-md-pull-15 {
right: 62.5%;
}
.ant-col-md-offset-15 {
margin-left: 62.5%;
}
.ant-col-md-order-15 {
order: 15;
}
.ant-col-md-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-md-push-14 {
left: 58.33333333%;
}
.ant-col-md-pull-14 {
right: 58.33333333%;
}
.ant-col-md-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-md-order-14 {
order: 14;
}
.ant-col-md-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-md-push-13 {
left: 54.16666667%;
}
.ant-col-md-pull-13 {
right: 54.16666667%;
}
.ant-col-md-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-md-order-13 {
order: 13;
}
.ant-col-md-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-md-push-12 {
left: 50%;
}
.ant-col-md-pull-12 {
right: 50%;
}
.ant-col-md-offset-12 {
margin-left: 50%;
}
.ant-col-md-order-12 {
order: 12;
}
.ant-col-md-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-md-push-11 {
left: 45.83333333%;
}
.ant-col-md-pull-11 {
right: 45.83333333%;
}
.ant-col-md-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-md-order-11 {
order: 11;
}
.ant-col-md-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-md-push-10 {
left: 41.66666667%;
}
.ant-col-md-pull-10 {
right: 41.66666667%;
}
.ant-col-md-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-md-order-10 {
order: 10;
}
.ant-col-md-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-md-push-9 {
left: 37.5%;
}
.ant-col-md-pull-9 {
right: 37.5%;
}
.ant-col-md-offset-9 {
margin-left: 37.5%;
}
.ant-col-md-order-9 {
order: 9;
}
.ant-col-md-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-md-push-8 {
left: 33.33333333%;
}
.ant-col-md-pull-8 {
right: 33.33333333%;
}
.ant-col-md-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-md-order-8 {
order: 8;
}
.ant-col-md-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-md-push-7 {
left: 29.16666667%;
}
.ant-col-md-pull-7 {
right: 29.16666667%;
}
.ant-col-md-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-md-order-7 {
order: 7;
}
.ant-col-md-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-md-push-6 {
left: 25%;
}
.ant-col-md-pull-6 {
right: 25%;
}
.ant-col-md-offset-6 {
margin-left: 25%;
}
.ant-col-md-order-6 {
order: 6;
}
.ant-col-md-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-md-push-5 {
left: 20.83333333%;
}
.ant-col-md-pull-5 {
right: 20.83333333%;
}
.ant-col-md-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-md-order-5 {
order: 5;
}
.ant-col-md-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-md-push-4 {
left: 16.66666667%;
}
.ant-col-md-pull-4 {
right: 16.66666667%;
}
.ant-col-md-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-md-order-4 {
order: 4;
}
.ant-col-md-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-md-push-3 {
left: 12.5%;
}
.ant-col-md-pull-3 {
right: 12.5%;
}
.ant-col-md-offset-3 {
margin-left: 12.5%;
}
.ant-col-md-order-3 {
order: 3;
}
.ant-col-md-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-md-push-2 {
left: 8.33333333%;
}
.ant-col-md-pull-2 {
right: 8.33333333%;
}
.ant-col-md-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-md-order-2 {
order: 2;
}
.ant-col-md-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-md-push-1 {
left: 4.16666667%;
}
.ant-col-md-pull-1 {
right: 4.16666667%;
}
.ant-col-md-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-md-order-1 {
order: 1;
}
.ant-col-md-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-md-push-0 {
left: auto;
}
.ant-col-md-pull-0 {
right: auto;
}
.ant-col-md-offset-0 {
margin-left: 0;
}
.ant-col-md-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-md-push-0.ant-col-rtl {
right: auto;
}
.ant-col-md-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-md-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-md-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-md-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-md-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-md-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-md-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-md-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-md-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-md-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-md-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-md-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-md-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-md-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-md-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-md-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-md-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-md-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-md-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-md-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-md-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-md-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-md-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-md-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-md-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-md-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-md-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-md-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-md-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-md-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-md-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-md-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-md-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-md-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-md-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-md-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-md-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-md-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-md-push-13.ant-col-rtl {
right:
54.16666667%;
left: auto;
}
.ant-col-md-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-md-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-md-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-md-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-md-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-md-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-md-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-md-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-md-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-md-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-md-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-md-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-md-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-md-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-md-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-md-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-md-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-md-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-md-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-md-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-md-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-md-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-md-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-md-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-md-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-md-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-md-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-md-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-md-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-md-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-md-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-md-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-md-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-md-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-md-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 992px) {
.ant-col-lg-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-lg-push-24 {
left: 100%;
}
.ant-col-lg-pull-24 {
right: 100%;
}
.ant-col-lg-offset-24 {
margin-left: 100%;
}
.ant-col-lg-order-24 {
order: 24;
}
.ant-col-lg-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-lg-push-23 {
left: 95.83333333%;
}
.ant-col-lg-pull-23 {
right: 95.83333333%;
}
.ant-col-lg-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-lg-order-23 {
order: 23;
}
.ant-col-lg-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-lg-push-22 {
left: 91.66666667%;
}
.ant-col-lg-pull-22 {
right: 91.66666667%;
}
.ant-col-lg-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-lg-order-22 {
order: 22;
}
.ant-col-lg-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-lg-push-21 {
left: 87.5%;
}
.ant-col-lg-pull-21 {
right: 87.5%;
}
.ant-col-lg-offset-21 {
margin-left: 87.5%;
}
.ant-col-lg-order-21 {
order: 21;
}
.ant-col-lg-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-lg-push-20 {
left: 83.33333333%;
}
.ant-col-lg-pull-20 {
right: 83.33333333%;
}
.ant-col-lg-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-lg-order-20 {
order: 20;
}
.ant-col-lg-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-lg-push-19 {
left: 79.16666667%;
}
.ant-col-lg-pull-19 {
right: 79.16666667%;
}
.ant-col-lg-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-lg-order-19 {
order: 19;
}
.ant-col-lg-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-lg-push-18 {
left: 75%;
}
.ant-col-lg-pull-18 {
right: 75%;
}
.ant-col-lg-offset-18 {
margin-left: 75%;
}
.ant-col-lg-order-18 {
order: 18;
}
.ant-col-lg-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-lg-push-17 {
left: 70.83333333%;
}
.ant-col-lg-pull-17 {
right: 70.83333333%;
}
.ant-col-lg-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-lg-order-17 {
order: 17;
}
.ant-col-lg-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-lg-push-16 {
left: 66.66666667%;
}
.ant-col-lg-pull-16 {
right: 66.66666667%;
}
.ant-col-lg-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-lg-order-16 {
order: 16;
}
.ant-col-lg-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-lg-push-15 {
left: 62.5%;
}
.ant-col-lg-pull-15 {
right: 62.5%;
}
.ant-col-lg-offset-15 {
margin-left: 62.5%;
}
.ant-col-lg-order-15 {
order: 15;
}
.ant-col-lg-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-lg-push-14 {
left: 58.33333333%;
}
.ant-col-lg-pull-14 {
right: 58.33333333%;
}
.ant-col-lg-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-lg-order-14 {
order: 14;
}
.ant-col-lg-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-lg-push-13 {
left: 54.16666667%;
}
.ant-col-lg-pull-13 {
right: 54.16666667%;
}
.ant-col-lg-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-lg-order-13 {
order: 13;
}
.ant-col-lg-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-lg-push-12 {
left: 50%;
}
.ant-col-lg-pull-12 {
right: 50%;
}
.ant-col-lg-offset-12 {
margin-left: 50%;
}
.ant-col-lg-order-12 {
order: 12;
}
.ant-col-lg-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-lg-push-11 {
left: 45.83333333%;
}
.ant-col-lg-pull-11 {
right: 45.83333333%;
}
.ant-col-lg-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-lg-order-11 {
order: 11;
}
.ant-col-lg-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-lg-push-10 {
left: 41.66666667%;
}
.ant-col-lg-pull-10 {
right: 41.66666667%;
}
.ant-col-lg-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-lg-order-10 {
order: 10;
}
.ant-col-lg-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-lg-push-9 {
left: 37.5%;
}
.ant-col-lg-pull-9 {
right: 37.5%;
}
.ant-col-lg-offset-9 {
margin-left: 37.5%;
}
.ant-col-lg-order-9 {
order: 9;
}
.ant-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-lg-push-8 {
left: 33.33333333%;
}
.ant-col-lg-pull-8 {
right: 33.33333333%;
}
.ant-col-lg-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-lg-order-8 {
order: 8;
}
.ant-col-lg-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-lg-push-7 {
left: 29.16666667%;
}
.ant-col-lg-pull-7 {
right: 29.16666667%;
}
.ant-col-lg-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-lg-order-7 {
order: 7;
}
.ant-col-lg-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-lg-push-6 {
left: 25%;
}
.ant-col-lg-pull-6 {
right: 25%;
}
.ant-col-lg-offset-6 {
margin-left: 25%;
}
.ant-col-lg-order-6 {
order: 6;
}
.ant-col-lg-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-lg-push-5 {
left: 20.83333333%;
}
.ant-col-lg-pull-5 {
right: 20.83333333%;
}
.ant-col-lg-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-lg-order-5 {
order: 5;
}
.ant-col-lg-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-lg-push-4 {
left: 16.66666667%;
}
.ant-col-lg-pull-4 {
right: 16.66666667%;
}
.ant-col-lg-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-lg-order-4 {
order: 4;
}
.ant-col-lg-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-lg-push-3 {
left: 12.5%;
}
.ant-col-lg-pull-3 {
right: 12.5%;
}
.ant-col-lg-offset-3 {
margin-left: 12.5%;
}
.ant-col-lg-order-3 {
order: 3;
}
.ant-col-lg-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-lg-push-2 {
left: 8.33333333%;
}
.ant-col-lg-pull-2 {
right: 8.33333333%;
}
.ant-col-lg-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-lg-order-2 {
order: 2;
}
.ant-col-lg-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-lg-push-1 {
left: 4.16666667%;
}
.ant-col-lg-pull-1 {
right:
4.16666667%;
}
.ant-col-lg-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-lg-order-1 {
order: 1;
}
.ant-col-lg-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-lg-push-0 {
left: auto;
}
.ant-col-lg-pull-0 {
right: auto;
}
.ant-col-lg-offset-0 {
margin-left: 0;
}
.ant-col-lg-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-lg-push-0.ant-col-rtl {
right: auto;
}
.ant-col-lg-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-lg-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-lg-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-lg-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-lg-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-lg-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-lg-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-lg-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-lg-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-lg-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-lg-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-lg-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-lg-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-lg-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-lg-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-lg-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-lg-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-lg-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-lg-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-lg-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-lg-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-lg-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-lg-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-lg-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-lg-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-lg-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-lg-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-lg-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-lg-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-lg-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-lg-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-lg-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-lg-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-lg-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-lg-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-lg-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-lg-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-lg-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-lg-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-lg-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-lg-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-lg-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-lg-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-lg-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-lg-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-lg-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-lg-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-lg-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-lg-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-lg-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-lg-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-lg-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-lg-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-lg-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-lg-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-lg-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-lg-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-lg-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-lg-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-lg-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-lg-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-lg-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-lg-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-lg-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-lg-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-lg-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-lg-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-lg-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-lg-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-lg-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-lg-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-lg-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-lg-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-lg-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.ant-col-xl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xl-push-24 {
left: 100%;
}
.ant-col-xl-pull-24 {
right: 100%;
}
.ant-col-xl-offset-24 {
margin-left: 100%;
}
.ant-col-xl-order-24 {
order: 24;
}
.ant-col-xl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xl-push-23 {
left: 95.83333333%;
}
.ant-col-xl-pull-23 {
right: 95.83333333%;
}
.ant-col-xl-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xl-order-23 {
order: 23;
}
.ant-col-xl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xl-push-22 {
left: 91.66666667%;
}
.ant-col-xl-pull-22 {
right: 91.66666667%;
}
.ant-col-xl-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xl-order-22 {
order: 22;
}
.ant-col-xl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xl-push-21 {
left: 87.5%;
}
.ant-col-xl-pull-21 {
right: 87.5%;
}
.ant-col-xl-offset-21 {
margin-left: 87.5%;
}
.ant-col-xl-order-21 {
order: 21;
}
.ant-col-xl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xl-push-20 {
left: 83.33333333%;
}
.ant-col-xl-pull-20 {
right: 83.33333333%;
}
.ant-col-xl-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xl-order-20 {
order: 20;
}
.ant-col-xl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xl-push-19 {
left: 79.16666667%;
}
.ant-col-xl-pull-19 {
right: 79.16666667%;
}
.ant-col-xl-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xl-order-19 {
order: 19;
}
.ant-col-xl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xl-push-18 {
left: 75%;
}
.ant-col-xl-pull-18 {
right: 75%;
}
.ant-col-xl-offset-18 {
margin-left: 75%;
}
.ant-col-xl-order-18 {
order: 18;
}
.ant-col-xl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xl-push-17 {
left: 70.83333333%;
}
.ant-col-xl-pull-17 {
right: 70.83333333%;
}
.ant-col-xl-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xl-order-17 {
order: 17;
}
.ant-col-xl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xl-push-16 {
left: 66.66666667%;
}
.ant-col-xl-pull-16 {
right: 66.66666667%;
}
.ant-col-xl-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xl-order-16 {
order: 16;
}
.ant-col-xl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xl-push-15 {
left: 62.5%;
}
.ant-col-xl-pull-15 {
right: 62.5%;
}
.ant-col-xl-offset-15 {
margin-left: 62.5%;
}
.ant-col-xl-order-15 {
order: 15;
}
.ant-col-xl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xl-push-14 {
left: 58.33333333%;
}
.ant-col-xl-pull-14 {
right: 58.33333333%;
}
.ant-col-xl-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xl-order-14 {
order: 14;

}
.ant-col-xl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xl-push-13 {
left: 54.16666667%;
}
.ant-col-xl-pull-13 {
right: 54.16666667%;
}
.ant-col-xl-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xl-order-13 {
order: 13;
}
.ant-col-xl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xl-push-12 {
left: 50%;
}
.ant-col-xl-pull-12 {
right: 50%;
}
.ant-col-xl-offset-12 {
margin-left: 50%;
}
.ant-col-xl-order-12 {
order: 12;
}
.ant-col-xl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xl-push-11 {
left: 45.83333333%;
}
.ant-col-xl-pull-11 {
right: 45.83333333%;
}
.ant-col-xl-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xl-order-11 {
order: 11;
}
.ant-col-xl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xl-push-10 {
left: 41.66666667%;
}
.ant-col-xl-pull-10 {
right: 41.66666667%;
}
.ant-col-xl-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xl-order-10 {
order: 10;
}
.ant-col-xl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xl-push-9 {
left: 37.5%;
}
.ant-col-xl-pull-9 {
right: 37.5%;
}
.ant-col-xl-offset-9 {
margin-left: 37.5%;
}
.ant-col-xl-order-9 {
order: 9;
}
.ant-col-xl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xl-push-8 {
left: 33.33333333%;
}
.ant-col-xl-pull-8 {
right: 33.33333333%;
}
.ant-col-xl-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xl-order-8 {
order: 8;
}
.ant-col-xl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xl-push-7 {
left: 29.16666667%;
}
.ant-col-xl-pull-7 {
right: 29.16666667%;
}
.ant-col-xl-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xl-order-7 {
order: 7;
}
.ant-col-xl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xl-push-6 {
left: 25%;
}
.ant-col-xl-pull-6 {
right: 25%;
}
.ant-col-xl-offset-6 {
margin-left: 25%;
}
.ant-col-xl-order-6 {
order: 6;
}
.ant-col-xl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xl-push-5 {
left: 20.83333333%;
}
.ant-col-xl-pull-5 {
right: 20.83333333%;
}
.ant-col-xl-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xl-order-5 {
order: 5;
}
.ant-col-xl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xl-push-4 {
left: 16.66666667%;
}
.ant-col-xl-pull-4 {
right: 16.66666667%;
}
.ant-col-xl-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xl-order-4 {
order: 4;
}
.ant-col-xl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xl-push-3 {
left: 12.5%;
}
.ant-col-xl-pull-3 {
right: 12.5%;
}
.ant-col-xl-offset-3 {
margin-left: 12.5%;
}
.ant-col-xl-order-3 {
order: 3;
}
.ant-col-xl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xl-push-2 {
left: 8.33333333%;
}
.ant-col-xl-pull-2 {
right: 8.33333333%;
}
.ant-col-xl-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xl-order-2 {
order: 2;
}
.ant-col-xl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xl-push-1 {
left: 4.16666667%;
}
.ant-col-xl-pull-1 {
right: 4.16666667%;
}
.ant-col-xl-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xl-order-1 {
order: 1;
}
.ant-col-xl-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xl-push-0 {
left: auto;
}
.ant-col-xl-pull-0 {
right: auto;
}
.ant-col-xl-offset-0 {
margin-left: 0;
}
.ant-col-xl-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xl-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xl-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xl-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xl-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xl-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xl-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xl-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xl-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xl-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xl-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xl-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xl-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xl-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xl-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;

}
.ant-col-xl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xl-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xl-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1600px) {
.ant-col-xxl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xxl-push-24 {
left: 100%;
}
.ant-col-xxl-pull-24 {
right: 100%;
}
.ant-col-xxl-offset-24 {
margin-left: 100%;
}
.ant-col-xxl-order-24 {
order: 24;
}
.ant-col-xxl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xxl-push-23 {
left: 95.83333333%;
}
.ant-col-xxl-pull-23 {
right: 95.83333333%;
}
.ant-col-xxl-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xxl-order-23 {
order: 23;
}
.ant-col-xxl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xxl-push-22 {
left: 91.66666667%;
}
.ant-col-xxl-pull-22 {
right: 91.66666667%;
}
.ant-col-xxl-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xxl-order-22 {
order: 22;
}
.ant-col-xxl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xxl-push-21 {
left: 87.5%;
}
.ant-col-xxl-pull-21 {
right: 87.5%;
}
.ant-col-xxl-offset-21 {
margin-left: 87.5%;
}
.ant-col-xxl-order-21 {
order: 21;
}
.ant-col-xxl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xxl-push-20 {
left: 83.33333333%;
}
.ant-col-xxl-pull-20 {
right: 83.33333333%;
}
.ant-col-xxl-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xxl-order-20 {
order: 20;
}
.ant-col-xxl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xxl-push-19 {
left: 79.16666667%;
}
.ant-col-xxl-pull-19 {
right: 79.16666667%;
}
.ant-col-xxl-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xxl-order-19 {
order: 19;
}
.ant-col-xxl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xxl-push-18 {
left: 75%;
}
.ant-col-xxl-pull-18 {
right: 75%;
}
.ant-col-xxl-offset-18 {
margin-left: 75%;
}
.ant-col-xxl-order-18 {
order: 18;
}
.ant-col-xxl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xxl-push-17 {
left: 70.83333333%;
}
.ant-col-xxl-pull-17 {
right: 70.83333333%;
}
.ant-col-xxl-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xxl-order-17 {
order: 17;
}
.ant-col-xxl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xxl-push-16 {
left: 66.66666667%;
}
.ant-col-xxl-pull-16 {
right: 66.66666667%;
}
.ant-col-xxl-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xxl-order-16 {
order: 16;
}
.ant-col-xxl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xxl-push-15 {
left: 62.5%;
}
.ant-col-xxl-pull-15 {
right: 62.5%;
}
.ant-col-xxl-offset-15 {
margin-left: 62.5%;
}
.ant-col-xxl-order-15 {
order: 15;
}
.ant-col-xxl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xxl-push-14 {
left: 58.33333333%;
}
.ant-col-xxl-pull-14 {
right: 58.33333333%;
}
.ant-col-xxl-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xxl-order-14 {
order: 14;
}
.ant-col-xxl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xxl-push-13 {
left: 54.16666667%;
}
.ant-col-xxl-pull-13 {
right: 54.16666667%;
}
.ant-col-xxl-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xxl-order-13 {
order: 13;
}
.ant-col-xxl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xxl-push-12 {
left: 50%;
}
.ant-col-xxl-pull-12 {
right: 50%;
}
.ant-col-xxl-offset-12 {
margin-left: 50%;
}
.ant-col-xxl-order-12 {
order: 12;
}
.ant-col-xxl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xxl-push-11 {
left: 45.83333333%;
}
.ant-col-xxl-pull-11 {
right: 45.83333333%;
}
.ant-col-xxl-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xxl-order-11 {
order: 11;
}
.ant-col-xxl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xxl-push-10 {
left: 41.66666667%;
}
.ant-col-xxl-pull-10 {
right: 41.66666667%;
}
.ant-col-xxl-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xxl-order-10 {
order: 10;
}
.ant-col-xxl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xxl-push-9 {
left: 37.5%;
}
.ant-col-xxl-pull-9 {
right: 37.5%;
}
.ant-col-xxl-offset-9 {
margin-left: 37.5%;
}
.ant-col-xxl-order-9 {
order: 9;
}
.ant-col-xxl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xxl-push-8 {
left: 33.33333333%;
}
.ant-col-xxl-pull-8 {
right: 33.33333333%;
}
.ant-col-xxl-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xxl-order-8 {
order: 8;
}
.ant-col-xxl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xxl-push-7 {
left: 29.16666667%;
}
.ant-col-xxl-pull-7 {
right: 29.16666667%;
}
.ant-col-xxl-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xxl-order-7 {
order: 7;
}
.ant-col-xxl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xxl-push-6 {
left: 25%;
}
.ant-col-xxl-pull-6 {
right: 25%;
}
.ant-col-xxl-offset-6 {
margin-left: 25%;
}
.ant-col-xxl-order-6 {
order: 6;
}
.ant-col-xxl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xxl-push-5 {
left: 20.83333333%;
}
.ant-col-xxl-pull-5 {
right: 20.83333333%;
}
.ant-col-xxl-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xxl-order-5 {
order: 5;
}
.ant-col-xxl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xxl-push-4 {
left: 16.66666667%;
}
.ant-col-xxl-pull-4 {
right: 16.66666667%;
}
.ant-col-xxl-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xxl-order-4 {
order: 4;
}
.ant-col-xxl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xxl-push-3 {
left: 12.5%;
}
.ant-col-xxl-pull-3 {
right: 12.5%;
}
.ant-col-xxl-offset-3 {
margin-left: 12.5%;
}
.ant-col-xxl-order-3 {
order: 3;
}
.ant-col-xxl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xxl-push-2 {
left: 8.33333333%;
}
.ant-col-xxl-pull-2 {
right: 8.33333333%;
}
.ant-col-xxl-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xxl-order-2 {
order: 2;
}
.ant-col-xxl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xxl-push-1 {
left: 4.16666667%;
}
.ant-col-xxl-pull-1 {
right: 4.16666667%;
}
.ant-col-xxl-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xxl-order-1 {
order: 1;
}
.ant-col-xxl-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xxl-push-0 {
left: auto;
}
.ant-col-xxl-pull-0 {
right: auto;
}
.ant-col-xxl-offset-0 {
margin-left: 0;
}
.ant-col-xxl-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xxl-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xxl-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xxl-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xxl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xxl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xxl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xxl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xxl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xxl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xxl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xxl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xxl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xxl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xxl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xxl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xxl-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xxl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xxl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xxl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xxl-offset-7.ant-col-rtl {
margin-right:
29.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xxl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xxl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xxl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xxl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xxl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xxl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xxl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xxl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xxl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xxl-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xxl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xxl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xxl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xxl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xxl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xxl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xxl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xxl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xxl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xxl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xxl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xxl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xxl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xxl-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xxl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xxl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xxl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xxl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xxl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xxl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xxl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xxl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xxl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xxl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xxl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xxl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xxl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xxl-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xxl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
.ant-row-rtl {
direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-carousel {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
touch-action: pan-y;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.ant-carousel .slick-list:focus {
outline: none;
}
.ant-carousel .slick-list.dragging {
cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
transform: translate3d(0, 0, 0);
touch-action: pan-y;
}
.ant-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
display: table;
content: '';
}
.ant-carousel .slick-track::after {
clear: both;
}
.slick-loading .ant-carousel .slick-track {
visibility: hidden;
}
.ant-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.ant-carousel .slick-slide img {
display: block;
}
.ant-carousel .slick-slide.slick-loading img {
display: none;
}
.ant-carousel .slick-slide.dragging img {
pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
display: block;
}
.ant-carousel .slick-loading .slick-slide {
visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
display: block;
height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
color: transparent;
font-size: 0;
line-height: 0;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
color: transparent;
background: transparent;
outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
opacity: 0.25;
}
.ant-carousel .slick-prev {
left: -25px;
}
.ant-carousel .slick-prev::before {
content: '←';
}
.ant-carousel .slick-next {
right: -25px;
}
.ant-carousel .slick-next::before {
content: '→';
}
.ant-carousel .slick-dots {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex !important;
justify-content: center;
margin-right: 15%;
margin-left: 15%;
padding-left: 0;
list-style: none;
}
.ant-carousel .slick-dots-bottom {
bottom: 12px;
}
.ant-carousel .slick-dots-top {
top: 12px;
bottom: auto;
}
.ant-carousel .slick-dots li {
position: relative;
display: inline-block;
flex: 0 1 auto;
box-sizing: content-box;
width: 16px;
height: 3px;
margin: 0 2px;
margin-right: 3px;
margin-left: 3px;
padding: 0;
text-align: center;
text-indent: -999px;
vertical-align: top;
transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
display: block;
width: 100%;
height: 3px;
padding: 0;
color: transparent;
font-size: 0;
background: #fff;
border: 0;
border-radius: 1px;
outline: none;
cursor: pointer;
opacity: 0.3;
transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
background: #fff;
opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
opacity: 1;
}
.ant-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
flex-direction: column;
width: 3px;
height: auto;
margin: 0;
transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
right: auto;
left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
right: 12px;
left: auto;
}
.ant-carousel-vertical .slick-dots li {
width: 3px;
height: 16px;
margin: 4px 2px;
vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
width: 3px;
height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
width: 3px;
height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
width: 3px;
height: 24px;
}
.ant-carousel-rtl {
direction: rtl;
}
.ant-carousel-rtl .ant-carousel
.slick-track {
right: 0;
left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
right: -25px;
left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
content: '→';
}
.ant-carousel-rtl .ant-carousel .slick-next {
right: auto;
left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
content: '←';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
flex-direction: column;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
@-webkit-keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-cascader-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
border-color: #1890ff;
}
.ant-cascader-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 2px;
visibility: hidden;
-webkit-animation: antCheckboxEffect 0.36s ease-in-out;
animation: antCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
visibility: visible;
}
.ant-cascader-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-cascader-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
background-color: #1890ff;
border-color: #1890ff;
}
.ant-cascader-checkbox-disabled {
cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-
checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
cursor: not-allowed;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
margin-left: 8px;
}
.ant-cascader-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-cascader-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-cascader-checkbox-group-item {
margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #1890ff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-
checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader {
width: 184px;
}
.ant-cascader-checkbox {
top: 0;
margin-right: 8px;
}
.ant-cascader-menus {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
width: 100%;
height: auto;
}
.ant-cascader-menu {
min-width: 111px;
height: 180px;
margin: 0;
margin: -4px 0;
padding: 4px 0;
overflow: auto;
vertical-align: top;
list-style: none;
border-right: 1px solid #f0f0f0;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 5px 12px;
overflow: hidden;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
color: rgba(0, 0, 0, 0.25);
cursor: default;
pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
font-weight: 600;
background-color: #e6f7ff;
}
.ant-cascader-menu-item-content {
flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
margin-left: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-
item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
color: #ff4d4f;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
margin-right: 4px;
margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
top: 0;
margin-right: 0;
margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
@-webkit-keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
border-color: #1890ff;
}
.ant-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 2px;
visibility: hidden;
-webkit-animation: antCheckboxEffect 0.36s ease-in-out;
animation: antCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
visibility: visible;
}
.ant-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;

border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
background-color: #1890ff;
border-color: #1890ff;
}
.ant-checkbox-disabled {
cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
.ant-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
visibility: hidden;
}
.ant-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 8px;
}
.ant-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-checkbox-group-item {
margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #1890ff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-collapse {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-bottom: 0;
border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
padding: 12px 16px;
color: rgba(0, 0, 0, 0.85);
line-height: 1.5715;
cursor: pointer;
transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
display: inline-block;
margin-right: 12px;
font-size: 12px;
vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-
collapse-header-text {
cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
position: relative;
padding: 12px 16px;
padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-
collapse-arrow {
position: absolute;
top: 50%;
right: 16px;
left: auto;
margin: 0;
transform: translateY(-50%);
}
.ant-collapse-content {
color: rgba(0, 0, 0, 0.85);
background-color: #fff;
border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
padding: 16px;
}
.ant-collapse-content-hidden {
display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
background-color: #fafafa;
border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
background-color: transparent;
border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-
collapse-content-box {
padding-top: 4px;
}
.ant-collapse-ghost {
background-color: transparent;
border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
background-color: transparent;
border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-
content-box {
padding-top: 12px;
padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-collapse-rtl {
direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
padding: 12px 16px;
padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-
collapse-arrow {
margin-right: 0;
margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-
collapse-arrow svg {
transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-
collapse-extra {
margin-right: auto;
margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-
collapse-header {
padding-right: 12px;
padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-comment {
position: relative;
background-color: inherit;
}
.ant-comment-inner {
display: flex;
padding: 16px 0;
}
.ant-comment-avatar {
position: relative;
flex-shrink: 0;
margin-right: 12px;
cursor: pointer;
}
.ant-comment-avatar img {
width: 32px;
height: 32px;
border-radius: 50%;
}
.ant-comment-content {
position: relative;
flex: 1 1 auto;
min-width: 1px;
font-size: 14px;
word-wrap: break-word;
}
.ant-comment-content-author {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 4px;
font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
padding-right: 8px;
font-size: 12px;
line-height: 18px;
}
.ant-comment-content-author-name {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
transition: color 0.3s;
}
.ant-comment-content-author-name > * {
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
color: #ccc;
white-space: nowrap;
cursor: auto;
}
.ant-comment-content-detail p {
margin-bottom: inherit;
white-space: pre-wrap;
}
.ant-comment-actions {
margin-top: 12px;
margin-bottom: inherit;
padding-left: 0;
}
.ant-comment-actions > li {
display: inline-block;
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
margin-right: 10px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: pointer;
transition: color
0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-comment-actions > li > span:hover {
color: #595959;
}
.ant-comment-nested {
margin-left: 44px;
}
.ant-comment-rtl {
direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
margin-right: 0;
margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
padding-right: 0;
padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
margin-right: 0;
margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
margin-right: 44px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-descriptions-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ant-descriptions-title {
flex: auto;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: bold;
font-size: 16px;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-descriptions-extra {
margin-left: auto;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-descriptions-view {
width: 100%;
overflow: hidden;
border-radius: 2px;
}
.ant-descriptions-view table {
width: 100%;
table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
border-bottom: none;
}
.ant-descriptions-item-label {
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 1.5715;
text-align: start;
}
.ant-descriptions-item-label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
content: ' ';
}
.ant-descriptions-item-no-label::after {
margin: 0;
content: '';
}
.ant-descriptions-item-content {
display: table-cell;
flex: 1;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
word-break: break-word;
overflow-wrap: break-word;
}
.ant-descriptions-item {
padding-bottom: 0;
vertical-align: top;
}
.ant-descriptions-item-container {
display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
display: inline-flex;
align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
table-layout: auto;
border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
padding: 16px 24px;
border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
padding: 8px 16px;
}
.ant-descriptions-rtl {
direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-
child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-
content:last-child {
border-left: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-divider {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
position: relative;
top: -0.06em;
display: inline-block;
height: 0.9em;
margin: 0 8px;
vertical-align: middle;
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
display: flex;
clear: both;
width: 100%;
min-width: 100%;
margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
display: flex;
margin: 16px 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-align: center;
border-top: 0;
border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
position: relative;
top: 50%;
width: 50%;
border-top: 1px solid transparent;
border-top-color: inherit;
border-bottom: 0;
transform: translateY(50%);
content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
top: 50%;
width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
top: 50%;
width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
top: 50%;
width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
top: 50%;
width: 5%;
}
.ant-divider-inner-text {
display: inline-block;
padding: 0 1em;
}
.ant-divider-dashed {
background: none;
border-color: rgba(0, 0, 0, 0.06);
border-style: dashed;
border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-divider-rtl {
direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
width: 95%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-drawer {
position: fixed;
z-index: 1000;
width: 0%;
height: 100%;
transition: width 0s ease 0.3s, height 0s ease 0.3s;
}
.ant-drawer-content-wrapper {
position: absolute;
width: 100%;
height: 100%;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-
bezier(0.23, 1, 0.32, 1);
}
.ant-drawer .ant-drawer-content {
width: 100%;
height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
top: 0;
width: 0%;
height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
width: 100%;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-drawer-left {
left: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper {
left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0,
0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right {
right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0,
0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right.ant-drawer-open.no-mask {
right: 1px;
transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
left: 0;
width: 100%;
height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
height: 100%;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-drawer-top {
top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 0 6px 16px -8px rgba(0, 0, 0,
0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom {
bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0,
0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
bottom: 1px;
transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
height: 100%;
opacity: 1;
transition: none;
-webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: auto;
}
.ant-drawer-title {
flex: 1;
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.ant-drawer-content {
position: relative;
z-index: 1;
overflow: auto;
background-color: #fff;
background-clip: padding-box;
border: 0;
}
.ant-drawer-close {
display: inline-block;
margin-right: 12px;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
font-size: 16px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.ant-drawer-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
color: rgba(0, 0, 0, 0.85);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-drawer-header-title {
display: flex;
flex: 1;
align-items: center;
justify-content: space-between;
}
.ant-drawer-header-close-only {
padding-bottom: 0;
border: none;
}
.ant-drawer-wrapper-body {
display: flex;
flex-flow: column nowrap;
width: 100%;
height: 100%;
}
.ant-drawer-body {
flex-grow: 1;
padding: 24px;
overflow: auto;
font-size: 14px;
line-height: 1.5715;
word-wrap: break-word;
}
.ant-drawer-footer {
flex-shrink: 0;
padding: 10px 16px;
border-top: 1px solid #f0f0f0;
}
.ant-drawer-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(0, 0, 0, 0.45);
opacity: 0;
transition: opacity 0.3s linear, height 0s ease 0.3s;
pointer-events: none;
}
.ant-drawer .ant-picker-clear {
background: #fff;
}
@-webkit-keyframes antdDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes antdDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ant-drawer-rtl {
direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
margin-right: 0;
margin-left: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-form-item .ant-upload {
background: transparent;
}
.ant-form-item .ant-upload.ant-upload-drag {
background: #fafafa;
}
.ant-form-item input[type='radio'],
.ant-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-form-item .ant-radio-inline,
.ant-form-item .ant-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.ant-form-item .ant-radio-inline:first-child,
.ant-form-item .ant-checkbox-inline:first-child {
margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
z-index: 2;
}
.ant-form-item .ant-select,
.ant-form-item .ant-cascader-picker {
width: 100%;
}
.ant-form-item .ant-picker-calendar-year-select,
.ant-form-item .ant-picker-calendar-month-select,
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-cascader-picker,
.ant-form-item .ant-input-number-group .ant-select,
.ant-form-item .ant-input-number-group .ant-cascader-picker {
width: auto;
}
.ant-form-inline {
display: flex;
flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
display: inline-block;
vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
flex: 1 1 0;
}
.ant-form-horizontal .ant-form-item-control:not(.ant-col) {
min-width: 0;
}
.ant-form-vertical .ant-form-item {
flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
height: auto;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
.ant-form-item .ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-item .ant-form-item-label > label {
margin: 0;
}
.ant-form-item .ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-item .ant-form-item-label {
text-align: right;
}
.ant-form .ant-form-item {
flex-wrap: wrap;
}
.ant-form .ant-form-item .ant-form-item-label,
.ant-form .ant-form-item .ant-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xs-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xs-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xs-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
.ant-col-sm-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-sm-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-sm-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-sm-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
.ant-col-md-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-md-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-md-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-md-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
.ant-col-lg-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-lg-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-lg-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-lg-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
}
.ant-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle
explain style */
}
.ant-form-item-explain-error {
color: #ff4d4f;
}
.ant-form-item-explain-warning {
color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
padding-right: 18px;
}
.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-
button) .ant-input-suffix {
right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
margin: 2px 0 4px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-
arrow,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-
clear,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-
select-arrow,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-
select-clear {
right: 32px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback
:not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-
select-selection-selected-value {
padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
right: 32px;
}
.ant-form-item-has-feedback .ant-picker {
padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-large {
padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-
icon {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: 32px;
height: 20px;
margin-top: -10px;
font-size: 14px;
line-height: 20px;
text-align: center;
visibility: visible;
-webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon
{
color: #52c41a;
-webkit-animation-name: diffZoomIn1 !important;
animation-name: diffZoomIn1 !important;
}
.ant-form-item-has-warning .ant-form-item-split {
color: #faad14;
}
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-
borderless).ant-input,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-
borderless).ant-input:hover,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-
borderless).ant-input:focus,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-
borderless).ant-input-focused,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-prefix {
color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon,
.ant-form-item-has-warning .ant-input-number-group-addon {
color: #faad14;
border-color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon
{
color: #faad14;
-webkit-animation-name: diffZoomIn3 !important;
animation-name: diffZoomIn3 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input) .ant-select-selector {
background-color: #fff;
border-color: #faad14 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input).ant-select-focused .ant-select-selector {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker:focus {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-form-item-split {
color: #ff4d4f;
}
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-
input,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-
input:hover,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-
input:focus,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-
input-focused,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-
affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-prefix {
color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-group-addon,
.ant-form-item-has-error .ant-input-number-group-addon {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-form-item-has-error .has-feedback {
color: #ff4d4f;
}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
color: #ff4d4f;
-webkit-animation-name: diffZoomIn2 !important;
animation-name: diffZoomIn2 !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input) .ant-select-selector {
background-color: #fff;
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-
customize-input).ant-select-focused .ant-select-selector {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-
single:not(.ant-select-customize-input) .ant-select-selector,
.ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-
single:not(.ant-select-customize-input) .ant-select-selector {
background-color: inherit;
border: 0;
box-shadow: none;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker:focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-
editor:not([disabled]):hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper.ant-mention-
active:not([disabled]) .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-
editor:not([disabled]):focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-
label:hover + .ant-cascader-input.ant-input {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
background-color: #fff;
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-transfer-list {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before
{
background-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mentions {
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-mentions-focused,
.ant-form-item-has-error .ant-mentions:focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-
icon {
display: inline-block;
color: #1890ff;
}
.ant-form {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-size: 16px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
font-size: 14px;
}
.ant-form input[type='search'] {
box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
line-height: normal;
}
.ant-form input[type='file'] {
display: block;
}
.ant-form input[type='range'] {
display: block;
width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ant-form output {
display: block;
padding-top: 15px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
}
.ant-form .ant-form-text {
display: inline-block;
padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
height: 24px;
}
.ant-form-small .ant-form-item-control-input {
min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
height: 40px;
}
.ant-form-large .ant-form-item-control-input {
min-height: 40px;
}
.ant-form-item {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
margin-bottom: 24px;
vertical-align: top;
transition: margin-bottom 0.3s 0.017s linear;
}
.ant-form-item-with-help {
margin-bottom: 0;
transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
display: none;
}
.ant-form-item-label {
display: inline-block;
flex-grow: 0;
overflow: hidden;
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.ant-form-item-label-left {
text-align: left;
}
.ant-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
max-width: 100%;
height: 32px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-form-item-label > label > .anticon {
font-size: 14px;
vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-
mark-optional)::before {
display: inline-block;
margin-right: 4px;
color: #ff4d4f;
font-size: 14px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-
required:not(.ant-form-item-required-mark-optional)::before {
display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
display: inline-block;
margin-left: 4px;
color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
color: rgba(0, 0, 0, 0.45);
cursor: help;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
-webkit-margin-start: 4px;
margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
content: ' ';
}
.ant-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-
col-']) {
width: 100%;
}
.ant-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px;
}
.ant-form-item-control-input-content {
flex: auto;
max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
clear: both;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
height: 0;
min-height: 0;
opacity: 0;
}
.ant-form-item-extra {
min-height: 24px;
}
.ant-form-item .ant-input-textarea-show-count::after {
margin-bottom: -22px;
}
.ant-form-item-with-help .ant-form-item-explain {
height: auto;
min-height: 24px;
opacity: 1;
}
.ant-show-help {
transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-
bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-leave {
min-height: 24px;
}
.ant-show-help-leave-active {
min-height: 0;
}
.ant-show-help-item {
overflow: hidden;
transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-
bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
!important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
transform: translateY(-5px);
opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
transform: translateY(0);
opacity: 1;
}
.ant-show-help-item-leave-active {
transform: translateY(-5px);
}
@-webkit-keyframes diffZoomIn1 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes diffZoomIn2 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes diffZoomIn3 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.ant-form-rtl {
direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
padding-right: 11px;
padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-
suffix {
padding-right: 11px;
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-
enter-button) .ant-input-suffix {
right: auto;
left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-
select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-
select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)
> .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)
> .ant-select .ant-select-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-
selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-
select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)
> .ant-select .ant-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
padding-right: 7px;
padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-
children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-
children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-
children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-
item-children-icon {
right: auto;
left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
margin-right: 0;
margin-left: 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown
*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-image {
position: relative;
display: inline-block;
}
.ant-image-img {
display: block;
width: 100%;
height: auto;
}
.ant-image-img-placeholder {
background-color: #f5f5f5;
background-image:
url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAg
MCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjV
oLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLj
UuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgN
i44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2
MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTN
hLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS
4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
background-repeat: no-repeat;
background-position: center center;
background-size: 30%;
}
.ant-image-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s;
}
.ant-image-mask-info {
padding: 0 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
-webkit-margin-end: 4px;
margin-inline-end: 4px;
}
.ant-image-mask:hover {
opacity: 1;
}
.ant-image-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ant-image-preview {
pointer-events: none;
height: 100%;
text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.antzoom-appear {
transform: none;
opacity: 0;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-image-preview-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
display: none;
}
.ant-image-preview-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
-webkit-overflow-scrolling: touch;
}
.ant-image-preview-body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.ant-image-preview-img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transform: scale3d(1, 1, 1);
cursor: -webkit-grab;
cursor: grab;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: auto;
}
.ant-image-preview-img-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
display: inline-block;
width: 1px;
height: 50%;
margin-right: -1px;
content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
transition-duration: 0s;
}
.ant-image-preview-wrap {
z-index: 1080;
}
.ant-image-preview-operations {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: flex;
flex-direction: row-reverse;
align-items: center;
width: 100%;
color: rgba(255, 255, 255, 0.85);
list-style: none;
background: rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
.ant-image-preview-operations-operation {
margin-left: 12px;
padding: 12px;
cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
color: rgba(255, 255, 255, 0.25);
pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
margin-left: 0;
}
.ant-image-preview-operations-icon {
font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
position: absolute;
top: 50%;
right: 10px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin-top: -22px;
color: rgba(255, 255, 255, 0.85);
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
cursor: pointer;
pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
color: rgba(255, 255, 255, 0.25);
cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
font-size: 18px;
}
.ant-image-preview-switch-left {
left: 10px;
}
.ant-image-preview-switch-right {
right: 10px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-input-number {
box-sizing: border-box;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
display: inline-block;
width: 90px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-input-number::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-input-number:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-number[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-input-number {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-number-sm {
padding: 0px 7px;
}
.ant-input-number-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-number-group-wrap > * {
display: block !important;
}
.ant-input-number-group .ant-input-number {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
z-index: 1;
border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
z-index: 1;
border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
z-index: 0;
}
.ant-input-number-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
margin: -5px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-
customize-input)
.ant-select-selector {
background-color: inherit;
border: 1px solid transparent;
box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
color: #1890ff;
}
.ant-input-number-group-addon .ant-cascader-picker {
margin: -9px -12px;
background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
text-align: left;
border: 0;
box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-
selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-
input-number {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-
input-number {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
border-right: 0;
}
.ant-input-number-group-addon:last-child {
border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-
selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
padding: 0px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-
wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-
wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
display: table;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-
child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-
child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-
number:not(:first-child):not(:last-child) {
border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-
child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-
child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-
number:not(:first-child):not(:last-child):hover {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-
child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-
child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-
number:not(:first-child):not(:last-child):focus {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-
wrapper {
display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-
selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-
complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-
input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-
wrapper .ant-input {
border-right-width: 1px;
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-
selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-
complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-
input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-
wrapper .ant-input:hover {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-
selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-
complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-
input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-
wrapper .ant-input:focus {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-
arrow {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child
> .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-
complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-
picker:first-child .ant-input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child
> .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-
child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-
focused:last-child .ant-input {
border-right-width: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-
complete .ant-input {
vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper
+ .ant-input-group-wrapper {
margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper
+ .ant-input-group-wrapper .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-
wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-
addon > .ant-input-search-button {
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-
wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-wrapper {
display: inline-block;
text-align: start;
vertical-align: top;
}
.ant-input-number-handler {
position: relative;
display: block;
width: 100%;
height: 50%;
overflow: hidden;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
line-height: 0;
text-align: center;
border-left: 1px solid #d9d9d9;
transition: all 0.1s linear;
}
.ant-input-number-handler:active {
background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
color: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 4px;
width: 12px;
height: 12px;
color: rgba(0, 0, 0, 0.45);
line-height: 12px;
transition: all 0.1s linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
display: block;
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
opacity: 0;
transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused
{
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
display: none;
}
.ant-input-number-input {
width: 100%;
height: 30px;
padding: 0 11px;
text-align: left;
background-color: transparent;
border: 0;
border-radius: 2px;
outline: 0;
transition: all 0.3s linear;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
/* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-input-number-input::-moz-placeholder {
opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-input-number-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-input-number-input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
appearance: none;
}
.ant-input-number-lg {
padding: 0;
font-size: 16px;
}
.ant-input-number-lg input {
height: 38px;
}
.ant-input-number-sm {
padding: 0;
}
.ant-input-number-sm input {
height: 22px;
padding: 0 7px;
}
.ant-input-number-handler-wrap {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 100%;
background: #fff;
border-radius: 0 2px 2px 0;
opacity: 0;
transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-
up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-
down-inner {
display: flex;
align-items: center;
justify-content: center;
min-width: auto;
margin-right: 0;
font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
opacity: 1;
}
.ant-input-number-handler-up {
border-top-right-radius: 2px;
cursor: pointer;
}
.ant-input-number-handler-up-inner {
top: 50%;
margin-top: -5px;
text-align: center;
}
.ant-input-number-handler-up:hover {
height: 60% !important;
}
.ant-input-number-handler-down {
top: 0;
border-top: 1px solid #d9d9d9;
border-bottom-right-radius: 2px;
cursor: pointer;
}
.ant-input-number-handler-down-inner {
top: 50%;
text-align: center;
transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
border-top-width: 0;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner
{
color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-borderless {
box-shadow: none;
}
.ant-input-number-out-of-range input {
color: #ff4d4f;
}
.ant-input-number-rtl {
direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
right: auto;
left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
direction: ltr;
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-input-affix-wrapper {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
opacity: 1;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-input-affix-wrapper::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-input-affix-wrapper {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-affix-wrapper-sm {
padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
border-color: #40a9ff;
border-right-width: 1px !important;
z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-
disabled):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-
wrapper-disabled):hover {
z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
padding: 0;
border: none;
outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
box-shadow: none !important;
}
.ant-input-affix-wrapper::before {
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
display: flex;
flex: none;
align-items: center;
}
.ant-input-prefix {
margin-right: 4px;
}
.ant-input-suffix {
margin-left: 4px;
}
.anticon.ant-input-clear-icon {
margin: 0;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
vertical-align: -1px;
cursor: pointer;
transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active {
color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden {
visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix {
margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
padding: 0 !important;
border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.ant-input {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-input::-moz-placeholder
{
opacity: 1;
}
.ant-input:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-sm {
padding: 0px 7px;
}
.ant-input-rtl {
direction: rtl;
}
.ant-input-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.ant-input-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.ant-input-group > [class*='col-'] {
padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-group-wrap > * {
display: block !important;
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
.ant-input-group .ant-input:focus {
z-index: 1;
border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
z-index: 1;
border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
z-index: 0;
}
.ant-input-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-
input) .ant-select-selector {
background-color: inherit;
border: 1px solid transparent;
box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
margin: -9px -12px;
background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
text-align: left;
border: 0;
box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
border-right: 0;
}
.ant-input-group-addon:last-child {
border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
display: block;
}
.ant-input-group.ant-input-group-compact::before {
display: table;
content: '';
}
.ant-input-group.ant-input-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-
child) {
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-
child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-
child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-
child):hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-
child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-
child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-
child):focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
display: inline-flex;
}
.ant-input-group.ant-input-group-compact > .ant-picker-range {
display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
border-right-width: 1px;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-
selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-
input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-
input:hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-
selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-
input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-
input:focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-
selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-
child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-
input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-
selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-
input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-
child .ant-input {
border-right-width: 1px;
border-top-right-radius:
2px;
border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-
group-wrapper {
margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-
group-wrapper .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-
child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-
search-button {
border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-
child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: 0;
margin-left: -1px;
border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-
child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-
complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-
picker:first-child .ant-input {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-
child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-
complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-
picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-
picker-focused:last-child .ant-input {
border-left-width: 1px;
border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-
group-wrapper-rtl {
margin-right: -1px;
margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-
child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top;
}
.ant-input-password-icon {
color: rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: all 0.3s;
}
.ant-input-password-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
height: 32px;
}
.ant-input[type='color'].ant-input-lg {
height: 40px;
}
.ant-input[type='color'].ant-input-sm {
height: 24px;
padding-top: 3px;
padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
height: 100%;
}
.ant-input-textarea-show-count::after {
float: right;
color: rgba(0, 0, 0, 0.45);
white-space: nowrap;
content: attr(data-count);
pointer-events: none;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
border-color: #40a9ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-
button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-
button:not(.ant-btn-primary) {
border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-search .ant-input-lg {
line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
left: -1px;
padding: 0;
border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-
input-search-button {
padding-top: 0;
padding-bottom: 0;
border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-
input-search-button:not(.ant-btn-primary) {
color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-
input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ant-input-search-button {
height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
height: 40px;
}
.ant-input-search-small .ant-input-search-button {
height: 24px;
}
.ant-input-group-wrapper-rtl {
direction: rtl;
}
.ant-input-group-rtl {
direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
border: none;
outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
margin-right: 0;
margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
right: auto;
left: 8px;
}
.ant-input-search-rtl {
direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-
button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-
button:not(.ant-btn-primary) {
border-right-color: #40a9ff;
border-left-color: #d9d9d9;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
right: -1px;
left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-
search-button {
border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ant-input {
height: 32px;
}
.ant-input-lg {
height: 40px;
}
.ant-input-sm {
height: 24px;
}
.ant-input-affix-wrapper > input.ant-input {
height: auto;
}
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-layout {
display: flex;
flex: auto;
flex-direction: column;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
width: 0;
}
.ant-layout-header,
.ant-layout-footer {
flex: 0 0 auto;
}
.ant-layout-header {
height: 64px;
padding: 0 50px;
color: rgba(0, 0, 0, 0.85);
line-height: 64px;
background: #001529;
}
.ant-layout-footer {
padding: 24px 50px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
background: #f0f2f5;
}
.ant-layout-content {
flex: auto;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
}
.ant-layout-sider {
position: relative;
/* fix firefox can't set width smaller than content on flex item */
min-width: 0;
background: #001529;
transition: all 0.2s;
}
.ant-layout-sider-children {
height: 100%;
margin-top: -0.1px;
padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
width: auto;
}
.ant-layout-sider-has-trigger {
padding-bottom: 48px;
}
.ant-layout-sider-right {
order: 1;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #fff;
line-height: 48px;
text-align: center;
background: #002140;
cursor: pointer;
transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
position: absolute;
top: 64px;
right: -36px;
z-index: 1;
width: 36px;
height: 42px;
color: #fff;
font-size: 18px;
line-height: 42px;
text-align: center;
background: #001529;
border-radius: 0 2px 2px 0;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
transition: all 0.3s;
content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
left: -36px;
border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-rtl {
direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-list {
box-sizing: border-box;
margin: 0;

padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
}
.ant-list * {
outline: none;
}
.ant-list-pagination {
margin-top: 24px;
text-align: right;
}
.ant-list-pagination .ant-pagination-options {
text-align: left;
}
.ant-list-more {
margin-top: 12px;
text-align: center;
}
.ant-list-more button {
padding-right: 32px;
padding-left: 32px;
}
.ant-list-spin {
min-height: 40px;
text-align: center;
}
.ant-list-empty-text {
padding: 16px;
color: rgba(0, 0, 0, 0.25);
font-size: 14px;
text-align: center;
}
.ant-list-items {
margin: 0;
padding: 0;
list-style: none;
}
.ant-list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta {
display: flex;
flex: 1;
align-items: flex-start;
max-width: 100%;
}
.ant-list-item-meta-avatar {
margin-right: 16px;
}
.ant-list-item-meta-content {
flex: 1 0;
width: 0;
color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
}
.ant-list-item-meta-title > a {
color: rgba(0, 0, 0, 0.85);
transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
color: #1890ff;
}
.ant-list-item-meta-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
}
.ant-list-item-action {
flex: 0 0 auto;
margin-left: 48px;
padding: 0;
font-size: 0;
list-style: none;
}
.ant-list-item-action > li {
position: relative;
display: inline-block;
padding: 0 8px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.ant-list-item-action > li:first-child {
padding-left: 0;
}
.ant-list-item-action-split {
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 14px;
margin-top: -7px;
background-color: #f0f0f0;
}
.ant-list-header {
background: transparent;
}
.ant-list-footer {
background: transparent;
}
.ant-list-header,
.ant-list-footer {
padding-top: 12px;
padding-bottom: 12px;
}
.ant-list-empty {
padding: 16px 0;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
text-align: center;
}
.ant-list-split .ant-list-item {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
border-bottom: none;
}
.ant-list-split .ant-list-header {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-
items > .ant-list-item:last-child {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
display: block;
flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
margin-bottom: 12px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
margin-top: 16px;
margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
display: block;
max-width: 100%;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.ant-list-item-no-flex {
display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
float: right;
}
.ant-list-bordered {
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
padding: 16px 24px;
}
@media screen and (max-width: 768px) {
.ant-list-item-action {
margin-left: 24px;
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 24px;
}
}
@media screen and (max-width: 576px) {
.ant-list-item {
flex-wrap: wrap;
}
.ant-list-item-action {
margin-left: 12px;
}
.ant-list-vertical .ant-list-item {
flex-wrap: wrap-reverse;
}
.ant-list-vertical .ant-list-item-main {
min-width: 220px;
}
.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px;
}
}
.ant-list-rtl {
direction: rtl;
text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
margin-right: 0;
margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
margin-right: 48px;
margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
right: auto;
left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin-right: 40px;
margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-
item-action {
float: left;
}
@media screen and (max-width: 768px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 24px;
margin-left: 0;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-extra {
margin-right: 24px;
margin-left: 0;
}
}
@media screen and (max-width: 576px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 22px;
margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px;
}
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
display: none;
color: #1890ff;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
.ant-spin-nested-loading {
position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 5px;
text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
margin-top: -26px;
}
.ant-spin-container {
position: relative;
transition: opacity 0.3s;
}
.ant-spin-container::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none \9;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all 0.3s;
content: '';
pointer-events: none;
}
.ant-spin-blur {
clear: both;
opacity: 0.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.ant-spin-blur::after {
opacity: 0.4;
pointer-events: auto;
}
.ant-spin-tip {
color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
position: relative;
display: inline-block;
font-size: 20px;
width: 1em;
height: 1em;
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 9px;
height: 9px;
background-color: #1890ff;
border-radius: 100%;
transform: scale(0.75);
transform-origin: 50% 50%;
opacity: 0.3;
-webkit-animation: antSpinMove 1s infinite linear alternate;
animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
top: 0;
left: 0;
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4)
{
bottom: 0;
left: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.ant-spin-dot-spin {
transform: rotate(45deg);
-webkit-animation: antRotate 1.2s infinite linear;
animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
width: 6px;
height: 6px;
}
.ant-spin-lg .ant-spin-dot {
font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
width: 14px;
height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */
.ant-spin-blur {
background: #fff;
opacity: 0.5;
}
}
@-webkit-keyframes antSpinMove {
to {
opacity: 1;
}
}
@keyframes antSpinMove {
to {
opacity: 1;
}
}
@-webkit-keyframes antRotate {
to {
transform: rotate(405deg);
}
}
@keyframes antRotate {
to {
transform: rotate(405deg);
}
}
.ant-spin-rtl {
direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
transform: rotate(-45deg);
-webkit-animation-name: antRotateRtl;
animation-name: antRotateRtl;
}
@-webkit-keyframes antRotateRtl {
to {
transform: rotate(-405deg);
}
}
@keyframes antRotateRtl {
to {
transform: rotate(-405deg);
}
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-pagination {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
margin: 0;
padding: 0;
list-style: none;
}
.ant-pagination::after {
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
content: ' ';
}
.ant-pagination-total-text {
display: inline-block;
height: 32px;
margin-right: 8px;
line-height: 30px;
vertical-align: middle;
}
.ant-pagination-item {
display: inline-block;
min-width: 32px;
height: 32px;
margin-right: 8px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style: none;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-pagination-item a {
display: block;
padding: 0 6px;
color: rgba(0, 0, 0, 0.85);
transition: none;
}
.ant-pagination-item a:hover {
text-decoration: none;
}
.ant-pagination-item:focus-visible,
.ant-pagination-item:hover {
border-color: #1890ff;
transition: all 0.3s;
}
.ant-pagination-item:focus-visible a,
.ant-pagination-item:hover a {
color: #1890ff;
}
.ant-pagination-item-active {
font-weight: 500;
background: #fff;
border-color: #1890ff;
}
.ant-pagination-item-active a {
color: #1890ff;
}
.ant-pagination-item-active:focus-visible,
.ant-pagination-item-active:hover {
border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible a,
.ant-pagination-item-active:hover a {
color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-
icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-
icon {
color: #1890ff;
font-size: 12px;
letter-spacing: -1px;
opacity: 0;
transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-
icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-
icon-svg {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-
ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-
ellipsis {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
color: rgba(0, 0, 0, 0.25);
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-align: center;
text-indent: 0.13em;
opacity: 1;
transition: all 0.2s;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
display: inline-block;
min-width: 32px;
height: 32px;
color: rgba(0, 0, 0, 0.85);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
text-align: center;
vertical-align: middle;
list-style: none;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
font-family: Arial, Helvetica, sans-serif;
outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
color: rgba(0, 0, 0, 0.85);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
display: block;
width: 100%;
height: 100%;
padding: 0;
font-size: 12px;
text-align: center;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: none;
transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
color: #1890ff;
border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus-visible {
cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination-slash {
margin: 0 10px 0 5px;
}
.ant-pagination-options {
display: inline-block;
margin-left: 16px;
vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
.ant-pagination-options *::-ms-backdrop,
.ant-pagination-options {
vertical-align: top;
}
}
.ant-pagination-options-size-changer.ant-select {
display: inline-block;
width: auto;
}
.ant-pagination-options-quick-jumper {
display: inline-block;
height: 32px;
margin-left: 8px;
line-height: 32px;
vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
width: 50px;
height: 32px;
margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-pagination-options-quick-jumper input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-pagination-options-quick-jumper
input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
padding: 0px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
height: 24px;
line-height: 24px;
vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
height: 24px;
background-color: transparent;
border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
display: inline-block;
height: 24px;
margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
box-sizing: border-box;
height: 100%;
margin-right: 8px;
padding: 0 6px;
text-align: center;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: none;
transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
height: 24px;
line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
background: transparent;
border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
background: transparent;
border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
height: 24px;
margin-right: 0;
line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-size-changer {
top: 0px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
height: 24px;
line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
padding: 0px 7px;
width: 44px;
height: 24px;
}
.ant-pagination.ant-pagination-disabled {
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
color: rgba(0, 0, 0, 0.25);
background: transparent;
border: none;
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-
link {
background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
.ant-pagination-item-after-jump-prev,
.ant-pagination-item-before-jump-next {
display: none;
}
}
@media only screen and (max-width: 576px) {
.ant-pagination-options {
display: none;
}
}
.ant-pagination-rtl .ant-pagination-total-text {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
margin-right: 16px;
margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-
changer.ant-select {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
margin-right: 2px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-mentions {
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
/* stylelint-disable-next-line selector-no-vendor-prefix */
position: relative;
display: inline-block;
height: auto;
padding: 0;
overflow: hidden;
line-height: 1.5715;
white-space: pre-wrap;
vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-mentions::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-mentions:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-mentions-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-mentions[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
textarea.ant-mentions {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-mentions-sm {
padding: 0px 7px;
}
.ant-mentions-disabled > textarea {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-mentions-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-mentions > textarea,
.ant-mentions-measure {
min-height: 30px;
margin: 0;
padding: 4px 11px;
overflow: inherit;
overflow-x: hidden;
overflow-y: auto;
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
font-weight: inherit;
font-size: inherit;
font-family: inherit;
font-style: inherit;
font-variant:
inherit;
font-size-adjust: inherit;
font-stretch: inherit;
line-height: inherit;
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
direction: inherit;
letter-spacing: inherit;
white-space: inherit;
text-align: inherit;
vertical-align: top;
word-wrap: break-word;
word-break: inherit;
-moz-tab-size: inherit;
-o-tab-size: inherit;
tab-size: inherit;
}
.ant-mentions > textarea {
width: 100%;
border: none;
outline: none;
resize: none;
/* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-mentions > textarea::-moz-placeholder {
opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none;
}
.ant-mentions > textarea::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-mentions > textarea:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions-measure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
color: transparent;
pointer-events: none;
}
.ant-mentions-measure > span {
display: inline-block;
min-height: 1em;
}
.ant-mentions-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
box-sizing: border-box;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
display: none;
}
.ant-mentions-dropdown-menu {
max-height: 250px;
margin-bottom: 0;
padding-left: 0;
overflow: auto;
list-style: none;
outline: none;
}
.ant-mentions-dropdown-menu-item {
position: relative;
display: block;
min-width: 100px;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
background-color: #f5f5f5;
}
.ant-mentions-rtl {
direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-message {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
top: 8px;
left: 0;
z-index: 1010;
width: 100%;
pointer-events: none;
}
.ant-message-notice {
padding: 8px;
text-align: center;
}
.ant-message-notice-content {
display: inline-block;
padding: 10px 16px;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
pointer-events: all;
}
.ant-message-success .anticon {
color: #52c41a;
}
.ant-message-error .anticon {
color: #ff4d4f;
}
.ant-message-warning .anticon {
color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
color: #1890ff;
}
.ant-message .anticon {
position: relative;
top: 1px;
margin-right: 8px;
font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
-webkit-animation-name: MessageMoveOut;
animation-name: MessageMoveOut;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1;
}
100% {
max-height: 0;
padding: 0;
opacity: 0;
}
}
@keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1;
}
100% {
max-height: 0;
padding: 0;
opacity: 0;
}
}
.ant-message-rtl {
direction: rtl;
}
.ant-message-rtl span {
direction: rtl;
}
.ant-message-rtl .anticon {
margin-right: 0;
margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-modal {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
pointer-events: none;
position: relative;
top: 100px;
width: auto;
max-width: calc(100vw - 32px);
margin: 0 auto;
padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.antzoom-appear {
transform: none;
opacity: 0;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-modal-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
display: none;
}
.ant-modal-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
-webkit-overflow-scrolling: touch;
}
.ant-modal-wrap {
z-index: 1000;
}
.ant-modal-title {
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 22px;
word-wrap: break-word;
}
.ant-modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
pointer-events: auto;
}
.ant-modal-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
line-height: 1;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
}
.ant-modal-close-x {
display: block;
width: 56px;
height: 56px;
font-size: 16px;
font-style: normal;
line-height: 56px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.ant-modal-header {
padding: 16px 24px;
color: rgba(0, 0, 0, 0.85);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-modal-body {
padding: 24px;
font-size: 14px;
line-height: 1.5715;
word-wrap: break-word;
}
.ant-modal-footer {
padding: 10px 16px;
text-align: right;
background: transparent;
border-top: 1px solid #f0f0f0;
border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
margin-bottom: 0;
margin-left: 8px;
}
.ant-modal-open {
overflow: hidden;
}
.ant-modal-centered {
text-align: center;
}
.ant-modal-centered::before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: '';
}
.ant-modal-centered .ant-modal {
top: 0;
display: inline-block;
padding-bottom: 0;
text-align: left;
vertical-align: middle;
}
@media (max-width: 767px) {
.ant-modal {
max-width: calc(100vw - 16px);
margin: 8px auto;
}
.ant-modal-centered .ant-modal {
flex: 1;
}
}
.ant-modal-confirm .ant-modal-header {
display: none;
}
.ant-modal-confirm .ant-modal-body {
padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
display: table;
content: '';
}
.ant-modal-confirm-body-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
display: block;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
margin-top: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
float: left;
margin-right: 16px;
font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-
content {
margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
float: right;
margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
margin-bottom: 0;
margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
color: #52c41a;
}
.ant-modal-wrap-rtl {
direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close
{
right: initial;
left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
margin-right: 8px;
margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title +
.ant-modal-confirm-content {
margin-right: 38px;
margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
margin-right: 8px;
margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-notification {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
z-index: 1010;
margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
margin-right: 0;
margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-
active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-
enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-
appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-
appear-active {
-webkit-animation-name: NotificationLeftFadeIn;
animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
font-size: 14px;
cursor: pointer;
}
.ant-notification-hook-holder {
position: relative;
}
.ant-notification-notice {
position: relative;
width: 384px;
max-width: calc(100vw - 24px * 2);
margin-bottom: 16px;
margin-left: auto;
padding: 16px 24px;
overflow: hidden;
line-height: 1.5715;
word-wrap: break-word;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
margin-right: auto;
margin-left: 0;
}
.ant-notification-notice-message {
margin-bottom: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
display: block;
width: calc(384px - 24px * 2 - 24px - 48px - 100%);
max-width: 4px;
background-color: transparent;
pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
display: block;
content: '';
}
.ant-notification-notice-description {
font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
margin-bottom: 4px;
margin-left: 48px;
font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
margin-left: 48px;
font-size: 14px;
}
.ant-notification-notice-icon {
position: absolute;
margin-left: 4px;
font-size: 24px;
line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
color: #ff4d4f;
}
.ant-notification-notice-close {
position: absolute;
top: 16px;
right: 22px;
color: rgba(0, 0, 0, 0.45);
outline: none;
}
.ant-notification-notice-close:hover {
color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
float: right;
margin-top: 16px;
}
.ant-notification .notification-fade-effect {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-notification-fade-leave {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
-webkit-animation-name: NotificationFadeIn;
animation-name: NotificationFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
-webkit-animation-name: NotificationFadeOut;
animation-name: NotificationFadeOut;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes NotificationFadeIn {
0% {
left: 384px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes NotificationFadeIn {
0% {
left: 384px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@-webkit-keyframes NotificationLeftFadeIn {
0% {
right: 384px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
@keyframes NotificationLeftFadeIn {
0% {
right: 384px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
@-webkit-keyframes NotificationFadeOut {
0% {
max-height: 150px;
margin-bottom: 16px;
opacity: 1;
}
100% {
max-height: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
}
@keyframes NotificationFadeOut {
0% {
max-height: 150px;
margin-bottom: 16px;
opacity: 1;
}
100% {
max-height: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
}
.ant-notification-rtl {
direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-
message {
padding-right: 0;
padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-
message {
margin-right: 48px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-
description {
margin-right: 48px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
margin-right: 4px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
right: auto;
left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
float: left;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-page-header {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
padding: 16px 24px;
background-color: #fff;
}
.ant-page-header-ghost {
background-color: inherit;
}
.ant-page-header.has-breadcrumb {
padding-top: 12px;
}
.ant-page-header.has-footer {
padding-bottom: 0;
}
.ant-page-header-back {
margin-right: 16px;
font-size: 16px;
line-height: 1;
}
.ant-page-header-back-button {
color: #1890ff;
text-decoration: none;
outline: none;
transition: color 0.3s;
color: #000;
cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
color: #40a9ff;
}
.ant-page-header-back-button:active {
color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
height: 14px;
margin: 0 12px;
vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
margin-top: 8px;
}
.ant-page-header-heading {
display: flex;
justify-content: space-between;
}
.ant-page-header-heading-left {
display: flex;
align-items: center;
margin: 4px 0;
overflow: hidden;
}
.ant-page-header-heading-title {
margin-right: 12px;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 20px;
line-height: 32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
margin-right: 12px;
}
.ant-page-header-heading-sub-title {
margin-right: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
margin: 4px 0;
white-space: nowrap;
}
.ant-page-header-heading-extra > * {
margin-left: 12px;
white-space: unset;
}
.ant-page-header-heading-extra > *:first-child {
margin-left: 0;
}
.ant-page-header-content {
padding-top: 12px;
}
.ant-page-header-footer {
margin-top: 16px;
}
.ant-page-header-footer
.ant-tabs > .ant-tabs-nav {
margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
flex-wrap: wrap;
}
.ant-page-header-rtl {
direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
float: right;
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
margin-right: 12px;
margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
float: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-popconfirm {
z-index: 1060;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-progress {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-progress-line {
position: relative;
width: 100%;
font-size: 14px;
}
.ant-progress-steps {
display: inline-block;
}
.ant-progress-steps-outer {
display: flex;
flex-direction: row;
align-items: center;
}
.ant-progress-steps-item {
flex-shrink: 0;
min-width: 2px;
margin-right: 2px;
background: #f3f3f3;
transition: all 0.3s;
}
.ant-progress-steps-item-active {
background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
font-size: 12px;
}
.ant-progress-outer {
display: inline-block;
width: 100%;
margin-right: 0;
padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
margin-right: calc(-2em - 8px);
padding-right: calc(2em + 8px);
}
.ant-progress-inner {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
vertical-align: middle;
background-color: #f5f5f5;
border-radius: 100px;
}
.ant-progress-circle-trail {
stroke: #f5f5f5;
}
.ant-progress-circle-path {
-webkit-animation: ant-progress-appear 0.3s;
animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
position: relative;
background-color: #1890ff;
border-radius: 100px;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
position: absolute;
top: 0;
left: 0;
background-color: #52c41a;
}
.ant-progress-text {
display: inline-block;
width: 2em;
margin-left: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 1em;
line-height: 1;
white-space: nowrap;
text-align: left;
vertical-align: middle;
word-break: normal;
}
.ant-progress-text .anticon {
font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
border-radius: 10px;
opacity: 0;
-webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1)
infinite;
animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1)
infinite;
content: '';
}
.ant-progress-status-exception .ant-progress-bg {
background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-
gradient) .ant-progress-circle-path {
stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient)
.ant-progress-circle-path {
stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
position: relative;
line-height: 1;
background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 1em;
line-height: 1;
white-space: normal;
text-align: center;
transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
}
20% {
transform: translateX(-100%) scaleX(0);
opacity: 0.5;
}
100% {
transform: translateX(0) scaleX(1);
opacity: 0;
}
}
@keyframes ant-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
}
20% {
transform: translateX(-100%) scaleX(0);
opacity: 0.5;
}
100% {
transform: translateX(0) scaleX(1);
opacity: 0;
}
}
.ant-progress-rtl {
direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
margin-right: 0;
margin-left: calc(-2em - 8px);
padding-right: 0;
padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
right: 0;
left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
margin-right: 8px;
margin-left: 0;
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-rate {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
display: inline-block;
margin: 0;
padding: 0;
color: #fadb14;
font-size: 20px;
line-height: unset;
list-style: none;
outline: none;
}
.ant-rate-disabled .ant-rate-star {
cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
transform: scale(1);
}
.ant-rate-star {
position: relative;
display: inline-block;
color: inherit;
cursor: pointer;
}
.ant-rate-star:not(:last-child) {
margin-right: 8px;
}
.ant-rate-star > div {
transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus-visible {
transform: scale(1.1);
}
.ant-rate-star > div:focus {
outline: 0;
}
.ant-rate-star > div:focus-visible {
outline: 1px dashed #fadb14;
}
.ant-rate-star-first,
.ant-rate-star-second {
color: #f0f0f0;
transition: all 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
vertical-align: middle;
}
.ant-rate-star-first {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
color: inherit;
}
.ant-rate-text {
display: inline-block;
margin: 0 8px;
font-size: 14px;
}
.ant-rate-rtl {
direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
right: 0;
left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-result {
padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
color: #faad14;
}
.ant-result-image {
width: 250px;
height: 295px;
margin: auto;
}
.ant-result-icon {
margin-bottom: 24px;
text-align: center;
}
.ant-result-icon > .anticon {
font-size: 72px;
}
.ant-result-title {
color: rgba(0, 0, 0, 0.85);
font-size: 24px;
line-height: 1.8;
text-align: center;
}
.ant-result-subtitle {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.6;
text-align: center;
}
.ant-result-extra {
margin: 24px 0 0 0;
text-align: center;
}
.ant-result-extra > * {
margin-right: 8px;
}
.ant-result-extra > *:last-child {
margin-right: 0;
}
.ant-result-content {
margin-top: 24px;
padding: 24px 40px;
background-color: #fafafa;
}
.ant-result-rtl {
direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
margin-right: 0;
margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown
*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-skeleton {
display: table;
width: 100%;
}
.ant-skeleton-header {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
width: 100%;
height: 16px;
margin-top: 16px;
background: rgba(190, 190, 190, 0.2);
border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
width: 100%;
height: 16px;
list-style: none;
background: rgba(190, 190, 190, 0.2);
border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-
child):not(:nth-child(2)) {
width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-
skeleton-paragraph {
margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
border-radius: 100px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph >
li {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129,
129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
-webkit-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129,
129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
-webkit-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-button {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129,
129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
-webkit-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129,
129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
-webkit-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129,
129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
-webkit-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-block {
width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
width: 100%;
}
.ant-skeleton-element {
display: inline-block;
width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
width: 64px;
min-width: 64px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
width: 32px;
min-width: 32px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
width: 80px;
min-width: 80px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
width: 40px;
min-width: 40px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
width: 48px;
min-width: 48px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
width: 24px;
min-width: 24px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 100%;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
width: 100%;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
width: 100%;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 96px;
height: 96px;
line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
width: 48px;
height: 48px;
line-height: 48px;
max-width: 192px;
max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
border-radius: 50%;
}
@-webkit-keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.ant-skeleton-rtl {
direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
padding-right: 0;
padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-
skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-
skeleton-paragraph > li {
-webkit-animation-name: ant-skeleton-loading-rtl;
animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
-webkit-animation-name: ant-skeleton-loading-rtl;
animation-name: ant-skeleton-loading-rtl;
}
@-webkit-keyframes ant-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
@keyframes ant-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-slider {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
height: 12px;
margin: 10px 6px 10px;
padding: 4px 0;
cursor: pointer;
touch-action: none;
}
.ant-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
width: 4px;
height: 100%;
}
.ant-slider-vertical .ant-slider-track {
width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
margin-top: -6px;
margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
left: 4px;
white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
width: 4px;
height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
top: auto;
left: 2px;
margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
margin-right: -5px;
margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
right: 12px;
left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
right: 4px;
left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
right: 2px;
left: auto;
}
.ant-slider-with-marks {
margin-bottom: 28px;
}
.ant-slider-rail {
position:
absolute;
width: 100%;
height: 4px;
background-color: #f5f5f5;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-slider-track {
position: absolute;
height: 4px;
background-color: #91d5ff;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-slider-handle {
position: absolute;
width: 14px;
height: 14px;
margin-top: -5px;
background-color: #fff;
border: solid 2px #91d5ff;
border-radius: 50%;
box-shadow: 0;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18,
0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
border-color: #46a6ff;
box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle:focus {
border-color: #46a6ff;
outline: none;
box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
border-color: #69c0ff;
}
.ant-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 14px;
}
.ant-slider-mark-text {
position: absolute;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
text-align: center;
word-break: keep-all;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-slider-mark-text-active {
color: rgba(0, 0, 0, 0.85);
}
.ant-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent;
}
.ant-slider-dot {
position: absolute;
top: -2px;
width: 8px;
height: 8px;
margin-left: -4px;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 50%;
cursor: pointer;
}
.ant-slider-dot:first-child {
margin-left: -4px;
}
.ant-slider-dot:last-child {
margin-left: -4px;
}
.ant-slider-dot-active {
border-color: #8cc8ff;
}
.ant-slider-disabled {
cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25) !important;
box-shadow: none;
cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
cursor: not-allowed !important;
}
.ant-slider-rtl {
direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
right: 0;
left: auto;
}
.ant-slider-rtl .ant-slider-dot {
margin-right: -4px;
margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:first-child {
margin-right: -4px;
margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:last-child {
margin-right: -4px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-space {
display: inline-flex;
}
.ant-space-vertical {
flex-direction: column;
}
.ant-space-align-center {
align-items: center;
}
.ant-space-align-start {
align-items: flex-start;
}
.ant-space-align-end {
align-items: flex-end;
}
.ant-space-align-baseline {
align-items: baseline;
}
.ant-space-item:empty {
display: none;
}
.ant-space-rtl {
direction: rtl;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-statistic {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-statistic-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-statistic-content {
color: rgba(0, 0, 0, 0.85);
font-size: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
display: inline-block;
direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
display: inline-block;
}
.ant-statistic-content-prefix {
margin-right: 4px;
}
.ant-statistic-content-suffix {
margin-left: 4px;
}
.ant-statistic-rtl {
direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
margin-right: 0;
margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
margin-right: 4px;
margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-steps {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
width: 100%;
font-size: 0;
text-align: initial;
}
.ant-steps-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
}
.ant-steps-item-container {
outline: none;
}
.ant-steps-item:last-child {
flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-title::after {
display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
display: inline-block;
vertical-align: top;
}
.ant-steps-item-icon {
width: 32px;
height: 32px;
margin: 0 8px 0 0;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica
Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 32px;
transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
position: relative;
top: -0.5px;
color: #1890ff;
line-height: 1;
}
.ant-steps-item-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
}
.ant-steps-item-tail::after {
display: inline-block;
width: 100%;
height: 1px;
background: #f0f0f0;
border-radius: 1px;
transition: background 0.3s;
content: '';
}
.ant-steps-item-title {
position: relative;
display: inline-block;
padding-right: 16px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 32px;
}
.ant-steps-item-title::after {
position: absolute;
top: 16px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #f0f0f0;
content: '';
}
.ant-steps-item-subtitle {
display: inline;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-weight: normal;
font-size: 14px;
}
.ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-title {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
background-color: #fff;
border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot
{
background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-description {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-
steps-icon {
color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
background-color: #fff;
border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-title::after {
background-color:
#1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content
> .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-title {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-
steps-item-description {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
background: #ff4d4f;
}
.ant-steps-item-disabled {
cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button'] {
cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button'] .ant-steps-item-icon .ant-steps-icon {
transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-
container[role='button']:hover .ant-steps-item-description {
color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
> .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
> .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-
icon {
color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-left: 16px;
white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-
child .ant-steps-item-title {
padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
max-width: 140px;
white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
height: auto;
background: none;
border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-
steps-icon {
top: 0px;
left: 0.5px;
width: 32px;
height: 32px;
font-size: 24px;
line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-
icon {
color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
width: auto;
background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-
item {
padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-
item:first-child {
padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
font-size: 12px;
line-height: 24px;
text-align: center;
border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
padding-right: 12px;
font-size: 14px;
line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
top: 12px;
}
.ant-steps-small .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
background: none;
border: 0;
border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
font-size: 24px;
line-height: 24px;
transform: none;
}
.ant-steps-vertical {
display: flex;
flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: left;
margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-
item-tail {
position: absolute;
top: 0;
left: 16px;
width: 1px;
height: 100%;
padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-
item-tail::after {
width: 1px;
height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container
> .ant-steps-item-tail {
display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-
item-content > .ant-steps-item-title::after {
display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail
{
position: absolute;
top: 0;
left: 12px;
padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title
{
line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
margin-left: 58px;
padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
display: block;
width: 116px;
margin-top: 8px;
text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
display: inline-block;
margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
padding-right: 0;
padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon
{
margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
top: 2px;
width: 100%;
margin: 0 0 0 70px;
padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
width: calc(100% - 20px);
height: 3px;
margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
width: 8px;
height: 8px;
margin-left: 67px;
padding-right: 0;
line-height: 8px;
background: transparent;
border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
position: relative;
float: left;
width: 100%;
height: 100%;
border-radius: 100px;
transition: all 0.3s;
/* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
position: relative;
top: -1px;
width: 10px;
height: 10px;
line-height: 10px;
background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-
dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-
child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-top: 13px;
margin-left: 0;
background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container
> .ant-steps-item-tail {
top: 6.5px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container
.ant-steps-item-icon .ant-steps-icon-dot {
top: -1px;
left: -1px;
}
.ant-steps-navigation {
padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
overflow: visible;
text-align: center;
}
.ant-steps-navigation .ant-steps-item-container
{
display: inline-block;
height: 100%;
margin-left: -16px;
padding-bottom: 12px;
text-align: left;
transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-
container[role='button'] {
cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-
container[role='button']:hover {
opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
display: none;
}
.ant-steps-navigation .ant-steps-item::after {
position: absolute;
top: 50%;
left: 100%;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -14px;
margin-left: -2px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: none;
border-left: none;
transform: rotate(45deg);
content: '';
}
.ant-steps-navigation .ant-steps-item::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
background-color: #1890ff;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
left: 0;
width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-
active::before {
top: 0;
right: 0;
left: unset;
display: block;
width: 3px;
height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
position: relative;
top: -2px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-bottom: 8px;
text-align: center;
transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-
container > .ant-steps-item-tail {
visibility: hidden;
}
.ant-steps-rtl {
direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
right: 0;
left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
padding-right: 0;
padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title::after {
right: 100%;
left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item
{
padding-right: 16px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-
item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-
item:last-child .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
right: 0.5px;
left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-right: -12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title
{
padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-
vertical) .ant-steps-item {
padding-right: 12px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-
vertical) .ant-steps-item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
padding-right: 0;
padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container
> .ant-steps-item-tail {
right: 16px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-
steps-item-tail {
right: 12px;
left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
margin-right: 12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-
steps-icon-dot {
right: 2px;
left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
margin-right: 67px;
margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
/* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-
dot {
float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-
dot::after {
right: -26px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-
container > .ant-steps-item-tail {
right: -9px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-
steps-icon-dot {
right: 0;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-
icon-dot {
right: -2px;
left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-
horizontal .ant-steps-item:first-child.ant-steps-item-active {
padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
top: 4px !important;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
padding-bottom: 4px;
padding-left: 4px;
}
.ant-steps-with-progress .ant-steps-item-icon {
position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-switch {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 44px;
height: 22px;
line-height: 22px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.25);
border: 0;
border-radius: 100px;
cursor: pointer;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-switch:focus {
outline: 0;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
box-shadow: 0 0 0 2px #e6f7ff;
}
.ant-switch:focus:hover {
box-shadow: none;
}
.ant-switch-checked {
background-color: #1890ff;
}
.ant-switch-loading,
.ant-switch-disabled {
cursor: not-allowed;
opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
box-shadow: none;
cursor: not-allowed;
}
.ant-switch-inner {
display: block;
margin: 0 7px 0 25px;
color: #fff;
font-size: 12px;
transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
margin: 0 25px 0 7px;
}
.ant-switch-handle {
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
transition: all 0.2s ease-in-out;
content: '';
}
.ant-switch-checked .ant-switch-handle {
left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
right: -30%;
left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-
handle::before {
right: 0;
left: -30%;
}
.ant-switch-loading-icon.anticon {
position: relative;
top: 2px;
color: rgba(0, 0, 0, 0.65);
vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
color: #1890ff;
}
.ant-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
margin: 0 5px 0 18px;
font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
width: 12px;
height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
top: 1.5px;
font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
margin: 0 25px 0 7px;
}
.ant-switch-rtl
.ant-switch-handle {
right: 2px;
left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
right: 0;
left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-
switch-handle::before {
right: -30%;
left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
right: calc(100% - 12px - 2px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-table.ant-table-middle {
font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-
table {
margin: -12px -8px -12px 25px;
}
.ant-table.ant-table-small {
font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-
table {
margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
width: 46px;
min-width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tfoot > tr > td {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
thead > tr > th::before {
background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tfoot > tr > .ant-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table >
tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table >
tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table >
tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table >
tbody > tr > td > .ant-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #f0f0f0;
content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container
> .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container
> .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-
content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-
body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-
content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-
body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
border-top: 0;
}
.ant-table-cell-scrollbar {
box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
clear: both;
max-width: 100%;
}
.ant-table-wrapper::before {
display: table;
content: '';
}
.ant-table-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-table {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
font-size: 14px;
background: #fff;
border-radius: 2px;
}
.ant-table table
{
width: 100%;
text-align: left;
border-radius: 2px 2px 0 0;
border-collapse: separate;
border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
position: relative;
padding: 16px 16px;
overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-table-title {
padding: 16px 16px;
}
.ant-table-footer {
padding: 16px 16px;
color: rgba(0, 0, 0, 0.85);
background: #fafafa;
}
.ant-table-thead > tr > th {
position: relative;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
text-align: left;
background: #fafafa;
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-
column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 1.6em;
background-color: rgba(0, 0, 0, 0.06);
transform: translateY(-50%);
transition: background-color 0.3s;
content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
border-bottom: 0;
}
.ant-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-
wrapper:only-child .ant-table {
margin: -16px -16px -16px 33px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody >
tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-
wrapper:only-child .ant-table-tbody > tr:last-child > td {
border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody >
tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-
wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody >
tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-
wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
background: #e6f7ff;
border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
background: #dcf4ff;
}
.ant-table-summary {
position: relative;
z-index: 2;
background: #fff;
}
div.ant-table-summary {
box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
margin: 16px 0;
}
.ant-table-pagination {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
}
.ant-table-pagination > * {
flex: none;
}
.ant-table-pagination-left {
justify-content: flex-start;
}
.ant-table-pagination-center {
justify-content: center;
}
.ant-table-pagination-right {
justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
cursor: pointer;
transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
background-color: transparent !important;
}
td.ant-table-column-sort {
background: #fafafa;
}
.ant-table-column-title {
position: relative;
z-index: 1;
flex: 1;
}
.ant-table-column-sorters {
display: flex;
flex: auto;
align-items: center;
justify-content: space-between;
}
.ant-table-column-sorters::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
}
.ant-table-column-sorter {
margin-left: 4px;
color: #bfbfbf;
font-size: 0;
transition: color 0.3s;
}
.ant-table-column-sorter-inner {
display: inline-flex;
flex-direction: column;
align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
color: #1890ff;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
color: #a6a6a6;
}
.ant-table-filter-column {
display: flex;
justify-content: space-between;
}
.ant-table-filter-trigger {
position: relative;
display: flex;
align-items: center;
margin: -4px -8px -4px 4px;
padding: 0 4px;
color: #bfbfbf;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
color: rgba(0, 0, 0, 0.45);
background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
color: #1890ff;
}
.ant-table-filter-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
min-width: 120px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
display: block;
padding: 8px 0;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
text-align: center;
content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-
wrapper:hover {
background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-
content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-
content-wrapper:hover {
background-color: #bae7ff;
}
.ant-table-filter-dropdown-search {
padding: 8px;
border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
width: 100%;
margin-bottom: 4px;
margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
max-height: calc(100vh - 130px);
overflow-x: hidden;
overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
display: flex;
justify-content: space-between;
padding: 7px 8px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
padding-right: 8px;
padding-left: 8px;
text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
z-index: 3;
}
table tr th.ant-table-selection-column::after {
background-color: transparent !important;
}
.ant-table-selection {
position: relative;
display: inline-flex;
flex-direction: column;
}
.ant-table-selection-extra {
position: absolute;
top: 0;
z-index: 1;
cursor: pointer;
transition: all 0.3s;
-webkit-margin-start: 100%;
margin-inline-start: 100%;
-webkit-padding-start: 4px;
padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
color: #bfbfbf;
font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
color: #a6a6a6;
}
.ant-table-expand-icon-col {
width: 48px;
}
.ant-table-row-expand-icon-cell {
text-align: center;
}
.ant-table-row-indent {
float: left;
height: 1px;
}
.ant-table-row-expand-icon {
color: #1890ff;
text-decoration: none;
cursor: pointer;
transition: color 0.3s;
position: relative;
display: inline-flex;
float: left;
box-sizing: border-box;
width: 17px;
height: 17px;
padding: 0;
color: inherit;
line-height: 17px;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 2px;
outline: none;
transform: scale(0.94117647);
transition: all 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
color: #40a9ff;
}
.ant-table-row-expand-icon:active {
color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
border-color: currentColor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after
{
position: absolute;
background: currentColor;
transition: transform 0.3s ease-out;
content: '';
}
.ant-table-row-expand-icon::before {
top: 7px;
right: 3px;
left: 3px;
height: 1px;
}
.ant-table-row-expand-icon::after {
top: 3px;
bottom: 3px;
left: 7px;
width: 1px;
transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
background: transparent;
border: 0;
visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
display: none;
content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
margin-top: 2.5005px;
margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
flex: auto;
width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
position: relative;
margin: -16px -16px;
padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 2;
background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
transform: translateX(100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 30px;
transform: translateX(-100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 30px;
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table .ant-table-container::before {
left: 0;
}
.ant-table .ant-table-container::after {
right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
position: -webkit-sticky;
position: sticky;
z-index: calc(2 + 1);
background: #fff;
}
.ant-table-sticky-scroll {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: calc(2 + 1);
display: flex;
align-items: center;
background: #ffffff;
border-top: 1px solid #f0f0f0;
opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
height: 8px;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
box-shadow: none !important;
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after {
box-shadow: none !important;
}
}
.ant-table {
/* title + table */
/* table */
/* table + footer */
}
.ant-table-title {
border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-
child {
border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-
child {
border-radius: 0;
}
.ant-table-container {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 2px;
}
.ant-table-footer {
border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
direction: rtl;
}
.ant-table-rtl {
direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-
selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
right: auto;
left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
margin-right: 4px;
margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-
filter-column-title {
padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper +
span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-
wrapper + span {
padding-right: 8px;
padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
@-webkit-keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@-webkit-keyframes ant-tree-node-fx-do-not-use {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ant-tree-node-fx-do-not-use {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
transition: background-color 0.3s;
content: '';
pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-
wrapper:hover {
background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-
tree-node-selected {
color: #fff;
background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
background: #1890ff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-
wrapper {
color: #fff;
background: transparent;
}
.ant-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover
.ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 2px;
visibility: hidden;
-webkit-animation: antCheckboxEffect 0.36s ease-in-out;
animation: antCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
visibility: visible;
}
.ant-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
background-color: #1890ff;
border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-
inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
.ant-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
visibility: hidden;
}
.ant-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
margin-left: 8px;
}
.ant-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-tree-checkbox-group-item {
margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #1890ff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-
inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
background: #e6f7ff;
}
.ant-tree-list-holder-inner {
align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-
wrapper {
flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-
treenode.dragging {
position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-
treenode.dragging::after {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
border: 1px solid #1890ff;
opacity: 0;
-webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
animation: ant-tree-node-fx-do-not-use 0.3s;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
.ant-tree .ant-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node
.ant-tree-title {
color: inherit;
font-weight: 500;
}
.ant-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-tree-indent-unit {
display: inline-block;
width: 24px;
}
.ant-tree-draggable-icon {
width: 24px;
line-height: 24px;
text-align: center;
opacity: 0.2;
transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree-draggable-icon {
opacity: 0.45;
}
.ant-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 24px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
.ant-tree-switcher-noop {
cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
color: #1890ff;
}
.ant-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.ant-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #d9d9d9;
content: ' ';
}
.ant-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
.ant-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
margin: 0;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: #bae7ff;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
background-color: transparent;
}
.ant-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
background-color: #1890ff;
border-radius: 1px;
pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
border: 2px solid #1890ff;
border-radius: 50%;
content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
position: relative;
height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
border-right: 1px solid #d9d9d9;
content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
display: none;
}
.ant-tree-show-line
.ant-tree-switcher {
background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.ant-tree-rtl {
direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-
indicator::after {
right: -6px;
left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
right: auto;
left: -13px;
border-right: none;
border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl.ant-tree-checkbox {
margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
margin: 4px 0 0 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;
}
.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}
.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
font-size: 12px;
background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
display: none;
}
.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}
.ant-timeline-item-head-blue {
color: #1890ff;
border-color: #1890ff;
}
.ant-timeline-item-head-red {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
color: #52c41a;
border-color: #52c41a;
}
.ant-timeline-item-head-gray {
color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-
content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-
content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content
{
left: calc(50% - 4px);
width: calc(50% - 14px);
text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-
content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-
content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-
content {
width: calc(50% - 12px);
margin: 0;
text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-
custom {
left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-
content {
width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail
{
display: block;
height: calc(100% - 14px);
border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail
{
display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-
tail {
top: 15px;
display: block;
height: calc(100% - 15px);
border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-
content {
min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
position: absolute;
top: -7.001px;
width: calc(50% - 12px);
text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label
{
left: calc(50% + 14px);
width: calc(50% - 14px);
text-align: left;
}
.ant-timeline-rtl {
direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
right: 4px;
left: auto;
border-right: 2px solid #f0f0f0;
border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
right: 5px;
left: auto;
transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-
custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
right: 50%;
left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
margin-right: -4px;
margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-
custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
margin-right: 1px;
margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-
timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-
timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-
timeline-item-content {
right: calc(50% - 4px);
left: auto;
text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-
right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-
timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-
timeline-item-content {
text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-
timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-
timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-
timeline-item-head-custom {
right: 0;
left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-
timeline-item-content {
width: 100%;
margin-right: 18px;
text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-
timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-
pending .ant-timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-
timeline-item-label {
right: calc(50% + 14px);
text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
@-webkit-keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes
antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-transfer-customize-list .ant-transfer-list {
flex: 1 1 50%;
width: auto;
height: auto;
min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
border: 0;
border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-
selection-column {
width: 40px;
min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-
content > .ant-table-body > table > .ant-table-thead > tr > th {
background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-
content .ant-table-row:last-child td {
border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-
pagination {
margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
background-color: transparent;
}
.ant-transfer {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: flex;
align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
background: #f5f5f5;
}
.ant-transfer-list {
display: flex;
flex-direction: column;
width: 180px;
height: 200px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-transfer-list-with-pagination {
width: 250px;
height: auto;
}
.ant-transfer-list-search .anticon-search {
color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
display: flex;
flex: none;
align-items: center;
height: 40px;
padding: 8px 12px 9px;
color: rgba(0, 0, 0, 0.85);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
margin-right: 4px;
}
.ant-transfer-list-header > * {
flex: none;
}
.ant-transfer-list-header-title {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-align: right;
text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
font-size: 10px;
transform: translateY(10%);
cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
cursor: not-allowed;
}
.ant-transfer-list-body {
display: flex;
flex: auto;
flex-direction: column;
overflow: hidden;
font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
position: relative;
flex: none;
padding: 12px;
}
.ant-transfer-list-content {
flex: auto;
margin: 0;
padding: 0;
overflow: auto;
list-style: none;
}
.ant-transfer-list-content-item {
display: flex;
align-items: center;
min-height: 32px;
padding: 6px 12px;
line-height: 20px;
transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
margin-right: 8px;
}
.ant-transfer-list-content-item > * {
flex: none;
}
.ant-transfer-list-content-item-text {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
color: #1890ff;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color 0.3s;
position: relative;
color: #d9d9d9;
}
.ant-transfer-list-content-item-remove:focus,
.ant-transfer-list-content-item-remove:hover {
color: #40a9ff;
}
.ant-transfer-list-content-item-remove:active {
color: #096dd9;
}
.ant-transfer-list-content-item-remove::after {
position: absolute;
top: -6px;
right: -50%;
bottom: -6px;
left: -50%;
content: '';
}
.ant-transfer-list-content-item-remove:hover {
color: #40a9ff;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover
{
background-color: #f5f5f5;
cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-
transfer-list-content-item-checked:hover {
background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-
transfer-list-content-item-disabled):hover {
background: transparent;
cursor: default;
}
.ant-transfer-list-content-item-checked {
background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-transfer-list-pagination {
padding: 8px 0;
text-align: right;
border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
flex: none;
width: 100%;
margin: auto 0;
color: rgba(0, 0, 0, 0.25);
text-align: center;
}
.ant-transfer-list-footer {
border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
display: flex;
flex: none;
flex-direction: column;
align-self: center;
margin: 0 8px;
vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
display: block;
}
.ant-transfer-operation .ant-btn:first-child {
margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
font-size: 12px;
}
.ant-transfer .ant-empty-image {
max-height: -2px;
}
.ant-transfer-rtl {
direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
padding-right: 8px;
padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
right: auto;
left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
margin-right: 0;
margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
right: 0;
left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
right: 0;
left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
@-webkit-keyframes ant-tree-node-fx-do-not-use {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ant-tree-node-fx-do-not-use {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-select-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
border-color: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 2px;
visibility: hidden;
-webkit-animation: antCheckboxEffect 0.36s ease-in-out;
animation: antCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
visibility: visible;
}
.ant-select-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-select-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
background-color: #1890ff;
border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-
tree-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover
.ant-select-tree-checkbox-disabled::after {
visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
margin-left: 8px;
}
.ant-select-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-select-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-select-tree-checkbox-group-item {
margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #1890ff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-
select-tree-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-select-dropdown {
padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-
treenode .ant-select-tree-node-content-wrapper {
flex: auto;
}
.ant-select-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
background: #e6f7ff;
}
.ant-select-tree-list-holder-inner {
align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-
inner .ant-select-tree-node-content-wrapper {
flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-
inner .ant-select-tree-treenode.dragging {
position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-
inner .ant-select-tree-treenode.dragging::after {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
border: 1px solid #1890ff;
opacity: 0;
-webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
animation: ant-tree-node-fx-do-not-use 0.3s;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-
wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-
wrapper:hover {
background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-
wrapper {
background: #f5f5f5;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-
treenode-disabled).filter-node .ant-select-tree-title {
color: inherit;
font-weight: 500;
}
.ant-select-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-select-tree-indent-unit {
display: inline-block;
width: 24px;
}
.ant-select-tree-draggable-icon {
width: 24px;
line-height: 24px;
text-align: center;
opacity: 0.2;
transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
opacity: 0.45;
}
.ant-select-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 24px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
color: #1890ff;
}
.ant-select-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #d9d9d9;
content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
.ant-select-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
margin: 0;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-
selected {
background-color: #bae7ff;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-
iconEle:empty {
display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
background-color: #1890ff;
border-radius: 1px;
pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
border: 2px solid #1890ff;
border-radius: 50%;
content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
box-shadow: 0 0 0 2px #1890ff;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
position: relative;
height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
border-right: 1px solid #d9d9d9;
content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-
leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-
switcher_close .ant-select-tree-switcher-icon svg {
transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-
icon {
transform: scaleY(-1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-typography {
color: rgba(0, 0, 0, 0.85);
overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
color: #52c41a;
}
.ant-typography.ant-typography-warning {
color: #faad14;
}
.ant-typography.ant-typography-danger {
color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
color: #ff7875;
}
.ant-typography.ant-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.ant-typography,
.ant-typography
p {
margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 38px;
line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 30px;
line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 24px;
line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
h5.ant-typography,
.ant-typography h5 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 16px;
line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
display: inline-block;
max-width: 100%;
}
a.ant-typography,
.ant-typography a {
color: #1890ff;
outline: none;
cursor: pointer;
transition: color 0.3s;
text-decoration: none;
}
a.ant-typography:focus,
.ant-typography a:focus,
a.ant-typography:hover,
.ant-typography a:hover {
color: #40a9ff;
}
a.ant-typography:active,
.ant-typography a:active {
color: #096dd9;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
pointer-events: none;
}
.ant-typography code {
margin: 0 0.2em;
padding: 0.2em 0.4em 0.1em;
font-size: 85%;
background: rgba(150, 150, 150, 0.1);
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
.ant-typography kbd {
margin: 0 0.2em;
padding: 0.15em 0.4em 0.1em;
font-size: 90%;
background: rgba(150, 150, 150, 0.06);
border: 1px solid rgba(100, 100, 100, 0.2);
border-bottom-width: 2px;
border-radius: 3px;
}
.ant-typography mark {
padding: 0;
background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
text-decoration: line-through;
}
.ant-typography strong {
font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
color: #1890ff;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color 0.3s;
margin-left: 4px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
color: #52c41a;
}
.ant-typography-edit-content {
position: relative;
}
div.ant-typography-edit-content {
left: -12px;
margin-top: -5px;
margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
position: absolute;
right: 10px;
bottom: 8px;
color: rgba(0, 0, 0, 0.45);
pointer-events: none;
}
.ant-typography-edit-content textarea {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
margin: 0 0 1em;
padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
margin: 0 0 0 20px;
padding: 0 0 0 4px;
}
.ant-typography ul {
list-style-type: circle;
}
.ant-typography ul ul {
list-style-type: disc;
}
.ant-typography ol {
list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
margin: 1em 0;
}
.ant-typography pre {
padding: 0.4em 0.6em;
white-space: pre-wrap;
word-wrap: break-word;
background: rgba(150, 150, 150, 0.1);
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
.ant-typography pre code {
display: inline;
margin: 0;
padding: 0;
font-size: inherit;
font-family: inherit;
background: transparent;
border: 0;
}
.ant-typography blockquote {
padding: 0 0 0 0.6em;
border-left: 4px solid rgba(100, 100, 100, 0.2);
opacity: 0.85;
}
.ant-typography-single-line {
white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
overflow: hidden;
text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
/* stylelint-disable-next-line value-no-vendor-prefix */
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.ant-typography-rtl {
direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
margin-right: 4px;
margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
right: -12px;
left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
right: auto;
left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
margin: 0 20px 0 0;
padding: 0 4px 0 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-
unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-
no-newline */
.ant-upload {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
outline: 0;
}
.ant-upload p {
margin: 0;
}
.ant-upload-btn {
display: block;
width: 100%;
outline: none;
}
.ant-upload input[type='file'] {
cursor: pointer;
}
.ant-upload.ant-upload-select {
display: inline-block;
}
.ant-upload.ant-upload-disabled {
cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
width: 104px;
height: 104px;
margin-right: 8px;
margin-bottom: 8px;
text-align: center;
vertical-align: top;
background-color: #fafafa;
border: 1px dashed #d9d9d9;
border-radius: 2px;
cursor: pointer;
transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
position: relative;
width: 100%;
height: 100%;
text-align: center;
background: #fafafa;
border: 1px dashed #d9d9d9;
border-radius: 2px;
cursor: pointer;
transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
display: table;
height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
display: table-cell;
vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
color: #40a9ff;
font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
margin: 0 0 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
color:
rgba(0, 0, 0, 0.25);
font-size: 30px;
transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
display: inline-block;
width: 100%;
}
.ant-upload-picture-card-wrapper::before {
display: table;
content: '';
}
.ant-upload-picture-card-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-upload-list {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
line-height: 1.5715;
}
.ant-upload-list::before {
display: table;
content: '';
}
.ant-upload-list::after {
display: table;
clear: both;
content: '';
}
.ant-upload-list-item {
position: relative;
height: 22.001px;
margin-top: 8px;
font-size: 14px;
}
.ant-upload-list-item-name {
display: inline-block;
width: 100%;
padding-left: 22px;
overflow: hidden;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
position: absolute;
right: 0;
}
.ant-upload-list-item-card-actions-btn {
opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
height: 20px;
line-height: 1;
}
.ant-upload-list-item-card-actions.picture {
top: 22px;
line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
height: 100%;
padding: 0 4px;
transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
display: block;
width: 100%;
height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
position: absolute;
top: 5px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-upload-list-item .anticon-close {
position: absolute;
top: 6px;
right: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
line-height: 0;
cursor: pointer;
opacity: 0;
transition: all 0.3s;
}
.ant-upload-list-item .anticon-close:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
background-color: #f5f5f5;
}
.ant-upload-list-item:hover .anticon-close {
opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-progress {
position: absolute;
bottom: -12px;
width: 100%;
padding-left: 26px;
font-size: 14px;
line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
position: relative;
height: 66px;
padding: 8px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-
info {
background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
width: 48px;
height: 48px;
line-height: 60px;
text-align: center;
opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-
thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-
thumbnail .anticon svg path[fill='#e6f7ff'] {
fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-
thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-
thumbnail .anticon svg path[fill='#1890ff'] {
fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
display: block;
width: 48px;
height: 48px;
overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
display: inline-block;
box-sizing: border-box;
max-width: 100%;
margin: 0 0 0 8px;
padding-right: 8px;
padding-left: 48px;
overflow: hidden;
line-height: 44px;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-
name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-
item-name {
margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
bottom: 14px;
width: calc(100% - 24px);
margin-top: 0;
padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
position: absolute;
top: 8px;
right: 8px;
line-height: 1;
opacity: 1;
}
.ant-upload-list-picture-card-container {
display: inline-block;
width: 104px;
height: 104px;
margin: 0 8px 8px 0;
vertical-align: top;
}
.ant-upload-list-picture-card.ant-upload-list::after {
display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item {
height: 100%;
margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
position: relative;
height: 100%;
overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all 0.3s;
content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-
info::before {
opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
white-space: nowrap;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
z-index: 10;
width: 16px;
margin: 0 4px;
color: rgba(255, 255, 255, 0.85);
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-
download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-
item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
position: static;
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
display: none;
margin: 8px 0 0;
padding: 0;
line-height: 1.5715;
text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-
name {
position: absolute;
bottom: 10px;
display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item
{
background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-
item-info {
height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-
item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-
item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-
item-info .anticon-delete {
display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
bottom: 32px;
width: calc(100% - 14px);
padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
display: table;
width: 0;
height: 0;
content: '';
}
.ant-upload-list-text-container
.ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
display: block;
flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
display: flex;
align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
flex: auto;
margin: 0;
padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
-webkit-animation-name: uploadAnimateInlineIn;
animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
-webkit-animation-name: uploadAnimateInlineOut;
animation-name: uploadAnimateInlineOut;
}
@-webkit-keyframes uploadAnimateInlineIn {
from {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
@keyframes uploadAnimateInlineIn {
from {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
@-webkit-keyframes uploadAnimateInlineOut {
to {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
@keyframes uploadAnimateInlineOut {
to {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
.ant-upload-rtl {
direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
margin-right: auto;
margin-left: 8px;
}
.ant-upload-list-rtl {
direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-
item-name-icon-count-1 {
padding-right: 22px;
padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-
item-name-icon-count-2 {
padding-right: 22px;
padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
padding-right: 22px;
padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
right: auto;
left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
padding-right: 0;
padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
right: auto;
left: 4px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions
.anticon {
padding-right: 0;
padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
padding-right: 26px;
padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
right: 8px;
left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
margin: 0 8px 0 0;
padding-right: 48px;
padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-
1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-
count-1 {
padding-right: 48px;
padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-
2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-
count-2 {
padding-right: 48px;
padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
padding-right: 0;
padding-left: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
right: auto;
left: 8px;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file
+ .ant-upload-list-item-name {
margin: 8px 0 0;
padding: 0;
}

/*# sourceMappingURL=antd.css.map*/.oj-pagingcontrol-nav-arrow.oj-component-
icon.oj-clickable-icon-nocontext.oj-disabled {
pointer-events: none;
}

.oj-pagingcontrol-nav-pages-links, .oj-pagingcontrol-nav-input-summary.oj-label-
inline, .oj-pagingcontrol-nav-arrow-section {
display: inline-block !important;
}

.oj-pagingcontrol-nav-page:focus-within {
border: 1px dashed blue;
}

@media (max-width: 767px) {


.oj-pagingcontrol-nav.oj-pagingcontrol-nav-standard {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}

.oj-pagingcontrol-nav-arrow-section {
border: none !important;
}
}

:root {
--oj-core-focus-border-color: white;
}
.oj-actioncard {
--oj-action-card-scale-hover: 1.02
}

.tile-wrapper {
width: 318px;
height: 400px;
margin-bottom: 40px;
}

.tile-wrapper.expanded {
z-index: 100;
}

.tile-wrapper.expanded .tile-container {
box-shadow: rgba(155, 155, 155, 0.62) 11px 10px 7px;
}

.tile-container {
pointer-events: auto;
border-radius: 0.5em;
filter: none;
line-height: 40px;
overflow-wrap: break-word;
cursor: pointer;
border-color: rgb(160, 160, 160);
text-align: center;
color: rgb(255, 255, 255);
border-style: none;
font-size: 18px;
font-weight: bold;
border-width: 0px;
overflow: hidden;
user-select: none;
}

oj-sp-object-card {
display: block;
margin: 0.5rem;
}

.oj-badge {
margin-bottom: 1em;
}

.oj-conveyorbelt oj-sp-object-card,
oj-sp-object-card.oj-conveyorbelt {
width: 308px;
}

oj-sp-object-card:not(.oj-complete) {
visibility: hidden;
}

oj-sp-object-card a:link, oj-sp-object-card a:visited, oj-sp-object-card a:active {


text-decoration: none;
color: inherit;
}

oj-sp-object-card .oj-sp-object-card-parent-container, .skeleton,


oj-sp-image-card .oj-actioncard {
width:20rem;
margin: 0;
box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 30%) !important;
height: 23rem;
}

oj-sp-object-card .oj-sp-object-card-header {
height: 3.25rem;
}

oj-sp-object-card .oj-sp-object-card-body {
height: 6rem;
}

oj-sp-object-card .oj-sp-object-card-image {
max-width: 96px;
max-height: 96px;
}

oj-sp-object-card .oj-sp-object-card-image-container {
position: relative;
border-radius: 6px;
min-width: 96px;
max-width: 96px;
height: 96px;
overflow: hidden;
}

oj-sp-object-card .oj-sp-object-card-image-scrim {
position: absolute;
background-color: rgb(var(--oj-palette-neutral-rgb-200));
opacity: 0.05;
left: 0;
top: 0;
right: 0;
bottom: 0;
}

oj-sp-object-card .oj-sp-object-card-flex-shrink {
min-width: 0;
}

oj-sp-object-card .oj-sp-object-card-text-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}

oj-sp-object-card .oj-sp-object-card-header {
padding-top: 1rem;
padding-bottom: 1rem;
}

.oj-badge-type{background-color: #846A92;}

.carouselsection{clear: both;}

.skeleton{
height:360px;
position: relative;
overflow: hidden;
}

.skeleton::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255,
255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
-webkit-animation: shimmer 2s infinite;
animation: shimmer 2s infinite;
content: "";
}

@-webkit-keyframes shimmer {
100% {
transform: translateX(100%);
}
}
@keyframes shimmer {
100% {
transform: translateX(100%);
}
}
.oj-filmstrip-arrow, .oj-filmstrip-arrow:hover{background: #000; border-radius:
100%;opacity: 0.7;}

.oj-filmstrip-arrow.oj-default .oj-filmstrip-arrow-icon{color:#fff}

.oj-filmstrip-arrow:hover{opacity: 1;}

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:after,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom::after {
border-top: calc(var(--oj-popup-tail-height) - 1px) solid rgb(49, 45, 42)
}

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom::before{
border-top: var(--oj-popup-tail-height) solid rgb(49, 45, 42);}

.tooltiMinwidth{max-width:15em;}
.tooltiMinwidthFav{width:fit-content}
.oj-drawer-popup-surrogate .oj-drawer-end.editAbout-drawer{width:100%; max-
width:100vh;}

.editAbout-drawer-header {display: flex;justify-content: space-between;align-items:


center;}

.editAbout-drawer-header h6{margin: 0;}

.oj-text-field.oj-select-multi .oj-text-field-container{padding:
1em;}

.oj-listbox-results .oj-listbox-result-label{cursor: auto;}

.optGroup .oj-listbox-result-label{cursor: pointer;}

.editAbout-drawer input::selection,.editAbout-drawer textarea::selection{color:


#fff;background:#1890ff !important;}

.oj-select-selected-choice{border-color: #665f5b;
font-size: 0.95em;
margin: 5px 5px 5px 0;
border-radius: 15px;
background: #ededed;}.percentage-width{width:50%}.editAbout-drawer .percentage-
width{width:98%}
@media screen and (max-width:1200px) {
.percentage-width{width: 100%;}
}
oj-sp-profile-card {
display: block;
word-break: break-all;
margin: 0.5rem;
}

oj-sp-profile-card:not(.oj-complete) {
visibility: hidden;
}

oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-profile-card-


dimensions {
min-width: 306px; /* visual spec */
max-width: 306px; /* visual spec */
box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 30%);
}

oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-profile-card-header {


min-height: 48px; /* visual spec */
}

oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-profile-card-header-


content {
padding-top: 1rem;
padding-bottom: 1rem;
height: 52px;
}

oj-sp-profile-card .oj-sp-profile-card-body {
height: 6rem; /* calculated based on visual spec: 324(card top) - 48(header) */
}

oj-sp-profile-card a:hover {
color: var(--oj-core-text-color-primary);
}

/* TODO: for now using 50px until ODES-2453 is resolved */


oj-sp-profile-card .oj-sp-profile-card-badge-container {
height: 50px;
}

oj-sp-profile-card .oj-sp-profile-card-more-actions-menu {
display: none;
}

/** Workaround ER JET-38471/SPECTRAUI-3883, this class can be safely removed when


the ER is complete */
oj-sp-profile-card .oj-sp-profile-card-swipe-option {
padding-top: 0.3rem;
}

/** Workaround ER JET-38523/SPECTRAUI-3944, this class can be safely removed when


the ER is complete */
oj-sp-profile-card .oj-sp-profile-card-swipe-option[disabled='true'] {
opacity: 0.8;
}

/** Workaround ER JET-38523/SPECTRAUI-3944, this class can be safely removed when


the ER is complete */
oj-sp-profile-card .oj-sp-profile-card-swipe-option[disabled='true'] .oj-sp-
profile-card-swipe-action-icon {
opacity: 0.5;
}

oj-sp-profile-card .oj-sp-profile-card-text-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

oj-sp-profile-card .oj-badge-group {
min-width: 100%;
max-height: 3rem;
}

oj-sp-profile-card .oj-sp-profile-card-footer-container {
width: 100%;
max-width: 100%;
}

/** Workaround FA Service limitation


the following classes are here to be flexible with an FA service
that returns initials as a transparent image.
The requirement, is that we render the image on top of the avatar,
so that there is always an avatar background **/
oj-sp-profile-card .oj-sp-profile-card-avatar {
position: relative;
overflow: hidden;
padding: 1px;
}

oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-profile-card-avatar {


border-radius: 0.4rem;
}

oj-sp-profile-card .oj-sp-profile-card-mobile-mode .oj-sp-profile-card-avatar {


border-radius: 0.2rem;
}

oj-sp-profile-card .oj-sp-profile-card-avatar::after {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-image: var(--oj-sp-profile-card-avatar-src);
background-size: cover;
}

oj-sp-profile-card .asset-card-top-border {
height: 6px;
}

/* oj-sp-profile-card .oj-badge {
max-width: 33%;
max-height: 100%
} */

.oj-actioncard {
display: inline-flex;
cursor: pointer;
transform: scale(1);
transition: transform .15s cubic-bezier(.4,0,.2,1);
box-shadow: var(--oj-core-box-shadow-md);
background-color: var(--oj-panel-bg-color);
border: 1px solid var(--oj-panel-border-color);
border-radius: var(--oj-panel-border-radius);
box-sizing: border-box;
overflow: hidden;
position: relative;
}

.oj-sm-flex-direction-column {
flex-direction: column!important;
}

.oj-flex {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}

.oj-sp-profile-card-body {
white-space: normal;
word-break: break-word;
}
@media (max-width: 1024px) {
oj-sp-profile-card .oj-badge-group {
min-width: 200px;
min-height: 3rem;
}
oj-sp-profile-card .oj-badge {
font-size: xx-small;
}
}

@media (max-width: 768px) {


oj-sp-profile-card .oj-badge {
font-size: xx-small;
}
}

@media (min-width: 1440px) {


oj-sp-profile-card .oj-badge {
font-size: small;
}
}

oj-sp-image-card {
display: block;
margin: 0.5rem;
}

oj-sp-image-card:not(.oj-complete) {
visibility: hidden;
}

oj-sp-image-card .oj-sp-image-card-parent-container {
width: 305px;
margin: 0;
visibility: visible !important;
/* box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 30%);*/
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-container {


width: 100%;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body {


height: 140px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-content {


height: 225px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-content .oj-


sp-image-card-footer .oj-sp-card-footer-container .oj-sp-card-footer-toolbar-
container button {
left: 50%;
border: 1px solid grey;
}
oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-
image-card-text-tall {
height: 120px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-


image-card-text-short {
height: 80px;
margin: 20px 0px 30px 15px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-


image-card-text-short span {
font-family:"Oracle Sans";
font-size: 16px;
line-height: 20px;
color: #161513;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-thumbnail {


height: 115px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-thumbnail img


{
height: 100%;
width: 100%;
object-fit: contain;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-


thumbnail .oj-sp-image-card-icon {
width: 18px;
height: 19px;
margin-top: 23px;
margin-left: 27px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-


thumbnail .oj-sp-image-card-icon i {
font-size: 1.5em;
color: white;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-


thumbnail .oj-sp-image-card-title {
margin-top: 7px;
margin-left: 25px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-


thumbnail .oj-sp-image-card-title span {
font-family: "Oracle Sans";
font-size: 1.5em;
line-height: 28px;
color: white
}

@media (max-width: 768px) {


oj-sp-image-card .oj-sp-image-card-parent-container {
width: 280px;
}
}

.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection
.oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.oj-flex-bar-end oj-button .oj-button-button:focus {
outline: dotted 2px black !important;
outline-offset: 2px !important;
}.hideElementsSelect :nth-child(1) {
display: none;
}

.hideElementsSelect {
height: 4em;
}
html:not([dir="rtl"]) .oj-listbox-results-depth-1 > .oj-listbox-result-
label{padding-left: 0;}
.globalNotification{min-width: 25em;position: fixed;
right: 0.1em; z-index: 1024; border-radius: 10px;}
.globalNotification .oj-message-container{border-radius: 6px;}
.globalNotification .oj-message-body { position: relative; top:-0.5em;}
.globalNotification .oj-message-detail{font-size: 1.1em;}
oj-sp-image-card {
display: block;
margin: 0.5rem;
}
oj-sp-image-card:not(.oj-complete) {
visibility: hidden;
}

oj-sp-image-card a:hover {
text-decoration: none;
}

oj-sp-image-card .oj-sp-image-card-parent-container {
width: 305px;
margin: 0;
visibility: visible !important;
/*box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 30%);*/
background-color: white;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-container {


width: 100%;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body {


height: 140px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-content {


height: 200px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-content .oj-


sp-image-card-footer .oj-sp-card-footer-container .oj-sp-card-footer-toolbar-
container button {
left: 50%;
border: 1px solid grey;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-


image-card-text-tall {
height: 120px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-


image-card-text-short {
height: 80px;
margin: 20px 0px 30px 15px;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-body .oj-sp-


image-card-text-short span {
font-family:"Oracle Sans";
font-size: 16px;
line-height: 20px;
color: #161513;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-thumbnail {


height: 250px;
margin: 20px;
background-repeat:no-repeat;
}
oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-thumbnail img
{
height: 100%;
width: 100%;
}

oj-sp-image-card .oj-sp-image-card-parent-container .oj-sp-image-card-


thumbnail .oj-sp-image-card-title span {
font-family: "Oracle Sans";
font-size: 1.5em;
line-height: 28px;
color: white
}

oj-sp-image-card > a.oj-image-card-anchor {


display: inline-flex;
}

@media (max-width: 768px) {


oj-sp-image-card .oj-sp-image-card-parent-container {
width: 280px;
}
}

oj-action-card a:focus {
outline: dotted 2px black;
outline-offset: -1px;
}

.oj-sp-filter-chip a:focus {
outline: dotted 2px black;
outline-offset: -1px;
}

oj-sp-image-card a:focus {
outline: dotted 2px black;
outline-offset: -1px;
}

.item a:focus {
outline: dotted 2px black;
outline-offset: -1px;
}.flipped-badge {
pointer-events: auto;
border-style: none;
border-width: 0px;
user-select: none;
transform-origin: 50% 50%;
padding: 19px 4px 4px;
border-radius: 7px;
border-color: rgb(160, 160, 160);
overflow-wrap: break-word;
font-size: 9px;
text-align: center;
color: rgb(255, 255, 255);
cursor: pointer;
overflow: visible;
width: 157px;
height: 174px;
box-shadow: rgba(0, 0, 0, 0.21) 4px 4px 6px;
background-color: rgb(33, 31, 28);
}

.badge {
pointer-events: auto;
background-repeat: no-repeat;
overflow: visible;
cursor: pointer;
background-size: 100% 100%;
width: 250px;
height: 127px;
}

.cert-badge {
pointer-events: auto;
background-repeat: no-repeat;
overflow: visible;
cursor: pointer;
background-size: 100% 100%;
width: 127px;
height: 127px;
}

.text-badge{
pointer-events: auto;
position: absolute;
padding: 8px;
color: rgb(0, 0, 0);
display: inline;
font-family: "Noto Sans";
font-size: 14px;
overflow-wrap: break-word;
overflow: visible;
z-index: 12;
word-spacing: -1px;
text-align: center;
width: 154px;
height: 41px;
top: 140px;
left: 372px;
}.oj-avatar {
position: relative;
}

.oj-avatar .oj-avatar-initials {
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}:root {
/* TODO: Remove these CSS variables once JET exposes similar ones */
/* stylelint-disable-next-line comment-empty-line-before */

/* Variables (see: http://design.oraclecorp.com/variables/#visual_specs) */


--oj-sp-filter-chip-high-opacity: 1;
--oj-sp-filter-chip-outline-color-rgb: var(--oj-palette-neutral-rgb-190);
--oj-sp-filter-chip-outline-offset: 0;
--oj-sp-filter-chip-outline-opacity: var(--oj-sp-filter-chip-high-opacity);
--oj-sp-filter-chip-outline-style: dotted;
--oj-sp-filter-chip-outline-width: 1px;

/* Filter Chip (see: http://design.oraclecorp.com/filter-chips#visual_specs) */


--oj-sp-filter-chip-border-radius: var(--oj-button-border-radius);
--oj-sp-filter-chip-applied-bg-color: var(--oj-palette-info-rgb-100);
--oj-sp-filter-chip-applied-border-color: var(--oj-sp-filter-chip-applied-bg-
color);
--oj-sp-filter-chip-non-applied-bg-color: var(--oj-palette-neutral-rgb-100);
--oj-sp-filter-chip-non-applied-border-color: var(--oj-sp-filter-chip-non-
applied-bg-color);
--oj-sp-filter-chip-close-anchor-bg-color: var(--oj-palette-info-rgb-100);
}

oj-sp-filter-chip {
box-sizing: border-box;
display: inline-block;
}

.oj-sp-color-invert-bg oj-sp-filter-chip {
/* TODO: Remove these CSS variables once JET exposes similar ones */
--oj-sp-filter-chip-brand-dark-50: 240, 204, 113;
/* stylelint-disable-next-line custom-property-empty-line-before */
--oj-sp-filter-chip-outline-color-rgb: var(--oj-palette-neutral-rgb-0);

/* stylelint-disable-next-line custom-property-empty-line-before */
--oj-sp-filter-chip-applied-bg-color: var(--oj-sp-filter-chip-brand-dark-50);
--oj-sp-filter-chip-applied-border-color: var(--oj-sp-filter-chip-applied-bg-
color);
--oj-sp-filter-chip-non-applied-bg-color: var(--oj-palette-neutral-rgb-10);
--oj-sp-filter-chip-non-applied-border-color: var(--oj-sp-filter-chip-non-
applied-bg-color);
--oj-sp-filter-chip-close-anchor-bg-color: var(--oj-sp-filter-chip-brand-dark-
50);
}

/* Required for simulated outline */


oj-sp-filter-chip .oj-sp-filter-chip .oj-sp-filter-chip-focusable {
position: relative;
}

/* Required for simulated outline */


oj-sp-filter-chip .oj-sp-filter-chip .oj-sp-filter-chip-focusable.oj-focus {
outline: none;
}

/* Required for simulated outline */


oj-sp-filter-chip :not(.oj-disabled) .oj-sp-filter-chip-focusable.oj-focus::after
{
border: var(--oj-sp-filter-chip-outline-width) var(--oj-sp-filter-chip-outline-
style) rgba(var(--oj-sp-filter-chip-outline-color-rgb), var(--oj-sp-filter-chip-
outline-opacity));
border-radius: var(--oj-sp-filter-chip-border-radius);
bottom: var(--oj-sp-filter-chip-outline-offset);
content: '';
left: var(--oj-sp-filter-chip-outline-offset);
position: absolute;
right: var(--oj-sp-filter-chip-outline-offset);
top: var(--oj-sp-filter-chip-outline-offset);
}

/* Required for simulated outline */


html:not([dir='rtl']) oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-
disabled) .oj-sp-filter-chip-non-applied-label-focusable.oj-sp-filter-chip-
focusable.oj-focus::after,
html[dir='rtl'] oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-
disabled) .oj-sp-filter-chip-non-applied-value-count-focusable.oj-sp-filter-chip-
focusable.oj-focus::after {
border-radius: var(--oj-sp-filter-chip-border-radius) 0 0 var(--oj-sp-filter-
chip-border-radius);
}

/* Required for simulated outline */


html:not([dir='rtl']) oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-
disabled)
.oj-sp-filter-chip-non-applied-value-count-focusable.oj-sp-filter-chip-
focusable.oj-focus::after,
html[dir='rtl'] oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-
disabled) .oj-sp-filter-chip-non-applied-label-focusable.oj-sp-filter-chip-
focusable.oj-focus::after {
border-radius: 0 var(--oj-sp-filter-chip-border-radius) var(--oj-sp-filter-
chip-border-radius) 0;
}

oj-sp-filter-chip .oj-sp-filter-chip-divider {
display: inline-block;
height: 1rem;
}

oj-sp-filter-chip .oj-sp-filter-chip-close-anchor {
background-color: rgba(255, 255, 255, 0);
border-radius: var(--oj-sp-filter-chip-border-radius);
transition: background-color;
}

oj-sp-filter-chip .oj-sp-filter-chip-clickable {
cursor: pointer;
}

oj-sp-filter-chip .oj-disabled .oj-sp-filter-chip-close-anchor:hover,


oj-sp-filter-chip .oj-disabled .oj-sp-filter-chip-clickable,
oj-sp-filter-chip .oj-sp-filter-chip-applied .oj-sp-filter-chip-
clickable:not(.oj-sp-filter-chip-applied-actionable) {
cursor: default;
}

oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled).oj-active .oj-sp-


filter-chip-close-anchor {
background-color: rgba(var(--oj-sp-filter-chip-close-anchor-bg-color), 0.24);
}

oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled) .oj-sp-filter-


chip-close-anchor:hover {
background-color: rgba(var(--oj-sp-filter-chip-close-anchor-bg-color), 0.16);
}
oj-sp-filter-chip .oj-sp-filter-chip-applied-actionable .oj-sp-filter-chip-
applied-value {
color: rgb(var(--oj-palette-info-rgb-120));
}

.oj-sp-color-invert-bg oj-sp-filter-chip .oj-sp-filter-chip-applied-


actionable .oj-sp-filter-chip-applied-value {
color: rgb(var(--oj-sp-filter-chip-brand-dark-50));
}

oj-sp-filter-chip .oj-sp-filter-chip-chrome {
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0);
border-radius: var(--oj-sp-filter-chip-border-radius);
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
height: 2rem;
transition: background-color, border-color;
}

oj-sp-filter-chip .oj-sp-filter-chip-applied .oj-sp-filter-chip-chrome {


background-color: rgba(var(--oj-sp-filter-chip-applied-bg-color), 0.08);
border-color: rgba(var(--oj-sp-filter-chip-applied-border-color), 0.08);
}

oj-sp-filter-chip .oj-sp-filter-chip-non-applied .oj-sp-filter-chip-chrome {


border-color: rgba(var(--oj-sp-filter-chip-non-applied-border-color), 0.25);
}

oj-sp-filter-chip .oj-sp-filter-chip-applied.oj-disabled .oj-sp-filter-chip-


chrome {
background-color: var(--oj-button-solid-chrome-bg-color-disabled);
border-color: var(--oj-button-solid-chrome-bg-color-disabled);
}

oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled).oj-active .oj-sp-


filter-chip-chrome {
background-color: rgba(var(--oj-sp-filter-chip-applied-bg-color), 0.24);
border-color: rgba(var(--oj-sp-filter-chip-applied-border-color), 0.24);
}

oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled):hover .oj-sp-


filter-chip-chrome {
background-color: rgba(var(--oj-sp-filter-chip-applied-bg-color), 0.16);
border-color: rgba(var(--oj-sp-filter-chip-applied-border-color), 0.16);
}

oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-disabled).oj-active .oj-


sp-filter-chip-chrome {
background-color: rgba(var(--oj-sp-filter-chip-non-applied-bg-color), 0.2);
}

oj-sp-filter-chip .oj-sp-filter-chip-non-applied:not(.oj-disabled):hover .oj-sp-


filter-chip-chrome {
background-color: rgba(var(--oj-sp-filter-chip-non-applied-bg-color), 0.15);
}
oj-sp-filter-chip .oj-sp-filter-chip-applied-label {
color: #161513;
font-weight: 600;
}

oj-sp-filter-chip a:hover {
text-decoration: none;
}
.pageLoader {
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.3);
display: table;
z-index: 999999;
}
.pageLoader .middle {
display: table-cell;
vertical-align: middle;
}
.oj-ux-ico-oracle-o.animate {
font-size: 10rem;
left: 50%;
margin-left:-80px;
position: absolute;
top: 40%;
z-index: 20;
-webkit-animation: loaderLoop 0.7s ease-in-out infinite;
-moz-animation: loaderLoop 0.7s ease-in-out infinite;
animation: loaderLoop 0.7s ease-in-out infinite;
}

@-webkit-keyframes loaderLoop{
0%{color:rgba(255, 255, 255, 0.1);}
100%{color:#211e1c;}
}

@-moz-keyframes loaderLoop{
0%{color:rgba(255, 255, 255, 0.1);}
100%{color:#211e1c;}
}

@keyframes loaderLoop{
0%{color:rgba(255, 255, 255, 0.1);}
100%{color:#211e1c;}
}.breadcrumbs-center-a-items {
display: inline-flex;
align-items: center;
color: #FFF !important;
}
@keyframes spinner {
to {transform: rotate(360deg);}
}
.spinner {
text-align: center;
position: relative;
vertical-align: middle;
display: table;
}
.spinner .middle {
display: table-cell;
vertical-align: middle;
}
.small {
width: 20px;
height: 20px;
}
.medium {
width: 30px;
height: 30px;
}
.large {
width: 50px;
height: 50px;
}
.spinner .middle .loading-content {
border: 2px solid #000;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}

@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
oj-sp-foldout-layout {
position: relative;
display: block;
}

oj-sp-foldout-layout .panel-wrapper {
position: relative;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
vertical-align: top;
visibility: hidden;
transform: perspective(2000px) rotateY(90deg);
}

oj-sp-foldout-layout .panel-wrapper.open {
visibility: visible;
transition: transform 0.3s;
transform-origin: left;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transform: perspective(2000px) rotateY(0deg);
}
oj-sp-foldout-layout .panel-wrapper.odd {
background-color: rgb(var(--oj-palette-neutral-rgb-10));
}

oj-sp-foldout-layout .panel-wrapper.even {
background-color: rgb(var(--oj-palette-neutral-rgb-30));
}

oj-sp-foldout-layout .static-panel {
padding: 0 var(--oj-core-spacing-4x);
overflow-y: auto;
overflow-x: hidden;
flex: 0 0 348px;
max-width: 348px;
min-width: 348px;
box-sizing: border-box;
}

oj-sp-foldout-layout .dynamic-part {
max-width: calc(100% - 348px); /* minus static panel box */
box-sizing: border-box;
}
.ant-drawer-title{font-size: 1.6em;font-weight: bold;}
.ant-drawer-content-wrapper{width:60% !important}
#mainpage .oj-form-control-width-md.oj-select{width: 100%!important;}
@media only screen and (max-width: 599px) {
.ant-drawer-content-wrapper{width:100% !important}
oj-sp-foldout-layout .static-panel {
max-width: none;
}

oj-sp-foldout-layout .dynamic-part {
max-width: none;
}
}

oj-sp-foldout-layout .profile-panel {
min-width: 350px; /* panel is allowed to grow */
}

oj-sp-foldout-layout .horizontal-header {
width: 100%;
}

oj-sp-foldout-layout .horizontal-header-panel {
position: sticky;
top: var(--oj-sp-foldout-layout--horizontal-header-top, 0);
z-index: 2;
}

.oj-sp-foldout-layout-oj-popup {
overflow-y: auto;
overflow-x: hidden;
outline: none;
}

.oj-sp-texture-natural_2_i {
background-image:
url(https://static.oracle.com/cdn/fnd/gallery/2104.3.0/images/texture-
natural_2_i.png);
}

/* for SPECTRAUI-8778 */
oj-sp-foldout-layout oj-dynamic-container oj-sp-foldout-panel {
margin-left: -4px;
}
.u02linklabel, .u02linklabelsm {
display: inline-block;
margin-right: .2em;
font-size: inherit;
color: #333
}
.rtl .u02linklabel, .rtl .u02linklabelsm {
margin-right: 0;
margin-left: .2em
}
:hover .u02linklabel, :hover .u02linklabelsm {
text-decoration: none!important
}
.u02linklabelsm {
margin-right: .4em;
font-size: 85%;
font-weight: 700
}
.u02init .u02menucontent a, .u02init .u02menucontent h6, .u02init .u02menucontent
hr {
transition: transform .3s 1s, opacity .2s 0s
}
.rtl .u02menucontent hr, .u02menucontent hr {
margin: .5em 1em;
padding: 0;
background: #fff
}
.u02w1 a:focus {
outline-width: 2px!important;
outline-style: dotted!important;
outline-color: #fff;
outline-offset: -1px
}
.u02acclink.new-window:focus {
outline-color: #161513
}
.u02menucontent a:focus, .u02menucontent a:hover {
outline: 0;
text-decoration: none
}
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-
li>a, .u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-
li>h6, .u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-
li>hr, .u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-
li>a, .u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-
li>h6, .u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>hr, .u02menu-
l1>.u02menu-ul>.u02menu-li>a, .u02menu-l1>.u02menu-ul>.u02menu-li>h6, .u02menu-
l1>.u02menu-ul>.u02menu-li>hr {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
transition-delay: .2s, .3s
}
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-
li>hr, .u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>hr, .u02menu-
l1>.u02menu-ul>.u02menu-li>hr {
opacity: .3
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(2)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(2)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(2)>hr {
transition-delay: 218ms, 318ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-child(3)>a,
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(3)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(3)>hr {
transition-delay: 236ms, 336ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(4)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(4)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(4)>hr {
transition-delay: 254ms, 354ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(5)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(5)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(5)>hr {
transition-delay: 272ms, 372ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(6)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(6)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(6)>hr {
transition-delay: 290ms, 390ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(7)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(7)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(7)>hr {
transition-delay: 308ms, 408ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(8)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(8)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(8)>hr {
transition-delay: 326ms, 426ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(9)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(9)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(9)>hr {
transition-delay: 344ms, 444ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(10)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(10)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(10)>hr {
transition-delay: 362ms, 462ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(11)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(11)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(11)>hr {
transition-delay: 380ms, 480ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(12)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(12)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(12)>hr {
transition-delay: 398ms, 498ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(13)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(13)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(13)>hr {
transition-delay: 416ms, 516ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(14)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(14)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(14)>hr {
transition-delay: 434ms, 534ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(15)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(15)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(15)>hr {
transition-delay: 452ms, 552ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(16)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(16)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(16)>hr {
transition-delay: 470ms, 570ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(17)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(17)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(17)>hr {
transition-delay: 488ms, 588ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(18)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(18)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(18)>hr {
transition-delay: 506ms, 606ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(19)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(19)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(19)>hr {
transition-delay: 524ms, 624ms
}
.u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(20)>a, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(20)>h6, .u02dtop .u02opened>[class^=u02menu-l]>.u02menu-ul>.u02menu-li:nth-
child(20)>hr {
transition-delay: 542ms, 642ms
}
.u02dtop .u02usertools [class*=u02menu-l]>.u02menu-ul>.u02menu-li:hover>a, .u02dtop
.u02usertools [class*=u02menu-l]>.u02menu-ul>.u02menu-li>a, .u02dtop .u02usertools
[class*=u02menu-l]>.u02menu-ul>.u02menu-li>a:active, .u02dtop .u02usertools
[class*=u02menu-l]>.u02menu-ul>.u02menu-li>a:focus {
color: #161513!important
}
.u02dtop .u02mainmenu .u02menu-l2 .u02menu-ul>.u02opened>a, .u02dtop .u02menu-
l2>.u02menu-ul>.u02menu-li>a:active, .u02dtop .u02menu-l2>.u02menu-ul>.u02menu-
li>a:focus, .u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:hover {
color: #211f1c;
background: #eceae5
}
.u02v1.u02dtop .u02menu-l2 .u02menu-ul>.u02opened>a, .u02v1.u02dtop .u02menu-
l2>.u02menu-ul>.u02menu-li>a:active, .u02v1.u02dtop .u02menu-l2>.u02menu-
ul>.u02menu-li>a:focus, .u02v1.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:hover
{
background: #edeeee
}
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a, .u02dtop .u02menu-l3>.u02menu-
ul>.u02menu-li>h6 {
color: #211f1c
}
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>hr {
background: #4e5052
}
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a:active, .u02dtop .u02menu-
l3>.u02menu-ul>.u02menu-li>a:focus, .u02dtop .u02menu-l3>.u02menu-ul>.u02menu-
li>a:hover, .u02dtop .u02menu-l3>.u02menu-ul>.u02opened>a, .u02dtop .u02usertools
[class*=u02menu-l]>.u02menu-ul>.u02menu-li>a:active, .u02dtop .u02usertools
[class*=u02menu-l]>.u02menu-ul>.u02menu-li>a:focus, .u02usertools [class*=u02menu-
l]>.u02menu-ul>.u02menu-li>a:hover {
border-radius: 4px;
background-color: rgba(22,21,19,.04);
margin: 0 4px;
padding-left: 16.3px;
text-decoration: underline
}
.u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-
li>a:active, .u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-
li>a:focus, .u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-
li>a:hover, .u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02opened>a {
background: #3f3a36
}
.rtl .u02mobi .u02menu-l1 a, .rtl .u02mobi .u02menu-l1 h6, .rtl .u02mobi .u02menu-
l1 hr, .rtl .u02v1 .u02megactr a, .rtl .u02v1 .u02megactr
h6, .rtl .u02v1 .u02megactr hr, .rtl .u02v1 .u02morelist
a, .rtl .u02v1 .u02morelist h6, .rtl .u02v1 .u02morelist hr, .u02mobi .u02menu-l1
a, .u02mobi .u02menu-l1 h6, .u02mobi .u02menu-l1 hr, .u02v1 .u02megactr
a, .u02v1 .u02megactr h6, .u02v1 .u02megactr hr, .u02v1 .u02morelist
a, .u02v1 .u02morelist h6, .u02v1 .u02morelist hr {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
transition: none
}
.u02mobi .u02menu-l1 a, .u02mobi .u02menu-l1 h6, .u02mobi .u02menu-l1 hr {
color: #fff
}
.u02mainmenu .u02tlink {
padding-right: 1.9em
}
.rtl .u02mainmenu .u02tlink {
padding-right: 1.2667em;
padding-left: 1.9em
}
.u02mobi .u02menu-l1 hr {
margin-right: 0;
margin-left: 0;
background: #70665e
}
.u02mobi .u02mainmenu .u02menu-l1 .u02menu-ul>.u02menu-
li>a:focus, .u02mobi .u02mainmenu .u02menu-l1 .u02menu-ul>.u02menu-li>a:hover {
color: #fff;
background: #3f3a36
}
.u02tlink:not([href$='#open']):after, .u02ulink:after, .u02xlink:after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
content: '';
display: inline-block;
opacity: 0;
width: 1.4em;
height: .7em;
bottom: 0;
margin-right: -1.4em;
line-height: .666;
background-size: 1.4em .7em;
-webkit-backface-visibility: hidden
}
.rtl .u02tlink:not([href$='#open']):after, .rtl .u02ulink:after, .rtl .u02xlink:aft
er {
-webkit-transform: translateX(0) scaleX(-1);
-ms-transform: translateX(0) scaleX(-1);
transform: translateX(0) scaleX(-1);
margin-right: 0;
margin-left: -1.4em
}
.u02tlink:not([href$='#open']):active:after, .u02tlink:not([href$='#open']):focus:a
fter, .u02tlink:not([href$='#open']):hover:after, .u02ulink:active:after, .u02ulink
:focus:after, .u02ulink:hover:after, .u02xlink:active:after, .u02xlink:focus:after,
.u02xlink:hover:after {
-webkit-transform: translateX(.3em);
-ms-transform: translateX(.3em);
transform: translateX(.3em);
opacity: 1
}
.rtl .u02tlink:not([href$='#open']):active:after, .rtl .u02tlink:not([href$='#open'
]):focus:after, .rtl .u02tlink:not([href$='#open']):hover:after, .rtl .u02ulink:act
ive:after, .rtl .u02ulink:focus:after, .rtl .u02ulink:hover:after, .rtl .u02xlink:a
ctive:after, .rtl .u02xlink:focus:after, .rtl .u02xlink:hover:after {
-webkit-transform: translateX(-.3em) scaleX(-1);
-ms-transform: translateX(-.3em) scaleX(-1);
transform: translateX(-.3em) scaleX(-1)
}
.u02hlink {
display: none!important
}
.u02mobi .u02hlink {
display: block!important
}
.u02countrymenu .u02menuback .u02menuback, .u02mobi .u02menuback, .u02more .u02menu
back {
position: relative;
margin-bottom: .4em;
padding-top: 49px
}
.u02countrymenu .u02menuback .u02blink, .u02mobi .u02blink, .u02more .u02blink {
padding: 1em 1em .9em 64px!important;

font-weight: 700;
border-bottom: 1px solid rgba(112,102,94,.6)
}
.rtl .u02countrymenu .u02menuback .u02blink, .rtl .u02mobi .u02blink, .rtl .u02more
.u02blink {
padding: 1em 64px 1em .9em!important
}
.u02countrymenu .u02menuback .u02blink:after, .u02mobi .u02blink:after, .u02more .u
02blink:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='12' height='17' viewBox='0 0 12 17'%3E%3Cpath fill='%23fff'
d='M11.995,14.876 L5.084,8.498 L11.995,2.126 L9.920,-0.005 L0.005,8.498
L9.920,17.007 L11.995,14.876 Z'/%3E%3C/svg%3E") no-repeat;
background-size: auto 100%
}
.rtl .u02countrymenu .u02menuback .u02blink:after, .rtl .u02mobi .u02blink:after, .
rtl .u02more .u02blink:after {
-webkit-transform: translateY(-50%) scaleX(-1);
-ms-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
left: auto;
right: 20px
}
.u02countrymenu .u02menuback .u02blink:before, .u02mobi .u02blink:before, .u02more
.u02blink:before {
content: '';
display: block;
position: absolute;
width: 1px;
top: .7em;
left: 49px;
bottom: .7em;
background: #211f1c
}
.rtl .u02countrymenu .u02menuback .u02blink:before, .rtl .u02mobi .u02blink:before,
.rtl .u02more .u02blink:before {
left: auto;
right: 49px
}
.u02countrymenu .u02menuback .u02blink:focus:before, .u02countrymenu .u02menuback .
u02blink:hover:before, .u02mobi .u02blink:focus:before, .u02mobi .u02blink:hover:be
fore, .u02more .u02blink:focus:before, .u02more .u02blink:hover:before {
opacity: .2;
background: #fff
}
.u02countrymenu .u02menuback .u02blink {
font-size: 15px;
color: #4e5052
}
.u02countrymenu .u02menuback .u02blink:hover {
text-decoration: none
}
.u02countrymenu .u02menuback .u02blink:before, .u02v1 .u02menuback .u02blink:before
{
-webkit-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;
opacity: 1!important;
top: .8em;
background: rgba(147,150,153,.6)!important
}
.u02countrymenu .u02menuback .u02blink:after {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='12' height='17' viewBox='0 0 12 17'%3E
%3Cpath fill='%234e5052' d='M11.995,14.876 L5.084,8.498 L11.995,2.126 L9.920,-0.005
L0.005,8.498 L9.920,17.007 L11.995,14.876 Z'/%3E%3C/svg%3E")
}
.u02dtop .u02menuback .u02blink {
font-weight: 700
}
.u02dtop .u02menuback .u02blink:hover {
background: 0 0!important;
cursor: text
}
.u02dtop .u02menu-l2>.u02menu-ul>.u02menuback .u02blink:hover {
color: #fff
}
.u02tools {
visibility: visible;
height: 100%;
z-index: 5;
-ms-flex-order: 5;
order: 5
}
.u02tools>ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.u02tools>ul>li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
height: 100%
}
.u02tools>ul>li:first-child {
padding-left: 6px
}
.rtl .u02tools>ul>li:first-child {
padding-right: 6px;
padding-left: 0
}
.u02tools a.u02ticon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
height: 100%;
padding: 0 10px;
font-size: 14px;
color: #3f3a36;
white-space: nowrap
}
.u02tools .u02ticon:hover {
outline: 0;
text-decoration: none
}
.u02tabnav .u02tools .u02ticon:focus {
outline: 1px dotted #fff;
outline-offset: -4px;
text-decoration: none
}
.u02tools .u02ticon>span {
padding-left: 5px
}
.rtl .u02tools .u02ticon>span {
padding-right: 5px;
padding-left: 0
}
.u02opened>.u02ticon {
color: #1c2a33
}

.u02mtool .u02ticon.u02user:after, .u02ticon:before {


background: url(https://docs.oracle.com/solutions/css/images/Avatar.png);
background-size: 20px auto;
background-repeat: no-repeat
}

#mobisearch:focus:before, #mobisearch:hover:before,
#txtSearch:focus+.u02searchbttn, .u02searchbttn:focus, .u02searchbttn:hover, .u02se
archinput:focus+.u02searchbttn {
opacity: .75;
background: url(https://docs.oracle.com/solutions/css/images/utilitybar/search-
icon-white.svg);
background-size: 100%
}

#mobisearch:focus:before, #mobisearch:hover:before,
#txtSearch:focus+.u02searchbttn, .u02mobi .u02ticon:hover:before, .u02mobi .u02tool
s .u02opened .u02ticon.u02regn:before, .u02mobi .u02tools .u02opened .u02ticon.u02u
ser:before, .u02mobi .u02tools .u02ticon.u02call:before, .u02mobi .u02tools .u02tic
on.u02chat:before, .u02mtool .u02ticon:focus:after, .u02mtool.u02opened .u02ticon:a
fter, .u02opened .u02ticon:before, .u02searchbttn:focus, .u02searchbttn:hover, .u02
searchinput:focus+.u02searchbttn, .u02ticon:focus:before, .u02ticon:hover:before {
opacity: .75
}
#mobisearch:before, .u02ticon:after {
content: '';
display: block;
width: 24px;
height: 24px;
margin: 0 4px;
font-size: 0!important;
line-height: 0!important
}
.u02ticon.u02regn:after {
background-position: 0 -20px
}
.u02ticon.u02call:after, .u02ticon.u02contact:after {
background-position: 0 -100px
}
#mobisearch:before {
display: block;
width: 20px;
height: 20px;
margin: 0 12px;
background-size: 100% auto;
background-position: 0 -40px
}
.u02mobi .u02ticon:focus {
outline: 0
}

.u02mobi .u02tools .u02opened .u02ticon:after, .u02mobi .u02tools .u02ticon:hover:a


fter {
opacity: .65
}
.u02toolpop {
-webkit-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
transform: translate(0, 40px);
position: absolute;
visibility: hidden;
opacity: 0;
width: 375px;
top: 100%;
right: 0;
z-index: 1;
background: #f1efed;
box-shadow: 0 8px 25px 0 rgba(0,0,0,.1);
border-radius: 6px
}
.u02init .u02toolpop {
transition: transform .3s, opacity .25s, visibility 0s linear .4s
}
.rtl .u02toolpop {
left: 0;
right: auto
}
.u02mtool>.u02menu-l1z1 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: auto;
right: 0;
padding: 0 10px
}
.rtl .u02mtool>.u02menu-l1z1 {
left: 0;
right: auto
}
.u02mtool>.u02menu-l1z1>i {
border-bottom-color: #eceae5
}
.u02opened>.u02toolpop {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible;
opacity: 1;
transition: transform .3s, opacity .25s, visibility 0s linear 0s
}
.u02signout {
display: none;
opacity: 0
}
.u02signin {
display: none;
opacity: 0
}
@keyframes acctFade {
from {
opacity:0
}
to {
opacity:1
}
}
.u02toolsloggedin .u02signin, .u02toolsloggedout .u02signout {
display: none
}
.u02dtop .u02pttl, .u02toolsloggedout .u02userloggedin, .u02userloggedout {
display: none
}
.u02toolsloggedout .u02userloggedout {
display: block
}
.u02toolsloggedin>.u02menu-l1z1>i {
border-bottom-color: #211f1c
}
.u02userin {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center
}
.u02userinw1, .u02userinw2 {
padding-bottom: 8px
}
.u02userinw1.u02userloggedin {
background: #f1efed;
border-radius: 6px
}
.u02userin .u02userinfo {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
min-height: 52px;
padding: 12px 8px 12px 18px;
text-align: left;
background: #211f1c;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.rtl .u02userin .u02userinfo {
padding: 12px 18px 12px 8px;
text-align: right
}
.u02userin .u02userinfo a, .u02userin .u02userinfo h4, .u02userin .u02userinfo
h5, .u02userin .u02userinfo h6, .u02userin .u02userinfo p, .u02userin .u02userinfo
span {
display: block;
margin: 0;
font-size: 16px;
font-weight: 700;
color: #fcfbfa
}
.u02userin .u02userdata {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden
}
.u02userin .u02userdata>.u02ulink {
display: inline-block;
padding-right: 28px;
padding-left: 1px
}
.rtl .u02userin .u02userdata>.u02ulink {
padding-right: 0;
padding-left: 28px
}
.u02userin .u02userdata>.u02ulink:hover {
text-decoration: none
}
.u02userin .u02userdata>.u02ulink:after {
opacity: 1
}
.u02userin .u02userdata>.u02ulink.u02usernoname {
position: relative;
max-width: 100%;
margin-bottom: -5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.u02userin .u02userdata>.u02ulink.u02usernoname:after {
position: absolute;
top: 5px;
right: 32px
}
.rtl .u02userin .u02userdata>.u02ulink.u02usernoname:after {
left: 32px;
right: auto
}
.u02userin .u02userstats {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align:
center;
align-items: center;
width: calc(100% + 18px);
margin: 0 -15px
}
.u02userin .u02userstats .u02userstat {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
margin-top: 4px;
padding: 0 14px;
font-size: 12px;
border-left: 1px solid #fff;
white-space: nowrap
}
.rtl .u02userin .u02userstats .u02userstat {
border-right: 1px solid #fff;
border-left: 0
}
.u02userin .u02userstats .u02userstatnum {
display: inline;
font-size: 14px;
font-weight: 700;
line-height: 12px
}
.u02userin .u02useravatar+.u02userdata {
max-width: calc(100% - 50px - 18px)
}
.u02userin .u02useravatar {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
width: 50px;
height: 50px;
margin-right: 14px;
text-align: center;
border-radius: 50%
}
.rtl .u02userin .u02useravatar {
margin-right: 0;
margin-left: 14px
}
.u02userin .u02useravatar>div {
position: relative;
padding-bottom: 100%;
overflow: hidden;
border-radius: 50%
}
.u02userin .u02useravatar>div>* {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
font-size: 26px;
line-height: 46px
}
.u02userin .u02useravatar>div[class*=u02icn] {
height: 50px;
font-size: 50px
}
.u02userin .u02useravatar>div[class*=u02icn]:before {
position: absolute
}
.u02userin .u02useravatar>.u02useravatarbadge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: absolute;
width: 18px;
height: 18px;
top: auto;
left: 0;
bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-align: center;
border-radius: 50%
}
.rtl .u02userin .u02useravatar>.u02useravatarbadge {
left: auto;
right: 0
}
.u02userin>div {
width: 100%
}
.u02userin>.u02userinw2, .u02userin>.u02userinw3 {
border-top: 1px rgba(147,150,153,.4) solid
}
.rtl .u02userinw3 .u02userlogins>a, .u02userinw3 .u02userlogins>a {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding-top: 1.25em;
padding-bottom: 1.25em;
font-weight: 700
}
.rtl .u02userinw3 .u02userlogins>a:active, .rtl .u02userinw3 .u02userlogins>a:focus
, .rtl .u02userinw3 .u02userlogins>a:hover, .u02userinw3 .u02userlogins>a:active, .
u02userinw3 .u02userlogins>a:focus, .u02userinw3 .u02userlogins>a:hover {
background: #e0e2e2!important
}
.rtl .u02userinw3 .u02userlogins.u02opened .u02menu-
l2, .u02userinw3 .u02userlogins.u02opened .u02menu-l2 {
position: relative;
top: -12px;
left: 0;
right: 0
}
.u02loginmenu .m2, .u02loginmenu .m3 {
display: block;
width: 20px;
height: 2px;
margin: -2px 0;
background: #00758f
}
.u02loginmenu .m3 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.u02userlogins.u02opened .m3 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.u02user h5 {
margin: 0 0 8px;
font-size: 18px;
color: #161513
}
.u02user p {
margin: 0 0 19px;
font-size: 16px;
color: #161513;
font-weight: 400
}
.u02bttn {
width: 100%;
text-align: center
}
.u02bttn a {
position: relative;
display: inline-block;
clear: both;
width: 200px;
margin: 0;
padding: 9px 12px;
font-size: 13.75px;
font-weight: 500;
line-height: 26px;
text-align: center;
color: #fff!important;
background: #5f7d4f;
border-radius: 4px;
transition: background .2s, color .2s
}
.u02bttn a:active {
background: #4f693f
}
.u02bttn a:hover {
background: #577346;
text-decoration: none
}
.u02bttn a:focus {
background: #577346;
outline-color: #3f3a36!important;
text-decoration: none;
outline-offset: 2px
}
.u02acclink {
display: inline;
font-size: inherit;
font-weight: 400!important
}
.u02acclink:hover {
text-decoration: underline
}
#u02usertools a, .u02usertools .u02menu-l1 a, .u02usertools .u02menu-l2
a, .u02usertools a {
color: #211f1c
}
.u02usertools .u02menu-l1 h6, .u02usertools .u02menu-l1 hr, .u02usertools .u02menu-
l2 h6, .u02usertools .u02menu-l2 hr {
color: #324b5c
}
.u02tabnav #u02usertools
a:focus, .u02tabnav .u02acclink:focus, .u02tabnav .u02usertools a:focus {
outline: dotted #3f3a36 2px;
outline-offset: 2px
}
.u02usertools .u02menucontent a:focus {
outline-offset: -4px
}
.u02usertools-ul {
text-align: center
}
.u02usertools-ul li {
display: inline-block;
margin: .8em 0 0;
padding: 0 .6em;
font-size: 14px;
font-weight: 700;
line-height: 1;
border-left: 1px solid rgba(147,150,153,.6)
}
.rtl .u02usertools-ul li {
border-right: 1px solid rgba(147,150,153,.6);
border-left: 0
}
.u02usertools-ul li:first-child {
border: 0
}
#u02usertools, .u02usertools {
margin: 0;
padding: 14px 18px;
color: #4e5052
}
#u02usertools h5, .u02usertools h5 {
font-size: 16px;
font-weight: 700
}
#u02usertools .u02menucontent h5, .u02usertools .u02menucontent h5 {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
margin: 0;
padding: 14px 18px 8px;
line-height: 1.2
}
#u02usertools .u02menucontent, .u02usertools .u02menucontent {
margin: -14px -18px
}
#u02usertools .u02menucontent a, #u02usertools .u02menucontent h5,
#u02usertools .u02menucontent h6, .u02usertools .u02menucontent
a, .u02usertools .u02menucontent h5, .u02usertools .u02menucontent h6 {
font-size: 16px
}
#u02usertools .u02menucontent .u02xlink:after, .u02usertools .u02menucontent .u02xl
ink:after {
background: 0 0
}
.u02userinw3
#u02usertools .u02menucontent, .u02userinw3 .u02usertools .u02menucontent {
margin-bottom: -20px
}
.u02usertools [class*=u02menu-l] {
-webkit-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;
position: static;
width: auto!important
}
.rtl .u02usertools [class*=u02menu-l]>ul, .u02usertools [class*=u02menu-l]>ul {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: auto!important;
padding: 0
}
.u02usertools .u02more>a {
position: relative;
margin: 0 18px;
font-size: 14px;
text-align: center;
color: #4e5052!important;
border-top: 1px solid rgba(147,150,153,.4)
}
.u02usertools .u02more>a:after {
content: '';
display: inline-block;
position: relative;
width: 9px;
height: 8px;
top: 50%;
right: -4px;
z-index: 0;
line-height: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='76' height='611.5' viewBox='0 0 76 611.5'%3E%3Cg fill='%234e5052'%3E%3Cpath
d='M58.7 97.6l-10 10c-.3.3-.9.5-1.3.5h-.6c-.4 0-.8-.3-.8-.8v-4.6c0-.4-.3-.8-.8-.8h-
2c-.4 0-.8-.3-.8-.8v-9.8c-1.5-.2-3-.3-4.5-.3-12.1 0-22.8 5.9-29.4 15.1 0 0 2.9-.7
3.5-1.3l13.2-6.7c.4-.2 1.1-.4 1.5-.4h10.9c.4 0 .8.4.8.8v1.7c0 .4-.4.8-.8.8h-5.2c-.4
0-1.1.2-1.4.5l-2.6 2.2c-.3.3-.3.6.1.8l2.7 1.1c.4.2 1 0 1.3-.3l.3-.3c.3-.3.9-.6
1.4-.6h7.2c.4 0 .8.4.8.8v4.1c0 .4-.3 1-.6 1.3l-9.1 8.7c-.3.3-.6.9-.6
1.3v4.7c0 .4-.4.8-.8.8H30c-.4 0-.8-.4-.8-.8v-2c0-.4-.4-.8-.8-.8h-2.9c-.4
0-.8.4-.8.8v3c0 .4.3 1 .7 1.2l4.5 3c.4.2 1 .4 1.4.4h8.2c.4 0 1.1.2 1.5.4l10.2
5.5c.4.2.6.7.4 1.1l-3.4 8.9c-.2.4-.6 1-.9 1.3l-8.9 7.6c-.3.3-.5.9-.4 1.3l.7
3.5c-.1.8-1.4.8-1.4.8-.4 0-1-.2-1.4-.6l-2.1-2c-.3-.3-.6-.9-.6-1.3v-
23.1c0-.4-.4-.8-.8-.8H30c-.4 0-1.1-.2-1.5-.4l-6.1-3.9c-.4-.2-.9-.7-1.1-1.1l-3.9-
5.2c-.3-.3-.8-.6-1.3-.6h-1c-.4 0-1-.3-1.2-.7 0 0-3.5-6.2-3.8-7.8v-
3.9c0-.4-.4-.8-.8-.8H6.7c-3.2 5.4-5 11.6-5 18.3 0 20 16.2 36.3 36.3 36.3 20 0 36.3-
16.2 36.3-36.3 0-12.4-6.2-23.3-15.6-29.8M38 4.5C18 4.5 1.7 20.7 1.7 40.8c0 20 16.2
36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3S58 4.5 38 4.5zm-7.5 20.9s-.1-6.7 8.2-
7.1v1c0 .3.1.5.5.5 3.7 0 6.6 3.1 6.6 6.1V32l-1.6 1.4v1.1c-.8 6.5-6 6.2-6 6.2s-
5.1.2-5.9-6.1v-1.3l-1.7-1.5-.1-6.4zM18 60.5l1.7-11.6c.3-1.3 1.1-2.3 2.9-2.9l9.3-
4L38 54.5h.2l6.1-12.6s10.4 4.5 11.1 5c.7.5.9 1.3 1.1 2.1L58 60.4l-40 .1zM74.3 242l-
18.9-19.3c2.6-4.4 4.1-9.5 4.1-15 0-16.1-13.1-29.2-29.2-29.2-16.2.1-29.3 13.2-29.3
29.3s13.1 28.9 29.2 29.2c6.6.1 12.4-2.4 17-5.6l18.6 18.9c1.3 1.2 3.8 1.5 6.7-1.4
2.9-2.9 2.9-5.7 1.8-6.9zm-64.1-34.2c0-11 9-20 20-20s20 9 20 20c0 11.1-9 20-20 20s-
20-9-20-20z'/%3E%3Cpath d='M12.1 265.1l26 27.6L64 265.1l8.7 8.3L38 313 3.4
273.4l8.7-8.3z'%3E%3C/path%3E%3Cpath d='M38 324.6c-20 0-36.3 16.2-36.3 36.3 0 20
16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3 0-20.1-16.3-36.3-36.3-36.3zm19.9
39.3c0 2.6-2.1 4.7-4.7 4.7h-4.7.1c-1.4 0-2.1.7-1.6 2.4l3.4 11.3c.1.2 0 .4-.2.4-.1
0-.1 0-.2-.1-.2-.1-15.7-14-15.5-14h.1-11.7c-2.6 0-4.7-2.1-4.7-4.7v-17.2c0-2.6 2.1-
4.7 4.7-4.7h30.3c2.6 0 4.7 2.1 4.7 4.7v17.2zM46.1 455.8c6.2-6.2 12.2-13.4 9.4-16.2-
4.1-4.1-7.6-6.6-.3-15.6s12-2 16 1.9c4.5 4.6.2 21.5-16.7 38.3-16.9 16.7-33.9 21-38.4
16.4-3.9-4-10.8-8.8-1.8-16s11.5-3.6 15.6.5c2.7 2.8 10-3.1 16.2-9.3m-9-29.5c-4.7.7-
9.6 3-13.5 6.9s-6.2 8.8-6.9 13.5c0 0-.3 1.9 1 3.2 1.4 1.4 3.7 1.4 5.1 0 .8-.8 1-2
1-2 .4-2.3 1.2-5.8 4.9-9.6 3.7-3.7 7.2-4.5 9.6-4.9 0 0 1.2-.2 2-1 1.4-1.4 1.4-3.8
0-5.1-1.4-1.3-3.2-1-3.2-1m-17.7 2.8c6.8-6.8 14.6-9.7 20.9-8.8 0 0 2 .3 3.3-1 1.5-
1.5 1.4-3.8 0-5.2-.9-.9-2.3-1.1-2.3-1.1-5.4-.8-16.3.2-27 10.9-10.6 10.6-11.6 21.6-
10.8 27 0 0 .2 1.4 1.1 2.3 1.4 1.4 3.7 1.5 5.1 0 1.3-1.3 1-3.3 1-3.3-1.1-6.2 1.9-14
8.7-20.8'/%3E%3Cpath fill='%2300758f' d='M71 551.3c2.5-4.9 3.9-10.5 3.9-16.4 0-
20.3-16.5-36.9-36.9-36.9-20.3 0-36.9 16.5-36.9 36.9 0 6 1.5 11.7 4 16.7L38
607.1l33-55.8zm-33-38.4c12.1
0 22 9.9 22 22s-9.9 22-22 22-22-9.9-22-22 9.9-22 22-22z'/%3E%3C/g%3E%3C/svg%3E")
no-repeat;
background-size: 9px auto!important;
background-position: 0 -30px
}
.rtl .u02usertools .u02more>a:after {
left: -4px;
right: auto
}
.u02usertools .u02more:hover>a, .u02usertools .u02more>a:active, .u02usertools .u02
more>a:focus {
background: 0 0!important
}
.u02usertools .u02menu-l2 {
--fullHeight:auto;
height: 0;
transition: visibility 0s, height .2s linear!important
}
.u02usertools .u02opened>.u02menu-l2 {
visibility: visible;
height: auto;
height: var(--fullHeight)
}
.u02usertools .u02opened>.u02menu-l2 li {
opacity: 1
}
.u02countrymenu .u02menuback {
display: none
}
.u02opened>.u02cmenupop .u02clink:focus {
text-decoration: none!important
}
.u02countrymenu {
position: relative;
width: 560px
}
.u02countrymenu.u02cm3cols {
width: 700px
}
.u02toolpop.u02cmenupop {
width: auto
}
.u02dtop .u02cmenupop-simple.u02cmenupop.u02toolpop {
width: 240px
}
.u02countrymenu a {
color: #161513!important;
display: block;
font-size: 16px;
font-stretch: normal;
letter-spacing: normal;
font-weight: 400;
font-style: normal
}
.u02opened .u02currentcr .u02cmenu-l2 {
visibility: visible
}
.u02cmenu-l1, .u02cmenu-l2, .u02cmenu-simple>ul {
padding: 6px 0
}
.u02cmenu-l1 {
position: relative;
width: 34%;
background: #3f3a36
}
.u02cmenu-l1>li>a {
padding: 7px 8px 7px 18px
}
.rtl .u02cmenu-l1>li>a {
padding: 7px 18px 7px 8px
}

@media (min-width:771px) {
.u02cmenu-l1>li>a {
color: #fff
}
}
.u02cmenu-l1>li>a:hover {
background: #f3f4f5;
text-decoration: none
}
.u02cmenu-l1>li>a:focus {
background: #f3f4f5;
outline: 0;
text-decoration: underline
}
.u02currentcr>a, .u02currentcr>a:focus, .u02currentcr>a:hover {
color: #211f1c!important;
background-color: #eceae5!important;
outline-offset: 2px;
outline-width: 2px!important;
outline-style: dotted!important;
outline-color: #3f3a36!important
}
.u02cmenu-l2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
position: absolute;
visibility: hidden;
width: calc(560px - 100%);
min-height: 210px;
top: 0;
left: 100%;
padding-right: 18px
}
.rtl .u02cmenu-l2 {
left: 0;
right: 100%;
padding-right: 0;
padding-left: 18px
}
.u02cm3cols .u02cmenu-l1 {
width: 28%
}
.u02cm3cols .u02cmenu-l2 {
width: calc(700px - 100%)
}
.u02cmenuc1 {
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.u02countrymenu.u02cmenu-simple {
width: 240px
}
.u02countrymenu.u02cmenu-simple.u02cmenu-simple2col {
width: 372.96px
}
.u02cmenu-l2 ul a, .u02countrymenu.u02cmenu-simple a {
position: relative;
opacity: 0;
padding: 8px 8px 8px 56px;
transition: opacity .8s;
max-height: 34px
}
.u02countrymenu.u02cmenu-simple a:hover {
background-color: rgba(22,21,19,.04);
padding-left: 52px;
margin-right: 4px;
margin-left: 4px;
border-radius: 8px
}
.u02countrymenu.u02cmenu-simple a:hover:before {
left: 12px
}
.rtl .u02cmenu-l2 ul a, .rtl .u02countrymenu.u02cmenu-simple a {
padding: 5px 30px 5px 8px
}
.u02countrymenu.u02cmenu-simple ul a, .u02currentcr .u02cmenu-l2 ul a {
opacity: 1
}
.u02countrymenu.u02cmenu-simple .u02currentcc, .u02currentcr .u02cmenu-
l2 .u02currentcc {
font-weight: 700
}
.u02countrymenu.u02cmenu-simple .u02currentcc, .u02countrymenu.u02cmenu-
simple .u02currentcc:hover {
cursor: default
}
.u02countrymenu.u02cmenu-simple a:before, .u02currentcr .u02cmenu-l2 a:before {
-webkit-transform: translateY(-7px);
-ms-transform: translateY(-7px);
transform: translateY(-7px);
content: '';
display: block;
position: absolute;
opacity: 0;
width: 24px;
height: 24px;
top: 0;
left: 16px;
margin: 0;
transition: transform 0s .2s, opacity .2s
}
.rtl .u02countrymenu.u02cmenu-simple a:before, .rtl .u02currentcr .u02cmenu-l2
a:before {
left: auto;
right: 9px
}
.u02currentcr .u02cmenu-l2 a:focus:before, .u02currentcr .u02cmenu-l2
a:hover:before {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
opacity: 1;
transition-duration: .4s, .2s;
transition-delay: .1s, .2s
}
.u02tabnav .u02currentcr .u02cmenu-l2 a:focus {
outline: dotted #3f3a36 2px!important;
outline-offset: -4px!important;
text-decoration: underline
}
.u02tabnav .u02countrymenu.u02cmenu-simple a:focus {
outline: dotted #161513 2px!important;
outline-offset: -2px!important;
background-color: rgba(22,21,19,.04)
}
.u02countrymenu.u02cmenu-simple a:focus:before, .u02currentcr .u02cmenu-l2
a:focus:before {
outline: 0
}
.u02countrymenu.u02cmenu-simple .u02currentcc:before, .u02currentcr .u02cmenu-
l2 .u02currentcc:before {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
opacity: 1
}
.u02contact.u02toolpop, .w11 .u02contactw1 {
padding: 10px 14px 20px
}
.u02contact.u02toolpop h6, .w11 .u02contactw1 h6 {
color: #4e5052
}
.u02contact.u02toolpop a, .u02contact.u02toolpop h4, .u02contact.u02toolpop
h5, .u02contact.u02toolpop h6, .w11 .u02contactw1 a, .w11 .u02contactw1
h4, .w11 .u02contactw1 h5, .w11 .u02contactw1 h6 {
margin: 0;
padding: 9px 0;
font-size: 16px
}
.u02contact.u02toolpop a, .w11 .u02contactw1 a {
display: block;
color: #00758f
}
.u02contact.u02toolpop .u02callmodal a, .w11 .u02contactw1 .u02callmodal a {
display: inline-block
}
.u02contact.u02toolpop hr, .w11 .u02contactw1 hr {
margin: 1em 0;
background: rgba(147,150,153,.6)
}
.u02tabnav .u02contact.u02toolpop a:focus {
outline: 1px dotted #939699;
outline-offset: 2px
}
.u02contactw2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
padding: 9px 0;
border-bottom: 1px solid rgba(147,150,153,.4)
}
.u02contactw2:first-child {
padding-top: 0
}
.u02contactw2:last-child {
border-bottom: 0
}
[class*=u02icn-], [class*=u02socl-] {
width: 40px;
height: 40px;
font-size: 0;
text-align: center
}
[class*=u02icn-]:before, [class*=u02socl-]:before {
content: '';
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='245' height='35' viewBox='-181 415 245
35'%3E%3Cg fill='%234e5052'%3E%3Cpath d='M-151.3 423.5c0-1.2-1-2.2-2.2-2.2l-13.9 0
-6.1 0c-1.2 0-2.2 1-2.2 2.2l0 1.1 0 11.1c0 1.2 1 2.2 2.2 2.2l8.9 0 6.7 6.7 0-5.6c0-
0.6 0.5-1.1 1.1-1.1l3.3 0c1.2 0 2.2-1 2.2-2.2L-151.3 423.5zM-169.1 431.4c-0.9 0-
1.7-0.7-1.7-1.7 0-0.9 0.7-1.7 1.7-1.7 0.9 0 1.7 0.7 1.7 1.7C-167.4 430.6-168.1
431.4-169.1 431.4M-163.5 431.3c-0.9 0-1.7-0.7-1.7-1.7 0-0.9 0.7-1.7 1.7-1.7 0.9 0
1.7 0.7 1.7 1.7C-161.8 430.6-162.6 431.3-163.5 431.3M-157.9 431.3c-0.9 0-1.7-0.7-
1.7-1.7 0-0.9 0.7-1.7 1.7-1.7 0.9 0 1.7 0.7 1.7 1.7C-156.3 430.6-157 431.3-157.9
431.3'/%3E%3Cpath d='M-119.3 426.8l2.3-3.8 -1.5-1.5 -3.8 2.3 0 1.5 -5 5 -2.4-2.4c-
0.6-0.6-0.8-1.4-0.8-2.2 0.1-1.2-0.3-2.4-1.2-3.3 -0.4-0.4-0.9-0.8-1.5-1l0.9 3.3 -1.9
1.9 -2.6-0.7 -0.9-3.3c-1.4 1.6-1.3 4.1 0.2 5.6 0.8 0.8 1.8 1.2 2.9 1.2 1.2 0 2.4
0.5 3.3 1.3l1.8 1.8 -0.9 0.9h-1.5l-7.7 7.6v1.5l1.5 1.5h1.5l7.7-7.6v-1.5l8.2-8.2L-
119.3 426.8z'/%3E%3Cpath d='M-116.9 441.5c-0.1-0.1-0.2-0.2-0.2-0.2l-8-8.3 -2.3 2.3
8 8.3c0 0 0.2 0.1 0.2 0.2 0.2 0.2 0.5 0.3 0.9 0.3 0.8 0 1.6-0.7 1.6-1.6C-116.7 442-
116.8 441.7-116.9 441.5'/%3E%3Cpath d='M-91.1 435.2c2.3-2.3 4.5-4.9 3.4-6 -1.5-1.5-
2.8-2.4-0.1-5.7 2.7-3.3 4.4-0.7 5.9 0.7 1.7 1.7 0.1 7.9-6.1 14 -6.2 6.1-12.4 7.7-
14.1 6 -1.4-1.5-4-3.2-0.7-5.9 3.3-2.6 4.2-1.3 5.7 0.2C-96 439.6-93.3 437.4-91.1
435.2M-94.4 424.3c-1.7 0.3-3.5 1.1-5 2.5 -1.4 1.4-2.3 3.2-2.5 5 0 0-0.1 0.7 0.4 1.2
0.5 0.5 1.4 0.5 1.9 0 0.3-0.3 0.4-0.7 0.4-0.7 0.2-0.9 0.4-2.1 1.8-3.5 1.4-1.4 2.6-
1.6 3.5-1.8 0 0 0.4-0.1 0.7-0.4 0.5-0.5 0.5-1.4 0-1.9C-93.7 424.2-94.4 424.3-94.4
424.3M-100.8 425.4c2.5-2.5 5.3-3.6 7.6-3.2 0 0 0.7 0.1 1.2-0.4 0.5-0.5 0.5-1.4 0-
1.9 -0.3-0.3-0.8-0.4-0.8-0.4 -2-0.3-6 0.1-9.9 4 -3.9 3.9-4.3 7.9-4 9.9 0 0 0.1 0.5
0.4 0.8 0.5 0.5 1.4 0.5 1.9 0 0.5-0.5 0.4-1.2 0.4-1.2C-104.4 430.7-103.4 427.9-
100.8 425.4'/%3E%3C/g%3E%3C/svg%3E");
background-size: auto 100%;
background-repeat: no-repeat
}
[class*=u02icn-].u02icn-chat:before, [class*=u02socl-].u02icn-chat:before {
background-position-x: 0
}
[class*=u02icn-].u02icn-support-simplified:before, [class*=u02socl-].u02icn-
support-simplified:before {
background-position-x: -40px
}
[class*=u02icn-].u02icn-telephone:before, [class*=u02socl-].u02icn-telephone:before
{
background-position-x: -80px
}
[class*=u02socl-]:before {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='500' height='35' viewBox='34 127 500
35'%3E%3Cg fill='%234e5052'%3E%3Cpath d='M53.9 162v-12.9h-4.4V144h4.4v-3.7c0-4.3
2.6-6.7 6.5-6.7 1.8 0 3.4.1 3.9.2v4.5h-2.7c-2.1 0-2.5 1-2.5 2.5v3.2h5l-.7
5.1H59V162h-5.1zm52-22v.6c0 5.9-4.5 12.8-12.8 12.8-2.5 0-4.9-.7-6.9-2 .4 0 .7.1
1.1.1 2.1 0 4-.7 5.6-1.9-2 0-3.6-1.3-4.2-3.1.3.1.6.1.8.1.4 0 .8-.1 1.2-.2-2.1-.4-
3.6-2.2-3.6-4.4v-.1c.6.3 1.3.5 2 .6-1.2-.8-2-2.2-2-3.7 0-.8.2-1.6.6-2.3 2.2 2.7 5.5
4.5 9.3 4.7-.1-.3-.1-.7-.1-1 0-2.5 2-4.5 4.5-4.5 1.3 0 2.5.5 3.3 1.4 1-.2 2-.6 2.8-
1.1-.3 1-1 1.9-2 2.5.9-.1 1.8-.3 2.6-.7-.6.8-1.3 1.6-2.2 2.2zm26.8 1.2h4.1v13.2h-
4.1v-13.2zm2-1.8c-1.3 0-2.4-1.1-2.4-2.4s1.1-2.4 2.4-2.4 2.4 1.1 2.4 2.4-1.1 2.4-2.4
2.4zm17.4 15H148V148c0-1.5
0-3.5-2.1-3.5s-2.5 1.7-2.5 3.4v6.5h-4.1v-13.2h3.9v1.8h.1c.5-1 1.9-2.1 3.9-2.1 4.1
0 4.9 2.7 4.9 6.3v7.2zm36.6-4.4c-2.1 2.6-5.9 3.4-9 2.4-3.3-1.1-5.7-4.4-5.6-7.8-.2-
4.3 3.6-8.2 7.9-8.3 2.2-.2 4.3.7 6 2-.7.7-1.4 1.5-2.1 2.2-1.5-.9-3.2-1.6-4.9-1-
2.8.8-4.4 4-3.4 6.7.8 2.8 4.3 4.3 7 3.2 1.4-.5 2.3-1.8 2.7-3.1-1.6 0-3.2 0-4.8-.1v-
2.8h8c0 2.3-.3 4.7-1.8 6.6zm11.6-4.3h-2.4v2.4h-2.4v-2.4h-2.4v-
2.3h2.4V141h2.4v2.4h2.4v2.3zm28.7 1.7l5.9-3.1-5.9-3.1v6.2m13.1-2c0 1.8-.2 3.5-.2
3.5s-.2 1.5-.9 2.2c-.8.9-1.8.9-2.2.9-3.1.2-7.7.2-7.7.2s-5.7-.1-7.4-.2c-.5-.1-
1.6-.1-2.4-.9-.7-.7-.9-2.2-.9-2.2s-.2-1.8-.2-3.5v-1.7c0-1.8.2-3.5.2-3.5s.2-1.5.9-
2.2c.8-.9 1.8-.9 2.2-.9 3.1-.2 7.7-.2 7.7-.2s4.6 0 7.7.2c.4.1 1.4.1 2.2.9.7.7.9
2.2.9 2.2s.2 1.8.2 3.5v1.7h-.1zm29.9 10.7c-1.8 0-3.3-1.5-3.3-3.3s1.5-3.3 3.3-3.3
3.3 1.5 3.3 3.3c-.1 1.8-1.5 3.3-3.3 3.3zm10.1 0c-1.1 0-1.9-.9-1.9-1.9 0-5.3-4.3-
9.6-9.6-9.6-1.1 0-1.9-.9-1.9-1.9 0-1.1.9-1.9 1.9-1.9 7.4 0 13.4 6 13.4 13.4 0 1-.8
1.9-1.9 1.9zm7.7 0c-1.1 0-1.9-.9-1.9-1.9 0-9.5-7.8-17.3-17.3-17.3-1.1 0-1.9-.9-1.9-
1.9 0-1.1.9-1.9 1.9-1.9 11.6 0 21.1 9.5 21.1 21.1 0 1-.8 1.9-1.9 1.9zm31.3-11c-
2.4.2-4.7 2.3-3.7 4.9 1.4 3.9 9.2 1.8 7.7-2.7-.5-1.4-2-2.5-4-2.2zm-.9 5.3c-1.8.4-
2.1-1.9-.5-2.3 2-.5 1.9 2 .5 2.3zm1.3-2.4c0-.7.9-.8 1-.3 0 .5-.7.8-1 .3z'/%3E
%3Cpath d='M330.1 143.6c.4-1 .6-2.3 0-3-1.4-1.6-4.6 0-6.1.1.7-2.1-.1-4.3-2.7-3.6-
2.4.6-4.1 1.9-5.8 3.6s-3.5 3.8-3.8 6.5c-.3 3.1 1.6 4.6 3.5 5.7 5.6 3.1 14.5 1.4
17.4-2.7.4-.6.8-1.5.9-2.2.5-3-1.6-3.4-3.4-4.4zm-1.9 6.7c-1.5 1.7-4.8 2.9-8 2.7-
2.8-.2-6.6-1.8-5.9-5.3.3-1.6 1.6-2.6 2.7-3.2 1.3-.8 2.6-1.2 4.5-1.3 3.4-.3 7.8 1
7.8 4.5 0 1-.6 2-1.1 2.6zm4.4-8c.6 0 .9-1 .8-2-.2-1.5-1.5-2.7-3.3-2.6-.4 0-1.1-.1-
1.1.8 0 1.1 1.2.5 2 .8.4.2.9.8.9 1.4 0 .9-.4 1.6.7 1.6z'/%3E%3Cpath d='M336.8
140.2c-.3-3.7-3.4-6.5-7.4-6-.5.1-1.1.1-1.2.7-.2 1.4 1.3 1 2 1 2.4 0 4.9 2 4.8 4.9 0
1-.8 2.7.7 2.5.9 0 1.2-1.7 1.1-3.1zm31.4 2.4c-1.3 2.9-2.4 5.3-3.6 8.1-.6 1.4-1.1
2.9-2.2 3.6-4.7.3-1.2-4.8-.5-6.7-1.1-2-2.4-4.3-3.7-6.5-.6-1-2-2.9-.6-4 .5-.4 1.7-.4
2.2 0 1.6 1.3 2.6 4.7 3.9 6.3.5-.9 1-2 1.5-3.2.5-1.1.9-2.6 1.6-3 1.1-.7 2.7-.1 3
1 .3 1.4-1 3.2-1.6 4.4zm10.9 7.1c-.9-.2-1.6-1.4-2.5-2.1-.9-.8-1.8-1.5-2.5-
2.1-.5-.7-.3.5-.3 1.2v2c-.1.7-.5 1.1-1.2 1.2h-1c-.7-.1-1-.6-1.2-1.2v-9.1c0-1.7 3.3-
1.7 3.3 0v3.2c.5-.3.8-.7 1.2-1.2l.9-.9c.6-.5 1.1-1 1.6-1.6.6-1.3 3.2-1.3 3.4.4.3
2.3-2.9 3.1-3.5 4.4.9 1.2 2.8 2 3.5 3.3.8 1.2.1 2.9-1.7 2.5zm38.8-8.3c-2.1.1-4 .8-
5.5 2.2-1.5 1.5-2.2 3.3-2 5.6l-2.4-.3c-.3 0-.6 0-.8.1-.7.4-1.5.9-2.3 1.4.2-.7.3-
1.3.4-1.9.1-.4.1-.7-.3-1-2.6-1.8-3.7-4.5-2.9-7.4.8-2.6 2.6-4.2 5.1-5 3.4-1.1 7.3 0
9.4 2.7.8 1.1 1.2 2.2 1.3 3.6zm-9.8-.9c0-.5-.4-1-1-1-.5 0-1 .4-1 .9s.4 1 .9 1c.6 0
1-.4 1.1-.9zm5.1-1c-.5 0-1 .5-1 1s.4 1 1 .9c.5 0 1-.4 1-1 0-.5-.5-.9-1-.9z'/%3E
%3Cpath d='M422.8 154.8c-.7-.3-1.3-.8-2-.8-.7-.1-1.4.3-2.1.4-2.1.2-4-.4-5.6-1.8-3-
2.7-2.5-6.9.9-9.2 3-2 7.5-1.3 9.7 1.4 1.9 2.4 1.7 5.6-.6 7.7-.7.6-.9 1.1-.5
1.8.1.1.1.3.2.5zm-7.8-7.5c.4 0 .8-.3.8-.8s-.3-.8-.8-.8c-.4 0-.8.4-.8.8s.4.8.8.8zm5-
1.6c-.4 0-.8.3-.8.8s.3.8.8.8c.4 0 .8-.3.8-.8s-.3-.8-.8-.8zm36.1 5.8v-14.9l12.1 7.4-
12.1 7.5zM513.5 157c-.6.1-.9-.3-.9-.6v-3.5c0-1.2-.4-2-.9-2.4 2.8-.3 5.8-1.4 5.8-6.3
0-1.4-.5-2.5-1.3-3.4.1-.3.6-1.6-.1-3.4 0 0-1.1-.3-3.5 1.3-1-.3-2.1-.4-3.2-.4s-
2.2.1-3.2.4c-2.4-1.6-3.5-1.3-3.5-1.3-.7 1.8-.3 3-.1 3.4-.8.9-1.3 2-1.3 3.4 0 4.9 3
6 5.8 6.3-.4.3-.7.9-.8 1.7-.7.3-2.6.9-3.7-1.1 0 0-.7-1.2-1.9-1.3 0 0-1.2 0-.1.8 0 0
.8.4 1.4 1.9 0 0 .8 2.5 4.3 1.7v2.2c0 .3-.2.7-.9.6-5.1-1.7-8.7-6.5-8.7-12.1 0-7
5.7-12.7 12.7-12.7s12.7 5.7 12.7 12.7c.1 5.7-3.5 10.4-8.6 12.1z'/%3E%3C/g%3E%3C/svg
%3E")
}
[class*=u02socl-].u02socl-facebook:before {
background-position-x: 0
}
[class*=u02socl-].u02socl-twitter:before {
background-position-x: -52px
}
[class*=u02socl-].u02socl-linkedin:before {
background-position-x: -103.2px
}
[class*=u02socl-].u02socl-googleplus:before {
background-position-x: -154.8px
}
[class*=u02socl-].u02socl-youtube:before {
background-position-x: -204.8px
}
[class*=u02socl-].u02socl-feed:before {
background-position-x: -260px
}
[class*=u02socl-].u02socl-weibo:before {
background-position-x: -312px
}
[class*=u02socl-].u02socl-youku:before {
background-position-x: -364px
}
[class*=u02socl-].u02socl-wechat:before {
background-position-x: -414.72px
}
[class*=u02socl-].u02socl-otube:before {
background-position-x: -468px
}
[class*=u02socl-].u02socl-github:before {
background-position-x: -522px
}
.u02contactw3 {
padding-left: 12px
}
.rtl .u02contactw3 {
padding-right: 12px;
padding-left: 0
}
#mobisearch {
display: none
}
.u02search {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
visibility: visible;
margin-left: auto;
-ms-flex-order: 4;
order: 4
}

@media only screen and (max-width:1400px) {


.u02search:last-of-type {
padding-right: 12px
}
.rtl .u02search {
padding-right: 0;
padding-left: 12px
}
}
.rtl .u02search {
margin-right: auto;
margin-left: 0
}
.u02searchform {
position: relative
}
.u02searchbttn {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
right: 8px;
overflow: hidden;
background-size: 100px auto;
background-position: 0 -40px;
border: 0;
outline: 0;
background-color: transparent;
cursor: pointer;
text-indent: -9000px
}
.rtl .u02searchbttn {
left: 8px;
right: auto
}
.u02tabnav .u02searchbttn:focus {
outline: 1px dotted #3f3a36;
outline-offset: 4px
}
.u02searchbttn::-moz-focus-inner {
border:0
}
body, input {
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #100f0e
}
.u02search #txtSearch, .u02search .u02searchinput {
width: 11em;
height: 42px;
padding: 0 37px 2px 10px;
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #70665e;
background: #fcfbfa;
border: 0;
border-radius: 0;
-webkit-appearance: none;
outline: 1px solid transparent;
outline-offset: -1px
}
.u02init .u02search #txtSearch, .u02init .u02search .u02searchinput {
transition: border .25s, outline .25s, background .25s
}
.rtl .u02search #txtSearch, .rtl .u02search .u02searchinput {
padding: 0 10px 0 37px
}
.u02search.u02searchonly #txtSearch {
width: auto;
outline: 1px solid #aaa
}
.u02search #txtSearch.sfocus, .u02search
#txtSearch:focus, .u02search .u02searchinput:focus {
color: #211f1c
}
.u02search #txtSearch.sfocus, .u02search #txtSearch:focus {
outline: 1px solid #211f1c
}
.u02search #txtSearch.sfocus:-moz-focusring {
border:1px solid #211f1c
}
.u02search #txtSearch:disabled, .u02search .u02searchinput:disabled {
opacity: 1
}
.u02search #txtSearch.serror, .u02search .u02searchinput.serror {
color: red;
background: #fcc;
outline: 2px solid red
}
.u02search #txtSearch.serror:-moz-focusring, .u02search .u02searchinput.serror:-
moz-focusring {
border:2px solid red
}
.u02search #txtSearch:-ms-input-placeholder, .u02search .u02searchinput:-ms-input-
placeholder {
font-size:14px;
color:#4e5052!important
}
.u02search #txtSearch:-ms-input-placeholder {
text-align:right
}
.rtl .u02search #txtSearch:-ms-input-placeholder, .u02searchonly #txtSearch:-ms-
input-placeholder {
text-align:left
}
.u02search #txtSearch::-ms-input-placeholder, .u02search .u02searchinput::-ms-
input-placeholder {
transform:scale(.875) translateX(.4375em)
}
.rtl .u02search #txtSearch::-ms-input-
placeholder, .rtl .u02search .u02searchinput::-ms-input-placeholder, .u02searchonly
#txtSearch::-ms-input-placeholder, .u02searchonly .u02searchinput::-ms-input-
placeholder {
transform:scale(.875) translateX(-.4375em)
}
.u02search #txtSearch::-moz-placeholder, .u02search .u02searchinput::-moz-
placeholder {
position:relative;
opacity:1;
font-size:14px;
color:#4e5052
}
.u02searchonly #txtSearch::-moz-placeholder, .u02searchonly .u02searchinput::-moz-
placeholder {
position:static!important
}
.u02search #txtSearch::-moz-placeholder {
text-align:right
}
.rtl .u02search #txtSearch::-moz-placeholder, .u02searchonly #txtSearch::-moz-
placeholder {
text-align:left
}
.u02search #txtSearch::-webkit-input-placeholder, .u02search .u02searchinput::-
webkit-input-placeholder {
position:relative;
font-size:14px;
color:#3f3a36
}
.u02searchonly #txtSearch::-webkit-input-
placeholder, .u02searchonly .u02searchinput::-webkit-input-placeholder {
position:static!important
}
.u02search #txtSearch::-webkit-input-placeholder {
text-align:right
}
.rtl .u02search #txtSearch::-webkit-input-placeholder, .u02searchonly #txtSearch::-
webkit-input-placeholder {
text-align:left
}
.u02search #txtSearch.serror:-ms-input-placeholder, .u02search #txtSearch.sfocus:-
ms-input-placeholder, .u02search #txtSearch:focus:-ms-input-placeholder, .u02search
.u02searchinput.serror:-ms-input-placeholder, .u02search .u02searchinput:focus:-ms-
input-placeholder {
text-align:left;
color:#939699!important
}
.rtl .u02search #txtSearch.serror:-ms-input-placeholder, .rtl .u02search
#txtSearch.sfocus:-ms-input-placeholder, .rtl .u02search #txtSearch:focus:-ms-
input-placeholder, .rtl .u02search .u02searchinput.serror:-ms-input-
placeholder, .rtl .u02search .u02searchinput:focus:-ms-input-placeholder {
text-align:right
}
.u02search #txtSearch.serror::-ms-input-placeholder, .u02search
#txtSearch.sfocus::-ms-input-placeholder, .u02search #txtSearch:focus::-ms-input-
placeholder, .u02search .u02searchinput.serror::-ms-input-
placeholder, .u02search .u02searchinput:focus::-ms-input-placeholder {
transform:scale(.875) translateX(-.4375em)
}
.rtl .u02search
#txtSearch.serror::-ms-input-placeholder, .rtl .u02search #txtSearch.sfocus::-ms-
input-placeholder, .rtl .u02search #txtSearch:focus::-ms-input-
placeholder, .rtl .u02search .u02searchinput.serror::-ms-input-
placeholder, .rtl .u02search .u02searchinput:focus::-ms-input-placeholder {
transform:scale(.875) translateX(.4375em)
}
.u02search #txtSearch.serror::-moz-placeholder, .u02search #txtSearch.sfocus::-moz-
placeholder, .u02search #txtSearch:focus::-moz-
placeholder, .u02search .u02searchinput.serror::-moz-
placeholder, .u02search .u02searchinput:focus::-moz-placeholder {
text-align:left;
color:#939699!important
}
.u02search #txtSearch.serror::-moz-placeholder, .u02search #txtSearch.sfocus::-moz-
placeholder, .u02search #txtSearch:focus::-moz-placeholder {
left:8px!important
}
.rtl .u02search #txtSearch.serror::-moz-placeholder, .rtl .u02search
#txtSearch.sfocus::-moz-placeholder, .rtl .u02search #txtSearch:focus::-moz-
placeholder {
left:auto;
right:8px;
text-align:right
}
.u02search #txtSearch.serror::-webkit-input-placeholder, .u02search
#txtSearch.sfocus::-webkit-input-placeholder, .u02search #txtSearch:focus::-webkit-
input-placeholder, .u02search .u02searchinput.serror::-webkit-input-
placeholder, .u02search .u02searchinput:focus::-webkit-input-placeholder {
text-align:left;
color:#70665e!important
}
.u02search #txtSearch.serror::-webkit-input-placeholder, .u02search
#txtSearch.sfocus::-webkit-input-placeholder, .u02search #txtSearch:focus::-webkit-
input-placeholder {
left:8px
}
.rtl .u02search #txtSearch.serror::-webkit-input-placeholder, .rtl .u02search
#txtSearch.sfocus::-webkit-input-placeholder, .rtl .u02search #txtSearch:focus::-
webkit-input-placeholder {
left:auto;
right:8px;
text-align:right
}
.u02search #txtSearch.serror::placeholder, .u02search
#txtSearch.sfocus::placeholder, .u02search
#txtSearch:focus::placeholder, .u02search .u02searchinput.serror::placeholder, .u02
search .u02searchinput:focus::placeholder {
text-align:left;
color:#70665e!important
}
.u02search #txtSearch.serror::placeholder, .u02search
#txtSearch.sfocus::placeholder, .u02search #txtSearch:focus::placeholder {
left:8px
}
.rtl .u02search #txtSearch.serror::placeholder, .rtl .u02search
#txtSearch.sfocus::placeholder, .rtl .u02search #txtSearch:focus::placeholder {
left:auto;
right:8px;
text-align:right
}

@media (min-width:1100px) {
.u02search #txtSearch, .u02search .u02searchinput {
width: 14em
}
.u02search #txtSearch::-ms-input-placeholder, .u02search .u02searchinput::-ms-
input-placeholder {
transform:scale(.875) translateX(.875em)
}
.rtl .u02search #txtSearch::-ms-input-
placeholder, .rtl .u02search .u02searchinput::-ms-input-placeholder, .u02searchonly
#txtSearch::-ms-input-placeholder, .u02searchonly .u02searchinput::-ms-input-
placeholder {
transform:scale(.875) translateX(-.875em)
}
.u02search #txtSearch.serror::-ms-input-placeholder, .u02search
#txtSearch.sfocus::-ms-input-placeholder, .u02search #txtSearch:focus::-ms-input-
placeholder, .u02search .u02searchinput.serror::-ms-input-
placeholder, .u02search .u02searchinput:focus::-ms-input-placeholder {
transform:scale(.875) translateX(-.875em)
}
.rtl .u02search #txtSearch.serror::-ms-input-placeholder, .rtl .u02search
#txtSearch.sfocus::-ms-input-placeholder, .rtl .u02search #txtSearch:focus::-ms-
input-placeholder, .rtl .u02search .u02searchinput.serror::-ms-input-
placeholder, .rtl .u02search .u02searchinput:focus::-ms-input-placeholder {
transform:scale(.875) translateX(.875em)
}
}
.u02search .ui-widget-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.rtl .u02search .ui-widget-overlay {
left: auto;
right: 0
}
.u02search .ui-autocomplete {
position: absolute;
width: 100%;
max-height: 254px;
top: 0;
left: 0;
z-index: 3;
background: #fff;
border: #dadde0 solid 1px;
box-shadow: 3px 3px 12px rgba(50,50,50,.55);
cursor: default;
overflow-x: hidden;
overflow-y: auto
}
.rtl .u02search .ui-autocomplete {
left: auto;
right: 0
}
* html .u02search .ui-autocomplete {
width: 1px;
height: 254px
}
.u02search .ui-menu {
display: block;
width: 324px!important;
top: 32px!important;
margin: 10px 0 0;
padding: 0;
list-style: none;
outline: 0
}
.u02search .ui-menu .ui-menu {
position: absolute;
margin-top: -3px
}
.u02pttl-li {
display: none
}
.u02search .ui-menu .ui-menu-item {
display: block;
width: 100%;
margin: 0;
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
color: #939699!important;
cursor: pointer;
text-decoration: none;
zoom: 1
}
.u02search .ui-menu .ui-menu-divider {
height: 0;
margin: 5px -2px;
font-size: 0;
line-height: 0;
border-width: 1px 0 0
}
.u02search .ui-menu .ui-menu-item:hover, .u02search .ui-menu .ui-menu-item[aria-
selected=true] {
background: #eee
}
.u02search .ui-menu .ui-menu-item.ui-state-active, .u02search .ui-menu .ui-menu-
item.ui-state-focus {
font-weight: 400;
color: #fff!important;
background: #939699
}
.u02search .ui-autocomplete::-webkit-scrollbar {
width:12px
}
.u02search .ui-autocomplete::-webkit-scrollbar-track {
background:#fff;
border-left:1px solid #ddd
}
.rtl .u02search .ui-autocomplete::-webkit-scrollbar-track {
border-right:1px solid #ddd;
border-left:0
}
.u02search .ui-autocomplete::-webkit-scrollbar-thumb {
background:#ddd
}
.u02search .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
background:#e0921c
}
.f01 .u02 {
margin: 0 -19px
}
.f01 .u02menucontent a:hover {
text-decoration: none
}

@media (min-width:1600px) {
.u02toolpop.u02user {
-webkit-transform: translate(-50%, 40px);
-ms-transform: translate(-50%, 40px);
transform: translate(-50%, 40px);
left: 50%;
right: auto
}
.u02opened>.u02toolpop.u02user {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
}

@media only screen and (min-width:500px) {


li.u02menuback {
display: none
}
}

@media (min-width:0) and (max-width:974px) {


.f11 .u02:before, .ocom-responsive .u02:before {
content: 'TAB'
}
.f11 .u02w1, .ocom-responsive .u02w1 {
width: 100%;
margin-right: 0;
margin-left: 0
}
.f11 .u02logos, .f11 .u02mlinkw1 a, .f11 .u02w1, .ocom-responsive .u02logos, .ocom-
responsive .u02mlinkw1 a, .ocom-responsive .u02w1 {
height: 52px
}
.f11 .u02logo, .ocom-responsive .u02logo {
width: 156px
}
.f11 .u02logow2, .ocom-responsive .u02logow2 {
font-size: 15px
}
.f11 .u02logow2 a, .ocom-responsive .u02logow2 a {
padding-top: .2em;
padding-bottom: .2em
}
.f11 .u02mlinkw1 a, .ocom-responsive .u02mlinkw1 a {
width: 64px
}
.f11 .u02mlinkw2, .ocom-responsive .u02mlinkw2 {
font-size: 12px
}
.f11 .u02mlinkw2:after, .ocom-responsive .u02mlinkw2:after {
top: 10px
}
.f11 .u02haml .u02mlinkw2, .ocom-responsive .u02haml .u02mlinkw2 {
height: 12px
}
.f11 .u02local a, .ocom-responsive .u02local a {
padding: 0 12px;
font-size: 16px
}
.f11 .u02search #txtSearch, .ocom-responsive .u02search #txtSearch {
width: 12em
}
.f11 .u02search.u02searchonly #txtSearch, .ocom-responsive .u02search.u02searchonly
#txtSearch {
width: auto
}
.f11 .u02search:not(.u02searchonly) #txtSearch:-ms-input-placeholder, .ocom-
responsive .u02search:not(.u02searchonly) #txtSearch:-ms-input-placeholder {
color:transparent
}
.f11 .u02search:not(.u02searchonly) #txtSearch::-moz-placeholder, .ocom-
responsive .u02search:not(.u02searchonly) #txtSearch::-moz-placeholder {
color:transparent!important
}
.f11 .u02search #txtSearch.serror::-moz-placeholder, .f11 .u02search
#txtSearch.sfocus::-moz-placeholder, .f11 .u02search #txtSearch:focus::-moz-
placeholder, .ocom-responsive .u02search #txtSearch.serror::-moz-
placeholder, .ocom-responsive .u02search #txtSearch.sfocus::-moz-
placeholder, .ocom-responsive .u02search #txtSearch:focus::-moz-placeholder {
color:#939699!important
}
.f11 .u02search:not(.u02searchonly) #txtSearch::-webkit-input-placeholder, .ocom-
responsive .u02search:not(.u02searchonly) #txtSearch::-webkit-input-placeholder {
color:transparent
}
.f11 .u02tools>ul>li, .ocom-responsive .u02tools>ul>li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 0 6px
}
.f11 .u02tools>ul>li:first-child, .ocom-responsive .u02tools>ul>li:first-child {
padding-left: 8px
}
.f11.rtl .u02tools>ul>li:first-child, .ocom-responsive.rtl .u02tools>ul>li:first-
child, .rtl .f11 .u02tools>ul>li:first-child, .rtl .ocom-
responsive .u02tools>ul>li:first-child {
padding-right: 8px;
padding-left: 0
}
.f11 .u02ticon span, .ocom-responsive .u02ticon span {
display: none
}
.f11 .u02mtool .u02menu-l1z1, .ocom-responsive .u02mtool .u02menu-l1z1 {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
height: 0;
top: 0;
left: auto;
right: auto;
padding: 0
}
.f11 .u02menu-l1z1 i, .ocom-responsive .u02menu-l1z1 i {
width: 26px;
height: 26px;
border-bottom-width: 13px;
border-left-width: 13px;
border-right-width: 13px
}
.f11 .u02pttl, .ocom-responsive .u02pttl {
position: relative;
max-width: 100%;
margin: 0;
padding: 1.1em 20px .9em!important;
z-index: 1;
font-size: 15px;
text-align: left;
color: #211f1c;
border-bottom: rgba(147,150,153,.6) solid 1px
}
.f11.rtl .u02pttl, .ocom-responsive.rtl .u02pttl, .rtl .f11 .u02pttl, .rtl .ocom-
responsive .u02pttl {
text-align: right
}
.f11 .u02pttl-li, .ocom-responsive .u02pttl-li {
margin-bottom: .4em
}
.f11 .u02cmenu-simple .u02pttl, .ocom-responsive .u02cmenu-simple .u02pttl
{
display: block
}
.f11 .u02cmenu-simple .u02pttl-li, .ocom-responsive .u02cmenu-simple .u02pttl-li {
margin-top: -1em
}
}

@media (min-width:771px) and (max-width:974px) {


.f11 .u02mlinkw2:after, .ocom-responsive .u02mlinkw2:after {
left: calc((100% - 29px)/ 2)
}
.f11 .u02tools>ul>li, .ocom-responsive .u02tools>ul>li {
position: static
}
.f11 .u02tools .u02toolpop, .ocom-responsive .u02tools .u02toolpop {
-webkit-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
transform: translate(0, 40px);
left: auto;
right: 0
}
.f11 .u02opened>.u02toolpop, .ocom-responsive .u02opened>.u02toolpop {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.f11.rtl .u02tools .u02toolpop, .ocom-
responsive.rtl .u02tools .u02toolpop, .rtl .f11 .u02tools .u02toolpop, .rtl .ocom-
responsive .u02tools .u02toolpop {
left: 0;
right: auto
}
}

@media (min-width:831px) and (max-width:974px) {


.f11 .u02mainmenu, .f11 .u02menu-l1, .f11 .u02menucontent .u02menu-ul, .ocom-
responsive .u02mainmenu, .ocom-responsive .u02menu-l1, .ocom-
responsive .u02menucontent .u02menu-ul {
width: 225px
}
.f11 .u02menu-l2, .ocom-responsive .u02menu-l2 {
width: 450px;
left: 225px
}
.f11 .u02menu-l3, .f11 .u02v1 .u02menu-l2, .ocom-responsive .u02menu-l3, .ocom-
responsive .u02v1 .u02menu-l2 {
width: 225px
}
.f11 .u02menu-l3, .ocom-responsive .u02menu-l3 {
left: 225px
}
.f11.rtl .u02menu-l2, .f11.rtl .u02menu-l3, .ocom-responsive.rtl .u02menu-
l2, .ocom-responsive.rtl .u02menu-l3, .rtl .f11 .u02menu-l2, .rtl .f11 .u02menu-l3,
.rtl .ocom-responsive .u02menu-l2, .rtl .ocom-responsive .u02menu-l3 {
left: auto;
right: 225px
}
}

@media (min-width:0) and (max-width:830px) {


.f11 .u02mainmenu, .f11 .u02menu-l1, .f11 .u02menucontent .u02menu-ul, .ocom-
responsive .u02mainmenu, .ocom-responsive .u02menu-l1, .ocom-
responsive .u02menucontent .u02menu-ul {
width: 206px
}
.f11 .u02menu-l2, .ocom-responsive .u02menu-l2 {
width: 412px;
left: 206px
}
.f11 .u02menu-l3, .f11 .u02v1 .u02menu-l2, .ocom-responsive .u02menu-l3, .ocom-
responsive .u02v1 .u02menu-l2 {
width: 206px
}
.f11 .u02menu-l3, .ocom-responsive .u02menu-l3 {
left: 206px
}
.f11.rtl .u02menu-l2, .f11.rtl .u02menu-l3, .ocom-responsive.rtl .u02menu-
l2, .ocom-responsive.rtl .u02menu-l3, .rtl .f11 .u02menu-l2, .rtl .f11 .u02menu-l3,
.rtl .ocom-responsive .u02menu-l2, .rtl .ocom-responsive .u02menu-l3 {
left: auto;
right: 206px
}
}

@media (min-width:0) and (max-width:770px) {


.f11 .u02mlinkw2:before, .ocom-responsive .u02mlinkw2:before {
width: 24px;
height: 16px
}
.f11 .u02mlinkw2:after, .ocom-responsive .u02mlinkw2:after {
width: 24px;
height: 12px;
top: 10px;
left: calc((100% - 24px)/ 2)
}
.f11 .u02mlinkw1 a, .f11 .u02mlinkw1 a:link, .f11 .u02mlinkw1 a:visited, .ocom-
responsive .u02mlinkw1 a, .ocom-responsive .u02mlinkw1 a:link, .ocom-
responsive .u02mlinkw1 a:visited {
width: 64px
}
.f11 #mobisearch i, .f11 .u02hamenu span, .ocom-responsive #mobisearch i, .ocom-
responsive .u02hamenu span {
height: 2px
}
.f11 .u02hamenu .m2, .f11 .u02hamenu .m3, .ocom-responsive .u02hamenu .m2, .ocom-
responsive .u02hamenu .m3 {
top: 7px
}
.f11 .u02hamenu .m4, .ocom-responsive .u02hamenu .m4 {
top: 14px
}
.f11 .u02searchform, .ocom-responsive .u02searchform {
left: 0
}
.f11 .u02search #txtSearch, .ocom-responsive .u02search #txtSearch {
width: 11.5em
}
.f11 .u02userin, .ocom-responsive .u02userin {
display: block;
margin: 0 0 6px
}
.f11 .u02mtool, .ocom-responsive .u02mtool {
position: static
}
.f11 .u02userinw2, .ocom-responsive .u02userinw2 {
border-top: rgba(147,150,153,.6) solid 1px
}
.f11 .u02bttn, .ocom-responsive .u02bttn {
max-width: 240px;
margin: 0 auto
}
.f11 .u02countrymenu, .ocom-responsive .u02countrymenu {
width: 340px;
overflow: hidden
}
.f11 .u02countrymenu.u02cmenu-simple, .ocom-responsive .u02countrymenu.u02cmenu-
simple {
width: 240px;
padding-top: 0
}
.f11 .u02countrymenu.u02cmenu-simple.u02cmenu-simple2col, .ocom-
responsive .u02countrymenu.u02cmenu-simple.u02cmenu-simple2col {
width: 372.96px
}
.f11 .u02countrymenu>ul, .ocom-responsive .u02countrymenu>ul {
width: 200%;
text-align: left
}
.f11.rtl .u02countrymenu>ul, .ocom-
responsive.rtl .u02countrymenu>ul, .rtl .f11 .u02countrymenu>ul, .rtl .ocom-
responsive .u02countrymenu>ul {
text-align: right
}
.f11 .u02countrymenu.u02cmenu-simple a, .ocom-responsive .u02countrymenu.u02cmenu-
simple a {
padding: 7px 8px 7px 18px
}
.ocom-responsive .u02countrymenu.u02cmenu-simple a:hover {
padding: 7px 8px 7px 14px
}
.f11.rtl .u02countrymenu.u02cmenu-simple a, .ocom-
responsive.rtl .u02countrymenu.u02cmenu-simple
a, .rtl .f11 .u02countrymenu.u02cmenu-simple a, .rtl .ocom-
responsive .u02countrymenu.u02cmenu-simple a {
padding: 7px 18px 7px 8px
}
.f11 .u02cmenu-l2 ul a:before, .f11 .u02countrymenu.u02cmenu-
simple .u02currentcc:before, .f11 .u02countrymenu.u02cmenu-simple
a:before, .f11 .u02currentcr .u02cmenu-l2 .u02currentcc:before, .ocom-
responsive .u02cmenu-l2 ul a:before, .ocom-responsive .u02countrymenu.u02cmenu-
simple .u02currentcc:before, .ocom-responsive .u02countrymenu.u02cmenu-simple
a:before, .ocom-responsive .u02currentcr .u02cmenu-l2 .u02currentcc:before {
display: none
}
.f11 .u02cmenu-l2 ul a, .ocom-responsive .u02cmenu-l2 ul a {
padding-left: 20px
}
.f11.rtl .u02cmenu-l2 ul a, .ocom-responsive.rtl .u02cmenu-l2 ul
a, .rtl .f11 .u02cmenu-l2 ul a, .rtl .ocom-responsive .u02cmenu-l2 ul a {
padding-right: 20px;
padding-left: 0
}
.f11 .u02cmenu-l1, .ocom-responsive .u02cmenu-l1 {
position: relative;
left: 0;
padding: 0 0 18px;
background: 0 0;
transition: transform .4s
}
.f11.rtl .u02cmenu-l1, .ocom-responsive.rtl .u02cmenu-l1, .rtl .f11 .u02cmenu-
l1, .rtl .ocom-responsive .u02cmenu-l1 {
left: auto;
right: 0
}
.f11 .u02cmenu-l1.u02show, .ocom-responsive .u02cmenu-l1.u02show {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.f11.rtl .u02cmenu-l1.u02show, .ocom-responsive.rtl .u02cmenu-l1.u02show, .rtl .f11
.u02cmenu-l1.u02show, .rtl .ocom-responsive .u02cmenu-l1.u02show {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.f11 .u02cmenu-l1>li>a:focus, .f11 .u02cmenu-l1>li>a:hover, .ocom-
responsive .u02cmenu-l1>li>a:focus, .ocom-responsive .u02cmenu-l1>li>a:hover {
background: 0 0;
outline: 0;
text-decoration: underline
}
.f11 .u02cmenu-l1>li, .ocom-responsive .u02cmenu-l1>li {
width: 50%
}
.f11 .u02cmenu-l2, .f11 .u02countrymenu.u02cm3cols .u02cmenu-l2, .ocom-
responsive .u02cmenu-l2, .ocom-responsive .u02countrymenu.u02cm3cols .u02cmenu-l2 {
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
top: 0;
left: 50%;
padding: 0 0 18px
}
.f11.rtl .u02cmenu-l2, .f11.rtl .u02countrymenu.u02cm3cols .u02cmenu-l2, .ocom-
responsive.rtl .u02cmenu-l2, .ocom-
responsive.rtl .u02countrymenu.u02cm3cols .u02cmenu-l2, .rtl .f11 .u02cmenu-
l2, .rtl .f11 .u02countrymenu.u02cm3cols .u02cmenu-l2, .rtl .ocom-
responsive .u02cmenu-l2, .rtl .ocom-
responsive .u02countrymenu.u02cm3cols .u02cmenu-l2 {
left: auto;
right: 50%
}
.f11 .u02cmenu-l2 ul, .ocom-responsive .u02cmenu-l2 ul {
width: 100%
}
.f11 .u02cmenu-l2 .u02menuback, .ocom-responsive .u02cmenu-l2 .u02menuback {
margin-bottom: .4em
}
.f11 .u02cmenu-l2 .u02blink, .ocom-responsive .u02cmenu-l2 .u02blink {
cursor: pointer
}
.f11 .u02cmenu-l2 a, .ocom-responsive .u02cmenu-l2 a {
visibility: hidden!important
}
.f11 .u02show .u02currentcr .u02cmenu-l2 a, .ocom-responsive .u02show .u02currentcr
.u02cmenu-l2 a {
visibility: visible!important
}
.f11 .u02hidemenu .u02mainmenu, .ocom-responsive .u02hidemenu .u02mainmenu {
opacity: 0
}
.f11 .u02tools>ul>.u02mbttn>a, .ocom-responsive .u02tools>ul>.u02mbttn>a {
width: 100%;
margin: 0!important;
background: #6e7173;
border: 0
}
.f11 .u02tools>ul>li, .ocom-responsive .u02tools>ul>li {
padding: 0 4px
}
.f11 .u02searchbttn, .f11 .u02ticon:after, .ocom-responsive .u02searchbttn, .ocom-
responsive .u02ticon:after {
width: 24px;
height: 24px;
background-size: 24px auto
}

.f11 .u02ticon.u02user:after, .ocom-responsive .u02ticon.u02user:after {


background-position: 0 0
}
.f11 .u02ticon.u02regn:after, .ocom-responsive .u02ticon.u02regn:after {
background-position: 0 0
}
.f11 .u02ticon.u02contact:after, .ocom-responsive .u02ticon.u02contact:after {
background-position: 0 -102px
}
.f11 .u02pttl, .ocom-responsive .u02pttl {
display: block
}
.f11 .u02search .ui-menu, .ocom-responsive .u02search .ui-menu {
width: 250px!important;
left: -1px!important
}
}

@media (min-width:0) and (max-width:499px) {


.f11 .u02:before, .ocom-responsive .u02:before {
content: 'MOBI'
}
.f11 .u02logos, .f11 .u02mlinkw1 a, .f11 .u02w1, .ocom-responsive .u02logos, .ocom-
responsive .u02mlinkw1 a, .ocom-responsive .u02w1 {
height: 52px
}
.f11 .u02logow2, .f11 .u02mainmenu, .f11 .u02megactr .u02menu-l1>.u02menu-
ul, .f11 .u02megactr .u02menucontent, .f11 .u02menu-l1, .f11 .u02menu-
l2, .f11 .u02menu-l3, .f11 .u02menucontent .u02menu-ul, .f11 .u02tools, .f11 .u02v1
.u02menu-l2, .ocom-responsive .u02logow2, .ocom-responsive .u02mainmenu, .ocom-
responsive .u02megactr .u02menu-l1>.u02menu-ul, .ocom-
responsive .u02megactr .u02menucontent, .ocom-responsive .u02menu-l1, .ocom-
responsive .u02menu-l2, .ocom-responsive .u02menu-l3, .ocom-
responsive .u02menucontent .u02menu-ul, .ocom-responsive .u02tools, .ocom-
responsive .u02v1 .u02menu-l2 {
width: 340px
}
.f11 .u02logow2, .ocom-responsive .u02logow2 {
visibility: hidden;
opacity: 0;
height: auto;
top: 120%;

left: 0;
padding: 8px;
z-index: 1;
font-size: 16px;
border: 0;
transition: 0s visibility .5s, .3s transform, .2s opacity;
pointer-events: none
}
.f11 .u02logow2 a, .ocom-responsive .u02logow2 a {
padding: .4em
}
.f11 .u02logow2 hr, .ocom-responsive .u02logow2 hr {
display: none
}
.f11 .u02logo.u02opened .u02logow2, .ocom-responsive .u02logo.u02opened .u02logow2
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible;
opacity: 1;
transition-delay: 0s, 0s, 0s;
pointer-events: auto
}
.f11 .u02logo.u02opened:after, .ocom-responsive .u02logo.u02opened:after {
content: '';
display: block;
width: 100%;
min-width: 340px;
height: 26px;
background: 0 0
}
.f11 .u02logo>.u02menu-l1z1, .ocom-responsive .u02logo>.u02menu-l1z1 {
display: block;
top: 122%;
left: 58px
}
.f11 .u02logo>.u02menu-l1z1 i, .ocom-responsive .u02logo>.u02menu-l1z1 i {
border-bottom-color: transparent
}
.f11.rtl .u02logo>.u02menu-l1z1, .ocom-responsive.rtl .u02logo>.u02menu-
l1z1, .rtl .f11 .u02logo>.u02menu-l1z1, .rtl .ocom-responsive .u02logo>.u02menu-
l1z1 {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
left: auto;
right: 58px
}
.f11 .u02mainmenu, .ocom-responsive .u02mainmenu {
top: 98px;
left: auto;
right: 0;
overflow: hidden
}
.f11 .u02notools .u02mainmenu, .ocom-responsive .u02notools .u02mainmenu {
top: 100%
}
.f11 .u02menu-l2 .u02menu-l3, .ocom-responsive .u02menu-l2 .u02menu-l3 {
left: 340px
}
.f11.rtl .u02mainmenu, .ocom-
responsive.rtl .u02mainmenu, .rtl .f11 .u02mainmenu, .rtl .ocom-
responsive .u02mainmenu {
left: 0;
right: auto
}
.f11.rtl .u02menu-l2, .f11.rtl .u02menu-l3, .ocom-responsive.rtl .u02menu-
l2, .ocom-responsive.rtl .u02menu-l3, .rtl .f11 .u02menu-l2, .rtl .f11 .u02menu-l3,
.rtl .ocom-responsive .u02menu-l2, .rtl .ocom-responsive .u02menu-l3 {
left: auto;
right: 340px
}
.f11 .u02mlinkw2:before, .ocom-responsive .u02mlinkw2:before {
width: 21px;
height: 14px
}
.f11 .u02hamenu .m3, .ocom-responsive .u02hamenu .m3 {
top: -3px
}
.f11 .u02hamenu .m4, .ocom-responsive .u02hamenu .m4 {
top: 12px
}
.f11 .u02mlinkw2:after, .ocom-responsive .u02mlinkw2:after {
width: 21px;
height: 10px;
top: 8px;
left: calc((100% - 21px)/ 2);
border-width: 4px
}
.f11.rtl .u02menu, .ocom-responsive.rtl .u02menu, .rtl .f11 .u02menu, .rtl .ocom-
responsive .u02menu {
margin-right: auto;
margin-left: 0
}
.f11 #mobisearch+.u02menu, .ocom-responsive #mobisearch+.u02menu {
margin-left: 0
}
.f11.rtl #mobisearch+.u02menu, .ocom-responsive.rtl #mobisearch+.u02menu, .rtl .f11
#mobisearch+.u02menu, .rtl .ocom-responsive #mobisearch+.u02menu {
margin-right: 0
}
.f11 #mobisearch, .ocom-responsive #mobisearch {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
position: relative;
width: 48px;
height: 100%;
margin-left: auto;
padding: 10px 0;
overflow: hidden;
z-index: 3;
-ms-flex-order: 5;
order: 5;
text-indent: -9999px
}
.f11 #mobisearch>span, .ocom-responsive #mobisearch>span {
display: block;
margin-top: 10px
}
.f11.rtl #mobisearch, .ocom-responsive.rtl #mobisearch, .rtl .f11 #mobisearch, .rtl
.ocom-responsive #mobisearch {
margin-right: auto;
margin-left: 0
}
.f11 #mobisearch.u02searchpop, .ocom-responsive #mobisearch.u02searchpop {
background: #211f1c
}
.f11 .u02mlinkw2, .ocom-responsive .u02mlinkw2 {
font-size: 11px
}
.f11 .u02haml .u02mlinkw2, .ocom-responsive .u02haml .u02mlinkw2 {
height: 11px
}
.f11 .u02local a, .ocom-responsive .u02local a {
padding: 0 10px;
font-size: 14px
}
.f11 .u02search #txtSearch, .ocom-responsive .u02search #txtSearch {
width: 100%!important;
height: 35px
}
.f11 .u02search .ui-menu, .ocom-responsive .u02search .ui-menu {
width: auto!important;
top: 42px!important;
left: 16px!important;
right: 16px
}
.f11.rtl .u02mlink, .ocom-
responsive.rtl .u02mlink, .rtl .f11 .u02mlink, .rtl .ocom-responsive .u02mlink {
border-right: #dfe3e6 solid 1px;
border-left: 0
}
.f11 .u02mlinkw1 a, .f11 .u02mlinkw1 a:link, .ocom-responsive .u02mlinkw1 a, .ocom-
responsive .u02mlinkw1 a:link {
width: 57px
}
.f11 .u02search, .ocom-responsive .u02search {
padding: 0;
position: absolute;
visibility: hidden;
opacity: 0;
top: -99px;
transition: opacity .35s
}
.f11 .u02searchbttn, .ocom-responsive .u02searchbttn {
right: 24px
}
.f11.rtl .u02searchbttn, .ocom-
responsive.rtl .u02searchbttn, .rtl .f11 .u02searchbttn, .rtl .ocom-
responsive .u02searchbttn {
left: 24px;
right: auto
}
.f11 .u02search.u02searchpop, .ocom-responsive .u02search.u02searchpop {
visibility: visible;
opacity: 1;
width: 100%;
height: 64px;
top: 100%;
left: 0;
z-index: 3;
background: #211f1c
}
.f11 .u02tools, .ocom-responsive .u02tools {
display: block;
position: absolute;
visibility: hidden;
opacity: 0;
height: 54px;
top: 100%;
left: auto;
right: 0;
background: #211f1c;
border-bottom: #70665e solid 1px;
transition: visibility 0s linear .3s, opacity .2s
}
.f11.rtl .u02tools, .ocom-
responsive.rtl .u02tools, .rtl .f11 .u02tools, .rtl .ocom-responsive .u02tools {
left: 0;
right: auto
}
.f11 .u02tools.u02opened, .ocom-responsive .u02tools.u02opened {
visibility: visible;
opacity: 1;
transition-delay: 0s, 0s
}
.f11 .u02tools>ul, .ocom-responsive .u02tools>ul {
-ms-flex-pack: justify;
justify-content: space-around;
padding: 0 1em
}
.f11 .u02ticon:after, .ocom-responsive .u02ticon:after {
width: 24px;
height: 24px;
background-size: 20px auto
}
.f11 .u02ticon.u02regn:after, .ocom-responsive .u02ticon.u02regn:after {
background-position: 0 -42px
}
.f11 .u02ticon.u02contact:after, .ocom-responsive .u02ticon.u02contact:after {
background-position: 0 -152px
}
.f11 .u02toolpop, .ocom-responsive .u02toolpop {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: 100%;
transition-duration: 0s, .2s, 0s
}
.f11 .u02countrymenu, .f11 .u02countrymenu.u02cm3cols, .f11 .u02countrymenu.u02cmen
u-simple, .ocom-responsive .u02countrymenu, .ocom-
responsive .u02countrymenu.u02cm3cols, .ocom-responsive .u02countrymenu.u02cmenu-
simple {
width: 100%
}
.u02menucontent .u02menu-ul {
padding: 3em 0
}
}

@media (min-width:0) and (max-width:490px) {


.f11 #u02skip2content, .ocom-responsive #u02skip2content {
left: 1%
}
.f11 #u02skip2content a, .ocom-responsive #u02skip2content a {
margin: 0;
font-size: 13px
}
.f11 .u02logow2, .f11 .u02mobi .u02mainmenu, .f11 .u02mobi .u02megactr .u02menucont
ent, .f11 .u02mobi .u02menu-l2, .f11 .u02mobi .u02menu-
l3, .f11 .u02mobi .u02menucontent .u02menu-ul, .f11 .u02mobi:not(.u02v1) .u02menu-
l1, .f11 .u02tools, .ocom-responsive .u02logow2, .ocom-
responsive .u02mobi .u02mainmenu, .ocom-
responsive .u02mobi .u02megactr .u02menucontent, .ocom-
responsive .u02mobi .u02menu-l2, .ocom-responsive .u02mobi .u02menu-l3, .ocom-
responsive .u02mobi .u02menucontent .u02menu-ul, .ocom-
responsive .u02mobi:not(.u02v1) .u02menu-l1, .ocom-responsive .u02tools {
width: 100%
}
.f11 .u02v1 .u02menu-l2, .ocom-responsive .u02v1 .u02menu-l2 {
width: 100vw
}
.f11 .u02mobi .u02menu-l3, .f11 .u02mobi .u02mlink .u02menu-l2, .ocom-
responsive .u02mobi .u02menu-l3, .ocom-responsive .u02mobi .u02mlink .u02menu-l2 {
left: 100%!important
}
.f11.rtl .u02mobi .u02menu-l3, .f11.rtl .u02mobi .u02mlink .u02menu-l2, .ocom-
responsive.rtl .u02mobi .u02menu-l3, .ocom-
responsive.rtl .u02mobi .u02mlink .u02menu-l2, .rtl .f11 .u02mobi .u02menu-l3, .rtl
.f11 .u02mobi .u02mlink .u02menu-l2, .rtl .ocom-responsive .u02mobi .u02menu-
l3, .rtl .ocom-responsive .u02mobi .u02mlink .u02menu-l2 {
left: auto!important;
right: 100%!important
}
.f11 .u02v1 .u02w2:not(.u02megactr) .u02menu-l1>.u02menu-ul, .ocom-
responsive .u02v1 .u02w2:not(.u02megactr) .u02menu-l1>.u02menu-ul {
width: auto!important
}
.f11 .u02cmenu-simple ul, .ocom-responsive .u02cmenu-simple ul {
width: 100%
}
.f11 .u02cmenu-simple2col ul, .ocom-responsive .u02cmenu-simple2col ul {
width: 50%
}
.f11 .u02toolpop, .ocom-responsive .u02toolpop {
width: 100%!important;
right: 0!important
}
.f11.rtl .u02toolpop, .ocom-responsive.rtl .u02toolpop, .rtl .f11 .u02toolpop, .rtl
.ocom-responsive .u02toolpop {
left: 0!important;
right: auto!important
}
.f11 .u02search .ui-menu, .ocom-responsive .u02search .ui-menu {
width: calc(100% - 32px)!important;
min-width: auto
}
}

@media (min-width:0) and (max-width:385px) {


.f11 .u02cmenu-simple2col ul, .ocom-responsive .u02cmenu-simple2col ul {
width: 100%
}
}

@media (max-height:770px), (max-width:974px) {


.u02dtop .u02mainmenu a, .u02dtop .u02mainmenu h6 {
padding-top: 5px;
padding-bottom: 4px
}
}
.u02smap {
padding-top: 3em
}
.u02smap .hdx {
width: 100%!important;
max-width: 1180px;
margin: 0!important
}
.u02smap a, .u02smap a:link, .u02smap a:visited, .u02smap h5, .u02smap h6, .u02smap
hr {
-webkit-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
transform: translateX(0)!important;
opacity: 1;
margin: 0;
padding: 0!important;
font-size: 16px;
color: #00758f
}
.u02smap a:focus, .u02smap a:hover {
outline: 0;
text-decoration: underline
}
.u02smap hr {
opacity: .5;
width: 100%;
margin: .6em 0 .5em!important;
color: #6e7173;
background: #6e7173!important
}
.u02smap a, .u02smap li {
display: block!important;
line-height: 1.35!important
}
.u02smap h5 {
margin: 0 0 .4em;
padding: 0 0 .2em;
color:
#4e5052
}
.u02smap h6 {
font-weight: 400;
color: #4e5052
}
.u02smap #u02mainmenu, .u02smap .u02menucontent {
position: relative;
margin-bottom: 1.5em;
background: #edeeee
}
.u02smap #u02mainmenu .u02menu-l1 h6 {
margin-bottom: .5em;
color: #6e7173
}
.u02smap .u02menu-l1, .u02smap .u02menu-l2, .u02smap .u02menu-l3 {
position: static;
visibility: visible!important;
width: auto!important;
pointer-events: auto!important
}
.u02smap .u02menu-l2 {
display: block;
margin: 1.2em 1em .6em;
columns: 4
}
.u02smap .u02menu-l2 li {
margin: 0;
padding: .5em 0 0
}
.u02smap .u02menu-l2>ul {
margin: 0
}
.u02smap .u02menu-l2>ul>li {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 1em 1em 0;
break-inside: avoid
}
.u02smap .u02menu-l2>ul>li>hr {
display: none
}
.u02smap .u02menu-l3 {
display: block;
margin: 0!important
}
.u02smap .u02menu-l1>ul>li>a, .u02smap .u02menu-l1>ul>li>h5 {
font-size: 22px;
display: block;
padding: 1em .8em!important;
font-weight: 700;
color: #fff;
background: #4e5052;
border-top: #fff solid 1.5em
}

@media only screen and (max-width:1500px) {


.u02smap .u02menu-l1>ul>li>a, .u02smap .u02menu-l1>ul>li>h5 {
font-size: 19.203712px
}
}

@media only screen and (max-width:770px) {


.u02smap .u02menu-l1>ul>li>a, .u02smap .u02menu-l1>ul>li>h5 {
font-size: 16.896px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
}

@media only screen and (max-width:450px) {


.u02smap .u02menu-l1>ul>li>a, .u02smap .u02menu-l1>ul>li>h5 {
-webkit-text-size-adjust: none
}
}
.u02smap .u02menu-l1>ul>li>a {
padding: .8em 1em!important;
font-weight: 400
}
.u02smap .u02menu-l1>ul>li>h5:after {
display: none
}
.f11 .u02smap .u02cmenu-l2 a, .ocom-base .u02smap .u02cmenu-l2 a {
visibility: visible!important;
padding-left: 0!important
}
.u02smap .u02countrymenu {
float: left;
width: 100%;
margin: 1em 0 3em
}
.u02smap .u02countrymenu>ul {
width: auto!important
}
.u02smap .u02countrymenu>ul:after, .u02smap [id^=u02countrymenu]:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.u02smap .u02countrymenu>ul>li {
float: left;
width: 25%
}
.u02smap .u02cmenu-l1 {
width: auto!important;
background: 0 0
}
.u02smap .u02cmenu-l2 {
-ms-flex-direction: column;
flex-direction: column;
position: static;
visibility: visible;
width: auto
}
.u02smap .u02cmenu-l2 li, .u02smap .u02cmenu-simple li {
padding-bottom: .5em
}
.u02smap .u02countrymenu.u02cmenu-simple a {
padding: 0
}
.u02smap .u02countrymenu a:before {
display: none!important
}
.u02smap #u02contactmenu {
display: none
}
.f01 .u02smap .u02menu-l2 {
columns: 3
}
.rtl .u02smap {
direction: rtl
}

@media (min-width:0) and (max-width:974px) {


.u02smap .u02menu-l2 {
columns: 3
}
.u02smap .u02countrymenu>ul>li {
width: 50%
}
}

@media (min-width:0) and (max-width:770px) {


.u02smap .u02menu-l2 {
columns: 2
}
.u02smap a, .u02smap a:link, .u02smap a:visited, .u02smap h5, .u02smap h6, .u02smap
li {
font-size: 14px
}
.u02smap a, .u02smap a:link, .u02smap a:visited {
padding: .2em 0
}
}

@media (min-width:0) and (max-width:700px) {


.f01 .u02w1 {
width: 100%;
margin: 0
}
.f01.f01r1 .u02w1 {
width: auto;
min-width: 974px
}
.f01.f01r1 .u02logo:after {
display: none
}
}

@media (min-width:0) and (max-width:500px) {


.u02smap .u02menu-l2 {
columns: 1
}
.u02smap .u02cmenu-l1>li>h5, .u02smap .u02cmenu-l2 {
margin: 0 1.2em .4em
}
.u02smap .u02countrymenu>ul>li {
width: 100%
}
}
.u02modw1 {
position: relative;
padding: 0
}
.u02modw1>* {
padding-left: 72px!important
}
.rtl .u02modw1>* {
padding-right: 72px!important;
padding-left: 0!important
}
.u02modw1 a, .u02modw1 h4, .u02modw1 h5, .u02modw1 h6 {
margin: 0;
padding: 9px 0;
font-size: 16px
}
.u02modw1 a {
display: inline-block;
color: #00758f
}
.u02modw1 hr, .u02modw1+hr {
margin: 1em 0;
background: rgba(147,150,153,.6)
}
.u02modw1 .icn-img {
position: absolute;
top: 0;
left: 0;
padding-left: 0!important;
font-size: 55px!important
}
.u02modw1 .icn-img:before {
color: #fff!important
}
.rtl .u02modw1 .icn-img {
left: auto;
right: 0;
padding-right: 0!important
}
.u02modw2 {
font-size: 16px
}
.u02z86d {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20
}
.u02z86d.u02show {
display: block
}
.u02nohover {
pointer-events: none
}
.u02v1 .u02w2 {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
height: 100%;
margin-right: 2em;
-ms-flex-item-align: start;
align-self: flex-start
}
.rtl .u02v1 .u02w2 {
margin-right: 0;
margin-left: 2em
}
.u02v1 .u02w2 .u02menu-ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.u02v1 .u02mlink {
visibility: hidden;
height: 100%;
border: 0;
animation: 0s showAfterLoad forwards 5s
}
.u02v1 .u02mlinkw1 {
height: 100%
}
.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1
a, .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1
a:link, .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:visited {
-ms-flex-align: start;
align-items: flex-start;
width: auto;
height: 100%;
padding: 16px 20px
}
.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:hover {
text-decoration: underline!important
}
.u02v1 .u02mlinkw2 {
font-size: 15px;
text-align: left
}
.u02v1 .u02mlinkw2:after, .u02v1 .u02mlinkw2:before {
display: none
}
.u02v1 .u02menu-l1z1 i {
border-bottom-color: #e0e2e2
}
.u02v1 .u02menu-l2 a, .u02v1 .u02menu-l3 a, .u02v1.u02mobi .u02megactr .u02menu-l1
a {
color: #4e5052!important
}
.u02v1 .u02menuback>a:after {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='12' height='17' viewBox='0 0 12 17'%3E
%3Cpath fill='%234e5052' d='M11.995,14.876 L5.084,8.498 L11.995,2.126 L9.920,-0.005
L0.005,8.498 L9.920,17.007 L11.995,14.876 Z'/%3E%3C/svg%3E")
}
.u02v1 .u02megactr .u02menu-l3 .u02menu-ul, .u02v1 .u02more .u02menu-l2 .u02menu-
ul, .u02v1.u02mobi .u02megactr .u02menu-l2 .u02menu-ul, .u02v1.u02mobi .u02menu-
l3 .u02menu-ul {
padding-top: 0
}
.u02v1 .u02more .u02morelist>.u02menu-ul {
padding-top: 1em
}
.u02v1 .u02menu-l1 {
width: auto!important
}
.u02v1 .u02menu-l1:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.u02v1 .u02menu-l1>.u02menu-ul {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
float: left;
width: auto;
padding: 0;
background: 0 0
}
.rtl .u02v1 .u02menu-l1>.u02menu-ul {
float: right
}
.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
line-height: 1.1;
color: #fff
}
.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li a:active {
outline: 0
}
.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li>.u02menu-l2 .u02menu-ul {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-align: start;
align-items: flex-start;
clear: both;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li {
position: relative
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li:first-child>a {
padding-left: 16px
}
.rtl .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li:first-child>a {
padding-right: 16px;
padding-left: 20px
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li>.u02xlink:after {
display: none
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02nosub>a {
padding-right: 10px
}
.rtl .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02nosub>a {
padding-right: 16px;
padding-left: 10px
}
.u02v1 .u02menu-l1>.u02menu-ul>hr {
display: none
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02megamenu .u02menu-li:hover>a, .u02v1 .u02menu-
l1>.u02menu-ul>.u02megamenu .u02menu-li>a:active, .u02v1 .u02menu-l1>.u02menu-
ul>.u02megamenu .u02menu-li>a:focus, .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-
li:hover>a, .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li>a:active, .u02v1 .u02menu-
l1>.u02menu-ul>.u02menu-li>a:focus {
background: 0 0
}
.u02v1 .u02menucontent hr {
width: calc(100% - 2em);
margin: .5em auto;
background: #4e5052
}
.u02v1 .u02menu-l2>.u02menu-ul>hr {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: .3
}
.u02v1.u02tabnav .u02menu-l1>.u02menu-ul>.u02menu-li>a:focus {
outline: 1px dotted;
outline-offset: -4px
}
.u02v1 .u02more {
position: absolute!important;
visibility: hidden;
opacity: 0;
top: 0;
right: 0
}
.rtl .u02v1 .u02more {
left: 0;
right: auto
}
.u02v1 .u02more.u02show {
visibility: visible;
opacity: 1
}
.u02v1 .u02more>a {
float: right;
white-space: nowrap
}
.rtl .u02v1 .u02more>a {
float: left
}
.u02v1 .u02menu-l2 {
top: 100%;
left: 0;
overflow: visible
}
.rtl .u02v1 .u02menu-l2 {
left: auto;
right: 0
}
.u02v1 .u02menu-l2>.u02menu-ul>.u02menuback {
display: none
}
.u02v1 .u02menu-l2>.u02menu-ul>.u02menu-li>a {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-delay: 0s, .2s!important
}
_:-ms-fullscreen, :root .u02v1 .u02menu-l2>.u02menu-ul>.u02menu-li>a {
transition:none
}
.u02v1 .u02menu-l2 .u02menu-li {
width: 100%
}
.u02v1 .u02menu-l2 .u02menu-li.u02menu-hasm .u02tlink[href$='#open']:after {
display: none
}
.u02v1 .u02menu-l2 .u02menu-li
a {
padding: 8px 1.75em 6px 1.2667em
}
.rtl .u02v1 .u02menu-l2 .u02menu-li a {
padding: 8px 1.2667em 6px 1.75em
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02multicol>.u02menu-l2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
width: 1400px
}
.u02v1 .u02menu-l1.u02hasbttns, .u02v1 .u02menu-l2.u02hasbttns, .u02v1 .u02menu-
l2.u02hasbttns .u02menu-l3 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch
}
.u02v1 .u02menu-l1.u02hasbttns .u02menu-l2, .u02v1 .u02menu-
l1.u02hasbttns .u02menu-l3, .u02v1 .u02menu-l2.u02hasbttns .u02menu-
l2, .u02v1 .u02menu-l2.u02hasbttns .u02menu-l3 {
padding-bottom: 4.25em
}
.u02v1 .u02menu-l1.u02hasbttns .u02menu-l2 .u02bttns, .u02v1 .u02menu-
l1.u02hasbttns .u02menu-l3 .u02bttns, .u02v1 .u02menu-l2.u02hasbttns .u02menu-
l2 .u02bttns, .u02v1 .u02menu-l2.u02hasbttns .u02menu-l3 .u02bttns {
display: none
}
.u02v1 .u02menu-l1.u02hasbttns, .u02v1 .u02menu-l2.u02hasbttns {
background: #e0e2e2
}
.u02v1 .u02menu-l1.u02hasbttns ul, .u02v1 .u02menu-l2.u02hasbttns ul {
min-height: calc(100% - 4.25em)
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns, .u02v1 .u02menu-l2.u02hasbttns .u02bttns
{
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
min-height: 4.25em;
margin: 0;
padding: 1em;
z-index: 2;
background: #e0e2e2
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns:before, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns:before {
content: '';
display: block;
position: absolute;
height: 1px;
top: 0;
left: 1em;
right: 1em;
background: #4a4c4e
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>div {
display: block
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>div:first-child {
margin-left: 0
}
.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-
child, .rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child {
margin-right: 0;
margin-left: 1em
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-
child, .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:nth-child(2):last-child, .u02v1
.u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>div:nth-child(2):last-child {
margin-right: auto
}
.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-
child, .rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:nth-child(2):last-
child, .rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-
child, .rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:nth-child(2):last-child {
margin-right: 1em;
margin-left: auto
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-
child, .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:nth-last-
child(2), .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-
child, .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:nth-last-child(2) {
margin-left: auto
}
.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-
child, .rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:nth-last-
child(2), .rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child,
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:nth-last-child(2) {
margin-right: auto;
margin-left: 1em
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-
child, .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child {
width:calc(100% - (100% - 250px));
text-align: center
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div>a, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>div>a {
border-color: #4a4c4e
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div>a:hover, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>div>a:hover {
color: #fff!important;
background-color: #4a4c4e!important
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>.u02bttn1>a, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>.u02bttn1>a {
color: #fff!important;
background-color: #4a4c4e!important
}
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>.u02bttn1>a:hover, .u02v1 .u02menu-
l2.u02hasbttns .u02bttns>.u02bttn1>a:hover {
color: #4a4c4e!important;
border-color: transparent!important;
background-color: #fff!important
}
.u02v1 .u02menu-l2.u02hasbttns {
opacity: 0;
transition: opacity .2s, visibility 0s 1s
}
.u02v1 .u02opened>.u02menu-l2.u02hasbttns {
visibility: visible;
opacity: 1;
transition-delay: 0s, 0s
}
.u02v1 .u02morelist .u02menu-l1z1 {
display: none
}
.u02v1 .u02morelist .u02menu-l2 {
top: 0;
left: 100%!important
}
.rtl .u02v1 .u02morelist .u02menu-l2 {
left: auto!important;
right: 100%!important
}
.u02v1 .u02morelist .u02menu-l2 .u02menuback {
display: block
}
.u02v1 .u02morelist .u02menu-l2 .u02menuback a {
cursor: pointer
}
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2
a, .u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2
h5, .u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 hr, .u02v1 .u02morelist
.u02menu-hasm.u02opened>.u02menu-l3 a, .u02v1 .u02morelist .u02menu-
hasm.u02opened>.u02menu-l3 h5, .u02v1 .u02morelist .u02menu-
hasm.u02opened>.u02menu-l3 hr {
transition: none
}
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 .u02menu-
li, .u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 .u02menu-
ul, .u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 .u02menu-
li, .u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 .u02menu-ul {
transition-duration: 0s, .2s;
transition-delay: 0s, 0s
}
.u02v1.u02dtop .u02menu-hasm.u02megamenu .u02menu-
l2.u02padded, .u02v1.u02dtop .u02morelist.u02padded {
box-sizing: content-box;
padding-bottom: 40px;
overflow: hidden
}
.u02v1.u02init .u02menu-l3>ul {
opacity: 0;
transition-delay: 1s, .4s
}
.u02v1.u02init .u02opened .u02menu-l3>ul {
transition-delay: .2s, 0s
}
.u02v1 .u02w3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative
}
.u02v1 .u02bttns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
margin-left: -8px
}
.u02v1 .u02bttns>div {
margin: 0 0 0 8px
}
.u02v1 .u02bttns>div>a {
padding: 8px 14px;
font-weight: 700;
line-height: .95;
color: #fff;
border: 1px solid #fff;
border-radius: 4px
}
.u02init.u02v1 .u02bttns>div>a {
transition: background-color .2s, color .2s
}
.rtl .u02v1 .u02bttns>div>a {
padding: 8px 14px
}
.u02v1 .u02bttns>div>a:hover {
color: #4a4c4e;
background-color: #fff
}
.u02v1 .u02bttns>div>a:hover:after {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='76' height='611.5' viewBox='0 0 76
611.5'%3E%3Cg fill='%234e5052'%3E%3Cpath d='M58.7 97.6l-10 10c-.3.3-.9.5-
1.3.5h-.6c-.4 0-.8-.3-.8-.8v-4.6c0-.4-.3-.8-.8-.8h-2c-.4 0-.8-.3-.8-.8v-9.8c-
1.5-.2-3-.3-4.5-.3-12.1 0-22.8 5.9-29.4 15.1 0 0 2.9-.7 3.5-1.3l13.2-6.7c.4-.2
1.1-.4 1.5-.4h10.9c.4 0 .8.4.8.8v1.7c0 .4-.4.8-.8.8h-5.2c-.4 0-1.1.2-1.4.5l-2.6
2.2c-.3.3-.3.6.1.8l2.7 1.1c.4.2 1 0 1.3-.3l.3-.3c.3-.3.9-.6 1.4-.6h7.2c.4
0 .8.4.8.8v4.1c0 .4-.3 1-.6 1.3l-9.1 8.7c-.3.3-.6.9-.6
1.3v4.7c0 .4-.4.8-.8.8H30c-.4 0-.8-.4-.8-.8v-2c0-.4-.4-.8-.8-.8h-2.9c-.4
0-.8.4-.8.8v3c0 .4.3 1 .7 1.2l4.5 3c.4.2 1 .4 1.4.4h8.2c.4 0 1.1.2 1.5.4l10.2
5.5c.4.2.6.7.4 1.1l-3.4 8.9c-.2.4-.6 1-.9 1.3l-8.9 7.6c-.3.3-.5.9-.4 1.3l.7
3.5c-.1.8-1.4.8-1.4.8-.4 0-1-.2-1.4-.6l-2.1-2c-.3-.3-.6-.9-.6-1.3v-
23.1c0-.4-.4-.8-.8-.8H30c-.4 0-1.1-.2-1.5-.4l-6.1-3.9c-.4-.2-.9-.7-1.1-1.1l-3.9-
5.2c-.3-.3-.8-.6-1.3-.6h-1c-.4 0-1-.3-1.2-.7 0 0-3.5-6.2-3.8-7.8v-
3.9c0-.4-.4-.8-.8-.8H6.7c-3.2 5.4-5 11.6-5 18.3 0 20 16.2 36.3 36.3 36.3 20 0 36.3-
16.2 36.3-36.3 0-12.4-6.2-23.3-15.6-29.8M38 4.5C18 4.5 1.7 20.7 1.7 40.8c0 20 16.2
36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3S58 4.5 38 4.5zm-7.5 20.9s-.1-6.7 8.2-
7.1v1c0 .3.1.5.5.5 3.7 0 6.6 3.1 6.6 6.1V32l-1.6 1.4v1.1c-.8 6.5-6 6.2-6 6.2s-
5.1.2-5.9-6.1v-1.3l-1.7-1.5-.1-6.4zM18 60.5l1.7-11.6c.3-1.3 1.1-2.3 2.9-2.9l9.3-
4L38 54.5h.2l6.1-12.6s10.4 4.5 11.1 5c.7.5.9 1.3 1.1 2.1L58 60.4l-40 .1zM74.3 242l-
18.9-19.3c2.6-4.4 4.1-9.5 4.1-15 0-16.1-13.1-29.2-29.2-29.2-16.2.1-29.3 13.2-29.3
29.3s13.1 28.9 29.2 29.2c6.6.1 12.4-2.4 17-5.6l18.6 18.9c1.3 1.2 3.8 1.5 6.7-1.4
2.9-2.9 2.9-5.7 1.8-6.9zm-64.1-34.2c0-11 9-20 20-20s20 9 20 20c0 11.1-9 20-20 20s-
20-9-20-20z'/%3E%3Cpath d='M12.1 265.1l26 27.6L64 265.1l8.7 8.3L38 313 3.4
273.4l8.7-8.3z'%3E%3C/path%3E%3Cpath d='M38 324.6c-20 0-36.3 16.2-36.3 36.3 0 20
16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3 0-20.1-16.3-36.3-36.3-36.3zm19.9
39.3c0 2.6-2.1 4.7-4.7 4.7h-4.7.1c-1.4 0-2.1.7-1.6 2.4l3.4 11.3c.1.2 0 .4-.2.4-.1
0-.1 0-.2-.1-.2-.1-15.7-14-15.5-14h.1-11.7c-2.6 0-4.7-2.1-4.7-4.7v-17.2c0-2.6 2.1-
4.7 4.7-4.7h30.3c2.6 0 4.7 2.1 4.7 4.7v17.2zM46.1 455.8c6.2-6.2 12.2-13.4 9.4-16.2-
4.1-4.1-7.6-6.6-.3-15.6s12-2 16 1.9c4.5 4.6.2 21.5-16.7 38.3-16.9 16.7-33.9 21-38.4
16.4-3.9-4-10.8-8.8-1.8-16s11.5-3.6 15.6.5c2.7 2.8 10-3.1 16.2-9.3m-9-29.5c-4.7.7-
9.6 3-13.5 6.9s-6.2 8.8-6.9 13.5c0 0-.3 1.9 1 3.2 1.4 1.4 3.7 1.4 5.1 0 .8-.8 1-2
1-2 .4-2.3 1.2-5.8 4.9-9.6 3.7-3.7 7.2-4.5 9.6-4.9 0 0 1.2-.2 2-1 1.4-1.4 1.4-3.8
0-5.1-1.4-1.3-3.2-1-3.2-1m-17.7 2.8c6.8-6.8 14.6-9.7 20.9-8.8 0 0 2 .3 3.3-1 1.5-
1.5 1.4-3.8 0-5.2-.9-.9-2.3-1.1-2.3-1.1-5.4-.8-16.3.2-27 10.9-10.6 10.6-11.6 21.6-
10.8 27 0 0 .2 1.4 1.1 2.3 1.4 1.4 3.7 1.5 5.1 0 1.3-1.3 1-3.3 1-3.3-1.1-6.2 1.9-14
8.7-20.8'/%3E%3Cpath
fill='%2300758f' d='M71 551.3c2.5-4.9 3.9-10.5 3.9-16.4 0-20.3-16.5-36.9-36.9-
36.9-20.3 0-36.9 16.5-36.9 36.9 0 6 1.5 11.7 4 16.7L38 607.1l33-55.8zm-33-38.4c12.1
0 22 9.9 22 22s-9.9 22-22 22-22-9.9-22-22 9.9-22 22-22z'/%3E%3C/g%3E%3C/svg%3E")
}
.u02v1 .u02bttns>div.u02bttn1>a {
color: #4a4c4e;
background-color: #fff
}
.u02v1 .u02bttns>div.u02bttn1>a:after {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='76' height='611.5' viewBox='0 0 76
611.5'%3E%3Cg fill='%234e5052'%3E%3Cpath d='M58.7 97.6l-10 10c-.3.3-.9.5-
1.3.5h-.6c-.4 0-.8-.3-.8-.8v-4.6c0-.4-.3-.8-.8-.8h-2c-.4 0-.8-.3-.8-.8v-9.8c-
1.5-.2-3-.3-4.5-.3-12.1 0-22.8 5.9-29.4 15.1 0 0 2.9-.7 3.5-1.3l13.2-6.7c.4-.2
1.1-.4 1.5-.4h10.9c.4 0 .8.4.8.8v1.7c0 .4-.4.8-.8.8h-5.2c-.4 0-1.1.2-1.4.5l-2.6
2.2c-.3.3-.3.6.1.8l2.7 1.1c.4.2 1 0 1.3-.3l.3-.3c.3-.3.9-.6 1.4-.6h7.2c.4
0 .8.4.8.8v4.1c0 .4-.3 1-.6 1.3l-9.1 8.7c-.3.3-.6.9-.6
1.3v4.7c0 .4-.4.8-.8.8H30c-.4 0-.8-.4-.8-.8v-2c0-.4-.4-.8-.8-.8h-2.9c-.4
0-.8.4-.8.8v3c0 .4.3 1 .7 1.2l4.5 3c.4.2 1 .4 1.4.4h8.2c.4 0 1.1.2 1.5.4l10.2
5.5c.4.2.6.7.4 1.1l-3.4 8.9c-.2.4-.6 1-.9 1.3l-8.9 7.6c-.3.3-.5.9-.4 1.3l.7
3.5c-.1.8-1.4.8-1.4.8-.4 0-1-.2-1.4-.6l-2.1-2c-.3-.3-.6-.9-.6-1.3v-
23.1c0-.4-.4-.8-.8-.8H30c-.4 0-1.1-.2-1.5-.4l-6.1-3.9c-.4-.2-.9-.7-1.1-1.1l-3.9-
5.2c-.3-.3-.8-.6-1.3-.6h-1c-.4 0-1-.3-1.2-.7 0 0-3.5-6.2-3.8-7.8v-
3.9c0-.4-.4-.8-.8-.8H6.7c-3.2 5.4-5 11.6-5 18.3 0 20 16.2 36.3 36.3 36.3 20 0 36.3-
16.2 36.3-36.3 0-12.4-6.2-23.3-15.6-29.8M38 4.5C18 4.5 1.7 20.7 1.7 40.8c0 20 16.2
36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3S58 4.5 38 4.5zm-7.5 20.9s-.1-6.7 8.2-
7.1v1c0 .3.1.5.5.5 3.7 0 6.6 3.1 6.6 6.1V32l-1.6 1.4v1.1c-.8 6.5-6 6.2-6 6.2s-
5.1.2-5.9-6.1v-1.3l-1.7-1.5-.1-6.4zM18 60.5l1.7-11.6c.3-1.3 1.1-2.3 2.9-2.9l9.3-
4L38 54.5h.2l6.1-12.6s10.4 4.5 11.1 5c.7.5.9 1.3 1.1 2.1L58 60.4l-40 .1zM74.3 242l-
18.9-19.3c2.6-4.4 4.1-9.5 4.1-15 0-16.1-13.1-29.2-29.2-29.2-16.2.1-29.3 13.2-29.3
29.3s13.1 28.9 29.2 29.2c6.6.1 12.4-2.4 17-5.6l18.6 18.9c1.3 1.2 3.8 1.5 6.7-1.4
2.9-2.9 2.9-5.7 1.8-6.9zm-64.1-34.2c0-11 9-20 20-20s20 9 20 20c0 11.1-9 20-20 20s-
20-9-20-20z'/%3E%3Cpath d='M12.1 265.1l26 27.6L64 265.1l8.7 8.3L38 313 3.4
273.4l8.7-8.3z'%3E%3C/path%3E%3Cpath d='M38 324.6c-20 0-36.3 16.2-36.3 36.3 0 20
16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3 0-20.1-16.3-36.3-36.3-36.3zm19.9
39.3c0 2.6-2.1 4.7-4.7 4.7h-4.7.1c-1.4 0-2.1.7-1.6 2.4l3.4 11.3c.1.2 0 .4-.2.4-.1
0-.1 0-.2-.1-.2-.1-15.7-14-15.5-14h.1-11.7c-2.6 0-4.7-2.1-4.7-4.7v-17.2c0-2.6 2.1-
4.7 4.7-4.7h30.3c2.6 0 4.7 2.1 4.7 4.7v17.2zM46.1 455.8c6.2-6.2 12.2-13.4 9.4-16.2-
4.1-4.1-7.6-6.6-.3-15.6s12-2 16 1.9c4.5 4.6.2 21.5-16.7 38.3-16.9 16.7-33.9 21-38.4
16.4-3.9-4-10.8-8.8-1.8-16s11.5-3.6 15.6.5c2.7 2.8 10-3.1 16.2-9.3m-9-29.5c-4.7.7-
9.6 3-13.5 6.9s-6.2 8.8-6.9 13.5c0 0-.3 1.9 1 3.2 1.4 1.4 3.7 1.4 5.1 0 .8-.8 1-2
1-2 .4-2.3 1.2-5.8 4.9-9.6 3.7-3.7 7.2-4.5 9.6-4.9 0 0 1.2-.2 2-1 1.4-1.4 1.4-3.8
0-5.1-1.4-1.3-3.2-1-3.2-1m-17.7 2.8c6.8-6.8 14.6-9.7 20.9-8.8 0 0 2 .3 3.3-1 1.5-
1.5 1.4-3.8 0-5.2-.9-.9-2.3-1.1-2.3-1.1-5.4-.8-16.3.2-27 10.9-10.6 10.6-11.6 21.6-
10.8 27 0 0 .2 1.4 1.1 2.3 1.4 1.4 3.7 1.5 5.1 0 1.3-1.3 1-3.3 1-3.3-1.1-6.2 1.9-14
8.7-20.8'/%3E%3Cpath fill='%2300758f' d='M71 551.3c2.5-4.9 3.9-10.5 3.9-16.4 0-
20.3-16.5-36.9-36.9-36.9-20.3 0-36.9 16.5-36.9 36.9 0 6 1.5 11.7 4 16.7L38
607.1l33-55.8zm-33-38.4c12.1 0 22 9.9 22 22s-9.9 22-22 22-22-9.9-22-22 9.9-22 22-
22z'/%3E%3C/g%3E%3C/svg%3E")
}
.u02v1 .u02bttns>div.u02bttn1>a:hover {
color: #fff;
background-color: #4a4c4e
}
.u02v1 .u02bttns>div.u02bttn1>a:hover:after {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='76' height='611.5' viewBox='0 0 76
611.5'%3E%3Cg fill='%23fff'%3E%3Cpath d='M58.7 97.6l-10 10c-.3.3-.9.5-1.3.5h-.6c-.4
0-.8-.3-.8-.8v-4.6c0-.4-.3-.8-.8-.8h-2c-.4 0-.8-.3-.8-.8v-9.8c-1.5-.2-3-.3-4.5-.3-
12.1 0-22.8 5.9-29.4 15.1 0 0 2.9-.7 3.5-1.3l13.2-6.7c.4-.2 1.1-.4 1.5-.4h10.9c.4 0
.8.4.8.8v1.7c0 .4-.4.8-.8.8h-5.2c-.4 0-1.1.2-1.4.5l-2.6 2.2c-.3.3-.3.6.1.8l2.7
1.1c.4.2 1 0 1.3-.3l.3-.3c.3-.3.9-.6 1.4-.6h7.2c.4 0 .8.4.8.8v4.1c0 .4-.3 1-.6
1.3l-9.1 8.7c-.3.3-.6.9-.6 1.3v4.7c0 .4-.4.8-.8.8H30c-.4 0-.8-.4-.8-.8v-
2c0-.4-.4-.8-.8-.8h-2.9c-.4 0-.8.4-.8.8v3c0 .4.3 1 .7 1.2l4.5 3c.4.2 1 .4
1.4.4h8.2c.4 0 1.1.2 1.5.4l10.2 5.5c.4.2.6.7.4 1.1l-3.4 8.9c-.2.4-.6 1-.9 1.3l-8.9
7.6c-.3.3-.5.9-.4 1.3l.7 3.5c-.1.8-1.4.8-1.4.8-.4 0-1-.2-1.4-.6l-2.1-
2c-.3-.3-.6-.9-.6-1.3v-23.1c0-.4-.4-.8-.8-.8H30c-.4 0-1.1-.2-1.5-.4l-6.1-
3.9c-.4-.2-.9-.7-1.1-1.1l-3.9-5.2c-.3-.3-.8-.6-1.3-.6h-1c-.4 0-1-.3-1.2-.7 0 0-3.5-
6.2-3.8-7.8v-3.9c0-.4-.4-.8-.8-.8H6.7c-3.2 5.4-5 11.6-5 18.3 0 20 16.2 36.3 36.3
36.3 20 0 36.3-16.2 36.3-36.3 0-12.4-6.2-23.3-15.6-29.8M38 4.5C18 4.5 1.7 20.7 1.7
40.8c0 20 16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3S58 4.5 38 4.5zm-7.5
20.9s-.1-6.7 8.2-7.1v1c0 .3.1.5.5.5 3.7 0 6.6 3.1 6.6 6.1V32l-1.6 1.4v1.1c-.8 6.5-6
6.2-6 6.2s-5.1.2-5.9-6.1v-1.3l-1.7-1.5-.1-6.4zM18 60.5l1.7-11.6c.3-1.3 1.1-2.3 2.9-
2.9l9.3-4L38 54.5h.2l6.1-12.6s10.4 4.5 11.1 5c.7.5.9 1.3 1.1 2.1L58 60.4l-
40 .1zM74.3 242l-18.9-19.3c2.6-4.4 4.1-9.5 4.1-15 0-16.1-13.1-29.2-29.2-29.2-
16.2.1-29.3 13.2-29.3 29.3s13.1 28.9 29.2 29.2c6.6.1 12.4-2.4 17-5.6l18.6 18.9c1.3
1.2 3.8 1.5 6.7-1.4 2.9-2.9 2.9-5.7 1.8-6.9zm-64.1-34.2c0-11 9-20 20-20s20 9 20
20c0 11.1-9 20-20 20s-20-9-20-20z'/%3E%3Cpath d='M12.1 265.1l26 27.6L64 265.1l8.7
8.3L38 313 3.4 273.4l8.7-8.3z'%3E%3C/path%3E%3Cpath d='M38 324.6c-20 0-36.3 16.2-
36.3 36.3 0 20 16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3 0-20.1-16.3-36.3-36.3-
36.3zm19.9 39.3c0 2.6-2.1 4.7-4.7 4.7h-4.7.1c-1.4 0-2.1.7-1.6 2.4l3.4 11.3c.1.2
0 .4-.2.4-.1 0-.1 0-.2-.1-.2-.1-15.7-14-15.5-14h.1-11.7c-2.6 0-4.7-2.1-4.7-4.7v-
17.2c0-2.6 2.1-4.7 4.7-4.7h30.3c2.6 0 4.7 2.1 4.7 4.7v17.2zM46.1 455.8c6.2-6.2
12.2-13.4 9.4-16.2-4.1-4.1-7.6-6.6-.3-15.6s12-2 16 1.9c4.5 4.6.2 21.5-16.7 38.3-
16.9 16.7-33.9 21-38.4 16.4-3.9-4-10.8-8.8-1.8-16s11.5-3.6 15.6.5c2.7 2.8 10-3.1
16.2-9.3m-9-29.5c-4.7.7-9.6 3-13.5 6.9s-6.2 8.8-6.9 13.5c0 0-.3 1.9 1 3.2 1.4 1.4
3.7 1.4 5.1 0 .8-.8 1-2 1-2 .4-2.3 1.2-5.8 4.9-9.6 3.7-3.7 7.2-4.5 9.6-4.9 0 0
1.2-.2 2-1 1.4-1.4 1.4-3.8 0-5.1-1.4-1.3-3.2-1-3.2-1m-17.7 2.8c6.8-6.8 14.6-9.7
20.9-8.8 0 0 2 .3 3.3-1 1.5-1.5 1.4-3.8 0-5.2-.9-.9-2.3-1.1-2.3-1.1-5.4-.8-16.3.2-
27 10.9-10.6 10.6-11.6 21.6-10.8 27 0 0 .2 1.4 1.1 2.3 1.4 1.4 3.7 1.5 5.1 0 1.3-
1.3 1-3.3 1-3.3-1.1-6.2 1.9-14 8.7-20.8'/%3E%3Cpath fill='%2300758f' d='M71
551.3c2.5-4.9 3.9-10.5 3.9-16.4 0-20.3-16.5-36.9-36.9-36.9-20.3 0-36.9 16.5-36.9
36.9 0 6 1.5 11.7 4 16.7L38 607.1l33-55.8zm-33-38.4c12.1 0 22 9.9 22 22s-9.9 22-22
22-22-9.9-22-22 9.9-22 22-22z'/%3E%3C/g%3E%3C/svg%3E")
}
.u02v1 .u02bttns>div.u02menu-hasm {
position: relative
}
.u02v1 .u02bttns>div.u02menu-hasm>a {
padding-right: 28px!important
}
.u02v1 .u02bttns>div.u02menu-hasm>a:after {
right: 8px
}
.u02v1 .u02bttns>div.u02menu-hasm .u02toolpop {
width: auto!important;
min-height: 150px;
padding: 1em;
background: #edeeee
}
.u02v1 .u02bttns>div.u02menu-hasm .u02menu-l1z1, .u02v1 .u02bttns>div.u02menu-
hasm .u02toolpop {
top: 150%
}
.u02v1 .u02bttns>div.u02menu-hasm .u02menu-l1z1 i {
border-bottom-color: #edeeee
}
.rtl .u02v1 .u02bttns>div.u02menu-hasm>a {
padding-right: 20px;
padding-left: 28px!important
}
.rtl .u02v1 .u02bttns>div.u02menu-hasm>a:after {
left: 8px;
right: auto
}
.u02v1.u02tabnav .u02bttns>div>a:focus {
outline: 1px dotted;
outline-offset: -5px
}
.u02v1 .u02menu-hasm, .u02v1 .u02mlink.u02megamenu .u02mlinkw1 {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center
}
.u02v1 .u02menu-hasm>a, .u02v1 .u02mlink.u02megamenu .u02mlinkw1>a {
position: relative;
z-index: 1
}
.u02v1 .u02menu-
hasm>a[href$='#open']:after, .u02v1 .u02mlink.u02megamenu .u02mlinkw1>a[href$='#ope
n']:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
display: block;
position: absolute;
width: 9px;
height: 8px;
top: 50%;
right: 8px;
z-index: 0;
line-height: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='76' height='611.5' viewBox='0 0 76 611.5'%3E%3Cg fill='%23fff'%3E%3Cpath
d='M58.7 97.6l-10 10c-.3.3-.9.5-1.3.5h-.6c-.4 0-.8-.3-.8-.8v-4.6c0-.4-.3-.8-.8-.8h-
2c-.4 0-.8-.3-.8-.8v-9.8c-1.5-.2-3-.3-4.5-.3-12.1 0-22.8 5.9-29.4 15.1 0 0 2.9-.7
3.5-1.3l13.2-6.7c.4-.2 1.1-.4 1.5-.4h10.9c.4 0 .8.4.8.8v1.7c0 .4-.4.8-.8.8h-5.2c-.4
0-1.1.2-1.4.5l-2.6 2.2c-.3.3-.3.6.1.8l2.7 1.1c.4.2 1 0 1.3-.3l.3-.3c.3-.3.9-.6
1.4-.6h7.2c.4 0 .8.4.8.8v4.1c0 .4-.3 1-.6 1.3l-9.1 8.7c-.3.3-.6.9-.6
1.3v4.7c0 .4-.4.8-.8.8H30c-.4 0-.8-.4-.8-.8v-2c0-.4-.4-.8-.8-.8h-2.9c-.4
0-.8.4-.8.8v3c0 .4.3 1 .7 1.2l4.5 3c.4.2 1 .4 1.4.4h8.2c.4 0 1.1.2 1.5.4l10.2
5.5c.4.2.6.7.4 1.1l-3.4 8.9c-.2.4-.6 1-.9 1.3l-8.9 7.6c-.3.3-.5.9-.4 1.3l.7
3.5c-.1.8-1.4.8-1.4.8-.4 0-1-.2-1.4-.6l-2.1-2c-.3-.3-.6-.9-.6-1.3v-
23.1c0-.4-.4-.8-.8-.8H30c-.4 0-1.1-.2-1.5-.4l-6.1-3.9c-.4-.2-.9-.7-1.1-1.1l-3.9-
5.2c-.3-.3-.8-.6-1.3-.6h-1c-.4 0-1-.3-1.2-.7 0 0-3.5-6.2-3.8-7.8v-
3.9c0-.4-.4-.8-.8-.8H6.7c-3.2 5.4-5 11.6-5 18.3 0 20 16.2 36.3 36.3 36.3 20 0 36.3-
16.2 36.3-36.3 0-12.4-6.2-23.3-15.6-29.8M38 4.5C18 4.5 1.7 20.7 1.7 40.8c0 20 16.2
36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3S58 4.5 38 4.5zm-7.5 20.9s-.1-6.7 8.2-
7.1v1c0 .3.1.5.5.5 3.7 0 6.6 3.1 6.6 6.1V32l-1.6 1.4v1.1c-.8 6.5-6 6.2-6 6.2s-
5.1.2-5.9-6.1v-1.3l-1.7-1.5-.1-6.4zM18 60.5l1.7-11.6c.3-1.3 1.1-2.3 2.9-2.9l9.3-
4L38 54.5h.2l6.1-12.6s10.4 4.5 11.1 5c.7.5.9 1.3 1.1 2.1L58 60.4l-40 .1zM74.3 242l-
18.9-19.3c2.6-4.4 4.1-9.5 4.1-15 0-16.1-13.1-29.2-29.2-29.2-16.2.1-29.3 13.2-29.3
29.3s13.1 28.9 29.2 29.2c6.6.1 12.4-2.4 17-5.6l18.6 18.9c1.3 1.2 3.8 1.5 6.7-1.4
2.9-2.9 2.9-5.7
1.8-6.9zm-64.1-34.2c0-11 9-20 20-20s20 9 20 20c0 11.1-9 20-20 20s-20-9-20-20z'/%3E
%3Cpath d='M12.1 265.1l26 27.6L64 265.1l8.7 8.3L38 313 3.4
273.4l8.7-8.3z'%3E%3C/path%3E%3Cpath d='M38 324.6c-20 0-36.3 16.2-36.3 36.3 0 20
16.2 36.3 36.3 36.3 20 0 36.3-16.2 36.3-36.3 0-20.1-16.3-36.3-36.3-36.3zm19.9
39.3c0 2.6-2.1 4.7-4.7 4.7h-4.7.1c-1.4 0-2.1.7-1.6 2.4l3.4 11.3c.1.2 0 .4-.2.4-.1
0-.1 0-.2-.1-.2-.1-15.7-14-15.5-14h.1-11.7c-2.6 0-4.7-2.1-4.7-4.7v-17.2c0-2.6 2.1-
4.7 4.7-4.7h30.3c2.6 0 4.7 2.1 4.7 4.7v17.2zM46.1 455.8c6.2-6.2 12.2-13.4 9.4-16.2-
4.1-4.1-7.6-6.6-.3-15.6s12-2 16 1.9c4.5 4.6.2 21.5-16.7 38.3-16.9 16.7-33.9 21-38.4
16.4-3.9-4-10.8-8.8-1.8-16s11.5-3.6 15.6.5c2.7 2.8 10-3.1 16.2-9.3m-9-29.5c-4.7.7-
9.6 3-13.5 6.9s-6.2 8.8-6.9 13.5c0 0-.3 1.9 1 3.2 1.4 1.4 3.7 1.4 5.1 0 .8-.8 1-2
1-2 .4-2.3 1.2-5.8 4.9-9.6 3.7-3.7 7.2-4.5 9.6-4.9 0 0 1.2-.2 2-1 1.4-1.4 1.4-3.8
0-5.1-1.4-1.3-3.2-1-3.2-1m-17.7 2.8c6.8-6.8 14.6-9.7 20.9-8.8 0 0 2 .3 3.3-1 1.5-
1.5 1.4-3.8 0-5.2-.9-.9-2.3-1.1-2.3-1.1-5.4-.8-16.3.2-27 10.9-10.6 10.6-11.6 21.6-
10.8 27 0 0 .2 1.4 1.1 2.3 1.4 1.4 3.7 1.5 5.1 0 1.3-1.3 1-3.3 1-3.3-1.1-6.2 1.9-14
8.7-20.8'/%3E%3Cpath fill='%2300758f' d='M71 551.3c2.5-4.9 3.9-10.5 3.9-16.4 0-
20.3-16.5-36.9-36.9-36.9-20.3 0-36.9 16.5-36.9 36.9 0 6 1.5 11.7 4 16.7L38
607.1l33-55.8zm-33-38.4c12.1 0 22 9.9 22 22s-9.9 22-22 22-22-9.9-22-22 9.9-22 22-
22z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
background-size: 9px auto!important;
background-position: 0 -30px
}
.rtl .u02v1 .u02menu-hasm>a[href$='#open']:after, .rtl .u02v1 .u02mlink.u02megamenu
.u02mlinkw1>a[href$='#open']:after {
left: 2px;
right: auto
}
.u02w2.u02megactr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.u02w2.u02megactr .u02mlink {
position: relative;
visibility: visible;
height: 100%;
background: #4a4c4e;
animation: none
}
.u02mobi .u02w2.u02megactr .u02mlink {
position: static
}
.u02mobi .u02w2.u02megactr .u02mlink.u02opened {
background: #e0e2e2
}
.u02w2.u02megactr .u02mlinkw1, .u02w2.u02megactr .u02mlinkw1
a:link, .u02w2.u02megactr .u02mlinkw1 a:visited {
height: 100%
}
.u02w2.u02megactr .u02mlink>.u02menu-l1z1, .u02w2.u02megactr .u02mlinkw1 {
display: none
}
.u02dtop .u02w2.u02megactr .u02mlink.u02megamenu>.u02menu-
l1z1, .u02tab .u02w2.u02megactr .u02mlink>.u02menu-l1z1 {
display: block
}
.u02w2.u02megactr .u02hamenu {
margin: 0!important
}
.u02w2.u02megactr .u02hamenu span {
height: 3px!important;
background: #fff
}
.u02w2.u02megactr .u02hamenu span.m2 {
top: 4px
}
.u02w2.u02megactr .u02hamenu span.m3 {
top: 13px
}
.u02w2.u02megactr .u02mlinkw2 {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
height: auto!important;
top: 50%;
left: 100%;
padding: 18px 0;
white-space: nowrap
}
.rtl .u02w2.u02megactr .u02mlinkw2 {
left: auto;
right: 100%
}
.u02dtop .u02w2.u02megactr .u02mlink.u02megamenu .u02mlinkw2, .u02tab .u02w2.u02meg
actr .u02mlinkw2 {
opacity: 1
}
.u02megamenu .u02menulink:hover {
text-decoration: none!important
}
.u02megactr .u02haml.u02opened .u02hamenu {
transform: none!important
}
.u02mobi .u02megactr .u02hamenu span.m2, .u02tab .u02megactr .u02hamenu span.m2 {
top: 2px
}
.u02mobi .u02megactr .u02hamenu span.m3, .u02tab .u02megactr .u02hamenu span.m3 {
top: 11px
}
.u02mobi .u02megactr .u02haml.u02opened .u02hamenu span {
top: 6px!important;
background: #4a4c4e
}
.u02megamenu .u02menucontent, .u02mobi .u02megactr .u02menucontent, .u02tab .u02meg
actr .u02menucontent {
position: absolute;
visibility: hidden;
opacity: 0;
top: 100%;
left: 0;
overflow: hidden;
transition: visibility 0s, opacity .3s;
pointer-events: none
}
.rtl .u02megamenu .u02menucontent, .rtl .u02mobi .u02megactr .u02menucontent, .rtl
.u02tab .u02megactr .u02menucontent {
left: auto;
right: 0
}
.u02megamenu.u02mlink.u02opened .u02menucontent, .u02mobi .u02megactr .u02mlink.u02
opened .u02menucontent, .u02tab .u02megactr .u02mlink.u02opened .u02menucontent {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.u02megamenu.u02mlink.u02closing .u02menucontent, .u02mobi .u02megactr .u02mlink.u0
2closing .u02menucontent, .u02tab .u02megactr .u02mlink.u02closing .u02menucontent
{
transition-delay: 1s, 0s
}
.u02mlink.u02megamenu .u02menucontent .u02menu-l1 .u02menu-ul .u02menu-li
a, .u02mobi .u02megactr .u02menucontent .u02menu-l1 .u02menu-
ul, .u02tab .u02megactr .u02menucontent .u02menu-l1>.u02menu-
ul, .u02tab .u02megactr .u02mlink.u02megamenu .u02menucontent .u02menu-ul {
height: 100%;
background: #e0e2e2
}
.u02mlink.u02megamenu .u02menucontent .u02menu-l1 .u02menu-ul .u02menu-li a {
height: auto
}
.u02tab .u02megactr .u02menu-l2>.u02menu-
ul, .u02tab .u02megactr .u02menucontent .u02menu-hasm.u02megamenu.u02opened
a, .u02tab .u02megamenu.u02menu-hasm .u02menu-l3>.u02menu-ul {
background: #edeeee
}
.u02dtop .u02megactr .u02mlink.u02megamenu>.u02menucontent, .u02dtop .u02megamenu.u
02menu-li>.u02menu-
l2, .u02tab .u02megactr .u02mlink>.u02menucontent, .u02tab .u02megamenu.u02menu-
li>.u02menu-l2 {
width: 1400px
}
.u02mobi .u02megamenu.u02menu-li>.u02menu-l2 {
overflow: visible
}
.u02megactr .u02mlink:not(.u02megamenu) .u02menu-l1>.u02menu-ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.u02mobi .u02megactr .u02menu-l1>.u02menu-ul, .u02tab .u02megactr .u02menu-
l1>.u02menu-ul {
-ms-flex-direction: column;
flex-direction: column;
padding: 1.2em 0
}
.u02mobi .u02megactr .u02menu-l1>.u02menu-ul>.u02menu-
li>a, .u02tab .u02megactr .u02menu-l1>.u02menu-ul>.u02menu-li>a {
padding-top: 10px;
padding-bottom: 10px
}
.u02tab .u02megactr .u02menu-l1>.u02menu-ul {
width: 225px!important
}
.u02tab .u02megactr .u02mlink.u02closing .u02menu-l1>.u02menu-ul {
transition-delay: 0s, 0s
}
.u02dtop .u02mlink.u02megamenu .u02menu-
l2, .u02dtop .u02mlink.u02megamenu .u02menu-
l3, .u02dtop .u02mlink.u02megamenu .u02menu-li, .u02mobi .u02megamenu.u02menu-
li, .u02tab .u02megamenu.u02menu-li {
position: static!important;
width: 100%!important
}
.u02dtop .u02mlink.u02megamenu .u02menu-
l2, .u02dtop .u02mlink.u02megamenu .u02menu-l3 {
visibility: visible
}
.u02mobi .u02megactr .u02menu-l1 {
overflow: hidden
}
.u02dtop .u02megamenu.u02menu-li.u02closing>.u02menu-l2 {
transition-delay: .2s
}
.u02dtop .u02megamenu.u02menu-li.u02opened .u02menu-
l2, .u02dtop .u02megamenu.u02menu-li.u02opened .u02menu-
l3, .u02dtop .u02megamenu.u02mlink.u02opened .u02menu-
l2, .u02dtop .u02megamenu.u02mlink.u02opened .u02menu-l3 {
pointer-events: auto;
overflow: hidden
}
.u02mobi .u02megamenu.u02menu-li>.u02menu-
l2, .u02mobi .u02megamenu.u02mlink .u02menu-l2, .u02tab .u02megamenu.u02menu-
li>.u02menu-l2 {
top: 0;
left: 100%!important;
overflow: visible
}
.rtl .u02mobi .u02megamenu.u02menu-li>.u02menu-
l2, .rtl .u02mobi .u02megamenu.u02mlink .u02menu-
l2, .rtl .u02tab .u02megamenu.u02menu-li>.u02menu-l2 {
left: auto!important;
right: 100%!important
}
.u02dtop .u02megamenu.u02menu-li .u02menu-l3, .u02tab .u02megamenu.u02menu-
li .u02menu-l3 {
position: static;
width: 100%;
overflow: hidden
}
.u02megamenu.u02menu-li .u02menu-l3 .u02menu-ul {
transition-delay: 0s, 0s
}
.u02megamenu.u02menu-li.u02opened .u02menu-
l3, .u02megamenu.u02mlink.u02opened .u02menu-l3 {
visibility: visible;
transition-delay: 0s
}
.u02megamenu.u02menu-li.u02opened .u02menu-l3 .u02menu-
ul, .u02megamenu.u02mlink.u02opened .u02menu-l3 .u02menu-ul {
opacity: 1
}
.u02dtop .u02megamenu .u02menuback, .u02tab .u02megamenu .u02menuback {
display: none!important
}
.u02mobi .u02megamenu .u02menuback {
display: block!important
}
.u02megamenu .u02menu-ul, .u02megamenu.u02mlink .u02menu-l1>.u02menu-ul {
width: 100%!important;
padding: 1.2em 0
}
.u02mobi .u02megamenu .u02menu-l2 .u02menu-ul {
padding-top: 0
}
.u02dtop:not(.u02tab) .u02megamenu.u02menu-li.u02closing>.u02menu-l2>.u02menu-ul {
transition-delay: 0s, 0s
}
.u02dtop .u02megamenu .u02menu-l1>.u02menu-ul {
-webkit-transform: translate(0, 23px);
-ms-transform: translate(0, 23px);
transform: translate(0, 23px)
}
.u02megamenu .u02menu-l2>.u02menu-ul {
display: block!important;
columns: 4
}
.u02tab .u02megamenu .u02menu-l2>.u02menu-ul {
columns: 2
}
.u02mobi .u02megamenu .u02menu-l2>.u02menu-ul {
columns: 1
}
.u02megamenu.u02menu-li .u02menu-l3>.u02menu-ul, .u02megamenu.u02mlink .u02menu-
l3 .u02menu-ul, .u02megamenu.u02mlink.u02opened .u02menu-l1>.u02menu-
ul, .u02tab .u02megamenu.u02menu-li .u02menu-l2>.u02menu-ul {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.u02megamenu .u02menu-ul a:link, .u02megamenu .u02menu-ul a:visited {
padding-top: 10px;
padding-bottom: 10px;
color: #4e5052
}
.u02megamenu .u02menu-ul a:hover {
cursor: pointer
}
.u02tabnav .u02megamenu a:focus {
outline: 1px dotted #939699;
outline-offset: -4px
}
.u02megamenu .u02menu-l1>.u02menu-ul>.u02menu-li>.u02xlink:after {
display: inline-block!important
}
.u02dtop:not(.u02tab) .u02megamenu .u02menu-l2 .u02menu-ul
a:hover, .u02dtop:not(.u02tab) .u02megamenu .u02menu-
ul, .u02dtop:not(.u02tab) .u02megamenu .u02menu-
ul>.u02opened>a, .u02megamenu .u02menu-li.u02opened, .u02megamenu .u02menu-
ul, .u02megamenu .u02menu-ul a:hover, .u02megamenu .u02menu-ul>.u02opened>a {
background: #e0e2e2
}
.u02megamenu .u02menu-l3 .u02tlink.u02tlink, .u02megamenu .u02menu-
l3 .u02xlink.u02xlink {
padding-top:
8px;
padding-bottom: 8px
}
.u02megamenu .u02menu-l2 .u02menu-li, .u02megamenu .u02menu-li {
min-width: 259px
}
.u02tab .u02megamenu .u02menu-l2 .u02menu-li, .u02tab .u02megamenu .u02menu-
li, .u02tab .u02megamenu.u02menu-li {
min-width: 225px
}
.u02mobi .u02megamenu .u02menu-ul .u02menu-li {
position: static;
width: 100%
}
.u02megamenu .u02menu-l2>.u02menu-ul>.u02menu-li {
display: table;
page-break-inside: avoid;
break-inside: avoid-column
}
.u02megamenu a {
opacity: 1!important
}
.u02megamenu hr {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: .3
}
.u02dtop .u02megamenu .u02menu-
l2 .u02tlink[href$='#open']:after, .u02dtop .u02megamenu.u02mlink .u02tlink[href$='
#open']:after, .u02mobi .u02megamenu .u02tlink:after, .u02tab .u02megamenu>.u02tlin
k:after {
display: none!important
}
.u02mobi .u02megamenu.u02menu-li>.u02tlink, .u02mobi .u02megamenu.u02menu-
li>.u02xlink, .u02tab .u02megamenu.u02menu-
li>.u02tlink, .u02tab .u02megamenu.u02menu-li>.u02xlink {
color: #4e5052
}
.u02dtop .u02megamenu.u02menu-li .u02menu-
l2 .u02tlink, .u02dtop .u02megamenu.u02mlink .u02tlink, .u02tab .u02megamenu.u02men
u-li .u02tlink, .u02tab .u02megamenu.u02menu-li>.u02xlink {
font-weight: 700
}
.u02dtop .u02megamenu.u02mlink .u02menu-l1>.u02menu-ul>.u02menu-li>.u02tlink {
font-size: 18px
}
.u02dtop .u02megamenu.u02mlink .u02menu-l1>.u02menu-ul>.u02menu-li>.u02tlink:after
{
content: '';
display: block!important;
position: absolute;
width: auto;
height: 1px;
top: auto;
left: 20px;
right: 20px;
bottom: 0;
background: rgba(147,150,153,.4)
}
.u02v1 .u02megamenu.u02mlink .u02menu-li:first-
child>a, .u02v1.u02mobi .u02megamenu.u02menu-li:first-child>a {
padding-left: 20px
}

@media only screen and (max-width:974px) {


.u02w2.u02megactr .u02mlinkw1 {
display: block
}
.u02w2.u02megactr .u02menu-l1 .u02menu-l1z1 {
display: none
}
}
@media only screen and (max-width:1416px) {
.u02v1 .u02w3 {
padding-right: 12px
}
.rtl .u02v1 .u02w3 {
padding-right: 0;
padding-left: 12px
}
}

@media only screen and (max-width:770px) {


.u02v1 a, .u02v1 a:link, .u02v1 a:visited {
padding: 15px 20px;
font-size: 13px
}
.rtl .u02v1 a, .rtl .u02v1 a:link, .rtl .u02v1 a:visited {
padding: 15px 20px
}
.u02v1 .u02w1 {
height: 44px
}
.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1
a, .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1
a:link, .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:visited {
padding-top: 10.656px;
padding-bottom: 10.656px
}
.u02v1 .u02w2>.u02menu-ul .u02menu-li {
padding: 5px 0
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02multicol>.u02menu-l2 {
width: 770px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02multicol>.u02menu-l2>.u02menu-ul {
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
min-height: 0
}
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02multicol>.u02menu-l2>.u02bttns {
width: 100%
}
}

@media only screen and (max-width:670px) {


.u02v1 .u02w1 {
height: 40px
}
.u02v1 .u02w2 {
margin-right: 0
}
.u02v1 a, .u02v1 a:link, .u02v1 a:visited {
padding: 12px 20px;
font-size: 15px
}
.rtl .u02v1 a, .rtl .u02v1 a:link, .rtl .u02v1 a:visited {
padding: 12px 20px
}
.u02v1 .u02w3>* {
display: none
}
}

@media only screen and (max-width:450px) {


.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02multicol>.u02menu-l2>.u02menu-ul {
max-width: none
}
}
@keyframes showAfterLoad {
from {
visibility:hidden
}
to {
visibility:visible
}
}
.f11v6-home .u10.u10v2 {
background: #4e5052
}
.f11v6-home .u10.u10v2 .u10w2 a:hover .u10w6.icn-img {
transition: transform .2s ease
}
.f11v6-home .u10.u10v2 .u10w2 a:hover .u10w6.icn-img:before {
color: #fff;
transform: scale(1.21)
}
.u10v0 {
clear: both;
position: relative;
padding-top: 12px;
background-image:
url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/
sABFEdWNreQABAAQAAABLAAD/
4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTB
NcENlaGlIenJlU3pOVGN6a2M5ZCI/
PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA
1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG
5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY
3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIg
eG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHR
wOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9Ik
Fkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkO
kE2QTYxQUNDQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2
QTYxQUNEQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3R
hbmNlSUQ9InhtcC5paWQ6QTZBNjFBQ0FBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiIHN0UmVmOmRvY3VtZW
50SUQ9InhtcC5kaWQ6QTZBNjFBQ0JBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiLz4gPC9yZGY6RGVzY3Jpc
HRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/
eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/
9sAhAADAgICAgIDAgIDBQMDAwUFBAMDBAUGBQUFBQUGCAYHBwcHBggICQoKCgkIDAwMDAwMDg4ODg4QEBAQ
EBAQEBAQAQMEBAYGBgwICAwSDgwOEhQQEBAQFBEQEBAQEBEREBAQEBAQERAQEBAQEBAQEBAQEBAQEBAQEBA
QEBAQEBAQEBD/wAARCAAOArwDAREAAhEBAxEB/
8QAoAAAAAYDAQAAAAAAAAAAAAAAAAECBAUIAwYJBwEAAQUBAQEAAAAAAAAAAAAAAAECAwQFBwYIEAABAwIE
BAQDBgQFBQAAAAABEQIDAAQhMRIFQRMGB1FhIghxgTKRoUJSIxSxwUMJ0eHxMyQVNRYmFxEAAgIBAwIDBgQ
HAAAAAAAAAAERAgMhMRJBBFEiBWFxgbETBsEyIxTwodFSwlMH/
9oADAMBAAIRAxEAPwDeDXMj6OCUKi4nhSiAIVM8MQhoAMFCo4UgErE8SRtf4515vLTjZo83lpxs0Vf7o9s9
32LrCR+0WklxYbnI6WzMEZfpfIVMRQYEE4eVaWLKnXXdBVi+lOzPXW53mq6tHbXDhrmu0ARcUYCXE03JmpH
iSVulqWU2nb49o2y02uEl7LWJkTXnMhgRT8azG5ckDcuR5SCAoA8o7r9yt+6U3mLbNqLbeFkTJpZnMDy8vJ
8cgEqzixqyLGOlWpZsfb3uRYdZW4trjTBuTAr4V9Mo/
NGv3imZMbqMvjdfcbpUJEFQAdABNa1q6QilSniaAACCfMUAA5igAi06w7UgAILfGgAN1D6gFKqR91Ah4D3q
6WO1dXN3+Af8bdo1lbwE8eBPzCVfw3mseBcws83Y5uhkkf6A1IWuagJVEI8+FWGidP4HrnZ7rw7fcjpXdXr
bXBLrCQ/05Myw+TuHnVPLSdUQZqdUe1MeHMa8Ao4AgEIcfKqkFMDi4AkDUeAyoFNQ7kdB2/
W21ERNDNxtQXWUx/F4xu8j/GvU+getW7DNrrjt+Zfivajwn3b9tU9W7aK6Za/kt/i/
YysN1by2d5LazAwzxOcx8Bw9TShr6Ax5aZKq9HKeqPkfPgyYbvHkq1arhz0YhrwHBwPLkaVB4VKVmviif2+
+F4zS9BMz6m+PmKVGdlx8fcPOFOICP3Ow57DPC0GQfUPzD/
GkaLOLJGj2IQOzc0qPGml9oUhIUfOgQlds3BUtp8ODHH+BpxTy4uqJTA8aUqBOaHtLHhQ4IfnQExsa1NE+K
V8TsS1QD4imGtWyakxMbhioIzaeHlQPbCLnIdYyP2LQEAc4NI1DUCUaePwpASD1tIR7VxRUx+dKJHgD6ECK
3MCgNxruV7Dtu3XG4TnTFAwve12LXAcMeJ4VFkuq0dn0Lna4LZ81cdd7OCT9nHuj6z7R9zH7dY21rulj1XL
DaXNtuEhiezS5xiZFcY6PU7SNXpx4V4q13azb6n0ThwVxY60rtVQde+mtws972Ru7bXBJYSXep9xa3TC2aG
4yeyVpJxacMCh4YUDx/
uG3Wm87XdbPvMDbi1vIn213A4KyWORulwIzQg0ohyV97Psj3fslvtx132y26e86AugHyBrjPLtUxUvZJ+Ll
cWvOWRqNokTKiuex4BDUPEjI00cAMdytSh3iBmKAEoC1Vx8KABwRKAFCMFgc1yuXFnFKALe+wb3fRdjeoXd
tOtT/AOm9R3bHsvXO/wC13kg5Zlx/
pvw1+CL405Ma0db7a5tr22ivLOZlxbzND4Z4nB8b2OxDmuaoIPlUhGKliZPE+CUKyRrmPGStcEOXkaAOXXu
r/
t67t0jf7j1f2quRf7fcc+8i2aaRouiWrLLEzWRrc1qlunEgIi0xoemUYY90DnMe1FVr2kYjxzyNMHi7Gwvd
1voNs2q3ku7q6e2K1toWF8sj3lGta1qkkmgDpl7OPZHadsGWnc3upbsuurXAS7ZtTkfFtQcFDncHT+eTOGN
ORoYsMavcuFLNHEjpXhmooC4gKTwxoktpN7BvaJGlpJAPFpQ/
bSiBSx82J0Wot1BC5udI1KHVcORrBtG32+LYg535n+o/
fUax1XQmtnvbqPAjfSAngBlUpXBQACSOC0AAADIIudAAoAFAAXFKABQAMFX76ABQAlrI9bpWganoHPGZAyx
oAVmUTLFaAMdxNHBHrldpCgBMyfAUjaQ6tXZwhT2ufpLXliEOOGY8MaUaYLuee2aZGQ89xIbGxuaHMk0yzh
ElKqz1cDUM3q7/
ANx7bRh4N9Tqj879hYnFXZSZbfaYLaZs2M0mOqWQkuB4JTq40nPUjvntZRsgt71fsHOZwIX4HCsb1qr/
AGza6NEnaR9Q1WKVsrXPa1w0uc0hwQq0pXPDeFqUXyypAEq46NTUJxIX6TQBmt7Ka/
kEEIKqFcMAMeJq12/bZM9+NFP4EeTJWilnMH+4l3Q6v6k6j2vpo37rbp+FshOyxO/
TfcwzyxGaQhNRIZgD9NdE7D03H2yne3j/
AEPHd93V8rjZeBTKtcygUAdjTXMj6OCKfPhSiAFABnLGgB9YF3KIT0/hNY3exyXiY/eRyXiZ2cxAXEA/
iA/lWeZwoImFAodAAoALFKAPGe/
EdkbnbJHSMbfNbI10QDi50BKtcSmkI5Qi1bwlrBOp5TtJ3MbxCNpbIb0Pb+2dCTqJXDSnHxq24jUncdS1HT
E++z7HbP6ktxbbiBpuIw5jlIKBysLhiMUWsu0ToULROmxKYgeNNGh0AQPW8vUsXTtx/
wCJw87cHo1vqa1zGH6nt1EAkDIVJTjOo6sTqVzsR1yOoI2WJ3A7pzMJBzV5g/
OHYaTxXCtDyx0gt24xqWX6dud5utphk6gtP2V+BpuIg9j2ucPxNMbnBD4Vm2idCpaJ0JOmjQhQBoneeDaLj
o2Rm5XLbWcPDtue5rnl0zQuhGgn1DBcqmwzyJsUzoVza+5k0sdG6JxX9QFrmhPInjWjoXNR5EZxK3kAmbUO
WW/VqXBKZoOLSbE6/k2DbXb8x0V/
oZzmgq7mAZnQoxGdZz3cGXeJJcZn40wAnAlEJCHhxoEKud1Idsi653M7XOJoZJC+doa4cq5VJWeoBQoVQor
sn2hk7xYVW1W8T2tK0+EzB89f9Hw+mWyc65FXuUlypFvNXpLS4qy9rWhqLtIaebi1Cnj510k4Up6GW2EvNY
LcnX/TIz/
0pUMvEOTY4HSujBmZof8AiaCo+6nIy7JTpsZMPnSjSG3QWetzonDnD62Dj88lppew8uuxGMLNTi0FScR4f5
UhbcwLIOYJXwoGkztr7sKy5j1YBZFCpw1BVpyKGVV3TJD+FKVyA3kRG9Gko7BUX6k4/
KmPc0u3ngNDq0+SYg0EwkjFoafVmwnNMFFIOAS4nUAjQoLSiHzWlE0DT1ELj+YfzoEA0PYxHHWPzZFaQVw3
4Gl90n7iOnWx2cbjbl4N7KCEDAfSCFXE1k+pO30tNup7f7Trh/dt3fmjyr5/
yPIW69TeWutRp0qq8ETjXlzsp1E9ifUPu/
spbPbOuulbncehroNjfvF9d2kM1mkaslZHLLzn8A9rWn5GpFJG4L204aRm/
N2Zuw7qeqnxP2Z1vOdzF0GiBtpyzzRIuBbpVVoA4Z+43ZOx2y9xbk9geoj1B0veNM8TXW93bvsZi4h9ut1D
FzGDNjmrhgtRMlR5Z8KQUDV1BM+FABuRMfqXHwoAL4UAKbgnMCs/
l5UAdJP7cvUvua2PZI9v3DpDcOo+2W4Pa3at1mvLS2ftjgTqfBFfTRSSwFfUIwcR6fCnqRloOhlPGGp9029
v3dEbg3ua5jNhIaJ3P5nMEhd+mYOSDLzQ76OWNa5UAcY/cv0z2E27uRc//
D+r59222cOl3Ibta3sT7e+M5bJEHSW0b3AD1ElqZ4rhUTJUWx9i/TftW6d3WOPp/
q216s7kzw63yy2d5Zx2zU9Udi29giDiOLgrz4AUqL+FUXXUu/
MJTE8QECRDoJyWhzGherE67GuSQROm1b7clpX0s0vK/
Aon2VSa187NZWcfpr5GxW+jkx6F0p6FXLhnV1bGTaZ1Mh86UaJZp/D55/
HzoAICY6lIb6vSmPpH2YmgBYTFPnQAKABQAKAMbf3HNc1waY0BY9fUq4ghEyoAU1pD3nUSD+EjAfCgAmnTE
CwF6DAH6j9qUgozmuN3e7RbWoYD/Uke0p8mmona/RFmtcS3sNJrcpr3e7kI4sjY8MHzApjr/cyat/
8AXVfEkLL9sLRv/
TgHRrgpI44541NSI0KmXly8246p5EM9ELb0OupNUpXkNIIa0eXBaj05aliXw8q06jypCuDiaABQAMaAGu5h
h2+cOOkaShzx4ffWb6iqvtr8toJ8E/UUGmXIi/
bOF2TpT1lmpflpxzrmCPRsyMA9Okk+kfUuXz40gGaKOGV2meUws4vALnD4AA1b7bHitf8AUtxr7m/
kiPI7JeVSza9sFoIWizLSwHMZn4ritdH7H9v9P9GOP8bmBm58vPucX/e3M9/
W4ilgDCy73DkTamnXF+6lTAEkerVmK0zAzblaqCuCgD//2Q==);
background-repeat: repeat-x;
background-size: auto 12px;
background-color: #312d2a
}
.u10v0 a {
outline-color: #fff
}
.u10v0 .u10w1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap:
wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch
}
.u10w1 {
clear: both;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 0 48px 40px 48px
}
.u10w1:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

@media only screen and (max-width:1476px) {


.u10w1 {
max-width: 1476px;
padding-left: 38px;
padding-right: 38px
}
}

@media only screen and (max-width:974px) {


.u10w1 {
padding-left: 28px;
padding-right: 28px
}
}

@media only screen and (max-width:670px) {


.u10w1 {
padding-left: 22px;
padding-right: 22px
}
}
.u10w1>.u10w5 {
margin: 0;
border-top: none
}
.u10w2:first-child {
margin-left: 0
}
.u10w2 {
float: left;
width: 23.3%;
margin-left: 2.2587%
}
.u10w3 {
margin: 0 0 1em;
position: relative
}
.u10w3 ul li {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
color: #8aadbf;
line-height: 1.2;
padding: 0 0 .5em
}
.ocom-base .u10w3 ul li {
font-size: 16px
}

@media only screen and (max-width:1500px) {


.ocom-base .u10w3 ul li {
font-size: 13.966336px
}
}

@media only screen and (max-width:770px) {


.ocom-base .u10w3 ul li {
font-size: 12.288px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
}

@media only screen and (max-width:450px) {


.ocom-base .u10w3 ul li {
-webkit-text-size-adjust: none
}
}
.u10w3 ul li a {
color: #8aadbf!important
}
.u10w3 ul li a:hover {
color: #fff!important;
text-decoration: none
}
.u10w1 h5 {
font-size: 20px;
font-size: 2rem;
margin: 0 0 .6em 0
}
.ocom-base .u10w1 h5 {
font-size: 20px
}

@media only screen and (max-width:1500px) {


.ocom-base .u10w1 h5 {
font-size: 17.45792px
}
}

@media only screen and (max-width:770px) {


.ocom-base .u10w1 h5 {
font-size: 15.36px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
}

@media only screen and (max-width:450px) {


.ocom-base .u10w1 h5 {
-webkit-text-size-adjust: none
}
}
.u10w1 h3 {
display: none;
margin: 0 0 .6em 0;
background-position: 0 0;
text-indent: -30000px;
background-size: 100% auto
}
.u10-ologo a, .u10w1 h3 {
background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='360' height='77' viewBox='0 0 360
76.8'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;%7D
%3C/style%3E%3Cpath class='st0' d='M129.4 0.9H128l-4.9 12.4h1.3l1.3-3.3h5.9l1.3
3.3h1.4L129.4 0.9zM131.2 8.8h-5l2.5-6.5L131.2 8.8zM139.5 4.4c-1.2 0-2.2 0.5-2.9
1.4V4.7h-1.2v0.1c0 0.1 0 0.3 0 0.4 0 0.5 0.1 1 0.1 1.5v9.9h1.2v-4.4c0.7 0.9 1.7 1.4
2.9 1.4 2.4 0 3.5-2.3 3.5-4.6S142.2 4.4 139.5 4.4zM141.8 8.8c0 0.8-0.2 3.6-2.3 3.6
-2.4 0-2.8-2.3-2.8-3.7 0-0.8 0.2-3.3 2.6-3.3C141.2 5.5 141.8 7.2 141.8 8.8zM148.5
4.4c-1.2 0-2.2 0.5-2.9 1.4V4.7h-1.2v0.1c0 0.1 0 0.3 0 0.4 0 0.5 0.1 1 0.1
1.5v9.9h1.2v-4.4c0.7 0.9 1.7 1.4 2.9 1.4 2.4 0 3.5-2.3 3.5-4.6S151.2 4.4 148.5
4.4zM150.8 8.8c0 0.8-0.2 3.6-2.3 3.6 -2.4 0-2.8-2.3-2.8-3.7 0-0.8 0.2-3.3 2.6-
3.3C150.2 5.5 150.8 7.2 150.8 8.8zM154 0.9h1.2v12.4H154V0.9zM157.4 0.9h1.4v1.5h-
1.4V0.9zM157.5 4.6h1.2v8.7h-1.2V4.6zM166.4 10.5h1.3v0.1c-0.3 2-1.4 3-3.4 3 -2.6 0-
3.8-2.3-3.8-4.6 0-2.2 1.2-4.6 3.9-4.6 1.9 0 3.3 1.2 3.3 2.9v0.1h-1.3V7.3c-0.1-1.2-
0.8-1.8-2.2-1.8 -1.6 0-2.4 1.7-2.4 3.5 0 1.7 0.8 3.5 2.4 3.5C165.4 12.4 166.3 11.7
166.4 10.5L166.4 10.5zM175.6 12.8c0-0.4-0.1-1-0.1-1.5v-4c0-0.9-0.2-1.6-0.7-2.1s-
1.3-0.8-2.4-0.8c-2.4 0-3.1 1.3-3.3 2.5V7h1.3V6.9c0.1-0.9 0.7-1.4 2-1.4s1.8 0.5 1.9
1.7v0.7c-0.3 0-0.6 0-0.9 0 -1 0-2 0-2.9 0.4 -1.1 0.5-1.8 1.4-1.8 2.5 0 1.6 1.2 2.7
2.9 2.7 1.2 0 2.2-0.6 2.6-1.3v1h1.2v-0.1C175.6 13.1 175.6 12.9 175.6 12.8zM171.9
12.4c-0.9 0-1.8-0.4-1.8-1.6 0-1.8 2.3-1.8 3.8-1.8 0.2 0 0.3 0 0.5 0 0.1 1.3-0.2
2.2-0.7 2.8C173.2 12.2 172.7 12.4 171.9 12.4zM181.6 12.3h0.1v1.1h-0.1c-0.3 0.1-0.7
0.2-1.1 0.2 -0.8 0-1.3-0.2-1.6-0.5 -0.5-0.5-0.5-1.3-0.5-1.9V5.8h-
1.7V4.6h1.7V2.9l1.2-0.5v2.3h1.9v1.1h-1.9v5.6c0 0.4 0.1 0.6 0.3 0.8s0.4 0.3 0.8
0.3C181 12.4 181.3 12.4 181.6 12.3zM183.3 4.6h1.2v8.7h-1.2V4.6zM183.2 0.9h1.4v1.5h-
1.4V0.9zM190.2 4.4c-1.3 0-2.3 0.5-3.1 1.4 -0.6 0.8-1 1.9-1 3.1s0.3 2.3 1 3.1c0.7
0.9 1.8 1.4 3.1 1.4s2.3-0.5 3.1-1.4c0.6-0.8 1-1.9 1-3.1s-0.3-2.3-1-3.1C192.5 4.9
191.5 4.4 190.2 4.4zM190.2 12.4c-1.9 0-2.8-1.8-2.8-3.5s0.9-3.5 2.8-3.5c1.9 0 2.8
1.8 2.8 3.5S192.1 12.4 190.2 12.4zM202.8 7.9v5.4h-1.2V7.7c0-1.4-0.8-2.2-2.1-2.2 -
1.7 0-2.3 1.5-2.3 2.8v5H196V6.6c0-0.5 0-1.1-0.1-1.6V4.6h1.2v1.1c0.6-0.9 1.5-1.4
2.6-1.4C200.9 4.4 202.8 4.8 202.8 7.9zM211.4 10.7c0 2-1.8 2.9-3.7 2.9 -1.5 0-3.3-
0.7-3.3-2.7v-0.1h1.3v0.1c0.1 1.3 1.3 1.5 2.3 1.5 1.1 0 2.1-0.5 2.1-1.6s-1.1-1.3-
2.3-1.6l-0.3-0.1c-1.2-0.3-2.8-0.7-2.8-2.4 0-1.8 1.7-2.5 3.2-2.5 2 0 3.1 0.8 3.2
2.4v0.1h-1.3V6.6c-0.1-1.1-1.1-1.3-2-1.3S206 5.6 206 6.6c0 0.8 0.8 1 2 1.3 0.6 0.1
1.2 0.3 1.9 0.5C210.8 9 211.4 9.7 211.4 10.7zM226.8 5.8V5.3h-1.4v0.1c0.1 1.4-0.2
3.1-0.7 4.3l-3.4-3.6c1-0.7 2.2-1.7 2.2-3.2 0-1.6-1.5-2.3-2.8-2.3s-2.8 0.7-2.8 2.3c0
1.2 0.8 2.2 1.6 3l0 0L219.4 6c-1.4 0.9-2.9 1.9-2.9 3.8 0 2.2 1.9 3.7 4.6 3.7 1.5 0
2.7-0.6 3.7-1.8l1.4 1.6h1.8l-2.4-2.6C226.5 9.2 226.7 7.5 226.8 5.8zM219.4 3c0-1
1.1-1.1 1.4-1.1 0.7 0 1.4 0.3 1.4 1.1s-0.7 1.4-1.3 2c-0.1 0.1-0.2 0.2-0.3 0.3C219.8
4.4 219.4 3.6 219.4 3zM220.4 6.9l3.7 4c-1 1-1.9 1.5-3.1 1.5 -1.5 0-3.1-1-3.1-
2.7C217.9 8.6 219.7 7.3 220.4 6.9zM236.4 0.9c-0.1 0-0.2 0-0.3
0H233v12.4h1.3V8h1.9c0.1 0 0.2 0 0.3 0l0 0c3.1 0 4.8-1.2 4.8-3.5C241.2 2.1 239.6
0.9 236.4 0.9zM236.9 6.8h-2.6V2.1h2.6c2 0 3 0.8 3 2.3C239.8 6 238.8 6.8 236.9
6.8zM242.8 0.9h1.2v12.4h-1.2V0.9zM252.4 12.8c0-0.4-0.1-1-0.1-1.5v-4c0-0.9-0.2-1.6-
0.7-2.1s-1.3-0.8-2.4-0.8c-2.4 0-3.1 1.3-3.3 2.5V7h1.3V6.9c0.1-0.9 0.7-1.4 2-1.4s1.8
0.5 1.9 1.7v0.7c-0.3 0-0.6 0-0.9 0 -1 0-2 0-2.9 0.4 -1.1 0.5-1.8 1.4-1.8 2.5 0 1.6
1.2 2.7 2.9 2.7 1.2 0 2.2-0.6 2.6-1.3v1h1.2v-0.1C252.4 13.1 252.4 12.9 252.4
12.8zM248.7 12.4c-0.9 0-1.8-0.4-1.8-1.6 0-1.8 2.3-1.8 3.8-1.8 0.2 0 0.3 0 0.5 0 0.1
1.3-0.2 2.2-0.7 2.8C250 12.2 249.4 12.4 248.7 12.4zM258.3 12.3h0.1v1.1h-0.1c-0.3
0.1-0.7 0.2-1.1 0.2 -0.8 0-1.3-0.2-1.6-0.5 -0.5-0.5-0.5-1.3-0.5-1.9V5.8h-
1.7V4.6h1.7V2.9l1.2-0.5v2.3h1.9v1.1h-1.9v5.6c0 0.4 0.1 0.6 0.3 0.8 0.2 0.2 0.5 0.3
0.8 0.3C257.8 12.4 258.1 12.4 258.3 12.3zM264.4 0.9L264.4 0.9l0.1 1h-0.1c-0.2 0-
0.4-0.1-0.6-0.1 -0.5 0-0.8 0.1-1 0.3 -0.3 0.3-0.3 0.8-0.2 1.5v1h1.9v1.1h-1.9v7.6h-
1.2V5.8h-1.7V4.6h1.7V2.9c0-1.5 0.7-2.2 2.1-2.2 0.2 0 0.5 0.1 0.7 0.1C264.2 0.9
264.3 0.9 264.4 0.9zM269 4.4c-1.3 0-2.3 0.5-3.1 1.4 -0.6 0.8-1 1.9-1 3.1s0.3 2.3 1
3.1c0.7 0.9 1.8 1.4 3.1 1.4 1.3 0 2.3-0.5 3.1-1.4 0.6-0.8 1-1.9 1-3.1s-0.3-2.3-1-
3.1C271.3 4.9 270.3 4.4 269 4.4zM269 12.4c-1.9 0-2.8-1.8-2.8-3.5s0.9-3.5 2.8-3.5
2.8 1.8 2.8 3.5S270.9 12.4 269 12.4zM278.5 4.4h0.1v1.2h-0.1c-0.1 0-0.2 0-0.3 0 -0.1
0-0.3 0-0.4 0 -1.4 0-2.2 1-2.2 2.6v5.2h-1.2V6.6c0-0.5 0-1-0.1-1.5 0-0.2 0-0.3 0-
0.4V4.6h1.2v1c0.4-0.7 1.1-1.2 1.9-1.3C277.8 4.4 278.2 4.4 278.5 4.4zM292.6
7.9v5.4h-1.2V7.7c0-1.4-0.8-2.2-2.1-2.2 -1.7 0-2.3 1.5-2.3 2.8v5h-1.2V7.7c0-1.4-0.8-
2.2-2.1-2.2 -1.7 0-2.3 1.5-2.3 2.8v5H280V6.6c0-0.6 0-1.1-0.1-1.6V4.6h1.2v1.1c0.6-
0.9 1.5-1.4 2.6-1.4 1.3 0 2.3 0.7 2.8 1.7 0.8-1.1 1.8-1.7 2.9-1.7C290.6 4.4 292.6
4.8 292.6 7.9zM306.9 10c0 2.3-1.7 3.6-4.8 3.6 -2.1 0-3.7-1.5-3.7-3.5V10h1.4v0.1c0
1.6 1 2.3 3 2.3 1.4 0 2.8-0.8 2.8-2.3 0-1-0.6-1.6-1.8-2 -0.2-0.1-0.4-0.1-0.7-0.2 -
2-0.6-4.4-1.4-4.4-3.8 0-2.2 2.1-3.4 4-3.4 1.1 0 3.8 0.3 4.1 3v0.1h-1.4V3.7c0-1.6-
1.6-1.8-2.6-1.8 -1.1 0-2.7 0.5-2.7 2 0 1.6 1.5 2.1 3.1 2.6C305 7.1 306.9 7.7 306.9
10zM312 4.4c-2.7 0-3.9 2.4-3.9 4.6 0 2.3 1.2 4.6 3.8 4.6 2.1 0 3.4-1 3.9-3v-0.1h-
1.3v0.1c-0.2 1.2-1.2 2-2.4 2 -2.4 0-2.8-2.1-2.8-3.1h6.6V9.2C316 6.1 314.6 4.4 312
4.4zM309.5 8.2c0.1-1.3 0.9-2.7 2.6-2.7 1.5 0 2.5 1 2.6 2.7H309.5zM321.6
4.4h0.1v1.2h-0.1c-0.1 0-0.2 0-0.3 0 -0.1 0-0.2 0-0.4 0 -1.4 0-2.2 1-2.2 2.6v5.2h-
1.2V6.6c0-0.5 0-1-0.1-1.5 0-0.2 0-0.3 0-0.4V4.6h1.2v1c0.4-0.7 1.1-1.2 1.9-1.3C320.9
4.4 321.3 4.4 321.6 4.4zM329.5 4.6h1.3l-0.1 0.1 -3.4 8.5H326v-0.1l-3.5-
8.6h1.3v0.1l2.8 6.9L329.5 4.6zM332.1 0.9h1.4v1.5h-1.4V0.9zM332.2 4.6h1.2v8.7h-
1.2V4.6zM340.7 10.5h1.3v0.1c-0.3 2-1.4 3-3.4 3 -2.6 0-3.8-2.3-3.8-4.6 0-2.2 1.2-4.6
3.9-4.6 1.9 0 3.3 1.2 3.3 2.9v0.1h-1.3V7.3c-0.1-1.2-0.8-1.8-2.2-1.8 -1.6 0-2.4 1.7-
2.4 3.5 0 1.7 0.8 3.5 2.4 3.5C339.8 12.4 340.6 11.7 340.7 10.5L340.7 10.5zM347
4.4c-2.7 0-3.9 2.4-3.9 4.6 0 2.3 1.2 4.6 3.8 4.6 2.1 0 3.4-1 3.9-3v-0.1h-1.3v0.1c-
0.2 1.2-1.2 2-2.4 2 -2.4 0-2.8-2.1-2.8-3.1h6.6V9.2C351 6.1 349.6 4.4 347 4.4zM344.5
8.2c0.1-1.3 0.9-2.7 2.6-2.7 1.5 0 2.5 1 2.7 2.7H344.5zM358.9 10.7c0 2-1.8 2.9-3.7
2.9 -1.5 0-3.3-0.7-3.3-2.7v-0.1h1.3v0.1c0.1 1.3 1.3 1.5 2.3 1.5 1.1 0 2.1-0.5 2.1-
1.6s-1.1-1.3-2.3-1.6H355c-1.2-0.3-2.8-0.7-2.8-2.4 0-1.8 1.7-2.5 3.2-2.5 2 0 3.1 0.8
3.2 2.4v0.1h-1.3V6.7c-0.1-1.1-1.1-1.3-2-1.3s-1.8 0.3-1.8 1.3c0 0.8 0.8 1 2 1.3 0.6
0.1 1.2 0.3 1.9 0.5C358.3 9 358.9 9.7 358.9 10.7z'/%3E%3Cpath class='st0' d='M1.1
0.9h1.3v12.5H1.1V0.9zM8.4 4.4c-1.1 0-2 0.5-2.6 1.4V4.7H4.5v0.4c0 0.5 0.1 1 0.1
1.6v6.7h1.2v-5c0-1.3 0.6-2.8 2.3-2.8 1.3 0 2.1 0.8 2.1 2.2v5.6h1.2V7.9C11.5 4.8 9.5
4.4 8.4 4.4zM16.6 12.4c-0.4 0-0.6-0.1-0.8-0.3s-0.3-0.5-0.3-0.8V5.8h1.9V4.6h-
1.9V2.3l-1.2 0.5v1.8h-1.7v1.1h1.7v5.4c0 0.7 0 1.4 0.5 1.9 0.3 0.3 0.9 0.5 1.6 0.5
0.4 0 0.8-0.1 1.1-0.2h0.1v-1.1h-0.1C17.2 12.4 16.9 12.4 16.6 12.4zM26.2 9.2L26.2
9.2l-6.6 0.1c0 1 0.4 3.1 2.8 3.1 1.1 0 2.1-0.8 2.4-2v-0.1h1.3v0.1c-0.5 2-1.8 3-3.9
3 -2.6 0-3.8-2.3-3.8-4.6 0-2.2 1.2-4.6 3.9-4.6C24.8 4.4 26.2 6.1 26.2 9.2zM24.9
8.2c-0.2-1.7-1.1-2.7-2.7-2.7 -1.7 0-2.4 1.4-2.6 2.7H24.9zM34.2 4.6h1.2V5c0 0.5-0.1
1.1-0.1 1.6v5.3c0 1.6 0 3.4-1.8 4.2 -0.7 0.3-1.2 0.4-2 0.4 -3.2 0-3.5-1.8-3.5-
2.4V14h1.3v0.1c0.1 1.2 1.8 1.3 2.3 1.3 1.6 0 2.5-1.2 2.5-2.3v-1.3c-0.5 0.8-1.6 1.4-
2.7
1.4 -2.3 0-3.7-1.6-3.7-4.4 0-3.3 1.9-4.5 3.7-4.5 1.1 0 2 0.5 2.7 1.4L34.2
4.6zM34.1 8.8c0-1.6-0.9-3.3-2.6-3.3 -1.7 0-2.5 1.7-2.5 3.3 0 1.3 0.7 3.3 2.6
3.3C33.5 12.2 34.1 10.3 34.1 8.8zM40.4 4.4c-0.8 0-1.5 0.5-1.9 1.3v-1h-1.2v0.1c0 0.1
0 0.3 0 0.4 0 0.5 0.1 1 0.1 1.5v6.7h1.2V8.1c0-1.7 0.9-2.6 2.2-2.6 0.1 0 0.2 0 0.4 0
0.1 0 0.2 0 0.3 0h0.1V4.4h-0.1C41.1 4.4 40.8 4.4 40.4 4.4zM49.1 13.2L49.1 13.2l-1.2
0.1v-1c-0.4 0.7-1.5 1.3-2.7 1.3 -1.7 0-2.9-1.1-2.9-2.7 0-1.1 0.7-2.1 1.8-2.5C44.9 8
46 8 47 8c0.3 0 0.6 0 0.9 0V7.2C47.8 6 47.3 5.5 46 5.5c-1.2 0-1.9 0.4-2 1.4V7h-
1.3V6.9c0.2-1.1 0.9-2.5 3.3-2.5 1.1 0 1.9 0.3 2.4 0.8C48.8 5.7 49 6.4 49 7.3v4c0
0.5 0 1 0.1 1.5C49.1 12.9 49.1 13.1 49.1 13.2zM47.1 11.8c0.5-0.6 0.8-1.5 0.7-2.8 -
0.1 0-0.3 0-0.5 0 -1.5 0-3.8 0-3.8 1.8 0 1.2 0.9 1.6 1.8 1.6C46.1 12.4 46.7 12.2
47.1 11.8zM54.2 12.4c-0.4 0-0.6-0.1-0.8-0.3s-0.3-0.5-0.3-0.8V5.8H55V4.6h-1.9V2.3l-
1.2 0.5v1.8h-1.7v1.1h1.7v5.4c0 0.7 0 1.4 0.5 1.9 0.3 0.3 0.9 0.5 1.6 0.5 0.4 0 0.8-
0.1 1.1-0.2h0.1v-1.1h-0.1C54.8 12.4 54.5 12.4 54.2 12.4zM63.7 9.2L63.7 9.2l-6.6
0.1c0 1 0.4 3.1 2.8 3.1 1.1 0 2.1-0.8 2.4-2v-0.1h1.3v0.1c-0.5 2-1.8 3-3.9 3 -2.6 0-
3.8-2.3-3.8-4.6 0-2.2 1.2-4.6 3.9-4.6C62.3 4.4 63.7 6.1 63.7 9.2zM62.4 8.2c-0.2-
1.7-1.1-2.7-2.7-2.7 -1.7 0-2.4 1.4-2.6 2.7H62.4zM72.8 12.9v0.4h-1.2l-0.1-1.2c-0.7
0.9-1.7 1.4-2.9 1.4 -1.2 0-2.1-0.5-2.8-1.5 -0.5-0.8-0.8-1.9-0.8-3.1 0-2.2 0.9-4.6
3.6-4.6 1.2 0 2.2 0.5 2.8 1.4V0.9h1.2v10.4C72.8 11.9 72.8 12.4 72.8 12.9zM68.9
5.5c-2.3 0-2.5 2.5-2.5 3.3 0 1.1 0.2 3.6 2.3 3.6 2.4 0 2.8-2.3 2.8-3.7C71.5 8 71.3
5.5 68.9 5.5zM86.3 10.2c-0.3 1.6-1.7 2.1-2.9 2.1 -3.7 0-4-4-4-5.2 0-4.9 3-5.2 4-5.2
1.6 0 2.6 0.8 2.8 2V4h1.4V3.9c-0.2-2.4-2.3-3.2-4.2-3.2 -4 0-5.4 3.3-5.4 6.5 0 3.1
1.4 6.5 5.4 6.5 2.2 0 4-1.4 4.3-3.3v-0.1L86.3 10.2 86.3 10.2zM89.4 13.3h1.2V0.9h-
1.2V13.3zM99.5 5.8c0.6 0.8 1 1.9 1 3.1s-0.3 2.3-1 3.1c-0.7 0.9-1.8 1.5-3.1 1.5 -1.3
0-2.3-0.5-3.1-1.5 -0.6-0.8-1-1.9-1-3.1s0.4-2.3 1-3.1c0.7-1 1.8-1.5 3.1-1.5C97.7 4.4
98.8 4.9 99.5 5.8zM99.2 9c0-1.7-0.9-3.5-2.8-3.5S93.6 7.3 93.6 9s0.9 3.5 2.8
3.5C98.4 12.4 99.2 10.6 99.2 9zM109.1 11.3V4.6h-1.2v5c0 1.3-0.6 2.8-2.3 2.8 -1.3 0-
2.1-0.8-2.1-2.2V4.6h-1.2V10c0 3.1 1.9 3.5 3.1 3.5 1.1 0 2-0.5 2.6-1.4v1.1h1.2v-
0.4C109.1 12.4 109.1 11.9 109.1 11.3zM118.6 13.3h-1.2v-1.2c-0.7 0.9-1.7 1.4-2.9 1.4
-1.2 0-2.1-0.5-2.8-1.5 -0.5-0.8-0.8-1.9-0.8-3.1 0-2.2 0.9-4.6 3.6-4.6 1.1 0 2.2 0.5
2.8 1.4V0.9h1.2v10.4c0 0.5 0 1.1 0.1 1.6L118.6 13.3zM114.6 5.5c-2.3 0-2.5 2.5-2.5
3.3 0 1.1 0.2 3.6 2.3 3.6 2.4 0 2.8-2.3 2.8-3.7C117.2 8 117.1 5.5 114.6 5.5z'/%3E
%3Cpath class='st0' d='M131.9 75.7h-1.1V23.3h1.1V75.7z'/%3E%3Cpath class='st0'
d='M151.7 58.4h-1.3l-4.4 11v0.1h1.2l1.2-3h5.3l1.2 2.9v0.1h1.3L151.7 58.4 151.7
58.4zM153.3 65.5h-4.5l2.3-5.9L153.3 65.5zM160.8 61.5c-1 0-2 0.5-2.6 1.2v-1h-
1.1v0.1c0 0.1 0 0.3 0 0.4 0 0.4 0.1 0.9 0.1 1.3v8.9h1.1v-4c0.6 0.8 1.6 1.3 2.6 1.3
2.2 0 3.2-2.1 3.2-4.2C164 63.6 163.2 61.5 160.8 61.5zM162.9 65.5c0 0.8-0.2 3.3-2.1
3.3 -2.2 0-2.5-2.1-2.5-3.3 0-0.7 0.2-2.9 2.4-2.9C162.3 62.5 162.9 64 162.9
65.5zM168.9 61.5c-1 0-2 0.5-2.6 1.2v-1h-1.1v0.1c0 0.1 0 0.3 0 0.4 0 0.4 0.1 0.9 0
1.3v8.9h1.1v-4c0.6 0.8 1.6 1.3 2.6 1.3 2.2 0 3.2-2.1 3.2-4.2 0-1.1-0.3-2.1-0.7-
2.8C170.9 61.9 170 61.5 168.9 61.5zM171 65.5c0 0.8-0.2 3.3-2.1 3.3 -2.2 0-2.5-2.1-
2.5-3.3 0-0.7 0.2-2.9 2.4-2.9C170.4 62.5 171 64 171 65.5zM173.9 58.4h1.1v11.2h-
1.1V58.4zM176.9 58.4h1.2v1.3h-1.2V58.4zM177 61.7h1.1v7.8H177V61.7zM185 67h1.2v0.1c-
0.2 1.8-1.3 2.7-3.1 2.7 -2.4 0-3.4-2.1-3.4-4.1s1.1-4.1 3.5-4.1c1.7 0 2.9 1.1 3
2.7v0.1H185v-0.1c-0.1-1.1-0.7-1.7-2-1.7 -1.4 0-2.2 1.6-2.2 3.1 0 1.6 0.7 3.1 2.2
3.1C184.2 68.7 185 68.1 185 67L185 67zM193.4 69c0-0.4-0.1-0.9 0-1.3v-3.6c0-0.8-0.2-
1.4-0.6-1.9 -0.5-0.5-1.2-0.7-2.2-0.7 -2.2 0-2.8 1.2-2.9 2.2v0.1h1.2v-0.1c0.1-0.9
0.7-1.2 1.8-1.2s1.6 0.5 1.7 1.6v0.6c-0.3 0-0.5 0-0.8 0 -0.9 0-1.8 0-2.6 0.3 -1 0.4-
1.6 1.3-1.6 2.3 0 1.5 1.1 2.4 2.6 2.4 1 0 2-0.6 2.4-1.2v0.9h1.1v-0.1C193.4 69.3
193.4 69.2 193.4 69zM190.1 68.7c-0.8 0-1.6-0.4-1.6-1.4 0-1.6 2-1.6 3.4-1.6 0.2 0
0.3 0 0.4 0 0.1 1.1-0.2 2-0.6 2.5C191.3 68.5 190.7 68.7 190.1 68.7zM198.8
68.7h0.1v1h-0.1c-0.2 0.1-0.6 0.1-1 0.1 -0.7 0-1.2-0.1-1.5-0.5 -0.4-0.4-0.4-1.1-0.4-
1.7v-4.8h-1.5v-1h1.5v-1.6l1.1-0.5v2.1h1.7v1H197v5c0 0.3 0.1 0.6 0.2 0.7 0.2 0.2 0.4
0.2 0.7 0.2C198.3 68.7 198.5 68.7 198.8 68.7zM200.3 61.7h1.1v7.8h-1.1V61.7zM200.2
58.4h1.2v1.3h-1.2V58.4zM206.6 61.5c-1.1 0-2.1 0.5-2.8 1.3 -0.6 0.7-0.9 1.7-0.9
2.8s0.3 2.1 0.9 2.8c0.7 0.9 1.6 1.3 2.8 1.3 1.1 0 2.1-0.5 2.8-1.3 0.6-0.7 0.9-1.7
0.9-2.8 0-1.1-0.3-2.1-0.9-2.8C208.7 61.9 207.7 61.5 206.6 61.5zM206.6 68.7c-1.7 0-
2.5-1.6-2.5-3.1s0.8-3.1 2.5-3.1 2.5 1.6 2.5 3.1S208.3 68.7 206.6 68.7zM218
64.7v4.9h-1.1v-5c0-1.3-0.7-2-1.9-2 -1.6 0-2.1 1.4-2.1 2.5v4.5h-1.1v-6c0-0.5 0-1-
0.1-1.5v-0.4h1.1v1c0.5-0.8 1.4-1.2 2.3-1.2C216.2 61.5 218 61.9 218 64.7zM225.7
67.2c0 1.8-1.7 2.6-3.3 2.6 -1.3 0-2.9-0.6-3-2.4v-0.1h1.2v0.1c0.1 1.2 1.1 1.4 2 1.4
1 0 1.9-0.4 1.9-1.4s-1-1.2-2.1-1.4l-0.3-0.1c-1.1-0.3-2.5-0.6-2.5-2.1 0-1.6 1.5-2.2
2.9-2.2 1.8 0 2.8 0.8 2.9 2.2v0.1h-1.2v-0.1c-0.1-1-1-1.2-1.8-1.2s-1.6 0.3-1.6 1.1c0
0.7 0.7 0.9 1.8 1.2 0.5 0.1 1.1 0.3 1.7 0.5C225.2 65.6 225.7 66.3 225.7 67.2zM239.7
62.8v-0.4h-1.2v0.1c0.1 1.3-0.2 2.8-0.6 3.9l-3.1-3.3c0.9-0.7 2-1.5 2-2.9 0-1-0.8-2-
2.5-2 -1.2 0-2.5 0.7-2.5 2.1 0 1.1 0.8 2 1.4 2.7l0 0 0 0 -0.2 0c-1.2 0.8-2.6 1.7-
2.6 3.4 0 2 1.7 3.3 4.1 3.3 1.3 0 2.4-0.5 3.4-1.6l1.3 1.4h1.6l-2.2-2.4C239.4 65.8
239.5 64.3 239.7 62.8zM232.9 60.2c0-0.9 1-1 1.3-1 0.6 0 1.3 0.3 1.3 1 0 0.8-0.6
1.3-1.2 1.8 -0.1 0.1-0.2 0.2-0.3 0.3C233.3 61.5 232.9 60.8 232.9 60.2zM233.8
63.8l3.3 3.6c-0.7 0.7-1.5 1.3-2.8 1.3s-2.8-0.9-2.8-2.5C231.6 65.3 233.2 64.1 233.8
63.8zM248.3 58.4c-0.1 0-0.2 0-0.2 0h-2.8v11.2h1.2v-4.8h1.7c0.1 0 0.2 0 0.2 0l0
0c2.8 0 4.3-1.1 4.3-3.2C252.6 59.5 251.1 58.4 248.3 58.4zM248.7 63.7h-2.3v-
4.2h2.3c1.8 0 2.7 0.7 2.7 2.1C251.4 63 250.5 63.7 248.7 63.7zM254.1 58.4h1.1v11.2h-
1.1V58.4zM262.7 69.1c0-0.4-0.1-0.9 0-1.3v-3.6c0-0.8-0.2-1.4-0.6-1.9 -0.5-0.5-1.2-
0.7-2.2-0.7 -2.2 0-2.8 1.2-2.9 2.2v0.1h1.1v-0.1c0.1-0.9 0.7-1.2 1.8-1.2 1.1 0 1.6
0.5 1.7 1.6v0.6c-0.3 0-0.5 0-0.8 0 -0.9 0-1.8 0-2.6 0.3 -1 0.4-1.6 1.3-1.6 2.3 0
1.5 1.1 2.4 2.6 2.4 1 0 2-0.6 2.4-1.2v0.9h1.1v-0.1C262.7 69.3 262.7 69.2 262.7
69.1zM259.4 68.7c-0.8 0-1.6-0.4-1.6-1.4 0-1.6 2-1.6 3.4-1.6 0.2 0 0.3 0 0.4 0 0.1
1.1-0.2 2-0.6 2.5C260.6 68.6 260 68.7 259.4 68.7zM268.1 68.7h0.1v1h-0.1c-0.2 0.1-
0.6 0.1-1 0.1 -0.7 0-1.2-0.1-1.5-0.5 -0.4-0.4-0.4-1.1-0.4-1.7v-4.8h-1.5v-1h1.5v-
1.6l1.1-0.5v2.1h1.7v1h-1.7v5c0 0.3 0.1 0.6 0.2 0.7 0.2 0.2 0.4 0.2 0.7 0.2C267.6
68.7 267.9 68.7 268.1 68.7zM273.6 58.3L273.6 58.3l0.1 0.9h-0.1c-0.2 0-0.4-0.1-0.6-
0.1 -0.5 0-0.8 0.1-0.9 0.3 -0.2 0.3-0.2 0.7-0.2 1.4v0.9h1.7v1h-1.7v6.8h-1.1v-6.8h-
1.5v-1h1.5v-1.5c0-1.4 0.6-2 1.9-2 0.2 0 0.4 0.1 0.7 0.1C273.4 58.3 273.5 58.3 273.6
58.3zM277.7 61.5c-1.1 0-2.1 0.5-2.8 1.3 -0.6 0.7-0.9 1.7-0.9 2.8s0.3 2.1 0.9
2.8c0.7 0.9 1.6 1.3 2.8 1.3 1.1 0 2.1-0.5 2.8-1.3 0.6-0.7 0.9-1.7 0.9-2.8 0-1.1-
0.3-2.1-0.9-2.8C279.8 61.9 278.9 61.5 277.7 61.5zM277.7 68.7c-1.7 0-2.5-1.6-2.5-
3.1s0.8-3.1 2.5-3.1 2.5 1.6 2.5 3.1S279.4 68.7 277.7 68.7zM286.3 61.5h0.1v1.1h-
0.1c-0.1 0-0.1 0-0.2 0s-0.2 0-0.3 0c-1.2 0-2 0.9-2 2.4v4.7h-1.1v-6c0-0.4 0-0.9 0-
1.3 0-0.1 0-0.3 0-0.4v-0.1h1.1v0.9c0.3-0.7 1-1.1 1.7-1.1C285.7 61.5 286 61.5 286.3
61.5zM299 64.7v4.9h-1.1v-5c0-1.3-0.7-2-1.9-2 -1.6 0-2.1 1.4-2.1 2.5v4.5h-1.1v-5c0-
1.3-0.7-2-1.9-2 -1.6 0-2.1 1.4-2.1 2.5v4.5h-1.1v-6c0-0.5 0-1-0.1-1.4v-
0.4h1.1v1c0.5-0.8 1.4-1.2 2.3-1.2 1.2 0 2.1 0.6 2.5 1.6 0.7-1 1.6-1.6 2.6-1.6C298.6
61.5 299 63.5 299 64.7zM311.9 66.6c0 2.1-1.5 3.2-4.4 3.2 -1.9 0-3.3-1.4-3.4-3.2v-
0.1h1.2v0.1c0 1.4 0.9 2.1 2.7 2.1 1.2 0 2.6-0.7 2.6-2 0-0.9-0.5-1.5-1.7-1.8 -0.2-
0.1-0.4-0.1-0.6-0.2 -1.8-0.6-3.9-1.2-3.9-3.4 0-2 1.9-3.1 3.6-3.1 1 0 3.4 0.3 3.7
2.7V61h-1.2v-0.1c0-1.4-1.5-1.6-2.3-1.6 -1 0-2.5 0.5-2.5 1.8 0 1.4 1.4 1.9 2.8
2.3C310.2 63.9 311.9 64.5 311.9 66.6zM316.6 61.5c-2.4 0-3.5 2.1-3.5 4.1 0 2.1 1.1
4.1 3.4 4.1 1.9 0 3.1-0.9 3.5-2.7v-0.1h-1V67c-0.2 1-1.1 1.8-2.1 1.8 -2.2 0-2.5-1.9-
2.6-2.8h5.9v-0.1C320.2 63 318.9 61.5 316.6 61.5zM314.3 64.9c0.1-1.1 0.8-2.4 2.3-2.4
1.4 0 2.2 0.9 2.4 2.4H314.3zM325.2 61.5h0.1v1.1h-0.1c-0.1 0-0.1 0-0.2 0s-0.2 0-0.3
0c-1.2 0-2 0.9-2 2.4v4.7h-1.1v-6c0-0.4 0-0.9 0-1.3 0-0.1 0-0.3 0-0.4v-
0.1h1.1v0.9c0.3-0.7 1-1.1 1.7-1.1C324.6 61.5 324.9 61.5 325.2 61.5zM332.4
61.7h1.2l-0.1 0.1 -3.1 7.7h-1.1v-0.1l-3.2-7.8h1.2v0.1l2.6 6.2L332.4 61.7zM334.7
58.4h1.2v1.3h-1.2V58.4zM334.8 61.7h1.1v7.8h-1.1V61.7zM342.5 67h1.2v0.1c-0.2 1.8-1.3
2.7-3.1 2.7 -2.4 0-3.4-2.1-3.4-4.1s1.1-4.1 3.5-4.1c1.7 0 2.9 1.1 3 2.7v0.1h-1.2v-
0.1c-0.1-1.1-0.7-1.7-2-1.7 -1.4 0-2.2 1.6-2.2 3.1 0 1.6 0.7 3.1 2.2 3.1C341.6 68.7
342.4 68.1 342.5 67L342.5 67zM348.2 61.5c-2.4 0-3.5 2.1-3.5 4.1 0 2.1 1.1 4.1 3.4
4.1 1.9 0 3.1-0.9 3.5-2.7v-0.1h-1.1V67c-0.2 1-1.1 1.8-2.1 1.8 -2.2 0-2.5-1.9-2.6-
2.8h5.9v-0.1C351.8 63 350.5 61.5 348.2 61.5zM345.9 64.9c0.1-1.1 0.8-2.4 2.3-2.4 1.4
0 2.2 0.9 2.4 2.4H345.9zM358.9 67.2c0 1.8-1.7 2.6-3.3 2.6 -1.3 0-2.9-0.6-3-2.4v-
0.1h1.2v0.1c0.1 1.2 1.1 1.4 2 1.4 1 0 1.9-0.4 1.9-1.4s-1-1.2-2.1-1.4l-0.3-0.1c-1-
0.3-2.5-0.6-2.5-2.1 0-1.6 1.5-2.2 2.9-2.2 1.8 0 2.8 0.8 2.9 2.2v0.1h-1.2v-0.1c-0.1-
1-1-1.2-1.8-1.2s-1.6 0.3-1.6 1.1c0 0.7 0.7 0.9 1.8 1.2 0.5 0.1 1.1 0.3 1.7
0.5C358.4 65.6 358.9 66.3 358.9 67.2z'/%3E%3Cpath class='st0' d='M150.1
49.5V26.9h2v22.5L150.1 49.5 150.1 49.5zM158 49.5h-1.9V37.4c0-1.2-0.1-2.5-0.2-
3.5h1.9l0.1 2.3 0.1 0.1c1.1-1.9 2.9-2.8 4.9-2.8 5.1 0 5.5 4.5 5.5 6.3v9.8h-
1.9V39.4c0-2.7-1.6-4.3-4.1-4.3 -3.1 0-4.5 2.6-4.5 5.4L158 49.5 158 49.5zM173.4
35.6h-3.1v-1.7h3.1v-3.3l1.9-0.8v4.1h3.5v1.7h-3.5V46c0 1.4 0.7 2.2 2.1 2.2 0.6 0 1.1
0 1.6-0.2v1.6c-0.6 0.2-1.3 0.3-1.9 0.3 -4 0-3.7-2.5-3.7-4.6L173.4 35.6 173.4
35.6zM182.7 42.1c0.1 3.3 1.6 6.1 5.4 6.1 2.2 0 4-1.6 4.5-3.7h2c-1 3.7-3.3 5.4-7.1
5.4 -4.7 0-6.8-4-6.8-8.3 0-4.2 2.3-8.3 7-8.3 5.2 0 7.1 3.8 7.1 8.7L182.7 42.1 182.7
42.1zM192.7 40.4c-0.2-3-1.8-5.3-5.1-5.3 -3 0-4.7 2.5-4.9 5.3H192.7zM209.3
33.9h1.9c-0.1 1.1-0.2 2.3-0.2 3.5v9.4c0 3.1 0.2 6.4-3.3 8 -1.2
0.6-2.1 0.7-3.5 0.7 -2.8 0-6.2-1-6.2-4.2h2c0.2 1.9 2.4 2.5 4.4 2.5 2.4 0 4.7-1.7
4.7-4.3v-2.9H209c-0.9 1.8-3 2.9-5.1 2.9 -4.7 0-6.7-3.6-6.7-7.9 0-4.2 1.9-8.1 6.7-
8.1 2.3 0 3.9 1.1 5.1 2.9l0.1-0.1L209.3 33.9zM204.2 35.1c-3.4 0-4.8 3.4-4.8 6.3 0
2.9 1.5 6.3 4.9 6.3 3.6 0 4.9-3.3 4.9-6.4C209.2 38.3 207.5 35.1 204.2 35.1zM216.8
49.5h-1.9V37.4c0-1.2-0.1-2.5-0.2-3.5h1.9l0.1 2.3h0.1c0.6-1.6 2-2.7 3.5-2.8 0.6 0
1.2 0 1.9 0v1.8c-0.4 0-0.8-0.1-1.1-0.1 -2.8 0-4.2 2-4.3 5V49.5zM233.7 38.5c-0.2-
2.5-1.5-3.4-3.7-3.4 -2 0-3.6 0.6-3.8 2.7h-2c0.5-3.2 2.9-4.4 5.8-4.4 3.5 0 5.6 1.6
5.5 5.2V46c0 1.2 0.1 2.5 0.2 3.5h-1.9l-0.1-2.3h-0.1l-0.1 0.2c-0.7 1.3-2.8 2.6-4.9
2.6 -2.9 0-5.2-1.8-5.2-4.8 0-2.1 1.3-3.7 3.1-4.5 2.1-0.9 4.8-0.6 7.1-0.7L233.7 38.5
233.7 38.5zM229 48.2c4.1 0 4.8-3.4 4.7-6.6 -2.6 0.1-8.2-0.4-8.2 3.5C225.5 47.2
227.1 48.2 229 48.2zM240.7 35.6h-3.1v-1.7h3.1v-3.3l1.9-0.8v4.1h3.5v1.7h-3.5V46c0
1.4 0.7 2.2 2.1 2.2 0.6 0 1.1 0 1.6-0.2v1.6c-0.6 0.2-1.3 0.3-1.9 0.3 -3.9 0-3.7-
2.5-3.7-4.6L240.7 35.6 240.7 35.6zM250 42.1c0.1 3.3 1.6 6.1 5.4 6.1 2.2 0 4-1.6
4.5-3.7h2c-1 3.7-3.3 5.4-7.1 5.4 -4.7 0-6.8-4-6.8-8.3 0-4.2 2.3-8.3 7-8.3 5.2 0 7.1
3.8 7.1 8.7L250 42.1 250 42.1zM260 40.4c-0.2-3-1.8-5.3-5.1-5.3 -3 0-4.7 2.5-4.9
5.3H260zM276.5 47.2l-0.1-0.1c-1.3 1.9-3.2 2.9-5.3 2.9 -4.6 0-6.4-4.4-6.4-8.3 0-4
1.8-8.2 6.4-8.2 2.1 0 4.3 1 5.3 2.8l0.1-0.1V27h1.9v19c0 1.2 0.1 2.5 0.2 3.5h-
1.9L276.5 47.2zM271.4 35.1c-3.5 0-4.7 3.3-4.7 6.3 0 2.9 0.8 6.8 4.4 6.8 4.1 0 5.3-
3.4 5.3-6.9C276.5 38.1 275.1 35.1 271.4 35.1zM302.5 32.3c-0.4-2.7-2.7-3.9-5.3-3.9 -
5.8 0-7.5 5.2-7.5 9.8s1.7 9.8 7.5 9.8c2.5 0 5-1.2 5.5-4h2.2c-0.7 3.8-4.1 5.9-7.7
5.9 -6.8 0-9.7-5.5-9.7-11.7s2.9-11.7 9.7-11.7c3.7 0 7.1 1.7 7.5 5.7L302.5 32.3
302.5 32.3zM310 49.5h-1.9V27h1.9V49.5zM327.5 41.7c0 4.1-2.3 8.3-7.3 8.3s-7.3-4.2-
7.3-8.3 2.3-8.3 7.3-8.3S327.5 37.6 327.5 41.7zM320.3 35.1c-3.8 0-5.3 3.7-5.3 6.6 0
2.9 1.5 6.6 5.3 6.6s5.3-3.7 5.3-6.6C325.5 38.8 324 35.1 320.3 35.1zM340.4
33.9h1.9V46c0 1.2 0.1 2.5 0.2 3.5h-1.9l-0.1-2.3 -0.1-0.1c-1.1 1.9-2.9 2.8-4.9 2.8 -
5.1 0-5.5-4.5-5.5-6.3v-9.8h1.9v10.1c0 2.7 1.6 4.3 4.1 4.3 3.1 0 4.5-2.6 4.5-5.4v-
8.9H340.4zM356.8 47.2l-0.1-0.1c-1.3 1.9-3.2 2.9-5.3 2.9 -4.6 0-6.4-4.4-6.4-8.3 0-4
1.8-8.2 6.4-8.2 2.1 0 4.3 1 5.3 2.8l0.1-0.1V27h1.9v19c0 1.2 0.1 2.5 0.2
3.5H357L356.8 47.2zM351.7 35.1c-3.5 0-4.7 3.3-4.7 6.3 0 2.9 0.8 6.8 4.4 6.8 4.1 0
5.3-3.4 5.3-6.9C356.8 38.1 355.4 35.1 351.7 35.1z'/%3E%3Cpath class='st0' d='M49.4
51.7h7.4l-3.9-6.3 -7.2 11.4h-3.3l8.7-13.7c0.4-0.6 1-0.9 1.7-0.9s1.3 0.3 1.7 0.9l8.7
13.7H60l-1.5-2.5H51L49.4 51.7zM83.3 54.2V42.4h-2.8v13c0 0.4 0.1 0.7 0.4 1s0.6 0.4 1
0.4h12.6l1.6-2.5H83.3V54.2zM37.4 52.1c2.7 0 4.9-2.2 4.9-4.9s-2.2-4.9-4.9-
4.9H25.3v14.4h2.8V44.9h9.2c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3h-7.8l8.3 7.2h4L36.2
52 37.4 52.1zM16.7 56.8c4 0 7.2-3.2 7.2-7.2s-3.2-7.2-7.2-7.2H8.3c-4 0-7.2 3.2-7.2
7.2s3.2 7.2 7.2 7.2H16.7zM8.5 54.2c-2.6 0-4.7-2.1-4.7-4.7 0-2.6 2.1-4.7 4.7-
4.7h8c2.6 0 4.7 2.1 4.7 4.7 0 2.6-2.1 4.7-4.7 4.7H8.5zM77.6 56.8l1.6-2.5h-10c-2.6
0-4.7-2.1-4.7-4.7 0-2.6 2.1-4.7 4.7-4.7h8.1l1.6-2.5H69c-4 0-7.2 3.2-7.2 7.2s3.2 7.2
7.2 7.2H77.6zM102.9 54.2c-2.1 0-3.9-1.4-4.5-3.4h11.8l1.6-2.5H98.4c0.6-2 2.4-3.4
4.5-3.4h8.1l1.6-2.5h-9.9c-4 0-7.2 3.2-7.2 7.2s3.2 7.2 7.2 7.2h8.6l1.6-2.5L102.9
54.2 102.9 54.2z'/%3E%3Crect class='st1' width='360' height='77'/%3E%3C/svg%3E")
}
.u10-ologo {
width: 352px;
height: 61px;
overflow: hidden
}
.u10-ologo a {
display: block;
width: 100%;
height: 100%;
padding: 0!important;
text-indent: -30000px;
-moz-outline: 0;
background-size: 100% auto;
background-position: 0 -22px;
background-repeat: no-repeat
}
ul.u10-links li a {
font-size: 11.2px;
font-weight: 400;
padding: 0 8.96px 0 6.72px;
color: #fcfbfa;
border-right: 1px solid #fff
}
.ocom-base ul.u10-links li a {
font-size: 14px
}

@media only screen and (max-width:1500px) {


.ocom-base ul.u10-links li a {
font-size: 12.220544px
}
}

@media only screen and (max-width:770px) {


.ocom-base ul.u10-links li a {
font-size: 10.752px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
}

@media only screen and (max-width:450px) {


.ocom-base ul.u10-links li a {
-webkit-text-size-adjust: none
}
}
[class*=u10v], [class*=u10v] a, [class*=u10v] h5 {
color: #fff
}
[class*=u10v] a:before, [class*=u10v]:before {
display: none
}
[class*=u10v] h3 a {
display: block
}
ul.u10-links li {
margin: 0;
padding: 0;
color: #cbc5bf!important;
list-style-type: none
}
ul.u10-links li a {
text-decoration: none
}
ul.u10-links li a:hover {
text-decoration: underline!important
}
ul.u10-links li a:focus {
outline-offset: 2px;
outline-width: 2px!important;
outline-style: dotted!important
}
ul.u10-links>li:first-child a {
border-right: 1px solid #fff;
border-left: 0;
padding-right: 20px;
padding-left: 0
}
html[dir=rtl] ul.u10-links>li:first-child a {
border-left: 1px solid #fff;
border-right: none!important;
padding-left: 15px;
padding-right: 0
}
ul.u10-links>li:nth-child(2) a {
padding-left: 20px
}
ul.u10-links>li.u10last a {
padding-right: 0;
border: 0
}
.u10w4 {
clear: both;
overflow: hidden
}
.u10w5 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-flow: row-reverse wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
flex: 1 1 auto;
border-top: 1px solid rgba(255,255,255,.4);
margin-top: 64px;
justify-content: center;
align-items: center
}
.u10w5 .u10-links {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 24px;
list-style-type: none
}
.u10w5 .u10-links li a {
border-right: none;
float: left
}
.u10w5 .u10-links {
justify-content: flex-end;
padding-inline-start: 0
}
.u10w5 .u10-links .last {
display: none
}

@media only screen and (min-width:0px) and (max-width:1024px) {


.u10v0 [class*=u10v] a:before {
display: block
}
.u10v0 .u10w1 {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
flex: 1 0 auto;
margin: 0;
padding-top: 40px
}
.u10v0 .u10w1 h5 {
margin: 0;
font-weight: 400;
padding: 11.88px 0;
line-height: 25px;
font-size: 17.6px;
padding-right: 40px;
opacity: 1;
font-weight: 700
}
.u10v0 .u10w5 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-wrap: none;
flex-flow: column nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 24px
}
.u10v0 .u10w5 .u10-links {
order: 1;
margin-top: 45px;
flex-direction: row;
justify-content: flex-start;
width: 100%
}
.u10v0 .u10w5 .u10-links.u10-min {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
line-height: 2.3;
margin-top: 0
}
.u10v0 .u10w1 h3 {
max-width: 301px;
width: 90%;
height: 14px;
display: block;
margin: 0 auto 16px auto
}
.u10 .u10w4~.u10w5 {
border-top: 1px solid rgba(203,197,191,.5);
margin-top: 24px
}
}

@media only screen and (min-width:0px) and (max-width:770px) {


.u10 .u10w5 {
margin-top: 0
}
.u10v0 .u10w5 .u10-links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
line-height: 2.3
}
.u10v0 .u10w5 .u10-links .u10break {
flex-basis: 100%;
height: 0
}
.u10v0 .u10w5 .u10-links .last {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
display: inline-flex;
margin-top: 20px
}
.u10v0 .u10w5 .u10-links li:first-of-type {
display: none
}
}
.u10w1 ul.scl-icons {
float: right
}
[class*=u10v] hr {
background: #8aadbf;
color: #8aadbf;
height: 1px;
margin: 0 0 1.2em 0;
clear: both
}
.u10v3 .u10w8.cwidth {
clear: both;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
margin-bottom: 0
}
.u10v3 .u10w8.cwidth:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

@media only screen and (max-width:1476px) {


.u10v3 .u10w8.cwidth {
max-width: 1476px;
padding-left: 38px;
padding-right: 38px
}
}

@media only screen and (max-width:974px) {


.u10v3 .u10w8.cwidth {
padding-left: 28px;
padding-right: 28px
}
}

@media only screen and (max-width:670px) {


.u10v3 .u10w8.cwidth {
padding-left: 22px;
padding-right: 22px
}
}
.u10fl .u10w8, .u10v4 .u10w8 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-align: center;
align-items: center
}
.u10fl .u10w2 {
-ms-flex:
0 1 auto;
flex: 0 1 auto;
-ms-flex-preferred-size: 33.3%;
flex-basis: 33.3%
}
.u10fl .u10w8, .u10fl .u10w9 {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
-ms-flex-pack: center;
align-self: center
}
.u10fl .u10w8 .u10title, .u10fl .u10w8 h2, .u10fl .u10w9 .u10title, .u10fl .u10w9
h2 {
color: #fff
}
.u10fl .u10w8 .u10w9 {
-ms-flex-preferred-size: 55%;
flex-basis: 55%
}
.u10w1 .scl-icons li {
float: left;
transition: background .25s;
background: #8aadbf;
display: block;
padding: 0;
margin: 8px;
border-radius: 2px
}
.u10w1 .scl-icons li:hover {
background: #fff
}
.u10w1 .scl-icons li a:focus {
background-color: #fff;
border-radius: 2px
}
.u10w1 .scl-icons li a {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KP
HN2ZyB3aWR0aD0iNTAwcHgiIGhlaWdodD0iMzVweCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzNCAxMjcg
NTAwIDM1IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjM0IDEyNyA1MDAgMzUiIHhtbDpzcGFjZT0icHJlc2V
ydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2Nzcy
I+Cgkuc3Qwe2ZpbGw6IzAxM0M0RDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im01My45IDE2M
nYtMTIuOWgtNC40di01LjFoNC40di0zLjdjMC00LjMgMi42LTYuNyA2LjUtNi43IDEuOCAwIDMuNCAwLjEg
My45IDAuMnY0LjVoLTIuN2MtMi4xIDAtMi41IDEtMi41IDIuNXYzLjJoNWwtMC43IDUuMWgtNC40djEyLjl
oLTUuMXptNTItMjJ2MC42YzAgNS45LTQuNSAxMi44LTEyLjggMTIuOC0yLjUgMC00LjktMC43LTYuOS0yID
AuNCAwIDAuNyAwLjEgMS4xIDAuMSAyLjEgMCA0LTAuNyA1LjYtMS45LTIgMC0zLjYtMS4zLTQuMi0zLjEgM
C4zIDAuMSAwLjYgMC4xIDAuOCAwLjEgMC40IDAgMC44LTAuMSAxLjItMC4yLTIuMS0wLjQtMy42LTIuMi0z
LjYtNC40di0wLjFjMC42IDAuMyAxLjMgMC41IDIgMC42LTEuMi0wLjgtMi0yLjItMi0zLjcgMC0wLjggMC4
yLTEuNiAwLjYtMi4zIDIuMiAyLjcgNS41IDQuNSA5LjMgNC43LTAuMS0wLjMtMC4xLTAuNy0wLjEtMSAwLT
IuNSAyLTQuNSA0LjUtNC41IDEuMyAwIDIuNSAwLjUgMy4zIDEuNCAxLTAuMiAyLTAuNiAyLjgtMS4xLTAuM
yAxLTEgMS45LTIgMi41IDAuOS0wLjEgMS44LTAuMyAyLjYtMC43LTAuNiAwLjgtMS4zIDEuNi0yLjIgMi4y
em0yNi44IDEuMmg0LjF2MTMuMmgtNC4xdi0xMy4yem0yLTEuOGMtMS4zIDAtMi40LTEuMS0yLjQtMi40czE
uMS0yLjQgMi40LTIuNCAyLjQgMS4xIDIuNCAyLjQtMS4xIDIuNC0yLjQgMi40em0xNy40IDE1aC00LjF2LT
YuNGMwLTEuNSAwLTMuNS0yLjEtMy41cy0yLjUgMS43LTIuNSAzLjR2Ni41aC00LjF2LTEzLjJoMy45djEuO
GgwLjFjMC41LTEgMS45LTIuMSAzLjktMi4xIDQuMSAwIDQuOSAyLjcgNC45IDYuM3Y3LjJ6bTM2LjYtNC40
Yy0yLjEgMi42LTUuOSAzLjQtOSAyLjQtMy4zLTEuMS01LjctNC40LTUuNi03LjgtMC4yLTQuMyAzLjYtOC4
yIDcuOS04LjMgMi4yLTAuMiA0LjMgMC43IDYgMi0wLjcgMC43LTEuNCAxLjUtMi4xIDIuMi0xLjUtMC45LT
MuMi0xLjYtNC45LTEtMi44IDAuOC00LjQgNC0zLjQgNi43IDAuOCAyLjggNC4zIDQuMyA3IDMuMiAxLjQtM
C41IDIuMy0xLjggMi43LTMuMS0xLjYgMC0zLjIgMC00LjgtMC4xdi0yLjhoOGMwIDIuMy0wLjMgNC43LTEu
OCA2LjZ6bTExLjYtNC4zaC0yLjR2Mi40aC0yLjR2LTIuNGgtMi40di0yLjNoMi40di0yLjRoMi40djIuNGg
yLjR2Mi4zem0yOC43IDEuN2w1LjktMy4xLTUuOS0zLjF2Ni4ybTEzLjEtMmMwIDEuOC0wLjIgMy41LTAuMi
AzLjVzLTAuMiAxLjUtMC45IDIuMmMtMC44IDAuOS0xLjggMC45LTIuMiAwLjktMy4xIDAuMi03LjcgMC4yL
TcuNyAwLjJzLTUuNy0wLjEtNy40LTAuMmMtMC41LTAuMS0xLjYtMC4xLTIuNC0wLjktMC43LTAuNy0wLjkt
Mi4yLTAuOS0yLjJzLTAuMi0xLjgtMC4yLTMuNXYtMS43YzAtMS44IDAuMi0zLjUgMC4yLTMuNXMwLjItMS4
1IDAuOS0yLjJjMC44LTAuOSAxLjgtMC45IDIuMi0wLjkgMy4xLTAuMiA3LjctMC4yIDcuNy0wLjJzNC42ID
AgNy43IDAuMmMwLjQgMC4xIDEuNCAwLjEgMi4yIDAuOSAwLjcgMC43IDAuOSAyLjIgMC45IDIuMnMwLjIgM
S44IDAuMiAzLjV2MS43aC0wLjF6bTI5LjkgMTAuN2MtMS44IDAtMy4zLTEuNS0zLjMtMy4zczEuNS0zLjMg
My4zLTMuMyAzLjMgMS41IDMuMyAzLjNjLTAuMSAxLjgtMS41IDMuMy0zLjMgMy4zem0xMC4xIDBjLTEuMSA
wLTEuOS0wLjktMS45LTEuOSAwLTUuMy00LjMtOS42LTkuNi05LjYtMS4xIDAtMS45LTAuOS0xLjktMS45ID
AtMS4xIDAuOS0xLjkgMS45LTEuOSA3LjQgMCAxMy40IDYgMTMuNCAxMy40IDAgMS0wLjggMS45LTEuOSAxL
jl6bTcuNyAwYy0xLjEgMC0xLjktMC45LTEuOS0xLjkgMC05LjUtNy44LTE3LjMtMTcuMy0xNy4zLTEuMSAw
LTEuOS0wLjktMS45LTEuOSAwLTEuMSAwLjktMS45IDEuOS0xLjkgMTEuNiAwIDIxLjEgOS41IDIxLjEgMjE
uMSAwIDEtMC44IDEuOS0xLjkgMS45em0zMS4zLTExYy0yLjQgMC4yLTQuNyAyLjMtMy43IDQuOSAxLjQgMy
45IDkuMiAxLjggNy43LTIuNy0wLjUtMS40LTItMi41LTQtMi4yem0tMC45IDUuM2MtMS44IDAuNC0yLjEtM
S45LTAuNS0yLjMgMi0wLjUgMS45IDIgMC41IDIuM3ptMS4zLTIuNGMwLTAuNyAwLjktMC44IDEtMC4zIDAg
MC41LTAuNyAwLjgtMSAwLjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMzAuMSAxNDMuNmMwLjQtMSA
wLjYtMi4zIDAtMy0xLjQtMS42LTQuNiAwLTYuMSAwLjEgMC43LTIuMS0wLjEtNC4zLTIuNy0zLjYtMi40ID
AuNi00LjEgMS45LTUuOCAzLjZzLTMuNSAzLjgtMy44IDYuNWMtMC4zIDMuMSAxLjYgNC42IDMuNSA1LjcgN
S42IDMuMSAxNC41IDEuNCAxNy40LTIuNyAwLjQtMC42IDAuOC0xLjUgMC45LTIuMiAwLjUtMy0xLjYtMy40
LTMuNC00LjR6bS0xLjkgNi43Yy0xLjUgMS43LTQuOCAyLjktOCAyLjctMi44LTAuMi02LjYtMS44LTUuOS0
1LjMgMC4zLTEuNiAxLjYtMi42IDIuNy0zLjIgMS4zLTAuOCAyLjYtMS4yIDQuNS0xLjMgMy40LTAuMyA3Lj
ggMSA3LjggNC41IDAgMS0wLjYgMi0xLjEgMi42em00LjQtOGMwLjYgMCAwLjktMSAwLjgtMi0wLjItMS41L
TEuNS0yLjctMy4zLTIuNi0wLjQgMC0xLjEtMC4xLTEuMSAwLjggMCAxLjEgMS4yIDAuNSAyIDAuOCAwLjQg
MC4yIDAuOSAwLjggMC45IDEuNCAwIDAuOS0wLjQgMS42IDAuNyAxLjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDA
iIGQ9Im0zMzYuOCAxNDAuMmMtMC4zLTMuNy0zLjQtNi41LTcuNC02LTAuNSAwLjEtMS4xIDAuMS0xLjIgMC
43LTAuMiAxLjQgMS4zIDEgMiAxIDIuNCAwIDQuOSAyIDQuOCA0LjkgMCAxLTAuOCAyLjcgMC43IDIuNSAwL
jkgMCAxLjItMS43IDEuMS0zLjF6bTMxLjQgMi40Yy0xLjMgMi45LTIuNCA1LjMtMy42IDguMS0wLjYgMS40
LTEuMSAyLjktMi4yIDMuNi00LjcgMC4zLTEuMi00LjgtMC41LTYuNy0xLjEtMi0yLjQtNC4zLTMuNy02LjU
tMC42LTEtMi0yLjktMC42LTQgMC41LTAuNCAxLjctMC40IDIuMiAwIDEuNiAxLjMgMi42IDQuNyAzLjkgNi
4zIDAuNS0wLjkgMS0yIDEuNS0zLjIgMC41LTEuMSAwLjktMi42IDEuNi0zIDEuMS0wLjcgMi43LTAuMSAzI
DEgMC4zIDEuNC0xIDMuMi0xLjYgNC40em0xMC45IDcuMWMtMC45LTAuMi0xLjYtMS40LTIuNS0yLjEtMC45
LTAuOC0xLjgtMS41LTIuNS0yLjEtMC41LTAuNy0wLjMgMC41LTAuMyAxLjJ2MmMtMC4xIDAuNy0wLjUgMS4
xLTEuMiAxLjJoLTFjLTAuNy0wLjEtMS0wLjYtMS4yLTEuMnYtOS4xYzAtMS43IDMuMy0xLjcgMy4zIDB2My
4yYzAuNS0wLjMgMC44LTAuNyAxLjItMS4ybDAuOS0wLjljMC42LTAuNSAxLjEtMSAxLjYtMS42IDAuNi0xL
jMgMy4yLTEuMyAzLjQgMC40IDAuMyAyLjMtMi45IDMuMS0zLjUgNC40IDAuOSAxLjIgMi44IDIgMy41IDMu
MyAwLjggMS4yIDAuMSAyLjktMS43IDIuNXptMzguOC04LjNjLTIuMSAwLjEtNCAwLjgtNS41IDIuMi0xLjU
gMS41LTIuMiAzLjMtMiA1LjZsLTIuNC0wLjNjLTAuMyAwLTAuNiAwLTAuOCAwLjEtMC43IDAuNC0xLjUgMC
45LTIuMyAxLjQgMC4yLTAuNyAwLjMtMS4zIDAuNC0xLjkgMC4xLTAuNCAwLjEtMC43LTAuMy0xLTIuNi0xL
jgtMy43LTQuNS0yLjktNy40IDAuOC0yLjYgMi42LTQuMiA1LjEtNSAzLjQtMS4xIDcuMyAwIDkuNCAyLjcg
MC44IDEuMSAxLjIgMi4yIDEuMyAzLjZ6bS05LjgtMC45YzAtMC41LTAuNC0xLTEtMS0wLjUgMC0xIDAuNC0
xIDAuOXMwLjQgMSAwLjkgMWMwLjYgMCAxLTAuNCAxLjEtMC45em01LjEtMWMtMC41IDAtMSAwLjUtMSAxcz
AuNCAxIDEgMC45YzAuNSAwIDEtMC40IDEtMSAwLTAuNS0wLjUtMC45LTEtMC45eiIvPgo8cGF0aCBjbGFzc
z0ic3QwIiBkPSJtNDIyLjggMTU0LjhjLTAuNy0wLjMtMS4zLTAuOC0yLTAuOC0wLjctMC4xLTEuNCAwLjMt
Mi4xIDAuNC0yLjEgMC4yLTQtMC40LTUuNi0xLjgtMy0yLjctMi41LTYuOSAwLjktOS4yIDMtMiA3LjUtMS4
zIDkuNyAxLjQgMS45IDIuNCAxLjcgNS42LTAuNiA3LjctMC43IDAuNi0wLjkgMS4xLTAuNSAxLjggMC4xID
AuMSAwLjEgMC4zIDAuMiAwLjV6bS03LjgtNy41YzAuNCAwIDAuOC0wLjMgMC44LTAuOHMtMC4zLTAuOC0wL
jgtMC44Yy0wLjQgMC0wLjggMC40LTAuOCAwLjhzMC40IDAuOCAwLjggMC44em01LTEuNmMtMC40IDAtMC44
IDAuMy0wLjggMC44czAuMyAwLjggMC44IDAuOGMwLjQgMCAwLjgtMC4zIDAuOC0wLjhzLTAuMy0wLjgtMC4
4LTAuOHptMzYuMSA1Ljh2LTE0LjlsMTIuMSA3LjQtMTIuMSA3LjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIG
Q9Im01MTMuNSAxNTdjLTAuNiAwLjEtMC45LTAuMy0wLjktMC42di0zLjVjMC0xLjItMC40LTItMC45LTIuN
CAyLjgtMC4zIDUuOC0xLjQgNS44LTYuMyAwLTEuNC0wLjUtMi41LTEuMy0zLjQgMC4xLTAuMyAwLjYtMS42
LTAuMS0zLjQgMCAwLTEuMS0wLjMtMy41IDEuMy0xLTAuMy0yLjEtMC40LTMuMi0wLjRzLTIuMiAwLjEtMy4
yIDAuNGMtMi40LTEuNi0zLjUtMS4zLTMuNS0xLjMtMC43IDEuOC0wLjMgMy0wLjEgMy40LTAuOCAwLjktMS
4zIDItMS4zIDMuNCAwIDQuOSAzIDYgNS44IDYuMy0wLjQgMC4zLTAuNyAwLjktMC44IDEuNy0wLjcgMC4zL
TIuNiAwLjktMy43LTEuMSAwIDAtMC43LTEuMi0xLjktMS4zIDAgMC0xLjIgMC0wLjEgMC44IDAgMCAwLjgg
MC40IDEuNCAxLjkgMCAwIDAuOCAyLjUgNC4zIDEuN3YyLjJjMCAwLjMtMC4yIDAuNy0wLjkgMC42LTUuMS0
xLjctOC43LTYuNS04LjctMTIuMSAwLTcgNS43LTEyLjcgMTIuNy0xMi43czEyLjcgNS43IDEyLjcgMTIuN2
MwLjEgNS43LTMuNSAxMC40LTguNiAxMi4xeiIvPgo8L3N2Zz4K)!important;
background-repeat: no-repeat;
background-size: auto 100%;
outline: 0;
-moz-outline: 0;
display: block;
overflow: hidden;
text-indent: -4000px
}
.u10w1 .scl-icons li:last-child {
margin-right: 0
}
.u10w1 .scl-icons li a .st0 {
fill: #000
}
.u10w1 .scl-icons li a {
width: 34px;
height: 33px
}
.u10w1 .scl-icons li.scl-facebook a {
background-position: 0 0
}
.u10w1 .scl-icons li.scl-twitter a {
background-position: -42px 0
}
.u10w1 .scl-icons li.scl-linkedin a {
background-position: -85px 0
}
.u10w1 .scl-icons li.scl-googleplus a {
background-position: -127px 0
}
.u10w1 .scl-icons li.scl-youtube a {
background-position: -168px 0
}
.u10w1 .scl-icons li.scl-feed a {
background-position: -214px 0
}
.u10w1 .scl-icons li.scl-weibo a {
background-position: -256px 0
}
.u10w1 .scl-icons li.scl-youku a {
background-position: -299px 0
}
.u10w1 .scl-icons li.scl-wechat a {
background-position: -340px 0
}
.u10w1 .scl-icons li.scl-otube a {
background-position: -385px 0
}
.u10w1 .scl-icons li.scl-github a {
background-position: -431px 0
}
.u10w1 .scl-icons li.scl-feed, .u10w1 .scl-icons li.scl-feed a, .u10w1 .scl-icons
li.scl-googleplus, .u10w1 .scl-icons li.scl-googleplus a, .u10w6.icn-
feed+span, .u10w6.icn-googleplus+span {
display: none!important
}
.u10v2 .u10w2 a:hover .u10w6.icn-img:before {
color: #8aadbf
}
.u10v2 .u10w6.icn-img {
position: relative;
font-size: 3em;
line-height: 1em
}
.u10v2 .u10w6.icn-img:before {
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.5em;
color: #fff;
transition: all .2s ease-in-out
}
.u10v2 .u10w7.icn-img:before {
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.25em;
color: #fff
}
.u10v2 a:hover {
text-decoration: none
}
.u10v2 .u10w2 a:hover span {
text-decoration: none
}
.u10v2 .u10w2 span {
display: block;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.25
}
.u10v2 .u10w7 {
display: none!important
}
.u10v2, .u10v3, .u10v4 {
background: #00758f
}
.u10v2 .u10w1, .u10v3 .u10w1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: none;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 auto;
padding: 0;

font-size: 0
}
.u10v2 .u10w2, .u10v3 .u10w2 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
float: none;
text-align: center;
display: inline-block;
margin: 1em auto 1em;
width: 100%;
vertical-align: top;
font-size: 2rem;
padding: 0 1em;
box-sizing: border-box
}
.u10v3 .u10w2:first-child {
border-left: none
}
.u10v2 .u10w2>a, .u10v2 .u10w2>span>a, .u10v3 .u10w2>a, .u10v3 .u10w2>span>a {
display: block;
cursor: pointer
}
.u10v3 .u10w2>a:focus {
outline: 0
}
.u10v3 .u10w2 a:focus .u10w6.icn-img:before, .u10v3 .u10w2 a:hover .u10w6.icn-
img:before, .u10v5 .u10w2 a:hover .u10w6.icn-img:before {
color: #8aadbf
}
.u10v3 .u10w6.icn-img {
position: relative;
font-size: 3em;
line-height: 1em;
float: none
}
.u10v3 .u10w6.icn-img:before {
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.5em;
color: #fff;
transition: all .2s ease-in-out
}
.u10v3 a:hover {
text-decoration: none
}
.u10v3 .u10w2 a:hover span {
text-decoration: none
}
.u10v3 .u10w2 a span {
display: block;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.25em
}
.u10v3 .u10w2 .sharewidgetw1 {
display: block
}
.u10v3 .u10w2 span .sharewidgetw2 {
top: -3em;
bottom: auto;
right: 50%;
margin-right: -25px
}
.u10v3 .u10w8 .u10title, .u10v3 .u10w8 h2 {
font-size: 3.2rem;
font-weight: 300;
color: #fff
}
.u10v3.u10fl .u10w8>.u10w9>.u10title, .u10v3.u10fl .u10w8>.u10w9>h2 {
margin: 0
}
.u10v3 .u10w8>.u10title, .u10v3 .u10w8>.u10w9>.u10title, .u10v3 .u10w8>.u10w9>h2, .
u10v3 .u10w8>h2 {
display: inline-block;
margin: .5em 0 0
}
.u10v4 {
position: relative
}
.u10v3+.u10v4 {
padding-top: 2.25em
}
.u10v3+.u10v4:before {
content: '';
display: block;
height: 1px;
width: 100%;
max-width: 1400px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #cad9de
}

@media only screen and (max-width:1476px) {


.u10v3+.u10v4:before {
width:calc(100% - 2 * 38px)
}
}

@media only screen and (max-width:974px) {


.u10v3+.u10v4:before {
width:calc(100% - 2 * 28px)
}
}

@media only screen and (max-width:670px) {


.u10v3+.u10v4:before {
width:calc(100% - 2 * 22px)
}
}
.u10v4 .u10title, .u10v4 h2 {
margin-bottom: 1.2em;
color: #fff;
font-size: 3rem;
font-weight: 300
}
.u10v5 .u10w1 {
margin-bottom: 0!important
}
.u10v5 .u10w2 {
width: 100%
}
.u10v5 .u10w2 a {
text-decoration: none;
cursor: pointer
}
.u10v5 .u10w6.icn-img {
position: relative;
font-size: 6rem;
line-height: 1;
float: none
}
.u10v5 .u10w6.icn-img:before {
position: absolute;
top: 50%;
left: 50%;
margin: -.7em 0 0 -.5em;
color: #fff;
transition: all .2s ease-in-out
}
.u10v5 .col-item {
-ms-flex-align: center;
align-items: center;
opacity: 1!important;
transition: none;
top: 0
}
.u10v5 h4 {
color: #fff;
text-align: center;
display: block;
font-size: 1.6rem;
line-height: 1.25;
font-weight: 700
}
[class*=u10v] .qrcodew1 {
display: block
}
[class*=u10v] .qrcodew2 {
bottom: 130%;
border: none
}
.u10w2.atgchat-wrapper:first-child+.u10w2 {
border: none
}

@media only screen and (min-width:0px) and (max-width:770px) {


.f11 .u10btn, .ocom-base .u10btn {
display: block;
position: absolute;
right: 3.2587269%;
top: 13px;
width: 16px;
height: 16px;
transition: transform .25s ease
}
.f11 .u10btn:before, .ocom-base .u10btn:before {
display: block;
content: " ";
background: #fff;
height: 2px;
width: 16px;
right: 0;
top: 50%;
margin-top: -1px;
position: absolute
}
.f11 .u10btn:after, .ocom-base .u10btn:after {
display: block;
content: " ";
background: #fff;
width: 2px;
height: 16px;
right: 7px;
top: 50%;
margin-top: -8px;
position: absolute
}
.f11 .u10w3.u10active .u10btn, .ocom-base .u10w3.u10active .u10btn {
transform: rotate(-45deg)
}
.f11 .u10w1 ul.scl-icons, .ocom-base .u10w1 ul.scl-icons {
float: none;
text-align: center;
margin: 10px auto 2em
}
.f11 .u10-ologo, .ocom-base .u10-ologo {
position: relative;
margin-bottom: .6em;
width: auto;
height: auto
}
.f11 .u10btn, .f11 .u10w3 h5, .ocom-base .u10btn, .ocom-base .u10w3 h5 {
cursor: pointer
}
.f11 .u10w1, .ocom-base .u10w1 {
margin: 0 0 5em 0
}
.f11 .u10w2, .ocom-base .u10w2 {
float: none;
margin-left: 0;
width: 100%
}
.f11 .u10w3, .ocom-base .u10w3 {
margin: 0;
border-top: 1px solid #295d6f;
border-bottom: none
}
.f11 .u10w1 .u10w2:first-child .u10w3:first-child, .ocom-base .u10w1 .u10w2:first-
child .u10w3:first-child {
border-top: 0
}
.f11 .u10w1 h5, .ocom-base .u10w1 h5 {
margin: 0 2.2587269%;
font-weight: 400;
padding: .675em 0;
line-height: 1.5em
}
.f11 .u10w3 ul, .ocom-base .u10w3 ul {
visibility: none;
height: 0;
opacity: 0;
background: #cad9de
}
.f11 .u10w3.u10active ul, .ocom-base .u10w3.u10active ul {
visibility: visible;
height: auto;
opacity: 1;
transition: all ease-in-out .5s
}
.f11 .u10w3 ul li, .ocom-base .u10w3 ul li {
font-size: 14px;
line-height: 1.5em;
padding: .525em 2.2587269%;
border: 0
}
.f11 .u10w3 ul li:last-child, .ocom-base .u10w3 ul li:last-child {
padding-bottom: 1em
}
.f11 .u10w3 ul li, .f11 .u10w3 ul li a, .ocom-base .u10w3 ul li, .ocom-base .u10w3
ul li a {
color: #003b4d!important
}
.f11 .u10w3 ul li a, .ocom-base .u10w3 ul li a {
padding: 0 0;
display: block
}
.f11 .u10w4, .ocom-base .u10w4 {
border-top: 1px solid #295d6f;
height: 1px;
margin-bottom: 2.5em
}
.f11 .u10w4 hr, .ocom-base .u10w4 hr {
background: 0 0!important
}
.f11 .u10w1 h3, .ocom-base .u10w1 h3 {
max-width: 301px;
width: 90%;
height: 14px;
display: block;
margin: 0 auto 1em auto
}
.f11 .u10-ologo a, .ocom-base .u10-ologo a {
margin: 0 auto;
width: 117px;
height: 15px;
background-position: 0 -41px;
background-size: 304%
}
.f11 ul.u10-links, .ocom-base ul.u10-links {
float: none;
text-align: center
}
.f11 ul.u10-links li, .ocom-base ul.u10-links li {
float: none;
text-align: center;
display: inline-block
}
.f11 .u10w1 ul.scl-icons li, .ocom-base .u10w1 ul.scl-icons li {
float: none;
display: inline-block;
margin: 5px
}
.f11 .u10w1 .scl-icons li a, .ocom-base .u10w1 .scl-icons li a {
width: 29px;
height: 28px
}
.f11 .u10w1 .scl-icons li.scl-facebook a, .ocom-base .u10w1 .scl-icons li.scl-
facebook a {
background-position: 0 0
}
.f11 .u10w1 .scl-icons li.scl-twitter a, .ocom-base .u10w1 .scl-icons li.scl-
twitter a {
background-position: -36px 0
}
.f11 .u10w1 .scl-icons li.scl-linkedin a, .ocom-base .u10w1 .scl-icons li.scl-
linkedin a {
background-position: -72px 0
}
.f11 .u10w1 .scl-icons li.scl-googleplus a, .ocom-base .u10w1 .scl-icons li.scl-
googleplus a {
background-position: -108px 0
}
.f11 .u10w1 .scl-icons li.scl-youtube a, .ocom-base .u10w1 .scl-icons li.scl-
youtube a {
background-position: -143px 0
}
.f11 .u10w1 .scl-icons li.scl-feed a, .ocom-base .u10w1 .scl-icons li.scl-feed a {
background-position: -182px 0
}
.f11 .u10w1 .scl-icons li.scl-youku a, .ocom-base .u10w1 .scl-icons li.scl-youku a
{
background-position: -253px 0
}
.f11 .u10w1 .scl-icons li.scl-weibo a, .ocom-base .u10w1 .scl-icons li.scl-weibo a
{
background-position: -218px 0
}
.f11 .u10w1 .scl-icons li.scl-wechat a, .ocom-base .u10w1 .scl-icons li.scl-wechat
a {
background-position: -288px 0
}
.f11 .u10w1 .scl-icons li.scl-otube a, .ocom-base .u10w1 .scl-icons li.scl-otube a
{
background-position: -326px 0
}
.f11 .u10w1 .scl-icons li.scl-github a, .ocom-base .u10w1 .scl-icons li.scl-github
a {
background-position: -366px 0
}
.f11 .u10v3 .u10w2 span .sharewidgetw2, .ocom-base .u10v3 .u10w2
span .sharewidgetw2 {
top: -3.5em
}
}

@media only screen and (min-width:0px) and (max-width:600px) {


.u10v2 .u10w2, .u10v3 .u10w2 {
width: 33.333333333%;
padding: 0 1em 1em;
border-left: 0;
margin: 0 auto
}
.u10v2 {
padding: 1em 0 0
}
.u10fl .u10w1.u104up {
-ms-flex-flow: row wrap;
flex-flow: row wrap!important
}
.u10v2 .u104up .u10w2, .u10v3 .u104up .u10w2 {
width: 50%!important
}
.u10v2 .u10w1, .u10v3 .u10w1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 95.1171876%
}
.u10v3 .u10w8, .u10v3 .u10w9 {
margin: 0!important
}
.u10v3 .u10w8.cwidth {
text-align: center;
margin: 0 auto
}
.u10v3 .u10w8>.u10title, .u10v3 .u10w8>.u10w9>.u10title, .u10v3 .u10w8>.u10w9>h2, .
u10v3 .u10w8>h2, .u10v3.u10fl .u10w8>.u10w9>.u10title, .u10v3.u10fl .u10w8>.u10w9>h
2 {
margin: 0 0 1em
}
.u10fl .u10w8 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.u10fl .u10w8.cwidth {
padding-left: 0;
padding-right: 0
}
.u10v2, .u10v3 {
padding: 1em 0
}
.u10fl .u10w2 {
width: fit-content!important;
-ms-flex-preferred-size: 33.3%;
flex-basis: 33.3%;
border-bottom: 0!important
}
.u10fl .u10w2:nth-child(2), .u10fl .u10w2:nth-child(3), .u10fl .u10w2:nth-child(4),
.u10fl .u10w2:nth-child(5) {
border-bottom: 0!important
}
.u10fl .u10w8 .u10w9 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
align-self: center;
margin-bottom: 1em
}
}
.f01v0 .u10w1 {
padding-left:
19px;
padding-right: 19px;
margin-top: 3em
}
.f01v0 [class*=u10v] h5 {
font-size: 18px;
background: 0 0;
padding-left: 0
}
.f01v0 .u10w3 ul li {
font-size: 15px
}
.f01v0 ul.u10-links li a {
font-size: 13px
}
#Wrapper_FixedWidth_Footer [class*=u10v], .f01v0w1 [class*=u10v] {
width: auto;
margin: 0 -19px
}
@keyframes o-upfade-small {
0% {
opacity:0;
-ms-transform:translateX(-10px);
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
opacity:1;
-ms-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.u02localw1>a>span {
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: left;
color: #000
}
.u02 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,.15)
}
.u02hamenu .m1 {
width: 80%
}
.u02hamenu .m4 {
width: 80%
}
#mobisearch i {
background: #fff
}
.u02hamenu span {
background: #211f1c
}
.u02logos {
flex: 0 0 auto;
position: relative;
width: 34px;
height: 60px;
z-index: 1
}
.o_icon:before {
padding-top: 40%
}
.u02mlinkw1 a, .u02mlinkw1 a:link {
width: 70px
}
.u02logow2 {
width: 126px
}
.u02logos .o_icon::before {
display: block;
content: "";
width: 34px;
height: 22px;
background-image:
url(https://docs.oracle.com/solutions/css/images/utilitybar/oracle-o-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
padding: 0
}

.u02tools .u02ticon>span {
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #3f3a36
}

.u02search #txtSearch::-moz-placeholder {
font-size:14px;
font-weight:400;
font-style:normal;
font-stretch:normal;
letter-spacing:normal;
color:#3f3a36
}
.u02search #txtSearch:-ms-input-placeholder {
font-size:14px;
font-weight:400;
font-style:normal;
font-stretch:normal;
letter-spacing:normal;
color:#3f3a36
}
.u02search #txtSearch::-ms-input-placeholder {
font-size:14px;
font-weight:400;
font-style:normal;
font-stretch:normal;
letter-spacing:normal;
color:#3f3a36
}
.u02search #txtSearch::placeholder {
font-size:14px;
font-weight:400;
font-style:normal;
font-stretch:normal;
letter-spacing:normal;
color:#3f3a36
}

@media only screen and (max-width:670px) and (min-width:0) {


.u02logo {
width: 57px!important
}
.u02logo .o_icon::before {
width: 40px;
height: 40px
}
.u02localw1>a>span {
font-size: 14px
}

@media only screen and (max-width:770px) and (min-width:0) {


.ocom-responsive .u02searchbttn {
height: 20px!important
}
}

@media (max-width:974px) and (min-width:0) {


.ocom-responsive .u02logo {
width: 62px!important
}
}

@media only screen and (max-width:974px) and (min-width:0) {


.ocom-responsive .u02logo {
width: 62px!important
}
.f11v0 .u02w1, .f11v6 .u02w1, .ocom-base .u02w1 {
padding-left: 28px
}
}

@media only screen and (max-width:1476px) and (min-width:0) {


.f11v0 .u02w1, .f11v6 .u02w1, .ocom-base .u02w1 {
padding-left: 38px
}
}

@media only screen and (min-width:1025px) {


.ocom-base ul.u10-links li a {
font-size: 14px
}
}
.u10w1 h3 {
background: 0 0!important
}
.ocom-base * {
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif
}
.ocom-base ul.u10-links li a {
font-size: 12px
}
.f11 .u10w1, .ocom-base .u10w1 {
margin: 0
}

@media only screen and (min-width:1200.1px) {


html.solution.mt .ocom-base .u10-ologo {
margin-bottom: 25px
}
.ocom-base ul.u10-links li a {
font-size: 14px
}
}
#search-bar-container {
order: 3;
width: 100%;
height: 40px;
border: none;
border-radius: 20px;
box-shadow: 0 1px 2px 0 rgba(26,24,22,.2), 0 0 4px 0 rgba(0,0,0,.1);
background-color: #514c47;
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center
}
#search-bar-input {
border: none;
width: 100%;
margin: 0 12px 0 12px;
font-family: inherit;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
background-color: #514c47;
color: #161513
}
#search-bar-input::placeholder {
color:#fcfbfa;
opacity:.7
}
.black-placeholder::placeholder {
color:#161513!important;
opacity:.4
}
#search-bar-input::-ms-clear {
display:none
}
#search-bar-input:-ms-input-placeholder {
color:#fcfbfa;
opacity:.7
}
.black-placeholder:-ms-input-placeholder {
color:#161513!important;
opacity:.4
}
#search-bar-container input:focus {
outline: 0
}
#search-icon {
height: 24px;
display: inline-block
}
#search-icon span {
width: 24px;
height: 24px;
margin: 0 0 0 12px
}
.background-white {
background-color: #fff!important
}
.u02mtool>.u02menu-l1z1 {
right: -3px
}
#u02main>div.u02menu-l1z1 {
top: 112%
}
#u02mainmenu {
top: 109%
}
.u02searchform {
display: inline-flex;
flex-grow: 1
}
[role=banner] {
margin-bottom: 8px
}
.u02logos .o_icon::before {
background-image:
url(https://docs.oracle.com/solutions/css/images/utilitybar/oracle-o-red.svg)!
important;
height: 48px!important;
width: 48px!important
}
.u02mlinkw1 a .u02hamenu {
background:
url(https://docs.oracle.com/solutions/css/images/utilitybar/menu.svg)!important;
background-size: 100% 24px!important;
height: 24px;
width: 24px
}
.u02currentcr .u02cmenu-l2 .u02currentcc:before, .u02currentcr .u02cmenu-l2
a:before, .u02mtool .u02ticon.u02user:after, .u02ticon:before {
background: url(https://docs.oracle.com/solutions/css/images/utilitybar/avatar-
white.svg) center no-repeat!important
}
.u02currentcr .u02cmenu-l2 .u02currentcc:before, .u02currentcr .u02cmenu-l2
a:before, .u02mtool .u02ticon.u02regn:after, .u02ticon:before {
background: url(https://docs.oracle.com/solutions/css/images/ico-domain-
white.svg) center no-repeat!important
}
.u02localw1>a>span {
max-width: 120px
}
#u02, .u02logow1, .u02menu, .u02mlinkw1 {
background-color: #3a3632
}
.u02localw1>a>span, .u02tools .u02ticon>span {
color: #fcfbfa!important
}
.u02w1 {
height: 70px;
margin: 0 auto
}
.u02menu {
margin: 0 15px 0 33px
}
.u02mlinkw1 a, .u02mlinkw1 a:link {
width: 44px!important;
height: 44px;
margin-top: -1px
}
.u02local a, .u02local a:link, .u02local a:visited {
padding-left: 6px;
padding-right: 0
}
.u02local {
width: 133px;
height: 44px;
padding-bottom: 6px;
padding-top: 2px;
flex-shrink: 0;
margin-right: 19px
}
.u02localw1>a>span {
font-size: 24px!important;
font-weight: 300!important;
font-stretch: normal!important;
font-style: normal!important;
line-height: normal!important;
letter-spacing: normal!important;
color: #fcfbfa!important
}
.f11v6 .u02w1, .ocom-base .u02w1 {
max-width: 100%
}
.u02tools a.u02ticon {
padding-left: 10px;
margin-left: 10px
}
.f11 #mobisearch, .ocom-responsive #mobisearch {
display: none
}
#preview-container {
margin: auto;
top: 58px;
z-index: 1;
position: absolute;
background: #fff;
border-radius: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19)
}
#preview-searchall-term {
font-size: 16px;
font-weight: 700;
line-height: 1.25;
color: #1a1816
}
#preview-result-searchall {
text-decoration: none;
padding-bottom: 8px;
padding-top: 12px;
font-size: 16px;
font-weight: 400;
color: #1a1816;
line-height: 1.25;
word-wrap: break-word;
word-break: break-word
}
#preview-result-searchall:hover span {
text-decoration: underline
}
#preview-result-searchall:focus span {
text-decoration: none!important
}
#preview-result-searchall:focus, #preview-result-searchall:hover {
border-radius: 0 0 20px 20px;
outline: 0!important
}

#search-icon-white {
content: url(https://docs.oracle.com/solutions/css/images/utilitybar/search-
icon-white.svg)
}
#results-preview li::after {
outline: 0!important
}
#preview-results-alert {
height: 0;
width: 0;
margin: 0;
overflow: hidden
}
#hr-preview-section, #hr-preview-section-products {
height: 1px;
margin: 0;
background-color: rgba(0,0,0,.1)
}
#preview-listview li:first-child .preview-result-container:first-child {
border-radius: 20px 20px 0 0
}
#error-results-preview, #no-results-preview {
display: flex
}

.preview-hide {
display: none!important
}
.no-results-preview-icon {
margin: 10px 14px 0 15px;
flex-shrink: 0;
align-self: flex-start
}
.no-results-preview-title {
padding: 12px 28px 14px 0;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #1a1816
}
.no-results-preview-text {
padding: 14px 17px 14px 0;
margin-left: auto;
font-size: 12px;
opacity: .6;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
color: #100f0e
}
.preview-title {
margin-right: 14px;
word-wrap: break-word;
word-break: break-word;
max-width: 65%
}
.preview-breadcrumb p {
margin-bottom: 0
}
.preview-breadcrumb {
padding-top: 5px;
font-size: 12px;
color: #100f0e;
opacity: .6;
margin-left: auto;
line-height: 1.33;
text-align: right;
max-width: 35%
}
.preview-rollup {
padding-left: 41px
}
.preview-result-container
{
display: flex;
padding: 13px 14px;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: 400;
line-height: 1.25;
letter-spacing: normal;
color: #1a1816;
outline: 0
}
.preview-result-container:focus, .preview-result-container:hover {
background: #f1efed
}
.preview-result-container:hover .preview-title {
text-decoration: underline
}
.preview-result-container:focus .preview-title {
text-decoration: none!important
}
#search-bar-scope {
max-width: 35%;
max-height: 28px;
margin-left: 9px;
cursor: pointer;
background-color: #2c2926;
border: solid 1px #2c2926;
border-radius: 4px;
outline: 0;
flex-shrink: 0;
display: inline-flex;
flex-direction: row;
align-items: center
}

@media only screen and (max-width:767px) {


#search-bar-scope {
margin-left: 6px
}
}
#search-bar-scope:hover {
border: solid 1px #9d9893
}
#search-bar-scope-book {
margin: 6px!important;
width: 16px;
height: 16px;
flex-shrink: 0;
background-position: center;
background-repeat: no-repeat
}

#search-bar-scope-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: center
}
#search-bar-scope-text:focus {
outline: 0
}
#search-bar-scope-close {
height: 22px;
width: 22px;
outline: 0;
margin: 3px 5px 3px 4px;
cursor: pointer;
border: 1px solid #2c2926;
border-radius: 50%;
padding: 0;
background-color: rgba(80,76,71,.3);
flex-shrink: 0
}
#search-bar-scope-close:hover {
background-color: #504c47
}
#search-bar-scope-close:focus {
border: 1px dotted #fcfbfa
}

#search-bar-scope-tooltip {
width: 214px;
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(26,24,22,.2), 0 0 4px 0 rgba(0,0,0,.1);
background-color: #fff;
padding: 8px 12px 12px 12px
}
#search-bar-scope-tooltip p {
font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
"Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left
}
#search-bar-scope-tooltip .grayed-font {
font-size: 10px;
line-height: 1.6;
color: rgba(49,45,42,.7);
margin-bottom: 4px
}
#search-bar-scope-tooltip .black-font {
font-size: 12px;
line-height: 1.33;
color: #312d2a;
margin-bottom: 0
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {


#error-results-preview .no-results-row, #no-results-preview .no-results-row {
min-width: 165px
}
.u02toolsloggedin, .u02toolsloggedout {
height: 64px!important
}
.u02ulink.new-window {
height: 19px!important
}
.u02local .u02localw1 a:focus {
outline: 0!important
}
.u02local .u02localw1 a:focus span {
outline: 2px dotted #fff!important
}
#search-bar-scope {
height: 28px
}
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-


width:1023px) {
.u02toolsloggedin, .u02toolsloggedout {
height: 46px!important
}
}

@media only screen and (max-width:320px) {


.no-results-preview-icon {
margin-top: 10px!important
}
#no-results-preview {
flex-wrap: wrap
}
#error-results-preview {
flex-wrap: wrap
}
.no-results-preview-title {
padding: 12px 0 6px 0
}
.no-results-preview-text {
margin-left: 0;
padding: 0 25px 15px 60px
}
}

@media only screen and (max-width:500px) {


#u02main {
background-color: #3a3632
}
}

@media only screen and (max-width:499px) {


.u02mobi .u02opened .u02hamenu {
height: 24px;
width: 24px
}
.u02w1 {
height: 52px;
margin: 0 auto
}
.u02logos {
width: 24px!important
}
.u02mlinkw1 a, .u02mlinkw1 a:link {
padding-bottom: 0
}
.u02logos .o_icon::before {
height: 24px!important;
width: 24px!important
}
.u02menu {
margin: 0 1px 0 12px
}
#search-bar-container {
height: 32px
}
#search-bar-input {
font-size: 13.8px;
line-height: 1.16
}
.f11v0 .u02w1, .f11v6 .u02w1, .ocom-base .u02w1 {
padding-left: 12px!important;
padding-right: 13px!important
}
.u02local {
display: none
}
.f11 .u02mtool .u02menu-l1z1, .ocom-responsive .u02mtool .u02menu-l1z1 {
left: 4px
}
}

@media only screen and (max-width:500px) {


#preview-listview a:nth-child(7), #preview-listview a:nth-child(8) {
display: none
}
}

@media only screen and (min-width:500px) and (max-width:767px) {


.u02w1 {
height: 52px;
margin: 0 auto
}
.u02logos {
height: 52px!important
}
.u02logos .o_icon::before {
height: 36px!important;
width: 36px!important
}
.u02menu {
margin: 0 11px 0 11px
}
#search-bar-container {
height: 32px
}
#search-bar-input {
font-size: 13.8px;
line-height: 1.16
}
.f11v0 .u02w1, .f11v6 .u02w1, .ocom-base .u02w1 {
padding-left: 23px!important;
padding-right: 23px!important
}
.u02local {
display: none
}
.f11 .u02mtool .u02menu-l1z1, .ocom-responsive .u02mtool .u02menu-l1z1 {
left: 4px
}
}

.tooltip.bottom {
padding: 5px 0;
margin-top: 3px
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
#search-bar-container div.tooltip-inner {
padding: 0
}
#search-bar-container div.tooltip.in {
opacity: 1
}
#u10 .frame {
text-align: center;
position: absolute;
top: -63px;
right: 42px;
background-color: #fcfbfa;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
html[dir=rtl] #u10 .frame {
text-align: center;
position: inherit;
top: -80px;
right: -37px;
background-color: #fcfbfa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
float: left
}
#feedback {
width: 380px;
height: 63px;
background-color: #fcfbfa;
padding-top: 13px;
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
#q15751 {
top: -5px;
position: relative;
display: inline!important;
font-size: 16px;
color: #1a1816;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
text-align: left;
margin-left: 3px
}
.optBtn {
display: inline-block;
height: 35px;
width: 35px;
background-color: #70665e;
border: none;
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
align-content: center;
border-radius: 50%;
fill: #f7f7f7;
padding: 9px;
margin-top: 2px
}
.optBtn:hover {
background-color: #88786d
}
.optBtn:active, .optBtn:focus {
background-color: #fcfbfa;
border: 2px solid #70665e;
fill: #70665e
}
.optBtn:focus {
margin-top: 0;
padding: 7px
}
.optBtnLike {
margin-left: 24px
}
.optBtnDislike {
margin-left: 10px
}
@-moz-document url-prefix() {
#q15751 {
top:-2px
}
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {


#q15751 {
top: -4px;
margin-left: 1px
}
.optBtnDislike {
margin-left: 8px
}
}

@media only screen and (max-width:500px) {


#u10 .frame {
margin: 0;
left: 0;
top: 0;
right: 0;
position: relative!important;
border-top-left-radius: 0;
border-top-right-radius: 0
}
#feedback {
width: 100%!important
}
}

.flex-auto {
flex: auto
}
.hide-element {
display: none!important
}
#homeContainer {
height: 100%
}
_:-ms-fullscreen, :root #homeContainer {
height:auto
}
.focus-outline {
outline: dotted 2px #312d2a
}
.focus-outline-none {
outline: 0
}
#filterComponent button {
cursor: pointer
}
#filterHeaderContainer {
min-height: 40px
}
_:-ms-fullscreen, :root #filterHeaderContainer {
min-height:41px
}
#filterTextDesktop {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #0f0e0d;
padding: 0 9px 0 11px;
cursor: pointer
}
#filterButtonDesktop {
background: 0 0;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
-webkit-tap-highlight-color: transparent;
flex-shrink: 0;
margin-top: 8px
}
#filterButtonDesktop::-moz-focus-inner {
border:0
}
#filterIconDesktop
{
margin-bottom: -7px;
vertical-align: baseline;
cursor: pointer
}
#filterCloseIcon, #filterOpenIcon {
margin-bottom: -7px;
vertical-align: baseline
}
html[dir=rtl] #filterOpenIcon {
transform: scaleX(-1)
}
#filterMobile {
display: none
}
#filterButtonMobile {
min-height: 44px;
border-radius: 4px;
border: solid 1px rgba(49,45,42,.6);
background-color: transparent;
text-align: left!important;
font-family: inherit;
font-size: 13.8px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.16;
letter-spacing: normal;
color: #161513;
padding: 0;
display: flex
}
#filterButtonMobile:active {
background-color: rgba(49,45,42,.06);
outline: 0
}
#filterButtonMobile:focus {
outline: 0
}
#filterIconMobile {
width: 16px;
height: 16px;
margin: 13px 0 0 12px;
object-fit: contain
}
html:not([dir=rtl]) #filterIconMobile {
margin: 13px 0 0 12px
}
html[dir=rtl] #filterIconMobile {
margin: 13px 12px 0 0
}
html:not([dir=rtl]) #filterTextMobile {
padding: 12px 12px 12px 8px
}
html[dir=rtl] #filterTextMobile {
padding: 12px 8px 12px 12px
}
#filterHeaderMobile {
max-width: 288px;
max-height: 28px;
font-family: inherit;
font-size: 20px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
color: #1a1816;
margin-bottom: 24px
}
#filterDoneMobile {
min-width: 100%;
min-height: 36px;
position: fixed;
z-index: 100;
left: 0;
bottom: 24px;
padding: 0 20px;
text-align: center
}
#filterDoneMobile button {
min-height: 36px;
border: none;
border-radius: 4px;
background-color: #2c2926;
font-family: inherit;
font-size: 13.8px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.16;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin: 0;
box-shadow: 0 0 32px 24px rgba(235,235,235,.993)
}
#filterDoneMobile button:active {
background-color: #4a4540;
outline: 0
}
#filterDoneMobile button:focus {
outline: 0
}
#filterBadgeMobile {
position: absolute;
top: -7px;
width: 18px;
height: 16px;
border-radius: 4px;
background-color: #312d2a;
font-size: 10px;
font-weight: 700;
font-family: inherit;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
padding-top: 2px;
color: #fff
}
html:not([dir=rtl]) #filterBadgeMobile {
right: -9px
}
html[dir=rtl] #filterBadgeMobile {
left: -9px
}
.filter-buttons-container {
margin-left: -3px
}
html:not([dir=rtl]) #filtersAppliedContainer {
margin-left: 14px
}
html[dir=rtl] #filtersAppliedContainer {
margin-right: 14px
}
#filtersAppliedContainer span {
display: inline-flex
}
.filter-types {
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #161513;
opacity: .6;
margin-top: 24px;
margin-bottom: 3px
}
button.filter-button>*, button.filter-remove-button>* {
pointer-events: none
}
button.filter-button {
direction: ltr
}
.filter-button {
font-family: inherit;
background-color: transparent;
border-radius: 16px;
border: dotted 2px transparent;
margin: 2px 1px 0 1px;
padding: 1px
}
.filter-button-content {
background-color: transparent;
border-radius: 16px;
border: solid 1px rgba(49,45,42,.6);
font-size: 13.8px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.16;
letter-spacing: normal;
color: #312d2a;
display: flex;
align-items: center;
height: 32px;
padding: 0 12px
}
.filter-button:focus .filter-button-content {
background-color: transparent
}
.filter-button:hover .filter-button-content {
background-color: rgba(49,45,42,.04)
}
.filter-button-active .filter-button-content, .filter-button:active .filter-button-
content {
background-color: rgba(49,45,42,.06)
}
.filter-button:focus {
border: dotted 2px #312d2a;
outline: 0
}
.filter-button:active {
border: dotted 2px transparent
}
.filter-button-content.filter-button-applied {
margin: 0;
display: inline-flex
}
.filter-button-select {
background-color: #312d2a!important;
color: #fff!important
}
.filter-button-selected .filter-button-content {
background-color: #312d2a;
color: #fff
}
.filter-button-selected:focus .filter-button-content {
background-color: #312d2a
}
.filter-button:hover.filter-button-selected:hover .filter-button-content {
background-color: #3a3631
}
.filter-button-selected:active .filter-button-content {
background-color: #46423f!important
}
.filter-button-disabled {
cursor: default!important
}
.filter-button-disabled:focus {
border: dotted 2px transparent
}
.filter-button-disabled .filter-button-content {
border: none;
background-color: rgba(49,45,42,.05)!important;
color: rgba(49,45,42,.3)!important
}
.filter-button-applied {
background-color: rgba(49,45,42,.06);
margin: 5px 6px
}
html:not([dir=rtl]) .filter-button-applied {
padding-right: 7px;
padding-top: 6px;
padding-bottom: 6px
}
html[dir=rtl] .filter-button-applied {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 7px
}
.filter-button:hover .filter-button-content.filter-button-applied {
background-color: rgba(49,45,42,.08)
}
.filter-remove-button {
height: 22px;
width: 22px;
background: 0 0;
border: dotted 2px transparent;
outline: 0;
padding: 0;
opacity: .6
}
html:not([dir=rtl]) .filter-remove-button {
margin: -2px 0 0 7px
}
html[dir=rtl] .filter-remove-button {
margin: -2px 7px 0 0
}
.filter-remove-button:hover {
opacity: .8
}
.filter-remove-button:focus {
border-radius: 18px;
border: dotted 2px #312d2a;
outline: 0
}
.filter-remove-button:active {
border: dotted 2px transparent
}
.filter-remove-icon {
height: 20px;
width: 20px;
margin-top: -1px;
margin-left: -1px;
vertical-align: baseline;
cursor: pointer
}
#filter-remove-all {
height: 32px;
width: 91px;
border-radius: 4px;
border: solid 1px rgba(49,45,42,.6);
background-color: transparent;
font-family: inherit;
font-size: 12px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #312d2a;
margin-top: 5px;
margin-left: 4px;
margin-bottom: 3px
}
#filter-remove-all:focus {
outline: 2px dotted #312d2a;
outline-offset: 1px
}
#filter-remove-all:active {
outline: 0
}
.filters-container {
background-color: #fff;
position: absolute;
width: 340px;
height: auto;
max-height: 300px;
border-radius: 5px;
z-index: 1
}
.search-filters-checkbox-container {
width: inherit;
overflow: scroll;
max-height: 258px;
border: solid 1px rgba(22,21,19,.3);
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
.filters-checkbox span:focus {
outline: dotted 1px #161513;
outline-offset: 1px
}
.filters-checkbox {
font-size: 1rem;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
cursor: pointer
}
.checkbox-container {
height: 18px
}
html:not([dir=rtl]) .checkbox-container {
padding: 2px 8px 0 0
}
html[dir=rtl] .checkbox-container {
padding: 2px 0 0 8px
}

@media only screen and (min-width:600px) {


#filterHeaderMobile {
display: none
}
}

@media only screen and (min-width:1440px) {


#filtersContainer {
padding-top: 24px;
padding-bottom: 24px
}
#filterDoneMobile {
display: none!important
}
}

@media only screen and (min-width:1024px) and (max-width:1439px) {


#filtersContainer {
padding-top: 24px;
padding-bottom: 24px
}
#filterDoneMobile {
display: none!important
}
}

@media only screen and (min-width:320px) and (max-width:1023px) {


.filter-types-spacing {
margin-top: 25px!important
}
}

@media only screen and (min-width:600px) and (max-width:1023px) {


#filterButtonDesktop {
display: none
}
#filterMobile {
position: relative;
display: inline-block
}
#filterHeaderMobile {
display: block
}
#filtersContainer {
padding-top: 24px;
padding-bottom: 24px
}
#filterSectionsContainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 30;
background-color: #fcfbfa;
overflow-y: scroll;
padding: 12px 24px 12px 24px!important
}
#filterProductsContainer {
margin-bottom: 77px
}
#filterDoneMobile button {
max-width: 300px;
width: 300px
}
.filter-types {
margin-top: 0;
margin-bottom: 19px
}
.filter-buttons-container {
margin-left: -5px
}
.filter-button {
margin: 2px 3px 4px 3px
}
.filter-button-content {
max-width: 552px
}
.filter-button-content>span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}

@media only screen and (max-width:599px) {


#filterButtonDesktop {
display: none
}
#filterMobile {
position: relative;
display: inline-block
}
#filterHeaderMobile {
display: block
}
#filtersContainer {
padding-top: 12px!important;
padding-bottom: 12px!important
}
#filterSectionsContainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 30;
background-color: #fcfbfa;
overflow-y: scroll;
padding: 12px 24px 12px 24px!important
}
#filterProductsContainer {
margin-bottom: 77px
}
#filterDoneMobile button {
max-width: 300px;
width: 300px
}
.filter-types {
margin-top: 0;
margin-bottom: 19px
}
.filter-buttons-container
{
margin-left: -5px
}
.filter-button {
margin: 2px 3px 4px 3px
}
.filter-button-content {
max-width: 272px
}
.filter-button-content>span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
#sortContentResponsive {
display: none
}
#sortContent {
display: flex
}
html[dir=rtl] #sortMenuButton span.oj-ux-ico-sort, html[dir=rtl]
#sortMenuButtonResponsive span.oj-ux-ico-sort {
padding-left: 1rem;
padding-right: 0
}

@media only screen and (max-width:1023px) and (min-width:600px) {


#sortContentResponsive {
display: flex
}
#sortContent {
display: none
}
}

@media only screen and (max-width:599px) {


#sortContentResponsive {
display: flex
}
#sortContent {
display: none
}
}
.organize-tabs-icon-display {
display: flex
}
.count-badge-disabled {
opacity: .4
}

@media only screen and (min-width:1024px) {


html:not([dir=rtl]) .organize-badge-margin {
margin-left: 6px
}
html[dir=rtl] .organize-badge-margin {
margin-right: 6px
}
}

@media only screen and (max-width:1023px) and (min-width:600px) {


.organize-tabs-icon-display {
display: none!important
}
.display-sort-label {
display: none
}
}

@media only screen and (max-width:599px) {


.organize-badge-margin {
margin-left: 0
}
.tabs-display-label {
display: none
}
.display-sort-label {
display: none
}
}
#cardsContent {
padding-bottom: 87px
}
.asset-card {
height: 360px;
min-width: 320px;
width: 320px;
margin: 24px 24px 0 0;
border-radius: 6px;
overflow: hidden;
outline: 0
}

@media only screen and (min-width:1440px) {


#cardsContainer {
padding-right: 62px
}
}

@media only screen and (min-width:1024px) and (max-width:1439px) {


#cardsContainer {
padding-right: 20px
}
}

@media only screen and (min-width:713px) and (max-width:1023px) {


#cardsContainer {
padding-right: 1px
}
}

@media only screen and (max-width:712px) {


.asset-card {
width: 100%!important;
margin-right: 0!important
}
}
.asset-card-vertical-spacing {
margin-bottom: 18px
}
.line-clamp-3, .line-clamp-4 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.line-clamp-3 {
-webkit-line-clamp: 3
}
.line-clamp-4 {
-webkit-line-clamp: 4
}
.asset-card-description-section, .asset-card-title-section, .asset-card-type-
section {
margin-bottom: 18px
}
.asset-card-top-section {
padding: 24px 22px 0 22px;
height: 327px;
position: relative
}
.asset-card-type-section {
height: 1.5rem;
padding: 0 2px;
align-content: center
}
html:not([dir=rtl]) .content-type-icon {
margin-right: 6px
}
html[dir=rtl] .content-type-icon {
margin-left: 6px
}
.content-type-icon.reference-architectures {
color: #587b86
}
.content-type-icon.solution-playbook {
color: #4c825c
}
.card-type {
max-width: 140px
}
.customer-inspired-badge {
position: absolute;
top: 24px;
font-size: 11px
}
html:not([dir=rtl]) .customer-inspired-badge {
right: 0
}
html[dir=rtl] .customer-inspired-badge {
left: 0
}
.asset-card-title-section {
padding: 1px 2px
}
_:-ms-fullscreen, :root .asset-card-title-section {
max-height:calc((28px * 4) + 1px)
}
.asset-card-description-section {
padding: 0 2px
}
.asset-card-description-section span>em {
font-weight: 700;
font-style: normal
}
_:-ms-fullscreen, :root .asset-card-description-section {
max-height:calc(20px * 3)
}
.asset-card-information-section {
padding: 0 2px
}
.asset-card-bottom-section {
height: 33px;
background: #3a3631;
border-radius: 0 0 6px 6px
}

.hide-drawer {
transition: 250ms;
transform: translateY(0)!important
}
.show-drawer {
transition: 250ms;
transform: translateY(-100%)
}
.asset-card-drawer-metadata-released-section {
color: #fff;
margin-bottom: 5px
}
.asset-card-drawer-metadata-title-section {
color: #aea8a2;
display: inline-block
}
.asset-card-drawer-metadata-body-section {
color: #fff
}
html:not([dir=rtl]) .asset-card-drawer-trigger-section {
text-align: right;
padding-right: 21px
}
html[dir=rtl] .asset-card-drawer-trigger-section {
text-align: left;
padding-left: 21px
}
.asset-card-drawer-icon {
color: #fff;
font-size: 14px
}
.asset-card-drawer-trigger-button {
padding: 1px 1px 0 1px;
border: dotted 2px transparent;
border-bottom: none;
background: 0 0;
height: auto;
width: auto;
border-color: transparent;
border-radius: 6px 6px 0 0
}
.asset-card-drawer-trigger-button:focus {
border: dotted 2px #312d2a;
border-bottom: none;
outline: 0
}
.asset-card-drawer-trigger-button:active {
border: dotted 2px transparent
}
.asset-card-drawer-trigger-button>* {
pointer-events: none
}
.asset-card-drawer-trigger-button-content {
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px 6px 0 0;
background: #3a3631;
height: 24px;
width: 40px
}
.asset-card-bottom-border {
height: 6px
}
#loading {
display: flex;
justify-content: center
}
.lds-ellipsis {
display: inline-block;
position: relative;
height: 30px;
width: 65px;
margin-top: 47px
}
.lds-ellipsis div {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #3f3a36;
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.lds-ellipsis div:nth-child(1) {
left: 7px;
animation: lds-ellipsis1 1.4s infinite
}
.lds-ellipsis div:nth-child(2) {
left: 7px;
animation: lds-ellipsis2 1.4s infinite
}
.lds-ellipsis div:nth-child(3) {
left: 37px;
animation: lds-ellipsis2 1.4s infinite
}
.lds-ellipsis div:nth-child(4) {
left: 65px;
animation: lds-ellipsis3 1.4s infinite
}
@keyframes lds-ellipsis1 {
0% {
transform:scale(0)
}
100%, 28% {
transform:scale(1)
}
}
@keyframes lds-ellipsis3 {
0% {
transform:scale(1)
}
100%, 28% {
transform:scale(0)
}
}
@keyframes lds-ellipsis2 {
100%, 28% {
transform:translate(30px, 0)
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box
}
body, html {
height: 100%
}
#globalBody {
height: 100%
}
.clearfix::after {
content: "";
clear: both;
display: table;
}

.dashboardwrapper
{
box-shadow: 0px 2px 5px 0px #ccc;
-webkit-box-shadow: 0px 2px 5px 0px #ccc;
-moz-box-shadow: 0px 2px 5px 0px #ccc;
background:#fff;

}
.menu-wrapper {
position: relative;
width: calc(100% - 320px);
height: 750px;
overflow-x: hidden;
overflow-y: hidden;
float:left;
}
#dashboardContainer{
background:#f6f6f6
url('https://static.oracle.com/cdn/fa/hcm/11.13.20.10.0_201214.150508461/
resources/images/org_background.png') !important;
}
.menu {
height: 770px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
margin:0;
background:#fbf9f8
}
.menu .item {
display: inline-block;
width:100%;
max-width:450px;
height: 100%;
padding: 1em;
box-sizing: border-box;
white-space: normal;vertical-align: top;
position:relative;
transition: transform 0.3s;
transform-origin: left;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.menu .item.contentpreference{transition-delay: 250ms;}
.menu .item.progressHistory{transition-delay: 500ms;}
.menu .item.achievements{transition-delay:750ms;}
.menu .item.aboutyou{transition-delay:1000ms;}
.menu.animatingpanel .item{transform: perspective(2000px) rotateY(90deg);}
.menu.openpanel .item{
transform: perspective(2000px) rotateY(0deg);
}
.menu .item div.stats *, .menu .item div.stats, .menu .contentFilters
*, .menu .listitems *{display: inline-block;}
button [class*="oj-ux-ico-arrow"]{cursor:pointer}
button [class*="oj-ux-ico-arrow"].hidden {
color:#000;cursor:default
}
.profile{width:320px;float:left;height:750px}
.profile .oj-ux-ico-edit, .aboutyou .oj-ux-ico-edit, .contentpreference .oj-ux-ico-
edit, .aboutyou .oj-ux-ico-close{float:right;
cursor:pointer;padding:2px}.achievements{background:#fff}
.personProfileImage {
height: 196px;
width: 196px;
}
.avatarBackground196 {
background:
url(https://static.oracle.com/cdn/fa/hcm/11.13.20.10.0_201214.150508461/resources/
images/ava-color06-196.png);
border-radius: 8px;
}
.padtop{padding-top: 30px;}.label, .profilePersonName strong{font-
size:90%;color:#666;font-weight: 600}
.title4, h4, .stats strong {
font-size: 24px;
line-height: 32px;
display:block;
vertical-align:top;
margin-top:0
}
[class*="rwaccent"]:after {
content: '';
display: block;
width: 40px;
height: 4px;
margin: .9em 0 1em;
background: #F0CC71;
}
.contentpreference{background:#f5f4f2 url(https://www.oracle.com/asset/web/i/rw-
pattern10w.png)}
.tagStyle {
margin: 10px 10px 0 0;
background: #312d2a;
border-radius: 15px;
display: inline-block;
padding: 5px 12px;
color:#fff;
font-weight:normal;
font-size:90%
}.tagStyle.more{background:#6f6964}
.tagStyle .cat{border-right:#6f6c6a 1px solid; padding-right:8px;margin-right:3px}
.item ul, .item ul li{margin:0;padding:0}
.item ul li, hr, h4, ul{width:100%}
.sectionaction{position:absolute;bottom:4em;left:2em;font-weight:bold}
.stats span{font-size: 18px;margin-left: 5px;vertical-align: bottom;color:
#666;font-weight: bold;}
.stats [class*="oj-ux-ico"] {color:#f0a957;font-size:30px}.stats strong{font-
size:30px}
.item .stats{margin-right:1em;margin-top: 1em;}
.progressHistory{background:#fbf9f8}ul.coursecompletedlist{padding-top:2em;font-
size:85%;width:100%}
.coursecompletedlist .colR{width:15%;
float:right;}.coursecompletedlist .colL{width:83%; float:left;margin-right:2%}
.menu .item ul.coursecompletedlist li{position:relative;align-items:
center;display: flex;border-bottom:#ccc 1px solid;padding:1.5em 0; background:
transparent;}
.menu .item ul.coursecompletedlist li:last-child{border:0}
.coursecompletedlist img{width:40px; float:left; margin-right:5px}
.rightcontent{float:left;
width: calc(100% - 45px);} .rightcontent .oj-typography-body-md{width:100%}
.coursecompletedlist .oj-ux-ico-share{font-size:24px;cursor:pointer}
.navarrows{float:right;position:relative;top:25px}.act-arrow-left{margin-right:1em}
hr{margin:1em 0}.item ul.listitems li{margin:0.5em 0}.item ul.listitems{padding-
top:0.5em}
/*.oj-avatar{width:194px;height:200px;display: block;margin-top:60px}.oj-avatar-
initials{font-size:2.5em;font-weight: 400;}*/
h4 .oj-ux-ico-arrow-right{vertical-align:middle;font-size:90%}.contentFilters
li{margin:0.5em 0;background:none}.contentFilters li:hover{background:none}
.full-width-layout {
width: 100%;
}
.full-width-layout.header-vertical-padding, .profile{
padding:48px;
}
.menu .item{height: 750px;padding:56px 48px 24px 48px }
.sectionaction{left:48px}
.aboutyou .oj-ux-ico-edit, .aboutyou .oj-ux-ico-close, .contentpreference .oj-ux-
ico-edit,
.item .oj-ux-ico-arrow-right {
position: absolute;
top:50%;margin-top: -18px;
right:0; font-size: 1.5em; cursor: pointer;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile{width:320px}
.menu-wrapper {width: calc(100% - 320px);}
.full-width-layout.header-vertical-padding, .profile{
padding:24px;
}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
.full-width-layout.header-vertical-padding,.profile{padding:24px}
}
@media only screen and (max-width: 599px) {
.full-width-layout.header-vertical-padding,.profile{padding:16px}
}
@media only screen and (max-width: 767px) {
.aboutyou .oj-ux-ico-edit, .aboutyou .oj-ux-ico-close, .contentpreference .oj-
ux-ico-edit{
top:25px
}
.profile,.menu-wrapper{width:100%;float:none;height:100%}
.menu{overflow:hidden;height:100%}
.menu .item{display:block;height:100%;padding:1em;max-width: 100%;padding:24px
16px}
.sectionaction{position:static;padding:2em 0;left:16px}
.toparrownav{display:none}
}

.social-share-submenu{height: 96px;}
@media only screen and (max-width: 768px) {
.social-share-submenu{height: 114px;}
}
architecture-center-utility-bar:not(.oj-complete) {
visibility: hidden
}
[role=banner] {
margin-bottom: 0!important
}
.u02 {
box-shadow: none
}
nav.u02nav {
box-shadow: 0 2px 10px 0 rgba(0,0,0,.15)
}

@media only screen and (min-width:1600px) {


.f11v0 .u02w1, .f11v6 .u02w1, .ocom-base .u02w1 {
max-width: 1600px
}
}
mylearn-footer:not(.oj-complete) {
visibility: hidden
}
mylearn-footer {
min-height: 50px;
width: 50px
}
.u10-links.u10-min li {
line-height: 2.3
}
html[dir=rtl] #u10 .frame {
position: absolute;
top: -63px;
right: calc(100vw - 430px)
}
html[dir=rtl] .optBtnLike {
margin-right: 24px;
margin-left: 0
}
html[dir=rtl] .optBtnDislike {
margin-right: 10px;
margin-left: 0
}
html[dir=rtl] ul.u10-links>li:first-child a {
padding-left: 20px
}
html[dir=rtl] ul.u10-links>li:nth-child(2) a {
padding-right: 20px;
padding-left: 6.72px
}
html[dir=rtl] ul.u10-links>li.u10last a {
padding-left: 0;
padding-right: 8.96px
}
architecture-center-header:not(.oj-complete) {
visibility: hidden
}
#headerBody {
position: relative;
color: #fff
}
#headerBody.background-image {
background-image:
url(https://docs.oracle.com/solutions/js/jet-composites/architecture-center-
header/1.0.0/min/resources/images/header_BG.png)
}
#headerImage {
position: absolute
}
html:not([dir=rtl]) #headerImage {
right: 0
}
html[dir=rtl] #headerImage {
left: 0;
transform: scaleX(-1)
}

@media only screen and (min-width:1024px) {


#headerBody {
min-height: 210px
}
#headerBody {
min-height: 180px;
}
#headerImage.overlay-offset {
bottom: -24px
}

#headerDescription.header-search-width {
width: 68%
}
}

@media only screen and (min-width:600px) and (max-width:1023px) {


#headerBody {
min-height: 185px
}
#headerImage.header-illustration {
background-image:
url(https://docs.oracle.com/solutions/js/jet-composites/architecture-center-
header/1.0.0/min/resources/images/M_illustration.png);
width: 560px;
height: 185px
}

#headerImage.overlay-offset {
bottom: -21px
}
#headerDescription.header-description-width {
width: 68%
}
#headerDescription.header-search-width {
width: 100%
}
}

@media only screen and (min-width:320px) and (max-width:599px) {


#headerBody {
min-height: 113px
}
#headerImage.header-illustration {
background-image:
url(https://docs.oracle.com/solutions/js/jet-composites/architecture-center-
header/1.0.0/min/resources/images/S_illustration.png);
width: 342px;
height: 113px
}

#headerImage.overlay-offset {
bottom: -13px
}
#headerDescription.header-description-width {
width: 80%
}
#headerDescription.header-search-width {
width: 100% !important;
}
}
.rw-strip:after {
height: 8px;
content: '';
position: absolute;
bottom: 0;
z-index: 3;
width: 100%;
right: 0;
left: 0;
z-index: 3;
background-image:
url('https://static.oracle.com/cdn/fnd/gallery/2110.1.0/images/color-strip-
neutral.png');
background-repeat: repeat-x;
background-size: auto 100%;
}
.oj-ux-ico-notification:before {
font-size: 1.5rem;
content: '\f2f9';
color: #fff;
}
#info-container {
padding-top: .75rem;
width: 100%;
}
#resultsControlsContainer {
padding-top: 1rem;
}
oj-button {
visibility: visible !important;
}
.oj-button.oj-default.oj-button-half-chrome .oj-button-icon.header, .oj-button-
text.header {
color: #fff;
}
.oj-button-toggle.oj-selected.oj-button-half-chrome {
border: solid 1px #fff;
border-radius: 6px;
}
.achievementToSearchButton.oj-button-text-only .oj-button-text{
padding: 0;
}

.achievementToSearchButton .oj-button-label{
padding: 0em 0.5em;
}

#closeDrawerBtn.oj-button-text-only .oj-button-text{
padding: 0.5em 2em;
}

.u02mtool .u02ticon.u02notify:after{ background:


url(https://docs.oracle.com/solutions/css/images/utilitybar/ico-notification.svg)
center no-repeat!important;
}

@media print, screen and (min-width: 0px) {


.dashboardHeaderLineSpacing {
padding-bottom: 0px;
}
}

@media print, screen and (min-width: 1086px) {


.dashboardHeaderLineSpacing {
padding-bottom: 0px;
}
}
.dashboardHeaderLineSpacing .hbar {
width: 40px;
height: 4px;
margin: .13em 0 1.4em;
background: #F0CC71;
}
.oj-button.oj-default.oj-button-cta-chrome .oj-button-button{
background-color: #312d2a;
}
.profile{color:#fff;background:
url('https://static.oracle.com/cdn/fa/hcm/11.13.21.01.0_210329.175517658/
resources/images/profilebackground-desktop.png');}

.contentpreference .ant-select-selection-item-remove{
display: none;
}
.contentpreference [class*=fieldContainer-],
.contentpreference [class^=fieldContainer-],
.contentpreference [class*=fieldContainer-]:hover{
border:0;
padding:0;
background: transparent;
}

.darkTier + span{font-weight: bold;display: block !important;}


.contentpreference .ant-select-selection-item{
margin:5px 5px 0 0;
background: #312d2a;
border-radius: 15px;
display: inline-block;
padding: 5px 12px;
color: #fff;
font-weight: normal;
font-size: 90%;
height:auto;
line-height: normal;
}
.fieldContainer-0-2-9 .darkTier{ background: transparent;}
.item ul.listitems li{background: none;margin:0 !important}
.listitems .ant-radio-button-wrapper,.listitems .ant-radio-button-wrapper:focus,
.ant-radio-button-wrapper:focus-within,
.listitems .ant-radio-button-wrapper
{background: none !important;border: none;color:#ccc im !important;padding:0;box-
shadow:none}
.listitems .ant-radio-button-wrapper-checked{color:#000 !important}
.listitems .ant-radio-button-wrapper::after{
position: relative;font-family: 'ojuxIconFont'!important;content: '\f1e2';
margin-left:10px;vertical-align: middle;
}
.listitems .ant-radio-button-wrapper-checked::after{content: '\f1be';color:green}
.profilePersonName, .profilePersonName strong{color:#fff}
.oj-sp-foldout-panel-content-inner hr{margin-bottom:0}
.oj-sp-foldout-panel-content-inner .oj-listitemlayout-grid{padding-top: 0;}
.menu .item .hide{display: none;}
.fieldContainer-0-2-225 .darkTier{cursor: default;}
h4.rwaccent{font-weight: bold;}
.menu .item .sectionsubheading{
display: block;
font-size: 1.1em;
margin-bottom: 0.5em;
}
.contentpreference .ant-select-selection-search{display: none;}
.oj-btnaction .oj-menu-dropdown{right: 0; top: 45px;display:none}
.oj-menu-dropdown-right{right: 30px !important;}
.oj-menu-dropdown-bottom{right: auto !important; top: auto !important}
.oj-menu-dropdown-top{right: 0; bottom: 60px; top: auto !important}
.article-course-badge-footer{ padding-bottom: 5rem }
@media only screen and (min-width:769px) and (max-width:1024px) {
.article-course-badge-footer{ padding-bottom: 7rem }
}
@media only screen and (min-width:321px) and (max-width:768px) {
.article-course-badge-footer{ padding-bottom: 11rem }
}
@media only screen and (min-width:0px) and (max-width:320px) {
.article-course-badge-footer{ padding-bottom: 12rem }
}
.oj-btnaction:hover .oj-menu-dropdown, .menu .item .oj-menu-dropdown a{display:
block !important;}
.menu .item .oj-menu-item{display: list-item;}
.menu .item .oj-menu-item:hover a{background:#f6f6f6}
a.sectionHeading{display: block;position: relative;}a.sectionHeading:hover{text-
decoration: none;}
a:focus{outline: dotted 2px var(--oj-core-focus-border-color); outline-offset: -
1px;}
.profiletabs .ant-tabs-nav{display:none;}
.topHeader,.colorwhite{color:#fff}
.topsubNav button{margin-left:1em;}.oj-label-group{font-weight: bold;}
.oj-text-field-label-inside.oj-focus:not(.oj-read-only):not(.oj-warning):not(.oj-
invalid) .oj-text-field-container .oj-label{color:#000}
.topsubNav button, .topsubNav button .oj-button-label{color:#fff; border:0;}
.topsubNav oj-button.active_item{border: #fff 1px solid !important;}
.oj-text-field-label-inside
.oj-select-choices{padding:0;}
.ant-select{margin-top: 1em;}.ant-select-multiple .ant-select-selector{margin-top:
1em;}
.ant-select-multiple .ant-select-selection-item{height:auto;border-
color:#665f5b;padding:5px 10px;margin:5px 5px 5px 0;border-
radius:15px;background:#ededed}
.oj-form-control-width-md.oj-select{width:50% !important}
.ant-select-multiple .ant-select-selector::after{display:none !important}
ul.plainlistitems{padding:0 0 2em 0;}ul.plainlistitems li,ul.plainlistitems
li:hover{list-style: none; background: none; margin:0;}
.ant-table-cell .ant-btn-link{padding-left:0}
.ant-table-thead > th:first-child .ant-table-column-sorters{padding-left:0}
.achievementcard oj-sp-profile-card {
/** Allow the uptaker to use redwood padding classes on the component **/
display: block;
word-break: break-all;
}
.achievementcard oj-sp-profile-card:not(.oj-complete) {
visibility: hidden;
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-
profile-card-dimensions {
width: 308px; /* visual spec */
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-
profile-card-header {
min-height: 48px; /* visual spec */
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-
profile-card-header-content {
height: 64px; /* visual spec */
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-body {
height: 276px; /* calculated based on visual spec: 324(card top) - 48(header)
*/
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-badge-container {
height: 50px;
}
.achievementcard oj-sp-profile-card .oj-sp-profile-card-more-actions-menu {
display: none;
}

/** Workaround ER JET-38523/SPECTRAUI-3944, this class can be safely removed when


the ER is complete */
.achievementcard oj-sp-profile-card .oj-sp-profile-card-swipe-
option[disabled='true'] {
opacity: 0.8;
}

/** Workaround ER JET-38523/SPECTRAUI-3944, this class can be safely removed when


the ER is complete */
.achievementcard oj-sp-profile-card .oj-sp-profile-card-swipe-
option[disabled='true'] .oj-sp-profile-card-swipe-action-icon {
opacity: 0.5;
}

.achievementcard oj-sp-profile-card .oj-sp-profile-card-text-truncate {


overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.achievementcard oj-sp-profile-card .oj-sp-profile-card-footer-container {


width: 100%;
max-width: 100%;
}

/** Workaround FA Service limitation


the following classes are here to be flexible with an FA service
that returns initials as a transparent image.
The requirement, is that we render the image on top of the avatar,
so that there is always an avatar background **/
.achievementcard oj-sp-profile-card .oj-sp-profile-card-avatar {
position: relative;
overflow: hidden;
padding: 1px;
}

.achievementcard oj-sp-profile-card .oj-sp-profile-card-desktop-mode .oj-sp-


profile-card-avatar {
border-radius: 0.4rem;
}

.achievementcard oj-sp-profile-card .oj-sp-profile-card-mobile-mode .oj-sp-


profile-card-avatar {
border-radius: 0.2rem;
}

.achievementcard oj-sp-profile-card .oj-sp-profile-card-avatar::after {


content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-image: var(--oj-sp-profile-card-avatar-src);
background-size: cover;
}

/** End of the workaround for FA Service */


.ant-table-thead > tr > th{background:#f6f6f6}

.progressEmptyText {
font-family: 'Georgia';
font-size: 2.5rem;
}

.progressEmpty {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 2.5rem;
padding-bottom: 25rem;
}

.progressEmptyBtn {
width: auto;
font-family: 'Oracle Sans';
background-color: var(--oj-button-call-to-action-chrome-bg-color);
color: var(--oj-button-call-to-action-chrome-text-color);
}
.achievementsConatiner{
min-height: 150px;
}
.ant-table-cell .ant-btn-link{
white-space: break-spaces;
text-align: left;
}
.item.aboutyou .oj-sp-foldout-panel-content-inner{position:
relative;} .item.aboutyou .oj-ux-ico-edit{top:-3em}
@media only screen and (max-width: 1024px) {
.ant-table-tbody>tr>td, .ant-table-thead > tr > th{padding: 4px;font-size:
0.75em;}
}
.share-banner-icon { width: var(--oj-core-spacing-4x); text-align: end; }
@media only screen and (min-width: 600px) { .share-banner-icon { width: var(--oj-
core-spacing-6x); } }
@media only screen and (min-width: 1024px) { .share-banner-icon { width: var(--
oj-core-spacing-10x); } }

.dash-expire-info {
font-weight: 400;
font-size: 80%;
color: #fff;
margin: 0;
}oj-button button:disabled {
color: var(--oj-button-outlined-chrome-text-color-disabled) !important;
border-color: var(--oj-button-outlined-chrome-border-color-disabled) !
important;
background-color: var(--oj-button-outlined-chrome-bg-color-disabled) !
important;
cursor: default;
}.search-box {
margin:0 10px 10px 0;
border-style: none;
border-width: 0px;
padding:5px 19px;
background-color:#47423E;
border-radius: 45px;
border-color: rgba(246, 245, 243, 0.09);
line-height: 39px;
font-weight: normal;
color: #fff;
cursor: pointer;
overflow: visible;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(71,66,62,255);
}
@media screen and (prefers-contrast: more) {
.search-box {
border: 1px solid white;
}
}
@media (inverted-colors) {
.search-box {
border: 1px solid white;
}
}
.search-box .oj-text-field .oj-text-field-container{background: none;border:
none;color: inherit;}
.search-box oj-focus .oj-default .oj-clickable-icon{
color: var(--oj-private-icon-color-default);
}
.search-box.ojis-focus{background-color: #fff;}
.search-box:hover .oj-inputtext-clear-icon{color:#fff}
.search-box.ojis-focus:hover .oj-inputtext-clear-icon{color:#333}
.oracle-logo{position: relative;top: -5px;display: flex; align-items: center}
.search-box input{
font-size: 18px;
font-weight: normal;
color: var(--fontColor);
}
.search-box input::placeholder, #mainsearch span.oj-sp-filter-chip-applied-label,
#mainsearch .oj-ux-ico-close, .oj-inputsearch-search-icon {color: #fff;opacity: 1;}
.search-box.ojis-focus .oj-inputsearch-search-icon{color:#333}
#mainsearch|input::selection {
color: #fff;
background: #1890ff;
}

.search-box .search-icon{
font-size: 22px;
color: var(--fontColor);
margin-right: 0;
vertical-align: middle;
cursor: default;
}

.header-menu .ml-menu{
margin-right: 20px;
margin-top: 5px;
width: 100%;
}

.header-menu .ml-m-item {
cursor: pointer;
width: max-content;
color: var(--fontColor) !important;
padding-bottom: 5px;
}

.header-menu .ml-m-item:hover,.header-menu .ml-m-item.active {


border-bottom: 3px solid;
}

.header-menu .ml-m-item.accounts {
background-color: rgb(86, 80, 76);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: var(--fontColor);
border-color: rgba(246, 245, 243, 0.09);
border-radius: 40px;
padding: 8px 12px 8px 12px;

.header-menu .ml-m-item span.anticon {


font-size: 20px;
}

.header-menu .ml-menu span {


color: var(--fontColor);
}

.head-dashboard{
height: 200px;
background-color: rgba(47, 43, 40, 0.3);
}

.head-dashboard h4, .head-dashboard h5{


color: var(--fontColor);
}

.head-dashboard .profile-section small a {


color: navajowhite !important;
}

.head-dashboard .profile-section{
margin-left: 30px;
margin-top: 30px;
color: var(--fontColor);
}

.head-dashboard .summary-section, .head-dashboard .notification-section{


border-left: 3px solid rgb(212, 187, 120);
margin-top: 60px;
padding-top: 10px;
padding-left: 20px;
height: 80px;
color: var(--fontColor);
}

.head-dashboard .summary-section span{


font-weight: bolder;
}

.head-dashboard .notification-section span{


font-weight: bolder;
color: var(--secFontColor) ;
cursor: pointer;
}

.se-displayIcons i{
font-size: large;
}
oj-sp-header-general-overview .oj-sp-header-general-overview-grid-3{
display: block;
}

oj-sp-header-welcome-banner:not(.oj-complete) {
visibility: hidden;
}

oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-background-
auto):not(.oj-sp-header-welcome-banner-sm) {
display: block;
margin-bottom: 2rem; /* Offset of 32 px when the background is not auto */
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-container {
position: relative;
width: 100%;
min-height: 12.25rem;
background-color: var(--oj-sp-header-welcome-banner-background-color) !
important;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-image-panel {
position: relative;
width: 40rem;
background-color: var(--oj-sp-header-welcome-banner-background-color);
overflow: hidden;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-full-bleed-image-panel {
width: 100%;
background-color: var(--oj-sp-header-welcome-banner-background-color);
}

oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-sm) .oj-sp-header-
welcome-banner-texture {
position: relative;
height: 100%;
overflow: hidden;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-texture::after {
content: "";
position: absolute;
z-index: 0;
top: 0;
width: 40rem;
height: 22rem;
background-image:
url(https://static.oracle.com/cdn/fnd/gallery/2107.1.0/images/illust-welcome-
banner-bg-01.png);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
}

.oj-navigation-guest-account {
display: flex;
flex-direction: column;
}

oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-sm)
.oj-sp-header-welcome-banner-gradient {
-webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10rem, black
100%);
mask-image: linear-gradient(90deg, transparent 0%, black 10rem, black 100%);
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-md .oj-sp-header-welcome-
banner-gradient {
-webkit-mask-image: linear-gradient(90deg, transparent 0%, black 3.125rem,
black 100%);
mask-image: linear-gradient(90deg, transparent 0%, black 3.125rem, black 100%);
}

html[dir=rtl] oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-
sm) .oj-sp-header-welcome-banner-gradient {
-webkit-mask-image: linear-gradient(270deg, transparent 0%, black 10rem, black
100%);
mask-image: linear-gradient(270deg, transparent 0%, black 10rem, black 100%);
}

html[dir=rtl] oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-md .oj-sp-


header-welcome-banner-gradient {
-webkit-mask-image: linear-gradient(270deg, transparent 0%, black 3.125rem,
black 100%);
mask-image: linear-gradient(270deg, transparent 0%, black 3.125rem, black
100%);
}

oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-sm) .oj-sp-header-
welcome-banner-image {
position: absolute;
bottom: -2rem; /* -32 px */
right: 0;
width: 100%;
height: 14.25rem; /* 228 px */
object-fit: cover;
z-index: 1;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-full-bleed-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-scrim-image {
position: absolute;
width: 100%;
height: 100%;
background-size: 100% 100%;
opacity: 1;
pointer-events: none;
mix-blend-mode: var(--oj-sp-header-scrim-opacity);
background-image: var(--oj-sp-header-welcome-banner-scrim-url);
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-image {
position: relative;
height: 100%;
left: -50%;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-background-auto:not(.oj-
sp-header-welcome-banner-sm) .oj-sp-header-welcome-banner-image {
top: 0;
bottom: initial;
height: 100%;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-main-panel {
width: calc(100% - 40rem);
z-index: 1;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-title-panel {
width: 100%;
}
oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-search-panel {
max-width: 37.5rem;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-toolbar-container {
height: 2.75rem;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-toolbar {
padding-bottom: 0;
padding-top: 0; /* overwrite top and bottom padding in oj-toolbar */
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-sm-toolbar {
display: inline-block;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-no-wrap {
white-space: nowrap;
}

/* Medium Size */

/* Medium Size - Image Panel */


oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-md .oj-sp-header-welcome-
banner-image-panel {
width: 45%;
background-color: var(--oj-sp-header-welcome-banner-background-color);
}

/* Medium Size - Main Panel */


oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-md .oj-sp-header-welcome-
banner-main-panel {
width: 55%;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-md .oj-sp-header-welcome-
banner-full-bleed-image-panel {
width: 100%;
background-color: var(--oj-sp-header-welcome-banner-background-color);
}

/* Small Size */

/* Small Size - Image Panel */


oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-image-panel {
width: 100%;
background-color: var(--oj-sp-header-welcome-banner-background-color);
}

/* Small Size - Image */


oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-image-container {
height: 9.25rem; /* 148px */
width: 200vw;
position: relative;
text-align: center;
left: 50%;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-full-bleed-image-container {
height: 9.25rem; /* 148px */
width: 100%;
position: relative;
text-align: center;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-full-bleed-image {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-scrim-image {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.4;
top: 0;
left: 0;
background-size: 100% 100%;
pointer-events: none;
background-image: var(--oj-sp-header-welcome-banner-scrim-url);
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm.oj-sp-header-welcome-
banner-background-auto .oj-sp-header-welcome-banner-image-container,
oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm.oj-sp-header-welcome-
banner-background-auto .oj-sp-header-welcome-banner-image {
object-fit: cover;
right: initial;
width: 100%;
}

oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-container {
min-height: 9.25rem; /* 148px */
}

/* Small Size - Main Panel */


oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-header-welcome-
banner-main-panel {
width: 100%;
background-color: var(--oj-sp-header-welcome-banner-background-color-darker-
shade);
}
oj-sp-header-welcome-banner .oj-color-invert .oj-text-field-container {
background-color: rgba(var(--oj-palette-neutral-rgb-190), 0.2);
}

/** RTL **/


html[dir=rtl] oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-
header-welcome-banner-image {
left: initial;
right: -50%;
}

html[dir=rtl] oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-
sm) .oj-sp-header-welcome-banner-image {
right: initial;
left: 0;
}

html[dir=rtl] oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-


header-welcome-banner-image-container {
left: initial;
right: 50%;
}

html[dir=rtl] oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-
sm) .oj-sp-header-welcome-banner-scrim-image {
left: initial;
transform: scaleX(-1);
}

html[dir=rtl] oj-sp-header-welcome-banner.oj-sp-header-welcome-banner-sm .oj-sp-


header-welcome-banner-scrim-image {
left: initial;
transform: scaleX(-1);
}
oj-sp-header-welcome-banner:not(.oj-sp-header-welcome-banner-background-
auto):not(.oj-sp-header-welcome-banner-sm){margin-bottom: 0;}
.topprefrencebar{padding:28px 0;background:#1e5b72;color:#fff}
.displaynoflex{flex:none;display: inline-block;padding-right:40px;}
oj-sp-header-welcome-banner#oj-sp-header-banner-1{background:#5F91A4
url('https://education.oracle.com/file/general/welcome-banner-bg-sm.png?v2') no-
repeat !important; background-size: cover!important;}
.prefernceButton{text-align: right;}
@media screen and (min-width:1024px) {
.paragraphtext{width:70%}.search-chips {margin-left:12%;}
}
@media screen and (max-width:768px) {
oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-main-panel{
width:100%
}
.oj-sp-header-welcome-banner-image-panel{display: none;}
oj-sp-header-welcome-banner#oj-sp-header-banner-1{background-image: none !
important;;}
.prefernceButton{text-align: left;}
.oj-block{display: block;}
.topsubNav{margin:1em 0;}.topsubNav button{margin:0 10px 0 0}
.oj-form-control-width-md.oj-select{width: 100% !important;}
}
@media screen and (max-width:567px){
.topsubNav button{padding:0;font-size: 12px; }
.topsubNav button .oj-button-label{text-decoration:underline;height:auto}
.topsubNav button.active_item,.topsubNav button.active_item .oj-button-
label{display: none;}
#dashboardContainer{width: auto;}
.search-box{padding:0 5px;margin-top: 6px;}
.search-box .oj-text-field-container.oj-text-field-has-start-slot .oj-text-field-
input{padding:5px}
}
.ant-tabs-tab-btn,.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:
bold;}
.ant-tabs-tab.ant-tabs-tab-active{border-bottom:#658255 4px solid}
.ant-tabs-top > .ant-tabs-nav::before{border-bottom:#e4e1dd 3px solid}
.topprefrencebar .tagStyle,
.topprefrencebar .oj-button.oj-default.oj-button-outlined-chrome .oj-button-
button
{background: transparent;border:#a5bdc7 1px solid}
.topprefrencebar .text-color-secondary, .topprefrencebar .tagStyle{color:#fff !
important}
.topprefrencebar .oj-button.oj-default.oj-button-outlined-chrome .oj-button-
button{color:#fff !important}
.oj-actioncard, .oj-actioncard:hover{
box-shadow:0px 0px 10px 3px rgb(0 0 0 / 10%) !important
}
.carouselsection{position:relative;}
.carouselsection .anticon{font-size:3em; position:absolute; top:50%; z-index:
1024;margin-top:-20px}
.carouselsection .anticon.anticon-left-circle{left:-20px}
.carouselsection .anticon.anticon-right-circle{right:0}
.lsTile{border-radius:5px; margin:0;color:#fff;height:100%;min-
height:105px;display:flex;padding:0 20px;flex-direction: column;
justify-content: center;position:relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 /
30%);}
.lsTile>div{width:100%}
.lsTile>div.backgroundImage{
background-image:url('https://objectstorage.us-phoenix-1.oraclecloud.com/n/
axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV%2FNeutral_Generic.png');background-
size: cover;
height:100%;position:absolute;z-index:0;opacity:0.1;top:0;left:0;mix-blend-mode:
overlay;background-position:
50% 50%;
background-repeat: no-repeat;}
.lsTile>div.backgroundImage.CX{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FOcean_Netsuite.png');}
.lsTile>div.backgroundImage.SCM{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FSienna_SCM.png');}
.lsTile>div.backgroundImage.Finance{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FTeal_Finance.png');}
.lsTile>div.backgroundImage.GBU{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FLilac_GBUs.png');}
.lsTile>div.backgroundImage.Data{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FSlate_Database.png');}
.lsTile>div.backgroundImage.HCM{background-image:url('https://objectstorage.us-
phoenix-1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img/DEV
%2FRose_HCM.png');}
.ant-carousel .slick-next::before, .anticon-left-circle, .anticon-right-
circle{font-size: 3em;color:#000;}
.anticon.slick-disabled{display:none !important;}
.ant-carousel .slick-arrow,.ant-carousel .slick-arrow:hover,.ant-carousel .slick-
arrow:focus{color:#000;background: inherit;}
.slick-list{padding-left:0}
.seeAll{margin:0 1em;font-weight: bold;float:right;}
.oj-button.seeAll button.oj-button-button{border-color: #fff !important; padding: 0
!important;}
.seeAllLink{font-weight: bold; vertical-align: super;margin-
left:15px;cursor:pointer}
/*.ant-carousel .slick-list .slick-slide.slick-active[data-index="0"]{
margin-left:-50px
}*/
.ant-tabs{overflow: visible;}
.slick-slide oj-sp-object-card {
margin:1rem 1rem 1rem 0;
}
.mylearn{display: inline-block; vertical-align: middle;}
@media screen and (max-width:1023px) {
.ant-carousel .slick-list .slick-slide.slick-active[data-index="0"] {margin-left:
0;}
.oj-typography-body-lg.mylearn{font-size: 85% !important;margin-top: -16px;}
}
.add-preference-cta {text-align: right;}
.oj-color-invert a{color: #fff;}

.navlistcontainer .oj-flex-bar{padding-top:10px}
.navlistcontainer .ant-input-affix-wrapper{padding:0; position: relative; top: -
3px;}
/*.navlistcontainer .oj-avatar{width:30px; height:30px; margin:0;}
.navlistcontainer .oj-avatar-initials{font-size:0.85em;}*/
h1.oj-header {color: #fff;}
.navlistcontainer .oj-navigationlist-item-icon{font-size: 1.1rem;}
.navlistcontainer .oj-navigationlist-item-label{font-size:14px;font-weight:normal}
.profiledropdown{min-width:320px;}
.profiledropdown ul{margin:0;padding:0}
.profiledropdown ul li{border-bottom:#ccc 1px solid;list-style:
none;background:none}
.profiledropdown ul >li:last-child{border:none}
.profiledropdown li>div{padding:1em}
.profiledropdown a, .profiledropdown a:visited{color:rgb(98, 180, 207);margin-
bottom: 5px;display:inline-block}
.ant-drawer-content .header-menu .ml-menu ul, .ant-drawer-content li, .ant-drawer-
content li:hover{background: transparent;}
.megamenu{color:#fff;}
.menuitems{width:100%} .megamenu .oj-flex-item{max-width:50%;}
.megamenu ul{padding:0;margin:1em 0 2em 0}
.megamenu ul li{list-style: none; margin:5px 0} .megamenu a{color:#fff}
.librarymenu.ant-drawer-open{width:100% !important;top:55px;}
.mobile-overlaymenu .ant-drawer-wrapper-body{background:rgb(49, 45,
42);color:#fff;padding:0}
.oj-navigationlist-item:hover {background-color: var(--oj-navigation-list-item-bg-
color-selected);
border-color: var(--oj-navigation-list-item-border-color-selected);}
.oj-navigationlist-item:hover a.oj-navigationlist-item-content .oj-navigationlist-
item-label,
.oj-navigationlist-item:hover a.oj-navigationlist-item-content .oj-navigationlist-
item-icon,
.mobile-overlaymenu a.oj-navigationlist-item-content .oj-navigationlist-item-label,
.mobile-overlaymenu .oj-navigationlist-item-icon,
.mobile-overlaymenu .ant-drawer-close, .oj-ux-ico-library{
color:#fff;
}
.mobile-overlaymenu .oj-navigationlist-item-icon{margin-right:0.50em;}
.draweropen{overflow-y: hidden;}
.industryrecognition p{width:60%;margin:1.5em 0} .industryrecognition .oj-
button.oj-default.oj-button-cta-chrome .oj-button-button{padding:0;background:
#fff;color:#000; border-color:#333;font-weight:bold}
.industryrecognition .oj-panel{height:100%; background-size: contain;background-
repeat: no-repeat;background-position: top right;}
.explore-free{background:#fef9f2 url('https://objectstorage.us-phoenix-
1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img%2FDEV%2FInfrastructure-
5.png');}
.explore-certification{background:#aeccd4 url('https://objectstorage.us-phoenix-
1.oraclecloud.com/n/axdnydvy8b2d/b/BCKMLPHXDEV_IMAGES/o/img%2FDEV%2FCollaboration
%201%201.png')}
.search-box .oj-sp-filter-chip .oj-sp-filter-chip-applied-label{margin-left:5px ;}
@media screen and (min-width:567px) and (max-width:1024px){.oracle-logo{top:0}}
@media screen and (max-width:768px) {
.profiledropdown{width:100%;border-radius:0;}
.ant-dropdown{width:100% !important}
.mobile-overlaymenu .ant-drawer-content-wrapper{width:100% !important}
.industryrecognition p{width:100%}
.explore-free{margin-top:1em}
.sm-margin-bot-1{margin-bottom:2em}
.add-preference-cta {text-align: center;}
.search-box input{font-size: 12px;}
.search-box .search-icon{font-size: 15px;position: relative;top: -2px;}
.search-box .oj-sp-filter-chip .oj-sp-filter-chip-applied-label, .search-box .oj-
sp-filter-chip .oj-sp-filter-chip-divider{display: none;}
.megamenu{background:rgb(43,32,31)
url('https://static.oracle.com/cdn/fnd/gallery/2110.2.0/images/comp-vertical-
overview-texture-neutral-sm.png') no-repeat 0 0 !important;background-size: contain
!important;}
.megamenu .oj-flex-item{max-width:100%;}
.industryrecognition .oj-panel{padding-bottom: 180px !important;background-
position: bottom center;}
.industryrecognition .oj-panel.explore-free{background-position: center 250px;}
.search-box .oj-inputtext-clear-icon-btn{width:18px !important}
}
#mainpage{position: relative;}
oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled).oj-active .oj-sp-
filter-chip-chrome {
background-color: rgb(34, 126, 158);
border-color: rgb(34, 126, 158);
margin: 0 1em 0 0.5em;
}
.search-chips .oj-sp-filter-chip span.oj-sp-filter-chip-applied-label, .ant-input-
prefix .oj-sp-filter-chip span.oj-sp-filter-chip-applied-label{color:#fff}
.set-max-width{max-width: 1846px; margin: auto;}
#oj_sfs1_h oj-checkboxset{padding: 0;}
#oj_sfs1_h_smartfilters .search_ref_filters{display: inline-block;}
#oj_sfs1_h_smartfilters .ant-collapse-borderless, #oj_sfs1_h_smartfilters .ant-
checkbox-wrapper{background: none;color:#fff}
#oj_sfs1_h_smartfilters .oj-collapsible-header,
#oj_sfs1_h_smartfilters .oj-choice-item, #oj_sfs1_h_smartfilters .oj-radiocheckbox-
icon{display: none;}
#oj_sfs1_h_smartfilters .oj-choice-item.oj-selected{display: flex;}
#oj_sfs1_h_smartfilters .ant-collapse-borderless > .ant-collapse-item{border: 0;}
#oj_sfs1_h_smartfilters .ant-collapse-content > .ant-collapse-content-
box{padding:0}
#oj_sfs1_h_smartfilters .oj-checkbox-label{margin: 0;padding:5px 5px 0 5px;cursor:
pointer;}
#oj_sfs1_h_smartfilters .oj-choice-item.oj-selected{ background-color: rgb(34, 126,
158);
border-color: rgb(34, 126, 158); margin: 0 1em 0 0;border-radius:4px;
padding:4px}
#oj_sfs1_h_smartfilters .search_ref_filters.oj-sm-padding-3x-top,
#oj_sfs1_h_smartfilters .search_ref_filters.oj-sm-margin-6x-horizontal,
#oj_sfs1_h_smartfilters .search_ref_filters.oj-sm-margin-2x-vertical{margin: 0!
important;padding: 0!important;}
#oj_sfs1_h_smartfilters .oj-radiocheckbox-label-text::after {
font-family: 'ojuxIconFont'!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
content: '\f1e2';
vertical-align: middle;
font-size: 20px;
margin-left: 10px;
}
#oj_sfs1_h_smartfilters .refine-section-container, #oj_sfs1_h_smartfilters .oj-
button-sm{height: auto;background: none;display: inline-block; vertical-align:
middle;margin:0}
#oj_sfs1_h_smartfilters .oj-button-button{padding:6px;width: auto;}
#oj_sfs1_h_smartfilters .search_ref_filters{border: none;}
.oj-button-toggle.oj-selected{cursor: default;}

body, body:hover, *{
scrollbar-width: auto !important;
scrollbar-color:auto
}
:hover {
scrollbar-color: auto !important
}
::-webkit-scrollbar {
width: auto;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: auto;
-webkit-border-radius: auto;
border-radius: auto;
background:auto;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius:auto;
border-radius:auto;
background:auto;
-webkit-box-shadow:auto;
}
::-webkit-scrollbar-thumb:window-inactive {
background: auto;
}
.recentlyadded-section .ant-carousel .slick-list{ height: 100% !important;}
oj-action-card .seeAlldate{position:absolute;bottom:30px;font-weight: bold;}

#headerProfileDropdown.oj-hover{background: none;}
#headerProfileDropdown button, #headerProfileDropdown button oj-avatar{padding:0}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
color: #000;
text-shadow: 0 0 .25px currentColor;
}
.ant-tabs-ink-bar{background: #658255 !important;}
.oj-navigationlist-element a:hover{text-decoration: none;}
.oj-navigationlist-element a:hover{text-decoration: none;}
.profiledropdown{font-size: 14px;}.oj-menu-item{height: 35px;}.oj-menu-
item:not(.oj-disabled).oj-focus > a{background:none;}
.profiledropdown slot .pad-left, .profiledropdown .pad-left{padding-left: var(--oj-
menu-text-to-edge-padding); margin-top: 0.5em;}.profiledropdown slot span.pad-
left{display: inline-block;}
.profiledropdown slot.pad-left{display: block;padding-left: var(--oj-menu-text-to-
edge-padding);padding-right: var(--oj-menu-text-to-edge-padding);}
#mainnav
.oj-navigationlist-item.oj-navigationlist-item-last-child {
margin-inline-end: var(--oj-navigation-list-item-margin);
}
.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected)
{background: none;}

a.oj-tabbar-item-content{text-decoration: none;color: var(--oj-tab-bar-item-label-


color);
font-weight: var(--oj-tab-bar-item-font-weight);font-size: var(--oj-tab-bar-item-
font-size);
text-align: center;-webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-
select: none;}
.oj-tabbar-item-label+.oj-tabbar-item-label,.oj-tabbar-item-label:empty{display:
none;}
.oj-tabbar-listview-container::before{
border-bottom: #e4e1dd 3px solid;position: absolute;
right: 0;
left: 0;
content: ''; bottom: 0;z-index: 0;
}
li.oj-tabbar-item-element, oj-tab-bar{position: relative;}
#profileTabs .oj-tabbar-listview-container::before{display: none;}
.oj-text-field .oj-text-field-input::selection, .oj-text-field .oj-combobox-
input::selection, .oj-text-field .oj-select-chosen::selection {
background-color: lightblue;color:#000
}
@media screen and (max-width:820px) {.mylearn{display: none;}}
a.logosection:hover{text-decoration: none;}

.mlmenu-list-container {
display: flex;
flex-direction: row;
}
.mlmenu-list-item {
margin-inline-end: var(--oj-navigation-list-item-margin);
box-sizing: border-box;
min-height: 2.75rem;
display: flex;
align-items: center;
border-style: solid;
border-width: 0 0 var(--oj-private-navigation-list-item-border-width) 0;
border-color: var(--oj-core-bg-color-content);
}
.mlmenu-list-item-selected {
border-color: var(--oj-navigation-list-item-border-color-selected);
}
.mlmenu-list-item > a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
padding-bottom: 2px;
}
.mlmenu-list-item-selected > a { color: #fff; }
.mlmenu-list-item-selected .oj-navigationlist-item-icon { color: #fff; }
.mlmenu-list-item:not(.mlmenu-list-item-selected) > a { color: var(--oj-navigation-
list-item-label-color); }
.mlmenu-list-item:not(.mlmenu-list-item-selected) .oj-navigationlist-item-icon
{ color: var(--oj-navigation-list-item-label-color); }
.mlmenu-list-item:hover > a { color: #fff; }
.mlmenu-list-item:hover .oj-navigationlist-item-icon { color: #fff; }

.mlmenu-list-container.mlmenu-start{
flex-direction: column;
width: 100%;
}
.mlmenu-start .mlmenu-list-item{
padding-left: 21px;
height: 48px;
margin: 0px;
cursor: pointer;
border-width: 0 0 0 var(--oj-private-navigation-list-item-border-width);
}
.mlmenu-start .mlmenu-list-item > a {
flex-direction: row;
padding-bottom: 0px;
}
.mlmenu-start .mlmenu-list-item-selected { background-color: var(--oj-core-bg-
color-active); }
.mlmenu-start .mlmenu-list-item:hover{ background-color: var(--oj-core-bg-color-
hover); }
.mlmenu-start .mlmenu-list-item .oj-navigationlist-item-icon { padding-right: 10px;
}
.skill-up-content h2 {
margin: 0;
font-size: 2em;
font-family: "Oracle Sans";
font-weight: bold;
color: #0F0E0D;
}

.image-wrapper {
width: 20%;
}

.image-wrapper img {
width: 70%;
}

.filter-chips-wrapper {
width: 50%;
}

@media (max-width: 768px) {


.skill-up-content h2 {
font-size: 1.5em;
line-height: 2em;
}
}

@media (max-width: 1024px) {


.skill-up-content h2 {
font-size: 1.75em;
line-height: 2.25em;
}
}.lsTile oj-color-invert a:hover {
text-decoration: none;
color: inherit;
}#digitalLibrary li a {
color: black;
}

#digitalLibrary a:focus, a:hover {


text-decoration: underline;
outline: none;
color: initial;
}

#digitalLibrary li:hover {
background-color: transparent;
}

#digitalLibrary li {
list-style: none;
background-color: transparent;
padding: 0.3em 0;
line-height: 1.4;
}

#digitalLibrary ul {
padding-left: 20px;
margin-bottom: 30px;
}
.hide{display:none}
.search-res-cont{
border: 1px dotted green;
margin-top: 10px;
border-radius: 5px;
}

.searchresult-section{
padding-left: 45px;
padding-top: 25px;
}

.refine-section{
padding-top: 25px;
padding-left: 15px;
min-height: 500px;
pointer-events: auto;
display: inline;
border-style: solid;
background-color: rgb(255, 255, 255);
border-width: 0px;
overflow: visible;
border-color: rgb(38, 34, 33);
z-index: 0;
box-shadow: rgba(155, 155, 155, 0.62) 3px 2px 7px;
}

.search_res_sec{
margin-bottom: 20px;
}

.sr_resFor{
font-size: large;
}

/**
.se-displayIcons{

}
**/
.se-displayIcons {
display: flex;
}

.se-displayIcons button {
border: 1px solid;
border-radius: 2px;
}

.se-displayIcons button:last-child {
border-left: 0px;
}

.se-displayIcons button.active {
background-color: white;
border: 1px solid;
border-radius: 2px;
}

.se-displayIcons button.active:last-child {
border-left: 0px;
}

.se-displayIcons i {
font-size: large !important;
}

@media (max-width: 768px) {


.se-summ-head {
margin-top: 10px;
}
}

.se-summ-head h2{
margin-bottom: 0;
}

.search_ref_header{
margin-bottom: 20px;
}

.search_ref_filters{
margin-bottom: 1px;
}

.search_ref_filter_buton{
pointer-events: auto;
position: absolute; z-index: 36;
border-style: solid;
padding: 8px 8px 8px 34px;
border-width: 1px;
user-select: none;
transform-origin: 50% 50%;
border-radius: 4px;
border-color: rgba(33, 30, 28, 0.31);
line-height: 12px;
display: inline;
overflow-wrap: break-word;
font-family: "Noto Sans";
font-size: 14px;
text-align: left;
font-weight: normal;
color: rgb(16, 15, 0);
cursor: pointer;
overflow: visible;
width: 157px;
top: 13px;
left: 9px;
}
.se-summ-head h2 {
margin-bottom: 0;
font-size: 1.6em;
font-weight: bold;
}
.oj-listview-card-group li, .oj-listview-card-group li:hover{background: none;}
oj-sp-smart-filter-search .oj-sp-smart-filter-dashboard-inner-wrapper > * {
margin: 0;
}

samp{font-weight: bold;}
#filtersection .ant-checkbox-group, #filtersectionv .ant-collapse-borderless{
background:#fdfcfc;
}
.ant-collapse-header-text{display: block;}
#filtersection .ant-collapse-borderless{padding:1em 2em}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-
header{padding:12px 0}
#filtersection .ant-collapse-content > .ant-collapse-content-box{padding:0 0 16px
0;}
#filtersection > .search_ref_filters:first-child .ant-collapse-borderless{
padding-top: 0;
}
oj-sp-smart-filter-search .oj-sp-smart-filter-dashboard-wrapper {
max-width: 275px;
}
.buttonpanel{
position: sticky;
bottom: 0;
width:99%;
background: #fff;
text-align: center;
padding:1em;
}
.buttonpanel oj-button{width:100%}
.overflowText{display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}
.oj-navigationlist-toolbar, .filterPanel{
background:#f1efed
}
#oj-sp-card-footer-1_more1:focus-within {
border: 1px dashed blue;
transform: scale(1.02);
}
.oj-pagingcontrol-nav-next:focus-within{
border: 1px dashed blue;
}
.oj-pagingcontrol-nav-last:focus-within{
border: 1px dashed blue;
}
.oj-pagingcontrol-nav-page > span:focus-within {
border: 1px dashed blue;
}
.oj-pagingcontrol-nav-previous:focus-within {
border: 1px dashed blue;
}
.oj-pagingcontrol-nav-first:focus-within {
border: 1px dashed blue;
}
.oj-navigationlist-current-header{
text-align: left;
padding-left: 2em;
}
.ant-checkbox-wrapper{color: rgb(22, 21, 19);margin-bottom: 5px;display: flex;
align-items: center;}
@media only screen and (max-width:1024px) {
.se-summ-head h2 {font-size: 1.3em;}
}

.oj-inputtext-input{
background-color: transparent;
border: none;
}
.oj-scrollbar-force::-webkit-scrollbar, body::-webkit-scrollbar{
background-color: #fff;
}

.oj-scrollbar-force::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{
background-color: #a9a9a9;
/*var(--oj-scrollbar-thumb-color-hover);*/
}

.oj-scrollbar-force::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
background-color: #fff;
}

:hover::-webkit-scrollbar-thumb {
background-color: #a9a9a9;
}

:hover::-webkit-scrollbar-track {
background-color: #fff;
}

.empty-search-results {
height: calc(100vh - 16em);
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 5vh;
}

.empty-search-results ul li {
background: none;
}

@media (min-width: 768px) {

.empty-search-results ul {
margin-left: 5rem;
margin-top: 1rem;
}
}

@media (max-width: 767px) {


.empty-search-results-container {
margin-left: 1rem;
}
}
.search-box oj-sp-filter-chip .oj-sp-filter-chip-applied:not(.oj-disabled).oj-
active .oj-sp-filter-chip-chrome {
background-color: rgb(34, 126, 158);
border-color: rgb(34, 126, 158);
margin:0.5em 0 0 1em;
}
.oj-button-toggle.oj-selected.oj-button-outlined-chrome{opacity:
0.5;color:#666}.refine-section-container {
margin-top: 1em;
}
#filtersection{background-color: #fafafa;}
#showMoreFiltersButton {
font-weight: 400;
height: auto;
margin-bottom: 0;
}

@media (max-width: 1024px) {


.refine-section-container {
margin-top: 0;
background: whitesmoke;
}

.refine-section-container .refine-section-sm-header {
display: flex;
flex-direction: row;
height: 60px;
width: 100%;
background: #f1efed;
}

.refine-section-container .back-button {
height: 100%;
}

.refine-section-container .back-button button {


height: 100%;
background: transparent;
border: none;
margin-left: 10px;
}

.refine-section-container
.back-button button svg {
color: black;
}

.refine-section-container .filter-count {
width: 100%;
}

.refine-section-container .filter-count span {


display: block;
text-align: center;
margin-right: 15%;
margin-top: 1rem;
font-weight: bold;
}

.refine-section-container .refine-section-sm-cta {
position: sticky;
bottom: 0;
width: 100%;
height: 125px;
background: white
}

.refine-section-container .refine-section-sm-cta button {


width: 95%;
height: 40px;
margin: 10px 10px 10px 10px ;
border-radius: 5px;
}

.refine-section-container .refine-section-sm-cta button:first-of-type {


border: 1px solid;
font-weight: bold;
}

.refine-section-container .refine-section-sm-cta button:last-of-type {


color: white;
background-color: #312d2a;
}

}
.search_ref_filters {border-bottom: #ccc 1px solid;}

.showLessActive > .oj-checkboxset-wrapper > span.oj-choice-item:nth-child(n+10) {


display: none;
}
.search_ref_filters .oj-radio-label, .oj-checkbox-label {
font-size: var(--oj-typography-body-sm-font-size);}.story-header-section-row {
display: flex;
}

.story-header-section-left-column {
width: 75%
}

.story-header-section-right-column {
width: 25%
}
.story-header-section-right-column oj-button{
float: right;
}

.story-header-section-container .story-header-section-row .story-header-section-


left-column p.oj-header-description {
margin-top: 1rem;
}

@media screen and (max-width:786px) {


.story-header-section-row {
display: block;
}
.story-header-section-left-column, .story-header-section-right-column {
width: 100%
}
.story-header-section-right-column oj-button{
float: none;
}
}.story-content-section-container {
padding: 1em;
}

.story-content-section-row {
display: flex;
}
.story-header-section-left-column{
white-space: normal;
}
.story-content-section-left-column {
width: 20em;

background-color: gray;
}

.story-content-section-right-column {
width: 100%;
background-color: gainsboro;
}

.available-learning {
margin-top: 1rem;
margin-left: 1rem;
}

.story_ref_filters{
margin-bottom: 1px;
}

.se-displayIcons {
display: flex;
}

.se-displayIcons button {
background-color: #f1efed;
border: 1px solid;
border-radius: 2px;
}

.se-displayIcons button:last-child {
border-left: 0px;
}

.se-displayIcons button.active {
background-color: white;
border: 1px solid;
border-radius: 2px;
}

.se-displayIcons button.active:last-child {
border-left: 0px;
}

.loading-carousel {
filter: blur(2px);
}

.se-displayIcons i {
font-size: large !important;
}
.story_ref_filters .oj-ux-ico-plus, .story_ref_filters .oj-ux-ico-minus{font-size:
12px;}
#storypage .oj-sp-public-primary-content-container{background-color:#fff;}
.storyHeader .oj-progress-bar-value{ background: #ccc !important;}#filtersection{z-
index: 1027;}
.widthcontrl{max-width: 320px;}

.filter-count {
width: 100%;
}

.filter-count span {
display: block;
text-align: center;
margin-right: 15%;
margin-top: 1rem;
font-weight: bold;
}.onboarding-wrapper {
width: 100%;
min-height: 600px;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
flex-direction: column;
}

.onboarding-wrapper .oracle-icon {
margin-left: 20%;
margin-top: 5%;
}

.onboarding-wrapper .oracle-icon i {
font-size: 7em;
}

.onboarding-wrapper .onboarding-content {
margin-left: 20%;
justify-content: space-between;
}

.onboarding-wrapper .onboarding-content .welcome-content {


width: 35%;
}

.onboarding-wrapper .onboarding-content .features-benefits {


margin-right: 20%;
width: 25%;
}

.onboarding-wrapper .onboarding-content .features-benefits h3 {


font-size: 1rem;
font-weight: 800;
}

.onboarding-wrapper .onboarding-content .features-benefits p {


font-size: 0.9rem;
font-weight: 400;
}

.onboarding-wrapper .onboarding-content .features-benefits div {


margin-top: 20px;
}

.onboarding-wrapper .onboarding-content .welcome-content h2 {


font-size: 2.5em;
font-weight: 800;
}
.onboarding-wrapper .onboarding-content .welcome-content p {
font-size: 1.3em;
line-height: 1;
}

.onboarding-wrapper .onboarding-content .welcome-content .get-started-button {


width: 70%;
}

@media (max-width: 480px) {


.onboarding-wrapper {
min-height: 800px;
}

.onboarding-wrapper .oracle-icon {
margin-left: 10%;
margin-top: 20%;
}

.onboarding-wrapper .onboarding-content {
margin-left: 10%;
justify-content: space-between;
}

.onboarding-wrapper .oracle-icon i {
font-size: 7em;
}

.onboarding-wrapper .onboarding-content .welcome-content {


width: 90%;
}

@media (max-width: 1024px) {


.onboarding-wrapper {
min-height: 1024px;
}

.onboarding-wrapper .onboarding-content .welcome-content .get-started-button {


width: 100%;
}
}
.steps {
margin: 30px auto 0px auto;
}

.steps img {
width: 24px;
display: block;
margin: auto;
}

.steps .pending {
border-radius: 50%;
width: 20px;
height: 20px;
background: black;
color: white;
text-align: center;
font-size: 12px;
font-weight: 700;
display: block;
margin: auto;
}

.steps span {
font-weight: 700;
}.activation-success {
width: 100%;
min-height: 600px;
background-size: cover;
background-repeat: no-repeat;
}

.activation-success .activation-success-content {
width: 100%;
margin:50px 20% 0 20%;
}

.activation-success .activation-success-content h2 {
font-size: 2em;
font-weight: 800;
}

.activation-success .activation-success-content .subscriptions {


flex-direction: column;
}

.activation-success .activation-success-content .subscriptions .subscription {


justify-content: space-between;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-title {
margin-right: 30px;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-title span {
margin-right: 10px;
margin-top: 5px;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-title span.oj-icon-color-info {
padding-top: 5px;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-title span {
font-family: "OracleSansVF";
font-weight: 600;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-access span.access-label {
color: grey;
font-size: 0.8rem;
}

.activation-success .activation-success-content span.products-info {


margin-top: 20px;
font-style: italic;
color: grey;
}

.activation-success .activation-success-content h2 {
margin-top: 20px;
}

.activation-success .personalize-start oj-button {


margin-top: 10%;
margin-bottom: 10%;
width: 20%;
height: 40px;
}
.userSubscription-list .ant-card-body p{margin: 0;}
.userSubscription-list .ant-card-body .oj-typography-body-2xs{float: right;margin-
top: 5px;}
.activation-success .oj-ux-ico-playlist-add{vertical-align: middle;}
.loadingSubscriptions{text-align: center; margin-bottom: 3em;}
.userSubscription-list .ant-card-body p.itemname{margin-left: 18px;}
.showMoreBtn{margin:0 0 1em 0;height: 32px,;line-height: '32px'}
.showMoreBtn button{border: none;box-shadow: none;font-weight: bold;}
@media (max-width: 1024px) {
.activation-success {
min-height: 1024px;
}

.activation-success .activation-success-content {
margin-top: 30px;
margin-left: 10%;
margin-right: 10%;
}

.activation-success .activation-success-
content .subscriptions .subscription .subscription-title {
margin-right: 0;
flex-wrap: nowrap;
}

@media (max-width: 480px) {


.activation-success {
min-height: 800px;
}

.activation-success .personalize-start oj-button {


width: 100%;
}
}.preference-selection {
width: 100%;
min-height: 800px;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
}

.preference-selection .preferenceSelectionWrapper {
margin-left: 20%;
margin-right: 20%;
}

#preferenceSelectionContainer {
width: 100%;
}

@media (max-width: 768px) {


.preference-selection .preferenceSelectionWrapper {
margin-left: 20px;
margin-right: 20px;
}
}

@media (max-width: 375px) {


.preference-selection .preferenceSelectionWrapper {
margin-left: 0;
margin-right: 0;
}
}
.review-preference {
width: 100%;
min-height: 600px;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
flex-direction: column;
}

.review-preference .review-content {
flex-direction: column;
width: 40%;
margin-top: 70px;
margin-left: 25%;
margin-right: 20%;
}

.review-preference .review-content h2 {
font-size: 2em;
font-weight: 800;
}

.review-preference .review-content span {


font-size: 1rem;
}

.review-preference .review-content .preferences {


margin-top: 20px;
}

.review-preference .review-content .learning-start button.start-learning {


width: 30%;
}
.review-preference .review-content .learning-start button.back-button {
width: 20%;
}

@media (max-width: 480px) {


.review-preference {
min-height: 800px;
}
}

@media (max-width: 1024px) {


.review-preference {
min-height: 1024px;
}

.review-preference .review-content {
margin-left: 10%;
margin-right: 10%;
}

.review-preference .review-content {
width: 80%;
}

.review-preference .review-content
.learning-start button.back-button {
width: 100%;
}

.review-preference .review-content .learning-start button.start-learning {


width: 100%;
}
}

.uk-container {
display: flow-root;
box-sizing: content-box;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.uk-section {
display: flow-root;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px;
}
.uk-text-muted {
color: #767676 !important;
}
.uk-section-secondary {
background: #312d2a;
}
.vl-footer {
background-image:
url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAK
CgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/
2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg
oKCgoKCj/wgARCAAOBkADASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAQIAAwQFBgf/
xAAZAQEBAQEBAQAAAAAAAAAAAAAAAQIDBAX/
2gAMAwEAAhADEAAAAfKEN0xJAGQEKsBlYgBCCAyAMEDEI6yIQQskA30/
xPvuerBl1ctwiQ8UD0aFAtqkMg6wkV5KphSstBRYKzi82c7J3KtzhaOng1GfCa6BSrF0vQ8WvkU2tQ+b5iI
2srLhFCXTVpliXQZAtoAR1JFdAset0PO6ODOscg5emANQx7cqVyTUgIICqNK7FMEDATTsw78exgWz1pLrcu
qsTrcDr45ba2HHUuyPcy16cdNa0CZvXTkTZTZk5b2q0TzfpuXq7YVrsmNOLrM65G5eJ6OPoVxbOe8dHXyXL
X8PqV0Kxbx3TboMmY3wzrfRYFsbNzrsy7qKt/
TKc7N3NZYS7nvJxenq6c5oQeftyuhz+7vCJRfnVF4ZLqBSmVcvd64Va9nLq3z33Hz71eZIZ9DxiQgkiwyJA
QECBhhAQSSLbbQ2udsqln//xAAmEAACAgIBBAEFAQEAAAAAAAABAgADERIEEBMgITEFFCIjQUAw/
9oACAEBAAEFAv8AV8nh09jjeWICLBPe8/sHT5HjgT+6ZllIM7JEIORYVmdoBgz3A3XPTM/
pHXEPT56noOn8VseHJ+ehxgQ/HkVB86YJifEDBoOvGvRyvosMhGh/
EgwjWOWBUraNXSB0eEOsxsigBshRvmVcixueAtYa8Z0ZhiuubOZym7VXDu7vGN4yyuwt1NPB496U/
qpItdpWrCFrdv3zFk7ZhrM7eZ2EMPHSfb1zspO1XOyuzlTF2UVcSyvla2maPLgO1wKvwdykrXUc7irbdVWQ
z2BFVTY92qPs9cDq4NQnLqsbjfTqFWgq6xbhk6tOXj7n/Evx/t+k1q/JDfs5N4oXHkoCiFQf++J/
SomjY0xFsIh9zOGGMsdVMUkQNCfXxMwe4R5DxPQTPTkweLfPi3oIcjxqzsPnPTHRWyIlQran85W20sXIVvS
HVonptfYuZbGRbAA9Qz6T3y1rVTcwRVDWstIy7CpQz3RKlWM2oDm+c277a6u/
MFQMewVrZu1P0y4uqXNca07YV9vBTkNYBO+s76wODNhGuTZXdm1snP5FlFvbnZVp2KxLLaU5d2tS1V6S1+2
n0/krfbYdFoTc3WdtKq9Za+gFAw9rUNTufq1lSsXseifjanYxLSTb/wAx5gzabzef/
8QAIxEAAgIABQQDAAAAAAAAAAAAAAECERAgITAxAwQSYSJRcf/
aAAgBAwEBPwHdW7RWS8iZZWRnT5xeLE8ek/
iUcHJFOtT2iMxj0yQTxcqdnI4K7IytWUUUUJI0PwVSdfRR427PZFLk5wsilN+RZ3L02mUf/
8QAJREAAgIBAgYCAwAAAAAAAAAAAAECERIQIQMgIjAxUQQTMlJi/9oACAECAQE/
Ae7N9yxTMrKK0rW+xLVc75OIkL0xx0r0LdbFeRUcShb+DLcUMliysCM20SjuN0zIyZlI+yaMpMpr8h9Cv2Z
oU6VEv1ROUo9B42Re+Jjv0kpYLEf9Hw1VtdpFn//
EADAQAAEDAgQEBAYCAwAAAAAAAAEAAhESIQMiMVEgQWGBEDJAkRMjM3GhsTBCUGKC/9oACAEBAAY/
AvVWTMPmNf4A5j8v78NcsacWx444LarOtfC6t/PZRw9VbgHo3cFuAsOipOv7UFUu1VQ05q2i/
wBDr0VTAOqt3BWW42VLxfYr5Lv+Ss47Kho0Eq6yA97I4OL5SSIC5AL5YLivmO7NXJqyt7lHEdOIduSa+AxQ
wVnope6gbBPw8AGsiKgi17qROivmd7rJh9yiXOklHIIX9Ar4n4X1HL6j19R6mXHutF5V5FdolDI2lHC+ESF
kwfcp2MC282XnaOyvjFOpxDXFsyd8cmomwlDDwxLv0tZPNNxC6nkWxqq8TzH8K/
sqsTs1ANkOdsswqbuFlupZl+ydh9ZkIh5BcTNuStnH5WsHYrMsWNKv8jU/
RmZFvSU1zhILo4wAIHgOnonfEpN7RsrLNceEKYup4D9vSN4LenJHNUHloUZ1C6hSFHI+BZ7KdDuFQ+/
VXCNZqA8HfZTF1JCrbS3rF1nl33WllINDVOp3KlQA0DqgyK7TdBuE0NlTiEvK0T8QugATAWJXGXoiGZRurE
md+PQrQrn4QQUaY7q+J7BNY15MiV9R/
urlxPUryhMwPhXdzWRok9Fu46lFyfU01jmiUMV3PTopUk1PPNW1KuTVuFS/ME415YmOi2duFmNQ/
KzNBU4TyOhTyd/T/wD/xAAnEAEAAgICAgICAgMBAQAAAAABABEhMUFREGFxgSCRocEwsfDR4f/
aAAgBAQABPyGPkl+d+X8rl/
hXkgIAVeCXdkL+TuXN7yTUHplssZR6ZeuC6McISs9fU57ufEDJzn345YoJk1mZz6/
mmJnPjmVZKqLZ5j7tXER6ll/
uC3kI1b6gdQnU1rjqLUYHSWuZZBhnWfmVm6McxFZm+z4dRzMiBua3CorMXjSplx+oSnOSfEUML7FRr22cwz
HXi3XjytBT8wQ2vGvxzCZ/MWAw9kGszLcS3qEXpNvFEsY6rx7jbHDnpLfIRTJjp7l9+tT/
AHLEaXNwGrlMDl3L3WKHLH+H8Kf7POT4n6UHMxqJEo127WZg2IHJQPcvsveCW9cUK/
8Akw2JSPhMc808FSrhT9rDjZ/3iO5A1bAhIEbs4i779KV59r/cShYQ/ucG6Btl/
wDsibEDtqX48TgjgKThWFngfuHGHxPO/
XACyGMsfMolK8yoK5cqx4h+4OaWe5VR9FNR3G27mEv4JSFAQBg5j3OUD1HqHoCUVF2fKFgWSRoIf09xs7dt
M1w4DL4RKV6DpLZkuu0MYq+iWe4jX9Q/7Y+pcEB4m4r70j8Cnlubm/
uRjNij6jAv0iEaojACNBATWvB+bNkf8EQPJ4fHPjiHi4f4K/F8ZKU0DlvENzbB/
KIJGdbI+QXkmoNwKwaA1EGZUXaz0+CPqD4ZfDKm+PBKmpsiHPUrKMzRKHYutVe0Q+IaiNZWKiDffDLAFzLE
ui4CUwSzzU5C/AFVcpbpC0FM14yVZKzU2xM7iqEWmbJVBNpxMPB9YZ/
fMozbUKzoeBTjv8VakTJ+T0zZ05JtKm2ItTN1UNx6l4HUVeTLqiAbFMzJjIMZGDGpQe+HUq766noAWvUS5H
SbIGTLQ/
uVLN31HUeEbmdvuKx1LnM+XMWofiZpdVW1fmbcvtGDo4IXT9GWY8faMze5daY5TgPstR8Es0Qu2UHsDUx/
HoiOCo5q7jTZgiZZlAXIssNLrJVKlV6mtTcpFlCnM3Nyti8HhYh3+ooWPZCAnPJZz0+oZdQF+Zes9sUq4Aw
P7FGUEPpNGUoeEAqvIOZiS6gMzOJxUFXIGoqovRGqWrRM/eCot/
UOoK3I6pho3OmVkrL6GCXJPo2UdT6dQIkB7gsU73E3sLf5h+R+C4mX5EoIek+E+E//
2gAMAwEAAgADAAAAEO38643lhrmi3vtfMzYtp0+n0x9/f4qm77/Opp/fXqOFwiU737/
rz9s9lv8A4Opnn66CnTTdPPy2yU/BcqB23CrcuyLZTnTTX3l3yhn/
xAAdEQADAAMAAwEAAAAAAAAAAAAAAREQITEgQWFR/9oACAEDAQE/
EPGZhBIWF9ieYQuYJYlH6FIQ2JiFwl7GoVDogiUTY2vkibKKrK2iPjo002U7LobcJDcEScNkZdxnIxiVrpx
7I2vw7XQtoKV9CloJoMNCEdEIu4NphNNsUyPjFyi1r7GumTVPoePxoTLhRF4NiysJWUf/
xAAhEQACAgICAgMBAAAAAAAAAAAAAREhMUEQUSBhMHGhsf/aAAgBAgEBPxD4Z8NRBBBImNcSSN8KA/
AlyQ60WGhmCIOgn474w5blejHOZIjBkLBkVXtCtT0J2m8ehEzpoT00NpbHaJr0iKViNkcLfs7MyNVnH6Q5U
u3Y1OmpjbFseScUkIpVTHuCWyKA2/o7tKPsdD/BkObLMFCfQr7xySEidNMeh6m6FqldiWYrynwZJED/
xAAnEAEAAgICAgICAgMBAQAAAAABABEhMUFRYXEQgZGhwdEg4fGx8P/
aAAgBAQABPxAywWDdwQCKkSgs2pJdrbLctQQa+BYroPhL+bltMUQRbuo3nMEUjhEsiYa3FZEGFRkVcBEqSi
nLX+zUQO6iljIxTLFywOiGawZayUxIYyWCXnhlFzLUoKhUspOJplPEHbXHzl9LarFQMlsQi5cBSkN6NDn4D
YbyhsRK2dRQUi4Fq4aK/
KqFHDVOYjR2FVREA7IhVGpTIVFoasipwFS4yJOBqrrcyyVB8FWklsjXxMjBdMOCXuGwpGVuUS+KLLtspHj1
DvQpMDzBEsaYDQRgDFYd4YAWXbAFmry8fcRVs6Uyd1FJxAuUIqorEykACVlhKY0RNnnXMUOiFhReKhRA804
g0gVdBMgqBUoL+2IstlqmgHeIlyGIg7WaGmWJagWxS2Cq4Rl+MwIBE8mmJQWJc9EzUK49v/
ZgDPwjNtRW1+iBtMxjFZGOrqOQz6luflItDz/
hyM0wqy5dBQA2G5ysg27WIQDEJW7BDSVZ2RI7ZhJZeohzBWAZaQ5mViyeDpgErPyPZEE4WcwOH3Cgcb+E8x
GTAgW7lodihHgDsPUyAopWN4RlzFgAZXkhfMXOseX8Msy0saA9f6iIB7zn08SoiAxgMa4lc4y6OZhr28gie
nFoF9ucv0RBa0ZSBRvbhLgDbWj98x4iaKQQpUa2pPC7Y3yjOf8AaYdb20YROzZhZChm9yhxHmodSR2PULJn
Bw9sWc2kGvMN/wBBCjyssPe4lVF03glKrlytnrQxVV2Cs/
EuTzIPoCFDINgcO4CoJZQae49+mCCrbPgEWlYK021vBAqgL4YgbArBgmxGb/
gKsJeTeHzCL9RX9xIFJVqc/
mVKkKUQLyheIKaaoxHghpIUmPUUeEeO7jBhgw21gV2vlj9BIYgvNpsj+U7X9xsuqgqptkFYtXH04RxdUq8W
xIlKAtmgYcnCaF8HBMM9YClUteHNXLVw8XEQMiyh2vEMcZ7zyfMuGjFDtVsWqQAcp7g+cMjf2RlprttezUy
bWWhdCbC4i1t0HEAHfEXREA4DzwyvdyDcgIDMiCQEAmaAalCWEsKmEau7mi5Vl3KxZE6hFBRKwJCNXDN3KR
I0kKm2oGagpe5Ro8RCN0vPxrFoWKwg0h4i5JLhba5tGWuK7fh1iJZmE5qY60S4Nqmqi0SsZgUEvM0l0tRFf
GEaRa+BblCg86bRu94eJZdUtI6acOuybqUm4JdJKSiHUVZeZUExUwIyGD6TaBZmOMldu9F/
hY4iqBsVUvwyuYLZwyERVkswRKgQ3EsbWGWMZHsj4jNqzFBFUY/
UVtd3UaY2lmiBZW3MrD1RbjEC0ZBTDSgwBRC7QLOiq/uEAXBDaFofuKNIqhtqVbF6RfNXmKA007I6+uy/
qYCtx0XMoLbhOSiWFB1E0MzdttQBBNEe6LBGQubxMRe8x6BxuNXVljxFIv7iVXWagY+WZFItQTbAtX4Lq5i
o8JlLUuOq8s5WiWNDZpbiFm7ZRTu/gSmv8H2wMS9O0av/
ABO5YDC9jpCBLKQOwlqnFyjTAFABV1UzAOGeaFbuMKJe5T3iJoXqOboFXbOPUIkzo0vcN0LHSrj1GIbbNRq
wbAc+Q8ROQtYVpible4C2vqHDtSoe+4Cx6bOemmU201yXZC/
mpY4PbLGL1t6l1KJh+oOyhb1Hq54Q1SJTPQDwLERgkG2c9wQ6eMJVx+qv3qOqNq1kBbQOj/
ctvmSbP1VQMtC9UK4DWozKUBwWdEIXvDo+ghMQGAQJbgNEaFBQr8LQ3WesSmgP8B4JZOZYILpb2lJtY6gjL
IArHnMAslLzAWlzoH+ZVZsYKKP3LYAvwf3FcFvIf3A1qxnA/uOLhCgN/
fiZf2bqPUHPozX7jSbBoVYoD1HcFnp/
ULNQyKHsvMqAZTeUAG5CFWWsc6jA4W5S7imc7OfD1MhuA7fMBaFERaqDiGkvNIvSTSYy4iF68Qe2GlgdGdE
JhbZ9F5YUvjkWF8aloDrCUF/iM5XKX0GsQMosiURXW4Cj3wwdIWVyTNQf/HzGAL1WrVBfwZ/
MS4afjt8OyJEGHcfKBUdkrESmiOF+GGq83B/6gP8Aubf3n//Z);
background-repeat: repeat-x;
background-size: auto 12px;
}
.uk-section-small {
padding-top: 40px;
padding-bottom: 40px;
}
.uk-container>:last-child {
margin-bottom: 0;
}
.uk-flex-center {
justify-content: center;
}
.uk-subnav {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
padding: 0;
list-style: none;
}
.uk-subnav>* {
flex: none;
padding-left: 20px;
position: relative;
}
.uk-light .uk-subnav>*>:first-child, .uk-section-primary:not(.uk-preserve-
color) .uk-subnav>*>:first-child, .uk-section-secondary:not(.uk-preserve-
color) .uk-subnav>*>:first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-
subnav>*>:first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-
subnav>*>:first-child, .uk-card-primary.uk-card-body .uk-subnav>*>:first-
child, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-
child, .uk-card-secondary.uk-card-body .uk-subnav>*>:first-child, .uk-card-
secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child, .uk-overlay-
primary .uk-subnav>*>:first-child {
color: #fcfbfa;
}
.vl-footer .uk-subnav li:first-child>* {
padding-right: 20px;
border-right: 1px solid #fff;
}
.vl-footer a:hover {
text-decoration: underline;
}
.vl-footer a:focus {
outline-color: white;
}
@media (min-width: 640px){
.uk-container {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 960px){
.uk-container {
padding-left: 40px;
padding-right: 40px;
}
.uk-section {
padding-top: 70px;
padding-bottom: 70px;
}
}

@media screen and (prefers-contrast: more) {


#digitalLibrary a:focus {
border: solid;
font-size: 12pt;
}
}

.uk-cert-btn{
float: right;
background-color: #fff;
border-radius: .25rem;
}
.view-button-set {
border: 1px solid var(--oj-button-outlined-chrome-border-color);
}
.view-button-set-first {
border-top-left-radius: var(--oj-button-border-radius);
border-bottom-left-radius: var(--oj-button-border-radius);
}

.view-button-set-last {
border-left: 0;
border-top-right-radius: var(--oj-button-border-radius);
border-bottom-right-radius: var(--oj-button-border-radius);
}

.view-button-set-not-pressed {
background-color: rgba(255, 255, 255, .12);
}

span.view-button-set-icon {
margin-left: 8px;
color: var(--oj-core-text-color-secondary);
}
.view-button-set-not-pressed:hover span.view-button-set-icon {
color: var(--oj-core-text-color-primary);
}

.view-button-set:not(.view-button-set-not-pressed) > .oj-button-button {


cursor: default;
}
.view-button-highlighted {
outline: dotted 1px var(--oj-core-focus-border-color);
outline-offset: 1px;
}
.nps {
border: 1px solid black;
border-radius: 4px;
max-width: 100%;
display: inline-block;
height: 36px;
font-size: 18px;
overflow: hidden;
user-select:
none;
background-color: #e8e8e8;
}

.selection {
display: inline-block;
text-align: center;
min-width: 10px;
max-height: 100%;
padding: 8px 11px;
border-left: 1px solid black;
}

.selection div:hover {
cursor: pointer;
}

.selection div:first-child {
border-left: none;
}

.selected, .selection:hover {
background-color: black;
color: white;
}

.selection:hover {
opacity: 65%;
}

.feedbackAction {
position: fixed;
right: 0;
bottom: 0;
z-index: 99;
}

#submitDrawerBtn.disabled {
cursor: not-allowed;
opacity: 0.4;
}
.feedBack-form .feedBack-form-header {position: relative;}
.feedBack-form #endButtonCloser{position: absolute; right:2em;top: 1em;}
.labelfor, .feedBack-form .feedback-field .oj-label-group label {
font-size: var(--oj-typography-subheading-xs-font-size)!important;display:
inline-block;
font-weight: var(--oj-typography-subheading-xs-font-weight)!important; padding-
bottom:0.5em;
line-height: var(--oj-typography-subheading-xs-line-height)!important;color:
#100f0e;}
.oj-text-field-middle .oj-label-group label{font-size: inherit;}
#feedbackBtn button {
background-color: var(--oj-core-info-1); color: var(--oj-core-info-contrast);
}

.rate_video {
display: block;
font-size: 0;
font-weight: 500;
}
.rate_video label {
cursor: pointer;
}
.rate_video span {
display: inline-block;
box-sizing: border-box;
padding: 0.5em 1em;
font-size: 16px;
color: #312D2A ;
border-top: solid 1px #312D2A;
border-bottom: solid 1px #312D2A;
border-right: solid 1px #312D2A;
}
.rate_video label:first-child span {
border-left: solid 1px #312D2A;
border-top-left-radius: 0.25em;
border-bottom-left-radius: 0.25em;
}
.rate_video label:last-child span {
border-top-right-radius: 0.25em;
border-bottom-right-radius: 0.25em;
}
.rate_video input[type=radio] {
position:absolute;
left:-1000000em;
right:-1000000em;
display: inline-block;
z-index: -1;
}
.rate_video input[type=radio]:focus ~ span {
outline: #312D2A dotted 2px;
}
.rate_video input[type=radio]:checked ~ span, .rate_video input[type=radio]:hover ~
span {
background: #312D2A;
color: white;
}
fieldset {
border: 0 none;
}

#sentMsg.center {
text-align: center;
}

.feedback-reminder {
transform: translate(0px, 0px);
z-index: 999;
}

.feedback-reminder {
position: fixed;
bottom: 190px;
right: 8px;
width: 400px;
background: #fff;
transform: translate(0px, 190px);
box-shadow: 0px 0px 8px 3px rgb(0 0 0 / 15%),
0px 0px 3px 1px rgb(0 0 0 / 5%);
transition: transform 300ms 300ms cubic-bezier(0.68, -0.12, 0.85, 1.23);
}

.feedback-rem-content {
padding: 8px 30px 30px;
background-color: #f1efed;
color: #333;
}

.feedback-rem-close {
position: absolute;
right: 20px;
top: 20px;
width: 22px;
height: 22px;
cursor: pointer;
transition: all 0.1s ease-out;
}

.feedback-rem-close:before, .feedback-rem-close:after {
content: "";
width: 28px;
height: 2px;
background: #888;
position: absolute;
top: 10px;
left: -3px;
transform: rotate(-45deg);
transition: all 0.3s ease-out;
}

.feedback-rem-close:after {
transform: rotate(45deg);
transition: all 0.3s ease-out;
}

.feedback-rem-close:hover:before, .feedback-rem-close:hover:after {
background: #333;
}
.feedback-rem-txt {
width: 100%;
text-align: center;
margin-top: 60px;
font-weight: 700;
font-size: 18px;
}

.feedback-rem-go {
width: 100%;
text-align: center;
margin: 30px 0 0 0;
}

.feedback-rem-go button {
border: 0;
padding: 10px 25px;
border-radius: 5px;
cursor: pointer;
}
.oj-sp-header-strip {
background-image: var(--oj-sp-theme-page-header-strip,
url('https://static.oracle.com/cdn/fnd/gallery/2110.1.0/images/color-strip-
neutral.png'));
background-position: left bottom;
background-repeat: repeat-x;
height: 12px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.oj-progress-bar-value{background-color: rgb(80, 130, 35) !important;}
.oj-ux-ico-circle-s, .oj-ux-ico-circle-half{color: rgb(80, 130, 35);}
.item-status{font-size:1.5em;}
.oj-accordion-collapsible > .oj-collapsible-header{font-weight: normal !
important;padding:2em 0 !important;}
.oj-collapsible-header-icon{position: absolute;
right: 0;
font-size: 2em;}
.courseList{list-style: none;}.courseList li{margin-bottom: 1em;background: none;}
.oj-sp-typography-display-6 {
font-family: Georgia, Times, "Times New Roman", serif;}
.sub-item-status{padding-right:0.60em;}
.moreBtn{width: 5em;padding:0 3em 0 0;}
.moreBtn .oj-collapsible-close-icon:before {
content: "\f105" !important;
}
.moreBtn .oj-collapsible-open-icon:before{
content: "\f105" !important;
transform: rotate(180deg);
}
.demo-offcanvas-panel-width {
width: 50%;
}
.oj-offcanvas-overlay{transform: translate3d(0,0,0) !important; background: #fff;}
.oj-offcanvas-outer-wrapper{overflow-y: scroll;}.oj-offcanvas-shift-start{overflow-
y: hidden;}
.circleIcon{background:#6BA1B6;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}
.oj-collapsible-header.stepHeader{display: block;}
.stepHeader h4,.stepHeader h3, .stepHeader p{margin-bottom: 0 !
important;}.slotBtn{cursor: pointer;padding: 1em 0.5em;border-radius: 0;font-size:
1.1em; background: none;}
.slotBtn.selectedSlot{background: rgb(49, 45, 42); color:#fff}
.slotBtn.slot-disabled{cursor: not-allowed; opacity: 0.4;}
.selectedDatevalue.oj-disabled .oj-text-field-container{border:none;color:#000;
background: transparent;}
.selectedDatevalue.oj-disabled .oj-inputdatetime-input-trigger{display: none;}
.selectedDatevalue.oj-disabled .oj-text-field-input{color:#000;padding:0;}
.stepStatus{position:absolute; right:10%; top:2em}#agreeTerms{width:1.5em;
height:1.5em; margin-right: 1em; vertical-align: sub;}
.oj-badge.stepStatus{ top:2.5em}.oj-sm-pos-top{position: relative; top:0.5em}
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content{font-
weight: bold;}
.card-icons .oj-flex-bar-middle{display: block;} .card-icons h4{margin-bottom: 0 !
important;}
.card-icons svg{margin-top: 0.5em;}.demo-holiday span{
background-color: rgb(var(--oj-palette-danger-rgb-40));
}
#slotfilmStrip .oj-filmstrip-pages-container{background: #fff;border-top: #ccc 1px
solid;border-bottom: #ccc 1px solid;}
#slotfilmStrip .oj-panel{border: none;}
.timeLiteral{display: block;}.timeCounter>.oj-flex-item:last-child{display:
none;}.timeCounter>.oj-flex-item{text-align: center;}
.oj-bg-success{background: #508223;color:#fff}.oj-text-warning{color:#AC630C}
.oj-text-success{color:#508223}.oj-bg-warning {background:#AC630C;color:#fff}
.oj-bg-info{background: #227E9E; color: #fff;}
.oj-icon-txt-big{font-size: 5em;}
.cert-badge-img {margin-top: -40px;}
@media only screen and (max-device-width :767px){
.sm-display-block{display: block;}
.oj-sp-header-strip{border-radius: 0;}
ul{margin: 0 0.5em;}.demo-mypanel {margin-bottom: 1em;}
.mobile-action-panel{position:fixed;bottom: 0;background: #fff; text-align:
center;z-index: 1025; width: -webkit-fill-available;
left: 0;}
.slotBtn{padding: 0.25em;}
.oj-datepicker-content{padding-bottom:15em;}
}
@media only screen and (max-device-width : 1024px){
.hideimg{display: none;}
ul{padding:1em;}
.creditName{margin: 0;}
.cert-badge-img {margin: 20px auto; text-align: center;}
}
@media only screen and (min-device-width : 1025px){
.demo-mypanel {margin: 0 1em 1em 0;}
}
@media only screen and (min-device-width : 768px){
.columns2 div{column-count: 2;margin-bottom: 2em;}
}
.columns2 ul, .columns2 li, .columns2 li:hover, li.oj-tabbar-item,li.oj-tabbar-
item:hover{background: none;}
.bulletList li, .columns2 ul li, #userRegistred ul li, #userRegistred ul li:hover,
#examc1 ul li, #examc1 ul li:hover {list-style: disc; background: none;}
.columns2 ul, ul.bulletList, #userRegistred ul, #examc1 ul {padding: 0 30px;}
.oj-conveyorbelt-item p{margin: 0;} a, a:hover {color: rgb(0, 104, 140);}
.oj-button#backBtn .oj-button-icon {margin-top: -8px;}
.oj-button#favoutites .oj-button-icon, .oj-button#share .oj-button-icon {margin-
top: 8px;}
#exam-page .oj-web-applayout-max-width, #registerPage .oj-web-applayout-max-
width{max-width: 1600px;}
.timeCounter > div {position: relative; min-width: 15px;}
.timeCounter > div > span {color: #100f0e87;}
.timeCounter > div > b {top: -21px; position: absolute;}
.pageLoader {
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.3);
display: table;
}
#cancelModal {
transition: all .2s ease-in-out;
opacity: 0;
z-index: 999999;
}
#cancelModal #cancelDailog {
transition: all .2s ease-in-out;
transform: translate(0px, -100%);
opacity: 0;
}
#cancelModal.show {
opacity: 1;
}
#cancelModal.show #cancelDailog {
transform: translate(0px, 0%);
opacity: 1;
}

.pageLoader .middle {display: table-cell; vertical-align: middle;}


.pageLoader .middle #cancelDailog {position: relative !important; margin: 0 auto;}
.pageLoader .middle #cancelDailog .oj-dialog-content {text-align: left;}
.courseList .oj-sp-typography-display-6{font-size: 1rem !important;}
.table-sizing{width: 100%;}
input::selection {
color: inherit;
background: inherit;
}
.oj-table-column-header{font-weight: bold;} .examVouchers .oj-badge{margin: 0;}

.w80 {
min-width: 80vw;
}
.h80 {
min-height: 80vh;
}
td.creditDetailsTble.oj-table-data-cell:first-child{padding:
2.5em;}.creditDetailsTble table{margin-bottom:2em;}
.creditDetailsTble td, .creditDetailsTble th{padding: 1em 2em;text-align: left;
border-bottom: #ccc 1px solid; font-size: 12px;}
.iconcircleAvatar .oj-avatar{width: auto;
margin: 0;height: auto;display: grid;vertical-align: middle;}.iconcircleAvatar
{float: left;}
.creditName{margin-left: 1em;display: inline-block;}.summaryCredit{padding-left:
2em;}.summaryCredit strong{display: inline-block; margin-bottom: 0.5em;}
html:not([dir="rtl"]) .oj-rowexpander-expand-icon:before{content:
"\f11d";font-size: 1.3em;}.oj-fwk-icon-arrow03-s:before, .oj-rowexpander-collapse-
icon:before {
content: "\f11f";font-size: 1.3em}
#MyCreditstable .oj-table-data-cell{padding-top: 2em !important; padding-bottom:
2em !important;}
.bgWhite.oj-hover{background: #fff;box-shadow:none}
@media only screen and (max-device-width : 1024px){
.creditName{margin: 0;}
}
a.logosection:hover{color: inherit;}
.lsTile:hover{opacity: 0.95;}.lsTile a{display: inline-block;}
.lsTile a:hover{text-decoration: none;color: inherit;}
.badge-black{background-color: #312d2a; color: white;}
.oj-message{padding: 16px;background-color: rgb(246, 250, 252);border-bottom: 1px
solid var(--oj-core-divider-color);border-top: 1px solid var(--oj-core-divider-
color);display: flex;
align-items: center;font-weight: bold;color: rgb(0, 104, 140)}
.oj-message .oj-message-status-icon{margin-right:0.5em; vertical-align:
middle;color:rgb(0, 104, 140)}
.exam-credit-expired,
.exam-credit-expired .oj-text-color-secondary{
color: #bbbbbb !important;
}
tr.exam-credit-expired td:first-child {
display: flex;
height: auto !important;
align-items: center;
}.ask-inst-form-block {
margin-bottom: 10px;
}

.ask-inst-form-block span {
color: #666;
font-size: 12px;
font-weight: 700;
display: block;
}#termsModal.oj-dialog{z-index: 3000; width:80%;}
.tnc-body {margin-top: 30px; max-height: 400px;}
.tnc-body p {margin-left: 0 !important;}
#termsModal .oj-dialog-body {overflow: inherit;}.lp-page-course-desc {
border-top: 1px solid #dddddd;
}
.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style:
none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {

position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}
.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;

top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}#quiz-modal {
line-height: 24px !important;
}
#quizModalDialog .oj-dialog-header {
padding: 28px 28px 0;
}
#quiz-modal .quizWelcomeContent {
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
min-height: 220px;
}
#quiz-modal #title {
padding: 100px 0;
position: relative;
box-sizing: border-box;
}
#quiz-modal .qwc {
font-size: 1.5em;
text-align: center;
}

#quiz-modal .qwc h2 {
font-size: 1.3em;
}

#quiz-modal .qwc h2 span {


font-weight: bold;
}

#goBtn,
#submitBtn {
cursor: default !important;
position: initial !important;
}
#submitBtn {
margin-top: 30px;
}
#goBtn input,
#submitBtn input#btn {
height: 36px;
font-size: 14px;
color: #FFFFFF;
line-height: 17px;
align-items: center;
background-color: rgb(49, 45, 42);
border: 1px solid #111111;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
font-family: "Oracle Sans", -apple-system, "system-ui", "Segoe UI",
"Helvetica Neue", Arial, sans-serif;
font-weight: 600;
width: 121.516px;
padding: 5px 16px;
position: absolute;
bottom: 0;
right: 0;
}
#goBtn input:hover,
#submitBtn input#btn:hover {
background-color: rgb(58, 54, 50);
}

#quiz-modal #quizModal .optionOutCss,


#quiz-modal #quizModal .optionOverCss,
#quiz-modal #quizModal .optionBox {
background: transparent;
}

/* #col2 {
left: 20px !important;
} */
#quizoptionContainer #col2 {
display: none !important;
}
#quiz-modal #quiz #quizoptionContainer #col1 {
min-height: 400px;
padding: 0px;
}

#quiz-modal #quiz #quizoptionContainer #col1 > div p {


padding: 5px 35px;
font-size: 20px;
font-weight: bold;
color: #444444;
margin: 10px !important;
}

#quiz-modal #quiz #quizoptionContainer #col1 > div:first-child {


margin-top: 20px;
margin-bottom: 25px;
}

#quiz-modal #quiz #quizoptionContainer #col1 > div:first-child p {


font-size: 24px;
font-weight: bold;
color: #111111;
padding: 10px;
line-height: 28px;
}

/* *********************************************************************/
#quizModal .passbg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#quizModal .failbg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#quizModal .timesupbg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#quizModal .orangebg {
background: rgba(253, 199, 70, 1);
}
#quizModal .border {
border: none;
}
#quizModal .lightBox {
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 0px;
-moz-border-radius: 0px;
border: none;
}
#quizModal .timeoutContainer {
height: 100%;
}
#quizModal .scoreContainer {
height: 100%;
}
#quizModal .glow {
}
#quizModal .white {
}
#quizModal .black {
color: #111;
}
#quizModal .grey {
color: #666;
}
#quizModal .orange {
color: #bd7a00;
}
#quizModal .cent {
text-align: center;
}
#quizModal .p_16 {
font-size: 16px;
margin: 10px !important;
}
#quizModal .p_24 {
font-size: 18px;
}
#quizModal .p_30 {
font-size: 30px;
line-height: 35px;
}
#quizModal .p_32 {
font-size: 32px;
line-height: 40px;
color: #000000;
}
#quizModal .p_42 {
font-size: 42px;
line-height: 40px;
}
#quizModal .mcqRadioBtn {
width: 12px;
height: 12px;
background: #fff;
border: 1px solid #999;
border-radius: 10px;
-moz-border-radius: 10px;
}
#quizModal .optionBox {
background: #fff;
color: #161513;
padding: 0px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom: 12px;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
border: 2px solid #6b8f63;
overflow: hidden !important;
}
#quizModal .optionOutCss,
#quizModal .optionOverCss {
background: #fff;
color: #161513;
padding: 0px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom: 12px;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
border: 2px solid #6b8f63;
}
#quizModal .optionOverCss:hover {
transform: translate(10px, 0px);
}
#quizModal .optionOverCss {
background: rgba(107, 143, 99, 0.15) !important;
}
#quizModal .optionOverCss p {
color: #161513;
}

#quizModal .vertical-align {
position: relative !important;
}

#quizModal .timerContainer {
text-align: center;
}
#quizModal .timer {
margin-top: 0px;
background: transparent none no-repeat 0px 0px;
display: none;
opacity: 0.5;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
position: relative !important;
}
#quizModal .btnQuit {
width: auto !important;
margin: auto;
text-align:
center;
background-color: #ae562c;
font-weight: 600;
font-size: 14px;
color: #fcfbfa !important;
-webkit-transition: background-color 100ms linear;
transition: background-color 100ms linear;
padding: 12px 27px !important;
border-radius: 3em;
border: none;
cursor: pointer;
}
#quizModal .btnQuit:hover {
background-color: #9f4b23;
}
#quizoptionContainer #submitBtn {
margin-bottom: 20px !important;
}

#fb {
margin-top: 30px !important;
left: 20px !important;
margin-bottom: 20px;
}
#quiz-modal .w3-button {
z-index: 1000;
}
#failTextBox {
margin-bottom: 0px !important;
height: auto !important;
}
#title {
padding-bottom: 15px;
}
#nextQBtn {
margin-bottom: 15px;
}
#fail_txt {
margin-bottom: 15px;
}

#timerRow {
left: inherit !important;
right: 0;
}

#quiz-modal .w3-modal-content {
background: transparent;
}
#quiz-modal #quizModal .optionOutCss,
#quizModal .optionOverCss,
#quiz-modal #quizModal .optionBox,
#quiz-modal #quiz #quizoptionContainer #col1 > div {
padding: 0px 8px;
margin-bottom: 12px;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
border: none;
}

#quiz-modal #quizModal .optionOverCss:hover {


transform: translate(0px, 0px);
}
#quiz-modal #quizModal .optionOverCss {
background: rgba(143, 143, 143, 0.15) !important;
}

#quiz-modal #quizModal .optionBox {


overflow: initial !important;
}

#quiz-modal #quiz #quizoptionContainer #col1 div.optionOutCss p:before,


#quiz-modal #quiz #quizoptionContainer #col1 div.optionOverCss p:before {
position: absolute;
left: 28px;
content: "\f32b";
margin-top: 3px;
display: block;
position: absolute;
font-family: ojuxIconFont!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
}

#quiz-modal #quiz #quizoptionContainer #col1.typeRadio > div.optionOutCss p:before,


#quiz-modal #quiz #quizoptionContainer #col1.typeRadio > div.optionOverCss p:before
{
content: "\f32b";
}
#quiz-modal #quiz #quizoptionContainer #col1.typeCheck > div.optionOutCss p:before,
#quiz-modal #quiz #quizoptionContainer #col1.typeCheck > div.optionOverCss p:before
{
content: "\f1c0";
}
#quiz-modal #quiz #quizoptionContainer #col1.typeRadio >
div.optionOutCss.quizSelected2 p:before,
#quiz-modal #quiz #quizoptionContainer #col1.typeRadio >
div.optionOverCss.quizSelected2 p:before {
content: "\f32c";
}
#quiz-modal #quiz #quizoptionContainer #col1.typeCheck >
div.optionOverCss.quizSelected2 p:before {
content: "\f484";
}
#quiz-modal #quizModal #failTextBox.vertical-align,
#quiz-modal #quizModal #passTextBox.vertical-align {
min-height: 400px;
position: relative;
}

#quiz-modal #failTextBox #fail_txt,


#quiz-modal #passTextBox #pass_txt {
position: initial !important;
display: flex;
flex-direction: column;
align-items: center;
min-height: 380px;
justify-content: center;
}

#quiz-modal #passTextBox #pass_txt {


flex-direction: initial;
}

#quiz-modal #passTextBox #pass_txt .logo {


margin: 0 30px;
}

#quiz-modal #passTextBox #pass_txt .passTxt {


text-align: center;
}

#quiz-modal #passTextBox #pass_txt .passTxt .orange {


font-weight: bold;
color: #759c6c;
}

#quiz-modal #failTextBox #fail_txt p,


#quiz-modal #passTextBox #pass_txt p {
margin: 10px 0;
}

#quiz-modal #failTextBox #fail_txt #goBtn,


#quiz-modal #passTextBox #pass_txt #goBtn {
display: none;
}

@media only screen and (max-width: 600px) {


#quiz-modal #quiz #quizoptionContainer #col1 > div:first-child {
margin-top: 0;
}
#quiz-modal #quiz #quizoptionContainer #col1 > div:first-child p {
font-size: 20px;
line-height: normal;
}
#quiz-modal #quiz #quizoptionContainer #col1 > div p {
font-size: 18px;
line-height: normal;
}
#quiz-modal #quiz #quizoptionContainer #col1 div.optionOutCss p:before,
#quiz-modal #quiz #quizoptionContainer #col1 div.optionOverCss p:before {
margin-top: 4px;
}
#quiz-modal #quiz #quizoptionContainer #col1 {
padding-bottom: 30px;
}
}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;

transition: display 0.5s, min-height 0.5s, transform 1s;


}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition: margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}.mobiledisplay{
display: none;
}
.listbox-wrapper {
pointer-events: auto;
border-style: solid;
padding: 12px 22px 22px;
border-width: 1px 1px 1px 7px;
user-select: none;
background-color: rgb(255, 255, 255);
border-radius: 0px;
/** border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(214, 214, 214)
rgb(69, 124, 139); **/
line-height: 12px;
overflow-wrap: break-word;
font-size: 13px;
word-spacing: 1px;
text-align: left;
font-weight: bold;
color: rgb(48, 44, 41);
cursor: pointer;
overflow: visible;
margin-top: 30px;
width: 833px;
min-height: 130px;
transition: box-shadow 0.3s;
}

.listbox-wrapper:hover{
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 5px;
}

.listbox-full-card {
pointer-events: auto;
display: none;
border-style: none;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-color: rgba(66, 66, 66, 0.33);
overflow: visible;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 8px 9px 10px;
width: 851px;
min-height: 150px;
transition: display 0.5s, min-height 0.5s, transform 1s;
}

.listbox-init-card {
pointer-events: auto;
border-style: solid;
border-width: 0px;
border-color: rgb(198, 198, 198);
overflow: visible;
padding-right: 60px;
line-height: 1.5em;
width: 851px;
min-height: 150px;
transition:
margin-top 0.3s, box-shadow 0.3s, transform 0.6s;
}

.listbox-init-card.expanded {
margin-top: -30px;
background-color: white;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.listbox-init-card.expanded .listbox-full-card {
display: block;
min-height: 300px;
}

.desc-summary {
font-weight: normal;
}

.expanded-cont {
padding: 30px;
box-shadow: rgb(219, 219, 219) 0px 2px 7px;
}

.expanded-topics {
padding: 30px;
}

.expanded-topics li {
background-color: white;
}

.tile-icon {
font-size: large;

}
.oj-listview-item{
border-bottom: #ccc 1px solid;
}
.oj-listview-card-group .oj-listview-item{border: none;}
.oj-listview-element li, .oj-listview-element li:hover,
oj-sp-expandable-list-item .oj-sp-expandable-list-item-header:hover{
cursor: pointer;
background: #fff;
}
.oj-ux-ico-certification{
font-size: 2em;
}
.ant-btn-icon-only.ant-tooltip-open{
color: #ccc
}
.oj-sp-card-footer-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}
.oj-listview-container{border: none;}
@media only screen and (max-width: 1023px){
#filtersection{
height: 100%;
width: 103%;
position: fixed;
z-index: 1024;
left: 0;
top: 0;
background-color: rgba(0,0,0, 0.4);
overflow-x: hidden;
transition: 0.5s;
max-width:103%;
}
#filtersection .oj-sp-smart-filter-content-sticky{
position: relative;
top:0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.oj-sp-list-item-template-primary-col{flex: 100%;}
.oj-sp-list-item-template-toolbar-container, .oj-sp-list-item-template-badge-top-
container {
flex: 0 1 auto;
}

.mobiledisplay{
display: block;
}
}
.ant-col ant-col-12.formatSecCont-0-2-34{
flex: auto;
width: auto;
display: block;
max-width: max-content;
margin-right: 45px;
}
.oj-badge-article{background-color: #628F8D;}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;position: relative;
}.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline li:last-child .ant-timeline-item-tail{display: none;}

.oj-listitemlayout-start-padding > p {
line-height: 0.5cm;
}
.lpCircleIcon{background:#3d192b;
color:#fff;
padding: 0.5em;
border-radius: 100%;
font-size: 1.4em;vertical-align: middle;margin-right: 0.5em;}* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.lp-page-container {
padding: 0px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
#lp-page .oj-button-icon {
margin: 0 !important;
font-size: 24px !important;
padding: 0 5px;
}

#lp-page .lp-page-container ul li {
cursor: default !important;
}

.lp-page-container-title {
cursor: pointer;
}

#lp-page .oj-flex-bar .oj-button-button {


margin-left: 20px;
}

.lp-goal-section {
background: #FBF9F8;
}

.lp-page-total-progress-circle {
text-align: center;
}

.lp-page-complete-txt span {
margin-top: 5px;
}

.lp-page-complete-txt span:first-child {
margin-top: 0px;
}

#lp-page .oj-listview-item {
border-bottom: none !important;
}

.lp-page-component {
flex-wrap: nowrap !important;
}
.lp-page-component .lp-page-component-block {
min-height: 87px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.lp-page-component-box {
background: #FFFFFF;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
border-radius: 6px;
width: 97%;
padding: 10px 20px;
margin-left: 40px;
}
ul.oj-listview-element.oj-component-initnode li {
background: #FBF9F8;
}
.lp-page-component:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 26px;
border-left: 1px solid rgba(49, 45, 42, 0.15);
}
ul.oj-listview-element.oj-component-initnode li:first-child .lp-page-
component:before {
top: 50%;
}
.lp-page-component:after {
content: '\f3c7';
display: block;
position: absolute;
top: 42%;
bottom: 0;
left: 16px;
font-family: ojuxIconFont!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
font-size: 20px;
color: rgba(49, 45, 42, 0.25);
z-index: 100;
background: #FBF9F8;
height: 20px;
}
.lp-page-component.lp-page-container-in-progress:after {
content: '\f658';
color: rgb(34, 126, 158);
}
.lp-page-component.lp-page-container-completed:after {
content: '\f3c6';
color: rgb(34, 126, 158);
}
.lp-page-course-duration {
margin-top:0.5em;
}

.lp-page-course-progress-txt {
text-align: center;
}

.lp-page-component-fav {
vertical-align: -17px;
padding: 15px;
}

.lp-page-badge-section {
position: relative;
background: #fff !important;
}
.lp-page-badge-section h4 {
margin: 0 !important;
margin-left: 35px !important;
}

.lp-page-badge-section:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 110px;
left: 66px;
border-left: 1px solid rgba(49, 45, 42, 0.15);
}
.lp-page-badge-section:after {
content: '\f3c7';
display: block;
position: absolute;
top: 42%;
bottom: 0;
left: 56px;
font-family: ojuxIconFont!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
font-size: 20px;
color: rgba(49, 45, 42, 0.25);
z-index: 100;
background: #FFFFFF;
height: 20px;
}
.goal-title{margin: 1em 0 0 0;}
.oj-text-right{text-align: right;}
.oj-listitemlayout-grid .oj-badge{margin:0 0.5em 0 0;}
.oj-progress-bar-value{background-color: #227E9E !important;}
@media only screen and (max-width: 600px) {
.goal-title span{display: block;font-size:0.90em !important}
.progress-bar{position: absolute; bottom: 0;left:0}
.lp-page-component-box{margin: 0;}
.lp-page-component:before{left:7px}
.lp-page-component:after{left:-2px}
.lp-page-badge-section:after{left:10px}
.lp-page-badge-section:before{left: 19px;}
.oj-position-relative{position: relative;}
.lp-page-course-duration{margin: 0;text-align: right;}
.lp-page-course-progress-txt, .oj-text-left{text-align: left;}
.lp-page-component-box{padding: 0.5em;}
.oj-sp-list-item-template-md-badge-fixed{margin-bottom: 0.5em;}
.oj-listitemlayout-grid .oj-badge{margin:0.5em 0.5em 0.5em 0;}
.lp-page-component-box{width: 100%;margin-left: 0.5em;}
}
.oj-sp-theme-global-mode-mixed.lp-page{
background: transparent !important;
}
:root {
--backgroundDark: rgb(48,44,41);
--fontColor: whitesmoke;
--secFontColor: #abce93;
}

body{
margin: 0px !important;
}</style><script type="text/javascript" charset="utf-8" async="" data-
requirecontext="_" data-requiremodule="preact/compat" src="./Oracle
MyLearn_files/compat.umd.js.download"></script><style data-jss="">
.rolesSecCont-0-0-1 {
text-align: left;
white-space: nowrap;
}
.rolesSecCont-0-0-1 .title {
color: rgba(22, 21, 19, 0.6);
height: 16px;
font-size: 13.75px;
}
.rolesSecCont-0-0-1 .fcontent {
color: #161513;
font-size: 13px;
font-weight: 700;
padding-top: 5px;
}
</style><style data-jss="">
.formatSecCont-0-0-2 {
text-align: left;
}
.formatSecCont-0-0-2 .title {
color: rgba(22, 21, 19, 0.6);
height: 16px;
font-size: 13.75px;
}
.formatSecCont-0-0-2 .fcontent {
color: #161513;
display: flex;
font-size: 13px;
font-weight: 700;
padding-top: 5px;
flex-direction: column;
}
.link-0-0-3 {
color: #0E7295;
padding-top: 10px;
}
</style><style data-jss="">
.fieldContainer-0-0-4 {
width: 100%;
border: 2px solid grey;
padding: 10px;
margin-top: 5px;
border-radius: 5px;
margin-bottom: 5px;
}
.fieldContainer-0-0-4:hover {
border: 2px solid var(--secFontColor);
}
.fieldContainer-0-0-4 input, .fieldContainer-0-0-4 textarea {
cursor: pointer;
}
.fieldContainer-0-0-4 .darkTier {
width: 100%;
cursor: pointer;
height: 100%;
z-index: 10;
position: absolute;
margin-top: -5px;
margin-bottom: -5px;
background-color: rgba(255,255,255, 0.3);
}
.fieldContainer-0-0-4 .ant-select-selection-item {
border-radius: 15px;
}
</style><style data-jss="">
.expandedCurtain-0-0-6 {
background-color: #F5F4F2;
}
.carContainer-0-0-7 {
color: black;
padding-left: 40px;
background-color: rgb(255,255,255, 0.9);
}
.carContainer-0-0-7 .carIcon {
font-size: 24px;
}
.carContainer-0-0-7 .carText {
color: rgb(0,0,0, 1);
font-size: 20px;
line-height: 1;
padding-top: 0;
}
</style><script type="text/javascript" charset="utf-8" async="" data-
requirecontext="_" data-requiremodule="ojtranslations/nls/en/localeElements"
src="./Oracle MyLearn_files/localeElements.js.download"></script><script
src="./Oracle MyLearn_files/consent-trustarc.js.download"
id="consentScript" crossorigin="" async=""></script><script src="./Oracle
MyLearn_files/truste-oraclelib.js.download" id="consenthelperScript" crossorigin=""
async=""></script><script src="./Oracle MyLearn_files/mmapi.js.download"
async=""></script><script src="./Oracle MyLearn_files/ora_oudigital.js.download"
async=""></script><script src="./Oracle MyLearn_files/odc.js.download"
async=""></script><script type="text/javascript" src="./Oracle
MyLearn_files/common.js.download" async="true" defer="true"></script><script
type="text/javascript" src="./Oracle MyLearn_files/analytics.js.download"
async="true" defer="true"></script><link rel="stylesheet" type="text/css"
href="./Oracle MyLearn_files/theme.css" class="stCssLinks"><link rel="stylesheet"
type="text/css" href="./Oracle MyLearn_files/stTip.min.css"
class="stCssLinks"><style type="text/css" class="stCssLinks">

/*BASE IRIDIZE THEME CSS*/

div.sttip div.tooltip div.popover-inner {


padding: 0px;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #C8C8C8;
border: 1px solid rgba(150, 150, 150, .5);
-webkit-background-clip: padding-box;
/* for Safari */

background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
/*-webkit-box-shadow: 0 0px 3px #CCC;
-moz-box-shadow: 0 0px 3px #CCC;
box-shadow: 0 0px 3px #CCC;*/
}

div.sttip div.tooltip.in.top div.tooltip-arrow {


bottom: -3px;
border-top: 27px solid;
border-left: 16px inset transparent;
border-right: 16px inset transparent;
z-index: -1;
width: 2px;
margin-left: -19px;
margin-bottom: 0px;
}

div.sttip div.tooltip.in.top div.tooltip-arrow.second-arrow {


bottom: -3px;
border-top: 22px solid;
border-left: 13px inset transparent;
border-right: 13px inset transparent;
margin-left: -15px;
z-index: 1;
}

div.sttip div.tooltip.in.right div.tooltip-arrow {


border-right: 27px solid;
left: -3px;
border-bottom: 16px inset transparent;
border-top: 16px inset transparent;
z-index: -1;
height: 2px;
margin-top: -17px;
}

div.sttip div.tooltip.in.right div.tooltip-arrow.second-arrow {


border-right: 22px solid;
left: -3px;
border-bottom: 13px inset transparent;
border-top: 13px inset transparent;
margin-top: -13px;
z-index: 1;
}

div.sttip div.tooltip.in.bottom div.tooltip-arrow {


border-bottom: 27px solid;
border-left: 16px inset transparent;
border-right: 16px inset transparent;
top: -3px;
margin-left: -19px;
z-index: -1;
width: 2px;
}

div.sttip div.tooltip.in.bottom div.tooltip-arrow.second-arrow {


border-bottom: 22px solid;
border-left: 13px inset transparent;
border-right: 13px inset transparent;
top: -3px;
margin-left: -15px;
z-index: 1;
}

div.sttip div.tooltip.in.left div.tooltip-arrow {


border-left: 27px solid;
border-bottom: 16px inset transparent;
border-top: 16px inset transparent;
right: -3px;
height: 2px;
z-index: -1;
margin-top: -17px;
}

div.sttip div.tooltip.in.left div.tooltip-arrow.second-arrow {


border-left: 22px solid;
border-bottom: 13px inset transparent;
border-top: 13px inset transparent;
right: -3px;
margin-top: -13px;
z-index: 1;
}
div.sttip div.tooltip.in.bottom-left div.tooltip-arrow {
margin-top:0;
}

div.sttip div.tooltip.in.top-right div.tooltip-arrow {


left: 11%
}

div.sttip div.tooltip.in.bottom-right div.tooltip-arrow {


left: 11%;
margin-top:0;
}

div.sttip div.tooltip div.popover-title {


overflow: visible;
background: none;
}
div.sttip .panel-container .guide-content .guide-search-textbox{
padding:0px 0px 5px 0px;
}

div.sttip .panel-container .guide-content .guide-search-results{


overflow-y:auto; max-height:232px; width:231px
}

div.sttip .panel-container .guide-content .iridize-start-panel { background:


url('https://guidedlearning.oracle.com/static/tipcms/img/startpanelicons.png') no-
repeat top left; width: 20px; height: 20px; display: inline-block; vertical-
align:top; margin-top:2px; margin-right:5px; }
div.sttip .panel-container .guide-content .iridize-start-panel.knowledge-base
{ background-position: 0 0; }
div.sttip .panel-container .guide-content .iridize-start-panel.link { background-
position: 0 -20px; }
div.sttip .panel-container .guide-content .iridize-start-panel.video { background-
position:0 -60px; }
div.sttip .panel-container .guide-content .iridize-start-panel.walkthrough
{ background-position: 0 -40px; }

div.sttip .panel-container .guide-content {


font-family: ir-lato,sans-serif;
color: #FFFFFF;
font-size: 14px;
line-height: 1.6;
min-height: 120px;
padding-bottom: 25px;
padding-left:25px
}
div.sttip .panel-container .guide-content-header-text{
padding: 0px 0px;
font-size: 12px;
}

div.sttip .panel-container .guide-content .search-textbox{


width:180px;
padding:0px 10px 0px 0px;
margin-top:12px;
background:
url("https://guidedlearning.oracle.com/static/tipcms/img/search_icon.png") top
right no-repeat;
padding-right:30px;
border-bottom:solid 1px #D8D8D8;
outline:none;
height:24px;
border-radius:0px;
}
.search-textbox:focus{
outline:none;
}

div.sttip .panel-container .guide-content .no-results{


width:160px;

padding:15px 10px 0px 0px;


}
div.sttip .panel-container .guide-content ul {
list-style-type: none;
padding: 0px; }

div.sttip .panel-container .guide-content li {


padding: 10px 10px 0px 0px;
position: relative;
cursor: pointer;
}

div.sttip .panel-container .guide-content li .item-line {


display: block;
margin-top: 5px;
border-bottom: 1px solid #888;
}

div.sttip .panel-container .guide-content li:last-child .item-line {


visibility: hidden
}

div.sttip .guide-list .item-text {


display: inline-block;
width: 210px;
cursor: pointer;
border-radius: 4px;
line-height: 25px;
padding: 5px 2px;
}

div.sttip .guide-list .item-icon,


.icon-remove {
display: none;
opacity: .7;
transition: opacity .2s;
top: 50%;
position: absolute;
margin-top: -9px;
}

div.sttip div.tooltip div.popover-title a[data-iridize-role=closeBt] {


margin-right: 0px;
margin-top: 15px;
opacity:1;
font-weight: 400;
transition: font-weight .3s;
text-decoration:none;
font-size: 10px;
}

div.sttip div.tooltip div.popover-title a[data-iridize-role=closeBt]:hover {


opacity: 1;
font-weight:700;
}

div.sttip .panel-container .guide-content li:hover > .item-icon {


opacity: .8
}

div.sttip .guide-list .item-icon i {


cursor: pointer
}

div.sttip .panel-container .guide-content li:last-child {


border-bottom: none
}

div.sttip .panel-container .guide-content li {


transition: background .2s, color .2s
}

div.sttip .panel-container .guide-content li:hover {


background: #312d2a;
color: #FFFFFF;
}

div.sttip .panel-container .guide-footer {


font-family: ir-lato,sans-serif;
background: #312d2a;
padding: 5px 0px;
}
div.sttip.panel.rightPanel .guide-footer {
border-radius: 0px 0px 0px 4px;
}
div.sttip.panel.leftPanel .guide-footer {
border-radius: 0px 0px 4px 0px;
}
div.sttip .panel-container .guide-footer p {
line-height: 35px;
height: 35px;
text-align: center;
font-size: 12px;
color: #888;
}
div.sttip .panel-container .guide-footer p:hover {
color: #AAA;
}

div.sttip .panel-container .guide-header {


font-family: ir-lato,sans-serif;
color: #FFFFFF;
font-weight: bold;
/*text-transform: uppercase;*/
font-size: 16px;
padding: 25px 15px 15px 25px;
/*letter-spacing: 1px;*/
}

div.sttip.panel {
overflow: hidden;
top: 200px;
position: fixed;
}

div.sttip.panel.rightPanel {
right: 0px;
width: 300px;
}

div.sttip.panel.leftPanel {
width: 300px
}

div.sttip.rightPanel .panel-container {
padding-left: 4px
}

div.sttip.leftPanel .panel-container {
padding-right: 4px
}

div.sttip.rightPanel .panel-container .guide-list {


float: left;
border-radius: 0px 0px 0px 4px;
}

div.sttip.leftPanel .panel-container .guide-list {


float: left;
border-radius: 0px 0px 4px 0px;
border-right: 1px solid;
}

div.sttip .panel-container .guide-list {


display: inline-block;
color: #FFFFFF;
background: #312d2a;
width: 258px;
position: relative;
z-index: 1;
}

div.sttip .panel-container {
position: relative;
overflow: hidden;
display: inline-block;
padding-bottom: 6px;
}

div.sttip .panel-container,
div.sttip.rightPanel.panel-opened
{
width: 302px
}

div.sttip.rightPanel.panel-closed {
width: 48px
}

div.sttip.leftPanel.panel-opened {
left: -1px
}

div.sttip.leftPanel.panel-closed {
left: -260px
}

div.sttip.rightPanel.panel-close {
-webkit-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
/* older webkit */

-webkit-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);


-moz-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: width 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
/* easeOutBack */
}

div.sttip.rightPanel.panel-open {
-webkit-transition: width 400ms cubic-bezier(0.600, 0, 0.735, 0.045);
/* older webkit */

-webkit-transition: width 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);


-moz-transition: width 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: width 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: width 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: width 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
/* easeInBack */
}

div.sttip.leftPanel.panel-close {
-webkit-transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
/* older webkit */

-webkit-transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);


-moz-transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: left 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
/* easeOutBack */
}

div.sttip.leftPanel.panel-open {
-webkit-transition: left 400ms cubic-bezier(0.600, 0, 0.735, 0.045);
/* older webkit */

-webkit-transition: left 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);


-moz-transition: left 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: left 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: left 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: left 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
/* easeInBack */
}

div.sttip .panel-container .flap {


cursor: pointer;
padding: 10px 10px 10px 10px;
display: inline-block;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
width: 20px;
position: relative;
z-index: 2;
margin-top: 0px;
transition: background .2s;
}

div.sttip .panel-container .flap:hover {


background: #55CCDD;
}

div.sttip .panel-container .flap > .flap-text {


font-family: ir-lato,sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #FFF;
width: 1em;
text-align: center;
cursor: pointer;
}

div.sttip.rightPanel .panel-container .flap {


border-right: none;
float: left;
border-width: 0px;
border-radius: 4px 0px 0px 4px;
color: #FFF;
left: 1px;
}

div.sttip.leftPanel .panel-container .flap {


border-left: none;
border-width: 0px;
border-radius: 0px 4px 4px 0px;
color: #FFF;
right: 1px;
}

div.sttip div.tooltip.in.right {
margin-left: 8px;
padding-left: 18px;
}

div.sttip div.tooltip.in.left {
margin-left: -16px;
padding-right: 18px;
}

div.sttip div.tooltip.in.top {
margin-top: -16px;
padding-bottom: 18px;
}

div.sttip div.tooltip.in.bottom {
margin-top: 8px;
padding-top: 18px;
}
/* CUSTOM THEME */

div.sttip div.tooltip a,
div.sttip div.tooltip div.popover-content,
div.sttip div.tooltip div.popover-inner,
div.sttip div.tooltip div.stFooter,
div.sttip .panel-container .guide-content,
div.sttip .panel-container .guide-footer {
font-family: ir-lato,sans-serif;
color: #FFFFFF;
font-size: 14px;
}

div.sttip div.tooltip a{
text-decoration: underline;
}

div.sttip div.tooltip div.popover-content,


div.sttip div.tooltip div.popover-inner,
div.sttip div.tooltip div.stFooter,
div.sttip .panel-container .guide-content,
div.sttip .panel-container .guide-footer {
font-weight: normal;
}

div.sttip div.tooltip div.popover-inner {


background: #312d2a
}

div.sttip div.tooltip div.popover-content {


background: #312d2a;
padding: 0px 25px 0px 25px;
}

div.sttip div.tooltip div.popover-content [data-iridize-id="content"] {


padding-bottom: 25px;
display: block;
}
/* arrow colors*/

div.sttip div.tooltip.in.right div.tooltip-arrow {


border-right-color: #C8C8C8;
border-right-color: rgba(150, 150, 150, .5);
/*opacity:0.3;*/
}

div.sttip div.tooltip.in.bottom div.tooltip-arrow {


border-bottom-color: #C8C8C8;
border-bottom-color: rgba(150, 150, 150, .5);
/*opacity:0.3;*/
}

div.sttip div.tooltip.in.left div.tooltip-arrow {


border-left-color: #C8C8C8;
border-left-color: rgba(150, 150, 150, .5);
/*opacity:0.3;*/
}

div.sttip div.tooltip.in.top div.tooltip-arrow {


border-top-color: #C8C8C8;
border-top-color: rgba(150, 150, 150, .5);
/*opacity:0.3;*/
}

div.sttip div.tooltip.in.right div.tooltip-arrow.second-arrow {


display: block;
border-right-color: #312D2A;
width: 0px;
height: 0px;
opacity: 1;

div.sttip div.tooltip.in.bottom div.tooltip-arrow.second-arrow {


display: block;
border-bottom-color: #312D2A;
width: 0px;
height: 0px;
opacity: 1;
}

div.sttip div.tooltip.in.left div.tooltip-arrow.second-arrow {


display: block;
border-left-color: #312D2A;
width: 0px;
height: 0px;
opacity: 1;
}

div.sttip div.tooltip.in.top div.tooltip-arrow.second-arrow {


display: block;
border-top-color: #41b0c6;
width: 0px;
height: 0px;
opacity: 1;
}
/* top-left with Next btn the background is different*/

div.sttip div.tooltip.in.top.top-left div.tooltip-arrow.second-arrow {


display: block;
border-top-color: #55CCDD;
width: 0px;
height: 0px;
opacity: 1;
}
/* top-left without next btn is the same as default*/
div.sttip div.tooltip.in.top.top-left.hideNextBt div.tooltip-arrow.second-arrow
{
display: block;
border-top-color: #41b0c6;
width: 0px;
height: 0px;
opacity: 1;
}

div.stBorderDiv {
background-color: #41b0c6 !important;
-webkit-box-shadow: 0 0 7px #55CCDD !important;
-moz-box-shadow: 0 0 7px #55CCDD !important;
box-shadow: 0 0 7px #55CCDD !important;
}

div div.sttip .panel-container .guide-list {


-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #312d2a;
border: 1px solid rgba(150, 150, 150, .5);
color: #FFFFFF;
background: #312d2a;
/*-webkit-box-shadow: 0 1px 3px #CCC;
-moz-box-shadow: 0 1px 3px #CCC;
box-shadow: 0 1px 3px #CCC;*/
}

div.sttip .panel-container .flap {


background: #41b0c6;
border: 0px solid #FFFFFF;
}

div.sttip div.tooltip div.stFooter div,


div.sttip div.tooltip div.stFooter a,
div.sttip div.tooltip div.stFooter p {
font-size: 12px;
color: #FFF;
text-decoration: none;
border:none;
}
div.sttip div.tooltip div.stFooter .default-later-btn:hover {
text-decoration: underline;
}
div.sttip div.tooltip div.stFooter div {
display: inline-block;
}

div.sttip div.tooltip div.stFooter .powered-by {


display: none;
}

div.sttip div.tooltip div.stFooter {


height: 35px;
padding: 0px 0px 0px 25px;
margin-top: 0px;
text-align: left;
line-height: 35px;
background: #1e5b72;
}

div.sttip div.tooltip div.stFooter .next-btn {


min-width: 26px;
padding-right: 17px;
padding-left: 17px;
display: inline-block;
text-align: center;
text-decoration: none;
background: #5fa2ba;
font-weight: bold;
position:relative;
}
div.sttip div.tooltip .next-btn--choice, div.sttip div.tooltip div.popover-
content .next-btn {
min-width: 26px;
line-height: 24px;
padding-right: 4px;
padding-left: 4px;
border-radius: 4px;
display: inline-block;
text-align: center;
text-decoration: none;
background: #55CCDD;
font-weight: bold;
font-size: 12px;
color: #FFF;
text-decoration: none;
border:none;
margin-bottom: 2px;
margin-top: 2px;
}

div.sttip div.tooltip.hideNextBt .stFooter .next-btn {


display: none;
}

div.sttip div.tooltip div.stFooter .next-btn:after {


position: absolute;
content:"\bb";
-webkit-transition: all 0.3s;
-moz-transition: all
0.3s;
transition: all 0.3s;
right: 10px;
font-size:14px;
opacity: 0;
visibility:hidden;
}

div.sttip div.tooltip div.stFooter .next-btn:hover:after {


right: 7px;
opacity: 1;
visibility:visible;
}
div.sttip div.tooltip.showPrevBt .stFooter .default-prev-btn {
min-width: 26px;
padding-right: 17px;
padding-left: 17px;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: bold;
position:relative;
}

div.sttip div.tooltip div.stFooter .default-prev-btn:before {


content:"\ab";
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
left: 7px;
font-size:14px;
opacity: 0;
visibility:hidden;
}

div.sttip div.tooltip div.stFooter .default-prev-btn:hover:before {


left: 4px;
opacity: 1;
visibility:visible;
}

div.sttip div.tooltip div.popover-title {


overflow: visible;
height: 25px;
padding-right: 15px;
padding-left: 25px;
padding-bottom: 0px;
padding-top: 10px;
}

div.sttip div.tooltip div.stFooter div[data-iridize-role="nextBtPane"] {


float: right;
}

div.sttip .showLaterBt .stFooter .steps-count {


display: none;
}

/* Visibility hidden for closed guide list fix*/


div.sttip.panel-closed .panel-container .guide-list {
visibility: hidden;
max-height:0px;
}
/* effectively infinite max-height, so it won't limit anything*/
div.sttip .panel-container .guide-list{
max-height:1000px;
}
div.sttip.panel-close .panel-container .guide-list {
-webkit-transition: visibility 0ms step-end 600ms, max-height 0ms step-
end 600ms;
-mox-transition: visibility 0ms step-end 600ms, max-height 0ms step-end
600ms;
-ms-transition: visibility 0ms step-end 600ms, max-height 0ms step-end
600ms;
-o-transition: visibility 0ms step-end 600ms, max-height 0ms step-end
600ms;
transition: visibility 0ms step-end 600ms, max-height 0ms step-end 600ms;
}

div.sttip.rightPanel.panel-closed {
width: 44px;
}

/* end visibility hidden fix*/

/* hide disabled back button*/


div.sttip div.tooltip.showPrevBt .stFooter .default-prev-btn.disabled {
display:none;
}

/* resets needed trying to work on a site with bootstrap */


div.sttip .tooltip.top:before,
div.sttip .tooltip.right:before,
div.sttip .tooltip.top:before,
div.sttip .tooltip.top-right:before,
div.sttip .tooltip.top-left:before,
div.sttip .tooltip.left:before,
div.sttip .tooltip:before,
div.sttip .tooltip.bottom-right:before,
div.sttip .tooltip.bottom-left:before
{
border:none;
}
/* end of bootstrap resets */

/* start panel border*/


div.sttip.panel .panel-container .guide-list,
div.sttip.panel .panel-container .flap {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-left: 1px solid;
border-bottom: 1px solid;
border-top: 1px solid;
border-color:#C8C8C8;
border-color:rgba(150, 150, 150, 0.5);
}
/* end panel border*/

div.sttip table, div.sttip tr, div.sttip td {


border: 1px solid black;
padding: 6px 9px;
}

div.sttip h1,
div.sttip h2,
div.sttip h3{
color: white;
}

/*
hide start panel icons until we create white versions
*/
div.sttip .panel-container .guide-content i.iridize-start-panel {
display: none;
}

/** handle guide names with multiple lines **/


.guide-list span.guide-list__guide-name {
display: inline-block;
line-height: 18px;
width: 185px;
}

/************ start feedback widget styles *************/


.ir-survey {
z-index: 122828282882;
width: 610px;
font-family: "ir-lato", sans-serif;
text-align: center;
background: rgba(0, 0, 0, 0.4);
border-radius: 5px;
padding: 50px 75px 50px 75px;
}

.ir-survey-layout {}

.ir-pushRight {
float: right;
}

.ir-survey a {
text-decoration: none;
}

.ir-color-inherit {
color: inherit;
}

.ir-survey-close {
overflow: hidden;
}

.ir-survey-content {
background-color: #F2F2F2;
padding: 9px 9px 16px 9px;
border-radius: 10px 10px 0 0;
font-family: "ir-lato", sans-serif;
font-size: 16px;
}

.ir-credit {
background-color: #12BC8D;
font-weight: 900;
border-radius: 0 0 10px 10px;
font-size: 12px;
color: white;
text-align: center;
padding: 1px;
}

.ir-credit a {
color: #fff;
}

.ir-credit a:hover {
color: #fff;
}

.ir-survey-answer {
font-size: 14pt;
font-weight: bold;
width: 36px;
margin: 2px;
height: 36px;
border-width: 1px;
border-style: solid;
border-color: #A4A4A4;
border-radius: 36px;
text-decoration: none;
display: inline-block;
color: #505050;
line-height: 1.95em;
text-align: center;
}

.ir-survey-answer:hover {
color: #fff;
background-color: #12BC8D;
border-color: #12BC8D
}

.ir-survey-question {
color: #000;
font-weight: 500;
font-size: 1em;
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
line-height: 33px;
}

.ir-float-container {
overflow: hidden
}

body>.ir-survey__top {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
}
body>.ir-survey__bottom {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
}

body>.ir-survey__center {
position: fixed;
top: 50%;
left: 50%;
margin-top: -9em;
margin-left: -380px;
}
/************ end feedback widget styles *************/

/**** START new_css.css appended to theme ****/


/**** TODO WIDGET ******/
div.sttip.ir-todoList {
display: inline-block;
position: absolute;
top: 0;
left: -9999px;
bottom: 20px;
height: 0px;
padding: 24px 24px 6px 24px;
border-radius: 5px;
direction: ltr;
background: white;
border: 1px solid rgba(150, 150, 150, 0.5);
font-family: ir-lato,sans-serif;
color: #312d2a;
width: 0;
}

div.sttip.ir-todoList.in{
width: 280px;
transition: 500ms;
height: auto;
left: 65px;
bottom: 65px;
top: auto;
}

div.sttip .ir-todoList-header {
font-size: 21px;
margin-bottom: 15px;
text-align: center;
}

div.sttip .ir-todoList-footer {
color: gray;
margin-top: 18px;
direction: rtl;
font-size: 10px;
}

div.sttip .ir-todoList-guideName{
font-size: 16px;
cursor: pointer;
color:#312d2a;
}

div.sttip .ir-completedGuide .ir-icon-todo {


background: black;
}

div.sttip .ir-todoList-item.engaged .ir-todoList-guideName {


text-decoration: line-through;
}

div.sttip .ir-todoList-progress {
border: 1px solid #12bc8d;
height: 9px;
line-height: 0;
}

div.sttip .ir-todoList-progress-complete {
height: 100%;
width:0;
display: inline-block;
background-color: #12bc8d;
transition: width 2s;
float:left;
}

div.sttip .ir-todoList-motivation {
font-size: 14px;
line-height: 18px;
border-radius: 5px;
padding: 6px;
color: white;
background: #12bc8d;
}

div.sttip .ir-todoList-list {
list-style: none;
padding: 0;
margin-left:0;
}

div.sttip .ir-todoList-item {
border-radius: 5px;
padding: 6px;
margin: 0;
}

div.sttip .ir-todoList-item:hover {
background: #f5f5f5;
}

div.sttip .ir-icon-todo {
border: 2px solid black;
width: 16px;
height: 16px;
display: inline-block;
margin-right: 6px;
vertical-align: middle;
border-radius: 10px;
}

div.sttip .ir-todoList-item.engaged .ir-icon-todo{


background: black;
}

div.sttip a.ir-close {
float: right;
text-decoration: none;
cursor: pointer;
color:#312d2a;
}
div.sttip .ir-todoList-items {
margin-top:10px;
margin-bottom:10px;
}

div.sttip button.ir-reset-tasklist-button {
margin-top: 9px;
color: #12bc8d;
cursor:pointer;
}
div.sttip button.ir-reset-tasklist-button:hover {
margin-top: 9px;
color: #312d2a;
}

/**** END new_css.css appended to theme ****/

/**** START tasklist_css_fixes_030718_2.css appended to theme ****/


div.sttip .panel-container .guide-content .iridize-start-panel.tasklist {
background-position: 0 -80px;
}

.ir-todoList-launcher-button:focus {
outline: none;
}

.ir-todoList-launcher-button {
cursor: pointer;
}

div.sttip .guide-list .item-text.ir-todoList-guideName {


width: 100%;
}

div.sttip .guide-list .ir-reset-tasklist-button:hover {


background: none;
text-decoration: underline;
}

/**** END tasklist_css_fixes_030718_2.css appended to theme ****/

.ir-marker {
/*changing this will affect the color of the help icon*/
background-color: #12bc8d;
}

.ir-beacon:before {
box-shadow: 0px 0px 2px 2px #12bc8d;
}

</style></head>

<body class="oj-web-applayout-body oj-sp-theme-global-pillar-default oj-sp-theme-


global-mode-mixed" data-oj-binding-provider="none">
<app-root class="oj-complete"><div class="oj-navigationlist-listview-
container oj-bg-neutral-170 oj-color-invert oj-sm-padding-4x-horizontal"
role="presentation"><div class="oj-navigationlist-listview navlistcontainer oj-
component oj-md-padding-6x-horizontal oj-lg-padding-8x-horizontal"
role="presentation" style="max-width: none;"><header><div id="mainHeader"
tabindex="-1" class="oj-flex-bar oj-sm-align-items-center"><div class="oj-flex-
bar-start"><div class="oj-lg-hide"><span tabindex="0" class="oj-ux-ico-menu oj-ux-
icon-size-6x" role="button"></span><div><oj-drawer-popup class="oj-color-invert oj-
bg-neutral-190 oj-sm-width-full oj-drawer-start oj-complete" auto-dismiss="none"
tabindex="-1" role="dialog"><oj-button id="menuclose" style="float: right;"
class="oj-button oj-button-half-chrome oj-button-icon-only oj-enabled oj-default
oj-complete" title="Close Menu"><button class="oj-button-button" aria-
labelledby="menuclose_oj9|text"><div class="oj-button-label"><span class="oj-
button-icon oj-start"><span slot="startIcon"
class="oj-ux-ico-close"></span></span><span><span class="oj-button-text oj-helper-
hidden-accessible" id="menuclose_oj9|text">Close
Menu</span></span></div></button></oj-button><div class="mlmenu-list-container
mlmenu-start"><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/home"><span class="oj-navigationlist-item-icon oj-
ux-ico-home"></span><span class="oj-navigationlist-item-label"> Home
</span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/digital-library"><span class="oj-navigationlist-
item-icon oj-ux-ico-library"></span><span class="oj-navigationlist-item-label">
Library </span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/dashboard"><span class="oj-navigationlist-item-
icon oj-ux-ico-dashboard"></span><span class="oj-navigationlist-item-label">
Dashboard </span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/favorites"><span class="oj-navigationlist-item-
icon oj-ux-ico-heart"></span><span class="oj-navigationlist-item-label"> Favorites
</span></a></div></div></oj-drawer-popup></div></div><a id="logo_navLink"
href="https://mylearn.oracle.com/home" class="logosection"><span class="oj-lg-hide
oj-ux-ico-oracle-o oj-ux-icon-size-6x oj-link-standalone oj-link-subtle-primary oj-
sm-padding-1x-horizontal"></span><span class="oracle-logo"><img class="oj-sm-only-
hide oj-md-only-hide" src="./Oracle MyLearn_files/logo-oracle-redwood.svg"
alt="oracle"><span class="oj-typography-body-lg oj-sm-padding-5x-end mylearn oj-md-
only-hide">MyLearn</span></span></a></div><div class="oj-flex-bar-middle"><div
class="search-box oj-sm-width-full"><oj-input-text id="mainsearch" class="oj-
inputtext oj-form-control oj-component oj-text-field oj-has-no-value oj-
complete"><div role="presentation" class="oj-text-field-container oj-text-field-
has-start-slot oj-text-field-has-end-slot"><span class="oj-text-field-start"><div
slot="start"><span class="oj-ux-ico-search search-icon"></span></div></span><div
class="oj-text-field-middle"><input data-oj-internal="" type="text" class="oj-
inputtext-input oj-text-field-input oj-component-initnode" placeholder="What do you
want to learn?" id="mainsearch|input"><oj-popup class="oj-bg-neutral-170 oj-color-
invert tooltiMinwidthFav oj-popup oj-component oj-popup-tail-simple oj-component-
initnode oj-complete" id="mainSearchClear" role="tooltip" initial-focus="none"
aria-hidden="true" tabindex="-1" style="display: none;"><div class="oj-popup-
content" role="presentation">Clear search field</div><div class="oj-popup-tail oj-
popup-tail-simple" role="presentation" id="mainSearchClear_tail" style="display:
none;"></div></oj-popup></input></div><span class="oj-text-field-end"><oj-button
slot="end" id="mainSearchClearbtn" style="display: none;" class="oj-button oj-
button-half-chrome oj-button-icon-only oj-enabled oj-default oj-complete"><button
class="oj-button-button" aria-labelledby="mainSearchClear"><div class="oj-button-
label"><span class="oj-button-icon oj-start"><span slot="startIcon" class="oj-ux-
ico-close-circle-s" style="padding-left:
6px;"></span></span><span></span></div></button></oj-button></span></div><div
class="oj-user-assistance-inline-container oj-reflow" id="ui-id-1"></div></oj-
input-text></div></div><div class="oj-flex-bar-end"><div class="oj-sm-only-hide oj-
md-only-hide"><div class="mlmenu-list-container "><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/home"><span class="oj-navigationlist-item-icon oj-
ux-ico-home"></span><span class="oj-navigationlist-item-label"> Home
</span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/digital-library"><span class="oj-navigationlist-
item-icon oj-ux-ico-library"></span><span class="oj-navigationlist-item-label">
Library </span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/dashboard"><span class="oj-navigationlist-item-
icon oj-ux-ico-dashboard"></span><span class="oj-navigationlist-item-label">
Dashboard </span></a></div><div class="mlmenu-list-item "><a
href="https://mylearn.oracle.com/favorites"><span class="oj-navigationlist-item-
icon oj-ux-ico-heart"></span><span class="oj-navigationlist-item-label"> Favorites
</span></a></div></div></div><oj-menu-button id="headerProfileDropdown" class="oj-
button oj-component oj-enabled oj-default oj-button-half-chrome oj-button-text-
icon-end oj-complete"> <button data-oj-internal="" aria-labelledby="ui-id-2"
class="oj-button-button oj-component-initnode" aria-haspopup="true"><div class="oj-
button-label"><oj-avatar role="img" aria-label="NA" title="NA" class="oj-complete
oj-button-text" id="ui-id-2"><div class="oj-avatar oj-avatar-bg-orange oj-avatar-sm
oj-avatar-square oj-avatar-no-image oj-avatar-has-initials" aria-hidden="true"><div
class="oj-avatar-background oj-avatar-background-image"></div><div class="oj-
avatar-initials oj-avatar-background-image">NA</div></div></oj-avatar><span
class="oj-button-icon oj-end oj-component-icon oj-button-menu-dropdown-icon"
slot="endIcon"></span><oj-menu id="userProfile" slot="menu" class="profiledropdown
oj-component-initnode oj-complete" style="display: none;"><slot><strong class="pad-
left">My Account</strong></slot><oj-option class="oj-complete">Nakhla Al-Hawi</oj-
option><slot><span class="pad-left">Subscriber</span><hr></slot><slot><strong
class="pad-left">My Learning Dashboard</strong></slot><oj-option class="oj-
complete">Content Preferences</oj-option><oj-option class="oj-complete">Progress
&amp; History</oj-option><oj-option class="oj-complete">Achievements</oj-
option><oj-option class="oj-complete">My Exam
Purchases</oj-option><slot><hr></slot><oj-option class="oj-complete">Help and
Support</oj-option><oj-option class="oj-complete">Contact Us</oj-option><oj-option
class="oj-complete">Terms of Use</oj-option><hr><oj-option style="display:
contents;" class="oj-complete"><oj-button style="display: contents;" class="oj-
button oj-button-outlined-chrome oj-button-text-only oj-enabled oj-default oj-
complete"><button class="oj-button-button" aria-labelledby="_oj11|text"><div
class="oj-button-label"><span><span class="oj-button-text" id="_oj11|text">Sign
Out</span></span></div></button></oj-button></oj-option></oj-menu></div></
button></oj-menu-button></div></div></header></div></div><oj-vb-content class="oj-
complete"><oj-module class="oj-complete"><div><oj-sp-pillar-theme class="oj-
complete" base-appearance-theme="Redwood"><div><div><div class="oj-sp-ao-popup-
content"><oj-sp-ask-oracle id="ojspAskOracle" class="oj-complete"><div
id="ojspAskOracle_ao"><div><div class="oj-sp-rw-ask-oracle-page-container"
id="ojspAskOracle_ao-page-slot"><div slot="page"><oj-vb-content id="ojspContent"
class="oj-complete"><oj-module class="oj-complete"><oj-sp-smart-filter-search
id="oj_ssfs10" class="oj-complete"><div id="article"><div class="oj-bg-neutral-0
oj-md-padding-1x-start oj-md-padding-2x-end oj-lg-padding-9x-horizontal oj-sm-
padding-3x-top oj-sm-padding-3x-bottom oj-md-padding-5x-top oj-md-padding-5x-
bottom"><div class="oj-flex-bar oj-sm-justify-content-center"><div class="oj-flex-
bar-middle"><div><oj-popup class="oj-bg-neutral-170 oj-color-invert
tooltiMinwidthFav oj-popup oj-component oj-popup-tail-simple oj-component-initnode
oj-complete" id="articleBackBtn" role="tooltip" initial-focus="none" aria-
hidden="true" tabindex="-1" style="display: none;"><div class="oj-popup-content"
role="presentation">Back</div><div class="oj-popup-tail oj-popup-tail-simple"
role="presentation" id="articleBackBtn_tail" style="display: none;"></div></oj-
popup><oj-button id="articleBackBtnbtn" class="oj-button oj-button-half-chrome oj-
button-icon-only oj-enabled oj-default oj-complete"><button class="oj-button-
button" aria-labelledby="articleBackBtn"><div class="oj-button-label"><span
class="oj-button-icon oj-start"><span slot="startIcon" class="oj-ux-ico-arrow-
up"></span></span><span></span></div></button></oj-button></div><h1 class="oj-
typography-subheading-lg oj-sp-typography-display-6">Oracle HCM Best Practice
Process Overview</h1></div><div class="oj-flex-bar-end"><div><oj-popup class="oj-
bg-neutral-170 oj-color-invert tooltiMinwidthFav oj-popup oj-component oj-popup-
tail-simple oj-component-initnode oj-complete" id="articlePrevBtn" role="tooltip"
initial-focus="none" aria-hidden="true" tabindex="-1" style="display: none;"><div
class="oj-popup-content" role="presentation">Prev</div><div class="oj-popup-tail
oj-popup-tail-simple" role="presentation" id="articlePrevBtn_tail" style="display:
none;"></div></oj-popup><oj-button id="articlePrevBtnbtn" class="oj-button oj-
button-half-chrome oj-button-icon-only oj-disabled oj-complete"><button class="oj-
button-button" aria-labelledby="articlePrevBtn" disabled=""><div class="oj-button-
label"><span class="oj-button-icon oj-start"><span slot="startIcon" class="oj-ux-
ico-arrow-left"></span></span><span></span></div></button></oj-button></
div><div><oj-popup class="oj-bg-neutral-170 oj-color-invert tooltiMinwidthFav oj-
popup oj-component oj-popup-tail-simple oj-component-initnode oj-complete"
id="articleNextBtn" role="tooltip" initial-focus="none" aria-hidden="true"
tabindex="-1" style="display: none;"><div class="oj-popup-content"
role="presentation">Next</div><div class="oj-popup-tail oj-popup-tail-simple"
role="presentation" id="articleNextBtn_tail" style="display: none;"></div></oj-
popup><oj-button id="articleNextBtnbtn" class="oj-button oj-button-half-chrome oj-
button-icon-only oj-disabled oj-complete"><button class="oj-button-button" aria-
labelledby="articleNextBtn" disabled=""><div class="oj-button-label"><span
class="oj-button-icon oj-start"><span slot="startIcon" class="oj-ux-ico-arrow-
right"></span></span><span></span></div></button></oj-button></div></div></div><div
style="overflow: hidden;" class="oj-flex-bar oj-sm-align-items-center oj-md-
padding-1x-end oj-sm-padding-4x-top"><div class="oj-flex-bar-start"><span
class="oj-badge oj-badge-article">Article</span></div><div class="oj-flex-bar-
middle"><h5>Oracle HCM Best Practice Process Overview_</h5></div></div></div><div
class="oj-md-padding-1x-start oj-md-padding-2x-end oj-lg-padding-9x-
horizontal"><div class="oj-sp-header-strip"></div><div style="height:
80vh;"><iframe id="articleIframe" src="./Oracle MyLearn_files/oracle-hcm-best-
practice-process-overview_.html" title="Article Iframe" style="border: none;
height: 100%; width: 100%;"></iframe></div></div></div><div><div id="feedback"><div
class="feedbackContainer"><div class="feedbackAction"><oj-button class="oj-sm-only-
hide oj-sm-margin-2x-end oj-button oj-button-cta-chrome oj-button-text-icon-start
oj-enabled oj-default oj-complete" id="feedbackBtn"><button class="oj-button-
button" aria-labelledby="feedbackBtn_oj12|text"><div class="oj-button-label"><span
class="oj-button-icon oj-start"><span slot="startIcon" class="oj-ux-ico-star
half"></span></span><span><span class="oj-button-text" id="feedbackBtn_oj12|text">
Give Feedback</span></span></div></button></oj-button><div class="mobile-action-
panel oj-sm-padding-4x-horizontal oj-sm-padding-8x-vertical oj-panel-shadow-sm oj-
md-hide"><oj-button class="oj-sm-width-full oj-button oj-button-cta-chrome oj-
button-text-icon-start oj-enabled oj-default oj-complete" id="feedbackBtn"><button
class="oj-button-button" aria-labelledby="feedbackBtn_oj13|text"><div class="oj-
button-label"><span class="oj-button-icon oj-start"><span slot="startIcon"
class="oj-ux-ico-star half"></span></span><span><span class="oj-button-text"
id="feedbackBtn_oj13|text"> Give Feedback</span></span></div></button></oj-
button></div></div></div><div><oj-drawer-popup class="editAbout-drawer feedBack-
form oj-drawer-end oj-complete" auto-dismiss="focus-loss" tabindex="-1"
role="dialog"><div class="feedBack-form-header oj-sm-padding-8x-start oj-sm-
padding-8x-end oj-sm-padding-4x-top"><h6 class="oj-typography-subheading-md oj-sm-
margin-0">What do you think of this article?</h6><h3 class="oj-typography-body-sm
oj-typography-bold oj-text-color-secondary">Oracle Global Human Resources (HCM)
Best Practice Process Overview</h3><oj-button id="endButtonCloser" class="oj-button
oj-button-half-chrome oj-button-icon-only oj-enabled oj-default oj-complete"
title="Close"><button class="oj-button-button" aria-
labelledby="endButtonCloser_oj14|text"><div class="oj-button-label"><span
class="oj-button-icon oj-start"><span slot="startIcon"
class="oj-ux-ico-close"></span></span><span><span class="oj-button-text oj-helper-
hidden-accessible"
id="endButtonCloser_oj14|text">Close</span></span></div></button></oj-button></
div><hr class=""><div class="oj-sm-padding-8x-horizontal oj-sm-padding-4x-
bottom"><div><div class="oj-sm-margin-8x-top feedback-field"><span class="labelfor"
id="thresholds" data-oj-set-id="">Rate this article</span><div class="demo-gauge-
narrow-cell"><oj-rating-gauge labelled-by="thresholds" class="oj-dvtbase oj-
ratinggauge oj-rating-gauge-fit oj-component-initnode oj-complete" aria-
labelledby="thresholds|label"><div class="oj-helper-detect-contraction"><div
style="width: 200%; height: 200%;"></div></div><div class="oj-helper-detect-
expansion"><div></div></div><div style="visibility: hidden;"></div><svg
width="100%" height="100%" style="position: absolute; left: 0px; top: 0px; padding:
inherit;"><defs></defs><g font-size="12px" font-family="-apple-
system,BlinkMacSystemFont,&#39;Segoe UI&#39;,&#39;Helvetica Neue&#39;,Arial,sans-
serif" font-weight="400"><g><rect fill="rgba(0,0,0,0)"></rect></g></g></svg><svg
style="width: 100%; height: 100%;"></svg></oj-rating-gauge></div></div><div
class="oj-sm-margin-8x-top"><oj-text-area class="text-0-0-5 oj-textarea oj-form-
control oj-component oj-text-field oj-has-no-value oj-text-field-label-inside oj-
complete" label-hint="Additional comments" label-edge="inside" id="ui-id-3"
labelled-by="ui-id-3-labelled-by"><div role="presentation" class="oj-text-field-
container" style="resize: none;"><div class="oj-text-field-middle"><oj-label
id="ui-id-3-labelled-by" data-oj-binding-provider="none" data-oj-internal=""
for="ui-id-3" class="oj-textarea-label oj-label oj-component oj-complete" data-oj-
input-id="ui-id-3|input"><div class="oj-label-group"><label data-oj-internal=""
id="ui-id-3-labelled-by|label" class="oj-component-initnode" for="ui-id-3|
input"><span id="ui-id-3|hint">Additional comments</span></label></div></oj-
label><textarea data-oj-internal="" name="textarea" rows="3" class="oj-textarea-
input oj-text-field-input oj-component-initnode" placeholder="" id="ui-id-3|
input"></textarea></div></div><div class="oj-user-assistance-inline-container oj-
reflow" id="ui-id-4"></div></oj-text-area></div><div class="oj-sm-margin-2x-bottom"
style="text-align: right;"><hr><oj-button id="cancelBtn" class="oj-sm-margin-2x-end
oj-md-only-margin-2x-end oj-button oj-button-outlined-chrome oj-button-text-only
oj-enabled oj-default oj-complete"><button class="oj-button-button" aria-
labelledby="cancelBtn_oj15|text"><div class="oj-button-label"><span><span
class="oj-button-text"
id="cancelBtn_oj15|text">Cancel</span></span></div></button></oj-button><oj-button
id="submitDrawerBtn" class="oj-md-margin-2x-start oj-md-only-margin-2x-end
disabled} oj-button oj-button-cta-chrome oj-button-text-only oj-disabled oj-
complete"><button class="oj-button-button" aria-labelledby="submitDrawerBtn_oj16|
text" disabled=""><div class="oj-button-label"><span><span class="oj-button-text"
id="submitDrawerBtn_oj16|text">Submit</span></span></div></button></oj-button></
div></div></div></oj-drawer-popup></div></div></div></oj-sp-smart-filter-search></
oj-module></oj-vb-content></div></div></div></div></oj-sp-ask-oracle></div></
div></div></oj-sp-pillar-theme></div></oj-module></oj-vb-content><footer class="vl-
footer uk-section uk-section-secondary uk-section-small uk-text-xsmall uk-text-
muted"><div class="uk-container uk-container-expand"><ul class="uk-subnav uk-flex-
center"><li><a data-lbl="copyright" rel="noreferrer" target="_blank"
href="https://www.oracle.com/legal/copyright.html">© 2022 Oracle
University</a></li><li><a data-lbl="privacy" rel="noreferrer" target="_blank"
href="https://www.oracle.com/legal/privacy/">Privacy</a>&nbsp;<span>/</
span>&nbsp;<a data-lbl="do-not-sell-my-info" rel="noreferrer" target="_blank"
href="https://www.oracle.com/legal/privacy/privacy-choices.html" style="color:
rgb(252, 251, 250);">Do Not Sell My Info</a></li><li><a
href="https://education.oracle.com/OUcontactUs" rel="noreferrer"
target="_blank">Contact Us</a></li><li><a
href="https://learn.oracle.com/education/html/ols4/terms.html" rel="noreferrer"
target="_blank">Terms of Use</a></li><li><div id="teconsent" consent="undefined"
class="truste_caIcon_display" role="complementary"><script async="async"
type="text/javascript" crossorigin="" importance="high" src="./Oracle
MyLearn_files/v1.7-940"></script><a role="link" id="icon-id020213922726644307"
tabindex="0" lang="en" aria-haspopup="true" class="truste_cursor_pointer">Cookie
Preferences</a></div></li><li class="u10last"><a rel="noreferrer" target="_blank"
href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-
policy.html#13">Ad Choices</a></li></ul></div></footer></app-root>
<!-- This injects script tags for the main javascript files -->
<script>
window.addEventListener('mousedown', function (e) {
document.body.classList.add('mouse-navigation');
document.body.classList.remove('kbd-navigation');
});
window.addEventListener('keydown', function (e) {
if (e.keyCode === 9) {
document.body.classList.add('kbd-navigation');
document.body.classList.remove('mouse-navigation');
}
});
window.addEventListener('click', function (e) {
if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
e.preventDefault();
}
});
/*
window.onerror = function (message, source, line, col, error) {
var text = error ? error.stack || error : message + ' (at ' + source + ':' +
line + ':' + col + ')';
errors.textContent += text + '\n';
errors.style.display = '';
};
console.error = (function (old) {
return function error() {
errors.textContent += Array.prototype.slice.call(arguments).join(' ') + '\
n';
errors.style.display = '';
old.apply(this, arguments);
}
})(console.error);
*/
</script>
<script>
(function(){
let myCSS = document.createElement( "link" );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/fa-css-additions.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/ask-oracle.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/css-additions.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/ask-oracle-search.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/pillar-theme.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/smart-filter-search-styles.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/header-general-overview-styles.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/smart-filters.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/public-css-additions.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/list-item-template-styles.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/expandable-list-item-styles.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/empty-state-styles.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/index-inline.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/index.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );

myCSS = document.createElement( "link" );


myCSS.rel = "stylesheet";
myCSS.href = "/styles/critical-header.css";
document.head.insertBefore( myCSS,
document.head.childNodes[ document.head.childNodes.length - 1 ].nextSibling );
}());
</script>

<!-- injector:scripts -->


<script type="text/javascript" src="./Oracle
MyLearn_files/require.js.download"></script>
<script type="text/javascript" src="./Oracle
MyLearn_files/bundle.js.download"></script>
<!-- endinjector -->

<script src="./Oracle MyLearn_files/ogl_snippet.js.download"></script><div


style="display: none;"></div><iframe name="trustarc_notice"
id="trustarcNoticeFrame" title="Trustarc Cross-Domain Consent Frame" src="./Oracle
MyLearn_files/get.html" style="display: none;"></iframe><script src="./Oracle
MyLearn_files/iridizeLoader.min.js.download" type="text/javascript"
async=""></script><script type="text/javascript" src="./Oracle
MyLearn_files/ora_code.js.download"></script><div data-iridize-nofb="" aria-
live="polite" class="ogl-aria-live" aria-relevant="all" role="status"
style="height:0px;overflow:auto"></div><div class="ou-convergence-launcher hide"
tabindex="-1"><span id="dragger" title="Move" aria-label="Move Oracle Guided
Learning Widget"></span><iframe sandbox="allow-forms allow-modals allow-scripts
allow-same-origin" id="launcher" name="launcher" aria-label="Launch Oracle Guided
Learning Help Panel" src="./Oracle
MyLearn_files/saved_resource.html">Launcher</iframe></div><iframe sandbox="allow-
forms allow-modals allow-scripts allow-same-origin allow-popups" id="content_list"
name="content_list" class="ou-convergence-list" aria-label="Oracle Guided Learning
Help Panel" src="./Oracle MyLearn_files/saved_resource(1).html" style="height:
484px; margin-top: -242px;">Content list</iframe></body></html>

You might also like