@import url(https://fonts.googleapis.com/css?family=Nunito);/*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.eot?f4769f9bdb7466be65088239c12046d1);src:url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.eot?f4769f9bdb7466be65088239c12046d1?#iefix) format("embedded-opentype"),url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb) format("woff2"),url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.woff?fa2772327f55d8198301fdb8bcfc8158) format("woff"),url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.ttf?e18bbf611f2a2e43afc071aa2f4e1512) format("truetype"),url(/fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.svg?89889688147bd7575d6327160d64e760#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20AC"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270F"}.glyphicon-glass:before{content:"\E001"}.glyphicon-music:before{content:"\E002"}.glyphicon-search:before{content:"\E003"}.glyphicon-heart:before{content:"\E005"}.glyphicon-star:before{content:"\E006"}.glyphicon-star-empty:before{content:"\E007"}.glyphicon-user:before{content:"\E008"}.glyphicon-film:before{content:"\E009"}.glyphicon-th-large:before{content:"\E010"}.glyphicon-th:before{content:"\E011"}.glyphicon-th-list:before{content:"\E012"}.glyphicon-ok:before{content:"\E013"}.glyphicon-remove:before{content:"\E014"}.glyphicon-zoom-in:before{content:"\E015"}.glyphicon-zoom-out:before{content:"\E016"}.glyphicon-off:before{content:"\E017"}.glyphicon-signal:before{content:"\E018"}.glyphicon-cog:before{content:"\E019"}.glyphicon-trash:before{content:"\E020"}.glyphicon-home:before{content:"\E021"}.glyphicon-file:before{content:"\E022"}.glyphicon-time:before{content:"\E023"}.glyphicon-road:before{content:"\E024"}.glyphicon-download-alt:before{content:"\E025"}.glyphicon-download:before{content:"\E026"}.glyphicon-upload:before{content:"\E027"}.glyphicon-inbox:before{content:"\E028"}.glyphicon-play-circle:before{content:"\E029"}.glyphicon-repeat:before{content:"\E030"}.glyphicon-refresh:before{content:"\E031"}.glyphicon-list-alt:before{content:"\E032"}.glyphicon-lock:before{content:"\E033"}.glyphicon-flag:before{content:"\E034"}.glyphicon-headphones:before{content:"\E035"}.glyphicon-volume-off:before{content:"\E036"}.glyphicon-volume-down:before{content:"\E037"}.glyphicon-volume-up:before{content:"\E038"}.glyphicon-qrcode:before{content:"\E039"}.glyphicon-barcode:before{content:"\E040"}.glyphicon-tag:before{content:"\E041"}.glyphicon-tags:before{content:"\E042"}.glyphicon-book:before{content:"\E043"}.glyphicon-bookmark:before{content:"\E044"}.glyphicon-print:before{content:"\E045"}.glyphicon-camera:before{content:"\E046"}.glyphicon-font:before{content:"\E047"}.glyphicon-bold:before{content:"\E048"}.glyphicon-italic:before{content:"\E049"}.glyphicon-text-height:before{content:"\E050"}.glyphicon-text-width:before{content:"\E051"}.glyphicon-align-left:before{content:"\E052"}.glyphicon-align-center:before{content:"\E053"}.glyphicon-align-right:before{content:"\E054"}.glyphicon-align-justify:before{content:"\E055"}.glyphicon-list:before{content:"\E056"}.glyphicon-indent-left:before{content:"\E057"}.glyphicon-indent-right:before{content:"\E058"}.glyphicon-facetime-video:before{content:"\E059"}.glyphicon-picture:before{content:"\E060"}.glyphicon-map-marker:before{content:"\E062"}.glyphicon-adjust:before{content:"\E063"}.glyphicon-tint:before{content:"\E064"}.glyphicon-edit:before{content:"\E065"}.glyphicon-share:before{content:"\E066"}.glyphicon-check:before{content:"\E067"}.glyphicon-move:before{content:"\E068"}.glyphicon-step-backward:before{content:"\E069"}.glyphicon-fast-backward:before{content:"\E070"}.glyphicon-backward:before{content:"\E071"}.glyphicon-play:before{content:"\E072"}.glyphicon-pause:before{content:"\E073"}.glyphicon-stop:before{content:"\E074"}.glyphicon-forward:before{content:"\E075"}.glyphicon-fast-forward:before{content:"\E076"}.glyphicon-step-forward:before{content:"\E077"}.glyphicon-eject:before{content:"\E078"}.glyphicon-chevron-left:before{content:"\E079"}.glyphicon-chevron-right:before{content:"\E080"}.glyphicon-plus-sign:before{content:"\E081"}.glyphicon-minus-sign:before{content:"\E082"}.glyphicon-remove-sign:before{content:"\E083"}.glyphicon-ok-sign:before{content:"\E084"}.glyphicon-question-sign:before{content:"\E085"}.glyphicon-info-sign:before{content:"\E086"}.glyphicon-screenshot:before{content:"\E087"}.glyphicon-remove-circle:before{content:"\E088"}.glyphicon-ok-circle:before{content:"\E089"}.glyphicon-ban-circle:before{content:"\E090"}.glyphicon-arrow-left:before{content:"\E091"}.glyphicon-arrow-right:before{content:"\E092"}.glyphicon-arrow-up:before{content:"\E093"}.glyphicon-arrow-down:before{content:"\E094"}.glyphicon-share-alt:before{content:"\E095"}.glyphicon-resize-full:before{content:"\E096"}.glyphicon-resize-small:before{content:"\E097"}.glyphicon-exclamation-sign:before{content:"\E101"}.glyphicon-gift:before{content:"\E102"}.glyphicon-leaf:before{content:"\E103"}.glyphicon-fire:before{content:"\E104"}.glyphicon-eye-open:before{content:"\E105"}.glyphicon-eye-close:before{content:"\E106"}.glyphicon-warning-sign:before{content:"\E107"}.glyphicon-plane:before{content:"\E108"}.glyphicon-calendar:before{content:"\E109"}.glyphicon-random:before{content:"\E110"}.glyphicon-comment:before{content:"\E111"}.glyphicon-magnet:before{content:"\E112"}.glyphicon-chevron-up:before{content:"\E113"}.glyphicon-chevron-down:before{content:"\E114"}.glyphicon-retweet:before{content:"\E115"}.glyphicon-shopping-cart:before{content:"\E116"}.glyphicon-folder-close:before{content:"\E117"}.glyphicon-folder-open:before{content:"\E118"}.glyphicon-resize-vertical:before{content:"\E119"}.glyphicon-resize-horizontal:before{content:"\E120"}.glyphicon-hdd:before{content:"\E121"}.glyphicon-bullhorn:before{content:"\E122"}.glyphicon-bell:before{content:"\E123"}.glyphicon-certificate:before{content:"\E124"}.glyphicon-thumbs-up:before{content:"\E125"}.glyphicon-thumbs-down:before{content:"\E126"}.glyphicon-hand-right:before{content:"\E127"}.glyphicon-hand-left:before{content:"\E128"}.glyphicon-hand-up:before{content:"\E129"}.glyphicon-hand-down:before{content:"\E130"}.glyphicon-circle-arrow-right:before{content:"\E131"}.glyphicon-circle-arrow-left:before{content:"\E132"}.glyphicon-circle-arrow-up:before{content:"\E133"}.glyphicon-circle-arrow-down:before{content:"\E134"}.glyphicon-globe:before{content:"\E135"}.glyphicon-wrench:before{content:"\E136"}.glyphicon-tasks:before{content:"\E137"}.glyphicon-filter:before{content:"\E138"}.glyphicon-briefcase:before{content:"\E139"}.glyphicon-fullscreen:before{content:"\E140"}.glyphicon-dashboard:before{content:"\E141"}.glyphicon-paperclip:before{content:"\E142"}.glyphicon-heart-empty:before{content:"\E143"}.glyphicon-link:before{content:"\E144"}.glyphicon-phone:before{content:"\E145"}.glyphicon-pushpin:before{content:"\E146"}.glyphicon-usd:before{content:"\E148"}.glyphicon-gbp:before{content:"\E149"}.glyphicon-sort:before{content:"\E150"}.glyphicon-sort-by-alphabet:before{content:"\E151"}.glyphicon-sort-by-alphabet-alt:before{content:"\E152"}.glyphicon-sort-by-order:before{content:"\E153"}.glyphicon-sort-by-order-alt:before{content:"\E154"}.glyphicon-sort-by-attributes:before{content:"\E155"}.glyphicon-sort-by-attributes-alt:before{content:"\E156"}.glyphicon-unchecked:before{content:"\E157"}.glyphicon-expand:before{content:"\E158"}.glyphicon-collapse-down:before{content:"\E159"}.glyphicon-collapse-up:before{content:"\E160"}.glyphicon-log-in:before{content:"\E161"}.glyphicon-flash:before{content:"\E162"}.glyphicon-log-out:before{content:"\E163"}.glyphicon-new-window:before{content:"\E164"}.glyphicon-record:before{content:"\E165"}.glyphicon-save:before{content:"\E166"}.glyphicon-open:before{content:"\E167"}.glyphicon-saved:before{content:"\E168"}.glyphicon-import:before{content:"\E169"}.glyphicon-export:before{content:"\E170"}.glyphicon-send:before{content:"\E171"}.glyphicon-floppy-disk:before{content:"\E172"}.glyphicon-floppy-saved:before{content:"\E173"}.glyphicon-floppy-remove:before{content:"\E174"}.glyphicon-floppy-save:before{content:"\E175"}.glyphicon-floppy-open:before{content:"\E176"}.glyphicon-credit-card:before{content:"\E177"}.glyphicon-transfer:before{content:"\E178"}.glyphicon-cutlery:before{content:"\E179"}.glyphicon-header:before{content:"\E180"}.glyphicon-compressed:before{content:"\E181"}.glyphicon-earphone:before{content:"\E182"}.glyphicon-phone-alt:before{content:"\E183"}.glyphicon-tower:before{content:"\E184"}.glyphicon-stats:before{content:"\E185"}.glyphicon-sd-video:before{content:"\E186"}.glyphicon-hd-video:before{content:"\E187"}.glyphicon-subtitles:before{content:"\E188"}.glyphicon-sound-stereo:before{content:"\E189"}.glyphicon-sound-dolby:before{content:"\E190"}.glyphicon-sound-5-1:before{content:"\E191"}.glyphicon-sound-6-1:before{content:"\E192"}.glyphicon-sound-7-1:before{content:"\E193"}.glyphicon-copyright-mark:before{content:"\E194"}.glyphicon-registration-mark:before{content:"\E195"}.glyphicon-cloud-download:before{content:"\E197"}.glyphicon-cloud-upload:before{content:"\E198"}.glyphicon-tree-conifer:before{content:"\E199"}.glyphicon-tree-deciduous:before{content:"\E200"}.glyphicon-cd:before{content:"\E201"}.glyphicon-save-file:before{content:"\E202"}.glyphicon-open-file:before{content:"\E203"}.glyphicon-level-up:before{content:"\E204"}.glyphicon-copy:before{content:"\E205"}.glyphicon-paste:before{content:"\E206"}.glyphicon-alert:before{content:"\E209"}.glyphicon-equalizer:before{content:"\E210"}.glyphicon-king:before{content:"\E211"}.glyphicon-queen:before{content:"\E212"}.glyphicon-pawn:before{content:"\E213"}.glyphicon-bishop:before{content:"\E214"}.glyphicon-knight:before{content:"\E215"}.glyphicon-baby-formula:before{content:"\E216"}.glyphicon-tent:before{content:"\26FA"}.glyphicon-blackboard:before{content:"\E218"}.glyphicon-bed:before{content:"\E219"}.glyphicon-apple:before{content:"\F8FF"}.glyphicon-erase:before{content:"\E221"}.glyphicon-hourglass:before{content:"\231B"}.glyphicon-lamp:before{content:"\E223"}.glyphicon-duplicate:before{content:"\E224"}.glyphicon-piggy-bank:before{content:"\E225"}.glyphicon-scissors:before{content:"\E226"}.glyphicon-bitcoin:before{content:"\E227"}.glyphicon-btc:before{content:"\E227"}.glyphicon-xbt:before{content:"\E227"}.glyphicon-yen:before{content:"\A5"}.glyphicon-jpy:before{content:"\A5"}.glyphicon-ruble:before{content:"\20BD"}.glyphicon-rub:before{content:"\20BD"}.glyphicon-scale:before{content:"\E230"}.glyphicon-ice-lolly:before{content:"\E231"}.glyphicon-ice-lolly-tasted:before{content:"\E232"}.glyphicon-education:before{content:"\E233"}.glyphicon-option-horizontal:before{content:"\E234"}.glyphicon-option-vertical:before{content:"\E235"}.glyphicon-menu-hamburger:before{content:"\E236"}.glyphicon-modal-window:before{content:"\E237"}.glyphicon-oil:before{content:"\E238"}.glyphicon-grain:before{content:"\E239"}.glyphicon-sunglasses:before{content:"\E240"}.glyphicon-text-size:before{content:"\E241"}.glyphicon-text-color:before{content:"\E242"}.glyphicon-text-background:before{content:"\E243"}.glyphicon-object-align-top:before{content:"\E244"}.glyphicon-object-align-bottom:before{content:"\E245"}.glyphicon-object-align-horizontal:before{content:"\E246"}.glyphicon-object-align-left:before{content:"\E247"}.glyphicon-object-align-vertical:before{content:"\E248"}.glyphicon-object-align-right:before{content:"\E249"}.glyphicon-triangle-right:before{content:"\E250"}.glyphicon-triangle-left:before{content:"\E251"}.glyphicon-triangle-bottom:before{content:"\E252"}.glyphicon-triangle-top:before{content:"\E253"}.glyphicon-console:before{content:"\E254"}.glyphicon-superscript:before{content:"\E255"}.glyphicon-subscript:before{content:"\E256"}.glyphicon-menu-left:before{content:"\E257"}.glyphicon-menu-right:before{content:"\E258"}.glyphicon-menu-down:before{content:"\E259"}.glyphicon-menu-up:before{content:"\E260"}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition-property:height,visibility;transition-duration:.35s;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\A0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.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}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203A"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}/*! * * antd v4.9.2 * * 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; } [class^=ant-], [class*= ant-], [class^=ant-] *, [class*= ant-] *, [class^=ant-] *::before, [class*= ant-] *::before, [class^=ant-] *::after, [class*= ant-] *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* stylelint-disable at-rule-no-unknown */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { -webkit-box-sizing: content-box; 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; -webkit-transition: color 0.3s; 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; pointer-events: none; } 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 { -ms-touch-action: manipulation; 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; } th { text-align: inherit; } 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'] { -webkit-box-sizing: border-box; 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; } .fade-enter, .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; } .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; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .fade-leave.fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .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; } } .move-up-enter, .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; } .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; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-up-leave.move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-up-enter, .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); } .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); } .move-down-enter, .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; } .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; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-down-leave.move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-down-enter, .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); } .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); } .move-left-enter, .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; } .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; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-left-leave.move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-left-enter, .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); } .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); } .move-right-enter, .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; } .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; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-right-leave.move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-right-enter, .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); } .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% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); 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; -webkit-box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); 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% { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes waveEffect { 100% { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @-webkit-keyframes fadeEffect { 100% { opacity: 0; } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .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; } .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; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-up-enter, .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); } .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); } .slide-down-enter, .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; } .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; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-down-enter, .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); } .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); } .slide-left-enter, .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; } .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; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-left-enter, .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); } .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); } .slide-right-enter, .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; } .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; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-right-enter, .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); } .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% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @-webkit-keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } @keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } .zoom-enter, .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; } .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; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-leave.zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { -webkit-transform: scale(0); 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); } .zoom-enter-prepare, .zoom-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-big-enter, .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; } .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; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { -webkit-transform: scale(0); 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); } .zoom-big-enter-prepare, .zoom-big-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-big-fast-enter, .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; } .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; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { -webkit-transform: scale(0); 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); } .zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-up-enter, .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; } .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; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { -webkit-transform: scale(0); 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); } .zoom-up-enter-prepare, .zoom-up-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-down-enter, .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; } .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; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { -webkit-transform: scale(0); 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); } .zoom-down-enter-prepare, .zoom-down-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-left-enter, .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; } .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; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { -webkit-transform: scale(0); 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); } .zoom-left-enter-prepare, .zoom-left-appear-prepare { -webkit-transform: none; transform: none; } .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); } .zoom-right-enter, .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; } .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; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { -webkit-transform: scale(0); 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); } .zoom-right-enter-prepare, .zoom-right-appear-prepare { -webkit-transform: none; transform: none; } .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% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomIn { 0% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } } @keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } } @-webkit-keyframes antZoomBigIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomBigIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } } @keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } } @-webkit-keyframes antZoomUpIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @keyframes antZoomUpIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @-webkit-keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @-webkit-keyframes antZoomLeftIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @keyframes antZoomLeftIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-webkit-keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @-webkit-keyframes antZoomRightIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @keyframes antZoomRightIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @-webkit-keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes antZoomDownIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @keyframes antZoomDownIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @-webkit-keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { -webkit-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; 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; -webkit-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; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .ant-alert-content { -webkit-box-flex: 1; -ms-flex: 1; 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); -webkit-transition: color 0.3s; 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); -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { -webkit-box-align: start; -ms-flex-align: start; 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; -webkit-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); 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.ant-alert-no-icon { padding: 8px 15px; } .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 .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; padding-left: 2px; } .ant-anchor-wrapper { margin-left: -4px; padding-left: 4px; overflow: auto; background-color: #fff; } .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; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: top 0.3s ease-in-out; 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; -webkit-transition: all 0.3s; 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; -webkit-transform: translateX(50%); 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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: -webkit-box; display: -ms-flexbox; 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; -webkit-transition: all 0.3s; 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 { 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-multiple .ant-select-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-right: 4px; margin-bottom: 2px; padding: 0 4px 0 8px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s; 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; } .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-search { position: relative; margin-left: 0.5px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { 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: 1.5715; -webkit-transition: all 0.3s; 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-search:first-child > .ant-select-selection-search-input { margin-left: 6.5px !important; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; 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: 33px; line-height: 33px; } .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: 17px; line-height: 17px; } .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:first-child .ant-select-selection-search-input { margin-left: 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .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-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; -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 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { -ms-flex: auto; flex: auto; } } .ant-select-selection-placeholder { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { -ms-flex: auto; 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: 53%; 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; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-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; -webkit-transition: color 0.3s ease, opacity 0.15s ease; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; -webkit-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 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.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-select-dropdown.slide-up-leave.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; -webkit-transition: background 0.3s ease; 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: -webkit-box; display: -ms-flexbox; display: flex; } .ant-select-item-option-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { -webkit-box-flex: 0; -ms-flex: none; 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-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; -webkit-box-shadow: none !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 { margin-right: 0; margin-left: 4px; padding: 0 8px 0 4px; 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 { margin-right: 0.5px; margin-left: 4px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child > .ant-select-selection-search-input { margin-right: 5px !important; margin-left: 0 !important; } .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:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 0; } .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-description { margin: 0; } .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-opacity: 0.8; fill: #f5f5f5; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url(#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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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%; -webkit-transform-origin: 0 center; 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%; -webkit-transform-origin: 0 center; 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%; -webkit-transform-origin: 0 center; 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: -webkit-inline-box; display: -ms-inline-flexbox; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-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 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); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; 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 { -webkit-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 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; background: transparent; border-style: solid; border-width: 4.24264069px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { left: 6px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #fff; border-left-color: #fff; -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { right: 6px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-back-top-content:hover { background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 0.3s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-box-shadow: 0 0 0 1px #fff; 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; height: 6px; background: #ff4d4f; border-radius: 100%; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .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:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; } .ant-badge-not-a-wrapper .ant-badge-count { -webkit-transform: none; transform: none; } @-webkit-keyframes antStatusProcessing { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } @keyframes antStatusProcessing { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; } .ant-scroll-number-only { display: inline-block; height: 20px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; } .ant-scroll-number-symbol { vertical-align: top; } @-webkit-keyframes antZoomBadgeIn { 0% { -webkit-transform: scale(0) translate(50%, -50%); transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { -webkit-transform: scale(1) translate(50%, -50%); transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeIn { 0% { -webkit-transform: scale(0) translate(50%, -50%); transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { -webkit-transform: scale(1) translate(50%, -50%); transform: scale(1) translate(50%, -50%); } } @-webkit-keyframes antZoomBadgeOut { 0% { -webkit-transform: scale(1) translate(50%, -50%); transform: scale(1) translate(50%, -50%); } 100% { -webkit-transform: scale(0) translate(50%, -50%); transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antZoomBadgeOut { 0% { -webkit-transform: scale(1) translate(50%, -50%); transform: scale(1) translate(50%, -50%); } 100% { -webkit-transform: scale(0) translate(50%, -50%); transform: scale(0) translate(50%, -50%); opacity: 0; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transform: scaleY(0.75); transform: scaleY(0.75); -webkit-transform-origin: top; 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-count, .ant-badge-rtl .ant-badge-dot, .ant-badge-rtl .ant-badge .ant-scroll-number-custom-component { right: auto; left: 0; direction: ltr; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge .ant-scroll-number-custom-component { right: auto; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 8px; margin-left: 0; } .ant-badge-rtl .ant-badge-zoom-appear, .ant-badge-rtl .ant-badge-zoom-enter { -webkit-animation-name: antZoomBadgeInRtl; animation-name: antZoomBadgeInRtl; } .ant-badge-rtl .ant-badge-zoom-leave { -webkit-animation-name: antZoomBadgeOutRtl; animation-name: antZoomBadgeOutRtl; } .ant-badge-not-a-wrapper .ant-badge-count { -webkit-transform: none; transform: none; } .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; } @-webkit-keyframes antZoomBadgeInRtl { 0% { -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } } @keyframes antZoomBadgeInRtl { 0% { -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } } @-webkit-keyframes antZoomBadgeOutRtl { 0% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } 100% { -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); opacity: 0; } } @keyframes antZoomBadgeOutRtl { 0% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } 100% { -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); opacity: 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-breadcrumb { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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); -webkit-transition: color 0.3s; 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 { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; line-height: 1.5715; -webkit-font-feature-settings: 'tnum'; 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; -webkit-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 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); -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; 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 ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-menu-horizontal .ant-menu-submenu { -webkit-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); 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 { -webkit-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); 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; -webkit-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); 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-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 { height: 1px; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover { color: #1890ff; } .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 { -webkit-transform-origin: 0 0; 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 { -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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-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; margin-right: 10px; font-size: 14px; -webkit-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 cubic-bezier(0.645, 0.045, 0.355, 1); 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 cubic-bezier(0.645, 0.045, 0.355, 1); } .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 { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .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 > .ant-menu-item-divider { height: 1px; margin: 1px 0; padding: 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform-origin: 0 0; 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 { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-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); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-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; -webkit-transition: background 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), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background 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), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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); 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), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-arrow::before { -webkit-transform: rotate(45deg) translateY(-2.5px); transform: rotate(45deg) translateY(-2.5px); } .ant-menu-submenu-arrow::after { -webkit-transform: rotate(-45deg) translateY(2.5px); 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-submenu-inline .ant-menu-submenu-arrow::before { -webkit-transform: rotate(-45deg) translateX(2.5px); transform: rotate(-45deg) translateX(2.5px); } .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { -webkit-transform: rotate(45deg) translateX(-2.5px); 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 { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { -webkit-transform: rotate(-45deg) translateX(-2.5px); transform: rotate(-45deg) translateX(-2.5px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { -webkit-transform: rotate(45deg) translateX(2.5px); 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; -webkit-box-shadow: none; box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin: 0 20px; margin-top: -1px; margin-bottom: 0; padding: 0 20px; padding-right: 0; padding-left: 0; } .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; 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; border-bottom: 2px solid transparent; } .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: ' '; } .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; -webkit-transform: scaleY(0.0001); transform: scaleY(0.0001); opacity: 0; -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); 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); 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), -webkit-transform 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-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 { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline-collapsed { width: 80px; } .ant-menu-inline-collapsed > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 calc(50% - 16px / 2); text-overflow: clip; } .ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .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-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { display: none; } .ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .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-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .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-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; max-width: 0; opacity: 0; } .ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .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 { -webkit-box-shadow: none; 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; border: 0; border-radius: 0; -webkit-box-shadow: none; 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; border-color: transparent !important; cursor: not-allowed; } .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.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; -webkit-transition: all 0.3s; 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, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .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:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .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, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .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 { -webkit-transform-origin: top right; 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 { -webkit-transform-origin: 100% 0; 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 { -webkit-transform: rotate(-45deg) translateY(-2px); 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 { -webkit-transform: rotate(45deg) translateY(2px); 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; 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; -webkit-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 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 { -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateY(-6.53553391px) rotate(45deg); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-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 { -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateX(6.53553391px) rotate(45deg); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-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 { -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateX(-6.53553391px) rotate(45deg); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-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 { -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateY(6.53553391px) rotate(45deg); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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 { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-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; -webkit-transform: rotate(45deg); 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-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); 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-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); 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; -webkit-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 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); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform-origin: 0 0; 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, .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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-menu-item > a > .anticon:first-child, .ant-dropdown-menu-submenu-title > a > .anticon:first-child, .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-menu-submenu-title > span > .anticon:first-child { min-width: 12px; margin-right: 8px; font-size: 12px; vertical-align: -0.1em; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-submenu-title > a:hover { color: rgba(0, 0, 0, 0.85); } .ant-dropdown-menu-item > .anticon + span > a, .ant-dropdown-menu-submenu-title > .anticon + span > a { color: rgba(0, 0, 0, 0.85); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon + span > a:hover, .ant-dropdown-menu-submenu-title > .anticon + span > a:hover { color: rgba(0, 0, 0, 0.85); } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a { 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-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; -webkit-transform-origin: 0 0; 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.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-leave.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 { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { -webkit-transform-origin: 100% 0; 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-arrow, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; -webkit-transform: scaleX(-1); 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; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); background: #fff; border-color: #d9d9d9; } .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; -webkit-box-shadow: none; 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; background: #fff; border-color: #40a9ff; } .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; background: #fff; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); 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; background: #40a9ff; border-color: #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; background: #096dd9; border-color: #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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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); background: transparent; border-color: #d9d9d9; } .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; background: transparent; border-color: #40a9ff; } .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; background: transparent; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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); background: #fff; border-color: #d9d9d9; 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; background: #fff; border-color: #40a9ff; } .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; background: #fff; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); 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; background: #ff7875; border-color: #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; background: #d9363e; border-color: #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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; border-color: transparent; -webkit-box-shadow: none; 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; background: transparent; border-color: #40a9ff; } .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; background: transparent; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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); background: transparent; border-color: transparent; text-shadow: none; -webkit-box-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); background: transparent; border-color: transparent; -webkit-box-shadow: none; 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; background: transparent; border-color: #40a9ff; } .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; background: transparent; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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); background: transparent; border-color: transparent; text-shadow: none; -webkit-box-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; background: #fff; border-color: #ff4d4f; } .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; background: #fff; border-color: #ff7875; } .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; background: #fff; border-color: #d9363e; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); 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; background: #ff7875; border-color: #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; background: #d9363e; border-color: #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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; border-color: transparent; -webkit-box-shadow: none; 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; background: transparent; border-color: #40a9ff; } .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; background: transparent; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; border-color: 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; background: transparent; border-color: 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); background: transparent; border-color: transparent; text-shadow: none; -webkit-box-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; background: transparent; border-color: transparent; -webkit-box-shadow: none; 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; background: transparent; border-color: #40a9ff; } .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; background: transparent; border-color: #096dd9; } .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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: rgba(0, 0, 0, 0.018); border-color: 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: #d9363e; background: rgba(0, 0, 0, 0.028); border-color: 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); background: transparent; border-color: transparent; text-shadow: none; -webkit-box-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: -1px; } .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-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; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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; } .ant-btn.ant-btn-loading:not([disabled]) { pointer-events: none; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 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: -webkit-inline-box; display: -ms-inline-flexbox; 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-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 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-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 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-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 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-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn-background-ghost { color: #fff; background: transparent !important; border-color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; background: transparent; 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; background: transparent; 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; background: transparent; 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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; 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; background: transparent; 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; background: transparent; 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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; 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; background: transparent; 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; background: transparent; 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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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; background: transparent; 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; background: transparent; 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; background: transparent; 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); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-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.1px; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; background: #fff; } .ant-picker-calendar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; 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; -webkit-transition: background 0.3s; transition: background 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { line-height: 24px; -webkit-transition: color 0.3s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; line-height: unset; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; margin-right: 8px; white-space: nowrap; cursor: pointer; } .ant-radio { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; top: 0px; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: sub; 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 { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .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%; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 8px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 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 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 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; -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-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; -webkit-box-sizing: content-box; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; -webkit-transition: background-color 0.3s; 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 { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .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 { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .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 { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .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; -webkit-box-shadow: none; box-shadow: none; } @-webkit-keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) { .ant-radio { vertical-align: text-bottom; } } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; padding: 4px 11px 4px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s; transition: border 0.3s, -webkit-box-shadow 0.3s; transition: border 0.3s, box-shadow 0.3s; transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: #40a9ff; border-right-width: 1px !important; } .ant-picker-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .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; -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-picker-input { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-flex: 1; -ms-flex: auto; 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::-webkit-input-placeholder { color: #bfbfbf; } .ant-picker-input > input:-ms-input-placeholder { color: #bfbfbf; } .ant-picker-input > input::-ms-input-placeholder { color: #bfbfbf; } .ant-picker-input > input::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; 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; 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; -webkit-box-shadow: none; box-shadow: none; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; 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 { -webkit-box-shadow: none; 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 { -ms-flex-item-align: center; 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; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0; -webkit-transition: opacity 0.3s, color 0.3s; 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: -webkit-inline-box; display: -ms-inline-flexbox; 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; -webkit-transition: all 0.3s ease-out; 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 { -webkit-box-align: center; -ms-flex-align: center; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { bottom: 1.66666667px; display: block; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.slide-up-leave.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: -webkit-box; display: -ms-flexbox; display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 10px; height: 10px; margin-left: 16.5px; -webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06); box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06); -webkit-transition: left 0.3s ease-out; 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; -webkit-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 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); -webkit-transition: margin 0.3s; transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; 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-focused { border-color: #f0f0f0; } .ant-picker-panel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 280px; } .ant-picker-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .ant-picker-header > * { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; -webkit-transition: color 0.3s; 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 { -webkit-box-flex: 1; -ms-flex: auto; 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 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { -webkit-transform: rotate(135deg); 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-disabled { cursor: not-allowed; } .ant-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); 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; -webkit-transition: background 0.3s, border 0.3s; 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; -webkit-transform: translateY(-50%); transform: translateY(-50%); 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; 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 { pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; } .ant-picker-cell-disabled::before { background: #f5f5f5; } .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-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner { background: #f5f5f5; } .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 { -webkit-transition: background 0.3s; 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: -webkit-box; display: -ms-flexbox; 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 { -webkit-transition: opacity 0.3s; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; height: 224px; } .ant-picker-time-panel-column { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; -webkit-transition: background 0.3s; 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; -webkit-transition: background 0.3s; 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 */ _:-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 { -webkit-transform: rotate(180deg); 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 { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { -webkit-transform: rotate(-45deg); 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; -webkit-transition: background 0.3s, border 0.3s; 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-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 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-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tag:hover { opacity: 0.85; } .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; -webkit-transition: all 0.3s; 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: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #f5222d; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #fa541c; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #fa8c16; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #fadb14; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #13c2c2; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #a0d911; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #2f54eb; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #722ed1; 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: #f5222d; background: #fff1f0; border-color: #ffa39e; } .ant-tag-warning { color: #fa8c16; background: #fff7e6; border-color: #ffd591; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; } .ant-card-hoverable:hover { border-color: transparent; -webkit-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); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-card-head-title { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; 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 { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-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; -webkit-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; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-card-rtl .ant-card-grid { float: right; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; -webkit-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); 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-right: -1px; margin-left: -1px; -webkit-transform: translateY(-1px); transform: translateY(-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; -webkit-transition: color 0.3s; 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; -webkit-transition: color 0.3s; 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-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: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2))); 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 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 0; margin-left: 2px; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -webkit-transition: width 0.3s, left 0.3s, right 0.3s; 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; -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); 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; -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); 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 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; 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 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { margin: 0 0 16px 0; padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-bottom: 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn { font-weight: normal; text-shadow: 0 0 0.25px #096dd9; } .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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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; -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); 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; -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); 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 { -webkit-transition: height 0.3s, top 0.3s; 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; 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 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-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 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 { 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .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; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 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:not(:last-of-type), .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-bottom: 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-item-align: stretch; align-self: stretch; overflow: hidden; white-space: nowrap; -webkit-transform: translate(0); 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; -webkit-transition: opacity 0.3s; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; 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; -webkit-transform: translateY(100%); 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; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 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 { -webkit-box-flex: 0; -ms-flex: none; 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']) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1890ff; pointer-events: none; } .ant-tabs-tab { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 32px 0 0; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab:last-of-type { margin-right: 0; margin-left: 0; } .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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-tab-remove { -webkit-box-flex: 0; -ms-flex: none; 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; -webkit-transition: all 0.3s; 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; font-weight: 500; } .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-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .ant-tabs-content-holder { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 0; min-height: 0; } .ant-tabs-content-animated { -webkit-transition: margin 0.3s; transition: margin 0.3s; } .ant-tabs-tabpane { -webkit-box-flex: 0; -ms-flex: none; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ant-row::before, .ant-row::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-row-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ant-row-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-row-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-row-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-row-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ant-row-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .ant-row-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-row-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-row-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ant-col { position: relative; max-width: 100%; min-height: 1px; } .ant-col-24 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xs-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xs-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xs-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xs-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xs-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xs-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xs-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xs-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xs-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xs-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xs-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xs-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xs-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xs-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xs-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xs-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xs-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xs-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xs-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xs-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xs-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xs-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xs-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-sm-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-sm-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-sm-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-sm-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-sm-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-sm-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-sm-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-sm-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-sm-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-sm-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-sm-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-sm-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-sm-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-sm-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-sm-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-sm-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-sm-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-sm-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-sm-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-sm-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-sm-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-sm-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-sm-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-md-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-md-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-md-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-md-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-md-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-md-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-md-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-md-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-md-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-md-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-md-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-md-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-md-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-md-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-md-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-md-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-md-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-md-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-md-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-md-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-md-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-md-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-md-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-lg-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-lg-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-lg-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-lg-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-lg-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-lg-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-lg-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-lg-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-lg-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-lg-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-lg-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-lg-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-lg-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-lg-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-lg-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-lg-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-lg-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-lg-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-lg-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-lg-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-lg-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-lg-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-lg-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xl-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xl-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xl-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xl-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xl-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xl-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xl-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xl-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xl-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xl-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xl-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xl-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xl-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xl-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xl-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xl-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xl-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xl-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xl-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xl-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xl-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xl-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xl-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xxl-23 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 95.83333333%; 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 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xxl-22 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; 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 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xxl-21 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; 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 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xxl-20 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; 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 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xxl-19 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 79.16666667%; 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 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xxl-18 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; 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 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xxl-17 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 70.83333333%; 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 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xxl-16 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; 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 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xxl-15 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; 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 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xxl-14 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; 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 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xxl-13 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 54.16666667%; 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 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xxl-12 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xxl-11 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 45.83333333%; 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 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xxl-10 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; 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 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xxl-9 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; 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 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xxl-8 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; 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 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xxl-7 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 29.16666667%; 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 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xxl-6 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xxl-5 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20.83333333%; 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 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xxl-4 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; 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 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xxl-3 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; 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 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xxl-2 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; 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 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xxl-1 { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4.16666667%; 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 { -webkit-box-ordinal-group: 2; -ms-flex-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 { -webkit-box-ordinal-group: 1; -ms-flex-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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } .ant-carousel .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -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 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-touch-action: pan-y; 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: '\2190'; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next::before { content: '\2192'; } .ant-carousel .slick-dots { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; 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; } .ant-carousel .slick-dots li { position: relative; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-sizing: content-box; 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; -webkit-transition: all 0.5s; 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; -webkit-transition: all 0.5s; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 3px; height: auto; margin: 0; -webkit-transform: translateY(-50%); 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: '\2192'; } .ant-carousel-rtl .ant-carousel .slick-next { right: auto; left: -25px; } .ant-carousel-rtl .ant-carousel .slick-next::before { content: '\2190'; } .ant-carousel-rtl.ant-carousel .slick-dots { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 */ .ant-cascader { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } .ant-cascader-input.ant-input { position: static; width: 100%; padding-right: 24px; background-color: transparent !important; cursor: pointer; } .ant-cascader-picker-show-search .ant-cascader-input.ant-input { position: relative; } .ant-cascader-picker { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; background-color: #fff; border-radius: 2px; outline: 0; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-cascader-picker-with-value .ant-cascader-picker-label { color: transparent; } .ant-cascader-picker-disabled { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-cascader-picker-disabled .ant-cascader-input { cursor: not-allowed; } .ant-cascader-picker:focus .ant-cascader-input { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-cascader-picker-borderless .ant-cascader-input { border-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-cascader-picker-show-search.ant-cascader-picker-focused { color: rgba(0, 0, 0, 0.25); } .ant-cascader-picker-label { position: absolute; top: 50%; left: 0; width: 100%; height: 20px; margin-top: -10px; padding: 0 20px 0 12px; overflow: hidden; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; } .ant-cascader-picker-clear { position: absolute; top: 50%; right: 12px; z-index: 2; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 12px; background: #fff; cursor: pointer; opacity: 0; -webkit-transition: color 0.3s ease, opacity 0.15s ease; transition: color 0.3s ease, opacity 0.15s ease; } .ant-cascader-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-cascader-picker:hover .ant-cascader-picker-clear { opacity: 1; } .ant-cascader-picker-arrow { position: absolute; top: 50%; right: 12px; z-index: 1; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 12px; } .ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) { border-color: #40a9ff; border-right-width: 1px !important; } .ant-cascader-picker-small .ant-cascader-picker-clear, .ant-cascader-picker-small .ant-cascader-picker-arrow { right: 8px; } .ant-cascader-menus { position: absolute; z-index: 1050; font-size: 14px; white-space: nowrap; background: #fff; border-radius: 2px; -webkit-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 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-cascader-menus ul, .ant-cascader-menus ol { margin: 0; list-style: none; } .ant-cascader-menus-empty, .ant-cascader-menus-hidden { display: none; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-cascader-menu { display: inline-block; min-width: 111px; height: 180px; margin: 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:first-child { border-radius: 2px 0 0 2px; } .ant-cascader-menu:last-child { margin-right: -1px; border-right-color: transparent; border-radius: 0 2px 2px 0; } .ant-cascader-menu:only-child { border-radius: 2px; } .ant-cascader-menu-item { padding: 5px 12px; overflow: hidden; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-transition: all 0.3s; 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-expand { position: relative; padding-right: 24px; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { position: absolute; right: 12px; 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 .ant-cascader-menu-item-keyword { color: #ff4d4f; } .ant-cascader-picker-rtl .ant-cascader-input.ant-input { padding-right: 11px; padding-left: 24px; text-align: right; } .ant-cascader-picker-rtl { direction: rtl; } .ant-cascader-picker-rtl .ant-cascader-picker-label { padding: 0 12px 0 20px; text-align: right; } .ant-cascader-picker-rtl .ant-cascader-picker-clear { right: auto; left: 12px; } .ant-cascader-picker-rtl .ant-cascader-picker-arrow { right: auto; left: 12px; } .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear, .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow { right: auto; left: 8px; } .ant-cascader-menu-rtl .ant-cascader-menu { direction: rtl; border-right: none; border-left: 1px solid #f0f0f0; } .ant-cascader-menu-rtl .ant-cascader-menu:first-child { border-radius: 0 2px 2px 0; } .ant-cascader-menu-rtl .ant-cascader-menu:last-child { margin-right: 0; margin-left: -1px; border-left-color: transparent; border-radius: 2px 0 0 2px; } .ant-cascader-menu-rtl .ant-cascader-menu:only-child { border-radius: 2px; } .ant-cascader-menu-rtl .ant-cascader-menu-item-expand { padding-right: 12px; padding-left: 24px; } .ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon { right: auto; left: 12px; } .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon { -webkit-transform: scaleY(-1); 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-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; -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ant-input-affix-wrapper::-moz-placeholder { opacity: 1; } .ant-input-affix-wrapper::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper:-ms-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper::-ms-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .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; 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; 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; -webkit-box-shadow: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; 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:hover { border-color: #40a9ff; border-right-width: 1px !important; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper: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 { -webkit-box-shadow: none; box-shadow: none; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\A0'; } .ant-input-prefix, .ant-input-suffix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .ant-input-clear-icon { margin: 0 4px; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .ant-input-clear-icon-hidden { visibility: hidden; } .ant-input-clear-icon:last-child { margin-right: 0; } .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 { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-input::-moz-placeholder { opacity: 1; } .ant-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input::-ms-input-placeholder { color: #bfbfbf; } .ant-input::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .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; 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; 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; -webkit-box-shadow: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; 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; -webkit-box-shadow: none; 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 > .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(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .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-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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: -webkit-inline-box; display: -ms-inline-flexbox; 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; -webkit-transition: all 0.3s; 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::after { display: block; color: rgba(0, 0, 0, 0.45); text-align: right; content: attr(data-count); } .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:last-child { margin-right: 4px; margin-left: 0; } .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 */ @-webkit-keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .ant-checkbox { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%); transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; 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; -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { display: inline-block; 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; -webkit-transform: translate(-50%, -50%) scale(1); 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; padding: 12px 16px; padding-left: 40px; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header::before { display: table; content: ''; } .ant-collapse > .ant-collapse-item > .ant-collapse-header::after { display: table; clear: both; content: ''; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { 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; top: 17px; left: 16px; display: inline-block; font-size: 12px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * { line-height: 1; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { display: inline-block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before { display: none; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon { display: block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { -webkit-transition: -webkit-transform 0.24s; transition: -webkit-transform 0.24s; transition: transform 0.24s; transition: transform 0.24s, -webkit-transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { float: right; } .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 { padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { right: 16px; left: auto; } .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 svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { float: left; } .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: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; 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; -webkit-transition: color 0.3s; 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; -webkit-transition: color 0.3s; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .ant-descriptions-title { -webkit-box-flex: 1; -ms-flex: auto; 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; -webkit-box-flex: 1; -ms-flex: 1; 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: -webkit-box; display: -ms-flexbox; display: flex; } .ant-descriptions-item-container .ant-descriptions-item-label, .ant-descriptions-item-container .ant-descriptions-item-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; 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; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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: -webkit-box; display: -ms-flexbox; display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: -webkit-box; display: -ms-flexbox; 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; -webkit-transform: translateY(50%); 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%; -webkit-transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer > * { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-content-wrapper { position: absolute; width: 100%; height: 100%; } .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%; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 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 { -webkit-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); 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 { -webkit-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); 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; -webkit-transform: translateX(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%; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { -webkit-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); 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 { -webkit-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); 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; -webkit-transform: translateY(1px); transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; -webkit-transition: none; transition: none; -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); pointer-events: auto; } .ant-drawer-title { 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 { position: absolute; top: 0; right: 0; z-index: 10; display: block; padding: 20px; 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; -webkit-transition: color 0.3s; 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-no-title .ant-drawer-close { margin-right: var(--scroll-bar); /* stylelint-disable-next-line function-calc-no-invalid */ padding-right: calc(20px - var(--scroll-bar)); } .ant-drawer-header { position: relative; 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-no-title { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-drawer-wrapper-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 100%; } .ant-drawer-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 24px; overflow: auto; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-drawer-footer { -ms-flex-negative: 0; flex-shrink: 0; padding: 10px 10px; 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; filter: alpha(opacity=45); -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s; transition: opacity 0.3s linear, height 0s ease 0.3s; pointer-events: none; } .ant-drawer-open-content { -webkit-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 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-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 { right: auto; 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-form-item .ant-mentions, .ant-form-item textarea.ant-input { height: auto; } .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-input-group .ant-select, .ant-form-item .ant-input-group .ant-cascader-picker { width: auto; } .ant-form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ant-form-inline .ant-form-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-wrap: nowrap; 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 { -webkit-box-flex: 0; -ms-flex: none; 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 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .ant-form-vertical .ant-form-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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.ant-form-item-explain-error { color: #ff4d4f; } .ant-form-item-explain.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 { 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 { 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 .ant-input, .ant-form-item-has-warning .ant-input-affix-wrapper, .ant-form-item-has-warning .ant-input:hover, .ant-form-item-has-warning .ant-input-affix-wrapper:hover { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-input:focus, .ant-form-item-has-warning .ant-input-affix-wrapper:focus, .ant-form-item-has-warning .ant-input-focused, .ant-form-item-has-warning .ant-input-affix-wrapper-focused { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-warning .ant-input-affix-wrapper-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-prefix { color: #faad14; } .ant-form-item-has-warning .ant-input-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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-error .ant-form-item-split { color: #ff4d4f; } .ant-form-item-has-error .ant-input, .ant-form-item-has-error .ant-input-affix-wrapper, .ant-form-item-has-error .ant-input:hover, .ant-form-item-has-error .ant-input-affix-wrapper:hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-input:focus, .ant-form-item-has-error .ant-input-affix-wrapper:focus, .ant-form-item-has-error .ant-input-focused, .ant-form-item-has-error .ant-input-affix-wrapper-focused { border-color: #ff7875; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-error .ant-input-affix-wrapper-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ff7875; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-prefix { color: #ff4d4f; } .ant-form-item-has-error .ant-input-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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { border: 0; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input { background-color: #fff; border-color: #ff7875; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .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-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon { display: inline-block; color: #1890ff; } .ant-form { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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'] { -webkit-box-sizing: border-box; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; margin-bottom: 24px; vertical-align: top; } .ant-form-item-with-help { margin-bottom: 0; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; 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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 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 { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; -webkit-margin-start: 4px; margin-inline-start: 4px; color: rgba(0, 0, 0, 0.45); } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 32px; } .ant-form-item-control-input-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; min-height: 24px; padding-top: 0px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item .ant-input-textarea-show-count::after { position: absolute; bottom: -22px; width: 100%; } .show-help-enter, .show-help-appear { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .show-help-leave { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .show-help-enter.show-help-enter-active, .show-help-appear.show-help-appear-active { -webkit-animation-name: antShowHelpIn; animation-name: antShowHelpIn; -webkit-animation-play-state: running; animation-play-state: running; } .show-help-leave.show-help-leave-active { -webkit-animation-name: antShowHelpOut; animation-name: antShowHelpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .show-help-enter, .show-help-appear { opacity: 0; -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); } .show-help-leave { -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-keyframes antShowHelpIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes antShowHelpIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes antShowHelpOut { to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } } @keyframes antShowHelpOut { to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } } @-webkit-keyframes diffZoomIn1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes diffZoomIn2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes diffZoomIn3 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn3 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(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 { 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 { 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 { width: 100%; height: auto; } .ant-image-img-placeholder { background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 30%; } .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.zoom-enter, .ant-image-preview.zoom-appear { -webkit-transform: none; 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; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); cursor: -webkit-grab; cursor: grab; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-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; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-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 { -webkit-transition-duration: 0s; transition-duration: 0s; } .ant-image-preview-wrap { z-index: 1080; } .ant-image-preview-operations { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: 0; right: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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 { -webkit-box-sizing: border-box; box-sizing: border-box; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; transition: all 0.3s; 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::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number::-ms-input-placeholder { color: #bfbfbf; } .ant-input-number::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; 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; 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; -webkit-box-shadow: none; box-shadow: none; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; 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-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; -webkit-transition: all 0.1s linear; 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; -webkit-transition: all 0.1s linear; 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; -webkit-transition: opacity 0.24s linear 0.24s; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; 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; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; -moz-appearance: textfield !important; } .ant-input-number-input::-moz-placeholder { opacity: 1; } .ant-input-number-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number-input::-ms-input-placeholder { color: #bfbfbf; } .ant-input-number-input::placeholder { color: #bfbfbf; } .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; -webkit-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-left: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; opacity: 0; -webkit-transition: opacity 0.24s linear 0.1s; 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 { min-width: auto; margin-right: 0; font-size: 7px; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .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; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .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-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0; border-right: 1px solid #d9d9d9; border-left: 0; border-radius: 2px 0 0 2px; } .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-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-layout.ant-layout-has-sider { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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 { -webkit-box-flex: 1; -ms-flex: auto; 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; -webkit-transition: all 0.2s; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; 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; -webkit-transition: all 0.2s; 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; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transition: all 0.3s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { -webkit-box-flex: 1; -ms-flex: 1 0; 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); -webkit-transition: all 0.3s; 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 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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 { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; -webkit-box-flex: 1; -ms-flex: 1; 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 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { -ms-flex-wrap: wrap-reverse; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-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; -webkit-transition: opacity 0.3s; 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; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; overflow: hidden; 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%; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 50% 50%; 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 { -webkit-transform: rotate(45deg); 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 { -webkit-transform: rotate(405deg); transform: rotate(405deg); } } @keyframes antRotate { to { -webkit-transform: rotate(405deg); transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation-name: antRotateRtl; animation-name: antRotateRtl; } @-webkit-keyframes antRotateRtl { to { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes antRotateRtl { to { -webkit-transform: rotate(-405deg); 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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); -webkit-transition: none; transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: #1890ff; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-pagination-item:focus 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, .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus 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; -webkit-transition: all 0.2s; 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; -webkit-transition: all 0.2s; transition: all 0.2s; } .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus .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 .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus .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; -webkit-transition: all 0.3s; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .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 { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .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; -webkit-transition: all 0.3s; transition: all 0.3s; width: 50px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { opacity: 1; } .ant-pagination-options-quick-jumper input::-webkit-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input::-ms-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; 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; 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; -webkit-box-shadow: 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; -webkit-transition: all 0.3s, height 0s; 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 { -webkit-box-sizing: border-box; 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; -webkit-transition: border-color 0.3s; 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[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; } .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: #dbdbdb; border-color: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: #fff; } .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 { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: all 0.3s; transition: all 0.3s; 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::-webkit-input-placeholder { color: #bfbfbf; } .ant-mentions:-ms-input-placeholder { color: #bfbfbf; } .ant-mentions::-ms-input-placeholder { color: #bfbfbf; } .ant-mentions::placeholder { color: #bfbfbf; } .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; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; 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; 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; -webkit-box-shadow: none; box-shadow: none; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; 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; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > textarea:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-mentions > textarea, .ant-mentions-measure { min-height: 30px; margin: 0; padding: 4px 11px; overflow: inherit; overflow-x: hidden; overflow-y: auto; 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; 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; } .ant-mentions > textarea::-moz-placeholder { opacity: 1; } .ant-mentions > textarea::-webkit-input-placeholder { color: #bfbfbf; } .ant-mentions > textarea:-ms-input-placeholder { color: #bfbfbf; } .ant-mentions > textarea::-ms-input-placeholder { color: #bfbfbf; } .ant-mentions > textarea::placeholder { color: #bfbfbf; } .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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; -webkit-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 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; -webkit-transition: background 0.3s ease; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-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 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.move-up-leave.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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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.zoom-enter, .ant-modal.zoom-appear { -webkit-transform: none; 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; -webkit-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 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; -webkit-transition: color 0.3s; 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 button + button { 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; 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 { -webkit-box-flex: 1; -ms-flex: 1; 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 button + button { 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 button + button { 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 button + button { 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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, .ant-notification-notice { position: relative; width: 384px; max-width: calc(100vw - 24px * 2); margin-bottom: 16px; margin-left: auto; overflow: hidden; word-wrap: break-word; background: #fff; border-radius: 2px; -webkit-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 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-hook-holder, .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-hook-holder, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0; } .ant-notification-hook-holder > .ant-notification-notice { margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-notification-notice { padding: 16px 24px; line-height: 1.5715; } .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 { opacity: 0; -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-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; padding-top: 16px; padding-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; padding-top: 16px; padding-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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: color 0.3s; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ant-page-header-heading-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: 8px 0; font-size: 16px; } .ant-page-header-compact .ant-page-header-heading { -ms-flex-wrap: wrap; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-progress-steps-item { -ms-flex-negative: 0; flex-shrink: 0; min-width: 2px; margin-right: 2px; background: #f3f3f3; -webkit-transition: all 0.3s; 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; -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; 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.45); 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; -webkit-transform: translate(-50%, -50%); 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% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; opacity: 0; } } @keyframes ant-progress-active { 0% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; 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 { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; -webkit-font-feature-settings: 'tnum'; 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 { -webkit-transform: scale(1); transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; color: inherit; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star > div:focus { outline: 0; } .ant-rate-star > div:hover, .ant-rate-star > div:focus { -webkit-transform: scale(1.1); transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #f0f0f0; -webkit-transition: all 0.3s; 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: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2))); 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: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2))); 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: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2))); 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: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2))); 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: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2))); 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-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; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { 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; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { 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; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; -ms-touch-action: none; 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; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #91d5ff; border-radius: 2px; -webkit-transition: background-color 0.3s; 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%; -webkit-box-shadow: 0; box-shadow: 0; cursor: pointer; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-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; -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle:focus { border-color: #46a6ff; outline: none; -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); 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; -webkit-box-shadow: none; 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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ant-space-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-space-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-space-align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-space-align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ant-space-align-baseline { -webkit-box-align: baseline; -ms-flex-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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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-value-decimal { font-size: 24px; } .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; font-size: 24px; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 0; text-align: initial; } .ant-steps-item { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { -webkit-box-flex: 0; -ms-flex: none; 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; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon .ant-steps-icon { position: relative; top: -1px; 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; -webkit-transition: background 0.3s; 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 { -webkit-transition: color 0.3s; 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; -webkit-transform: none; transform: none; } .ant-steps-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-steps-vertical > .ant-steps-item { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; 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; -webkit-transition: all 0.3s; 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: 8px; margin-left: 0; background: none; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 2px; 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 { left: -2px; } .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; -webkit-transition: opacity 0.3s; 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 { -webkit-box-flex: 1; -ms-flex: 1; 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; -webkit-transform: rotate(45deg); 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; -webkit-transition: width 0.3s, left 0.3s; transition: width 0.3s, left 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; content: ''; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0; width: 100%; } @media (max-width: 480px) { .ant-steps-navigation > .ant-steps-item { margin-right: 0 !important; } .ant-steps-navigation > .ant-steps-item::before { display: none; } .ant-steps-navigation > .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-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ant-steps-navigation > .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; -webkit-transform: rotate(225deg); 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-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-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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; -webkit-box-sizing: border-box; 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; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-switch:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .ant-switch-checked:focus { -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-switch:focus:hover { -webkit-box-shadow: none; 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 * { -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0 7px 0 25px; color: #fff; font-size: 12px; -webkit-transition: margin 0.2s; 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; -webkit-transition: all 0.2s ease-in-out; 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; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); -webkit-transition: all 0.2s ease-in-out; 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 { 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-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title { padding: 12px 2.3em 12px 8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters { padding: 12px 8px; } .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-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title { padding: 8px 2.3em 8px 8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters { padding: 8px 8px; } .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: 1px solid #f0f0f0; border-right: 0; border-bottom: 0; } .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-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-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-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 { 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 { border-bottom: 1px solid #f0f0f0; } .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-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-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 { 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 { 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 { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .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 { -webkit-box-shadow: 0 1px 0 1px #fafafa; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; z-index: 0; 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-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; -webkit-transition: background 0.3s; transition: background 0.3s; } .ant-table-tbody > tr > td > .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 { 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-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td { 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 tfoot > tr > th, .ant-table tfoot > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-table-pagination-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-table-pagination-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-table-pagination-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { padding: 0; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: #f2f2f2; } .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container { background: #f7f7f7; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-sorters-with-tooltip { display: inline-block; width: 100%; } .ant-table-column-sorters { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 16px; } .ant-table-column-sorter { margin-top: 0.15em; margin-bottom: -0.15em; margin-left: 8px; color: #bfbfbf; } .ant-table-column-sorter-full { margin-top: -0.2em; margin-bottom: 0; } .ant-table-column-sorter-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; 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-filter-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -16px -16px; } .ant-table-filter-column-title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 16px 2.3em 16px 16px; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column { margin: 0; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 2.3em 0 0; } .ant-table-filter-trigger-container { position: absolute; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-item-align: stretch; align-self: stretch; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ant-table-filter-trigger-container-open, .ant-table-filter-trigger-container:hover, .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover { background: #e5e5e5; } .ant-table-filter-trigger { display: block; width: 2.3em; color: #bfbfbf; font-size: 12px; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-table-filter-trigger .anticon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ant-table-filter-trigger-container-open .ant-table-filter-trigger, .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); } .ant-table-filter-trigger.active { color: #1890ff; } .ant-table-filter-dropdown { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; -webkit-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 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; -webkit-box-shadow: none; box-shadow: none; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 8px 7px 3px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table .ant-table-selection-col { width: 32px; } 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; } .ant-table-selection { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; -webkit-transition: all 0.3s; 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; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left; -webkit-box-sizing: border-box; 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; -webkit-transition: all 0.3s; 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; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-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; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { -webkit-transform: rotate(0deg); 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 table { 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: 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; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-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; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-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; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-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 { -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); 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 { -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .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 { -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); 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 { -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-header { position: sticky; z-index: calc(2 + 1); } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { -webkit-transform-origin: center bottom; 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 { -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { -webkit-box-shadow: none !important; 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 { 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 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 8px; 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-container { right: auto; left: 0; } .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 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { -webkit-transform: rotate(0deg); 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 */ /* 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 { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transform: translate(-50%, -50%); 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; -webkit-transform: translate(50%, -50%); 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% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .ant-transfer-customize-list .ant-transfer-list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; 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-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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { padding-right: 24px; padding-left: 8px; } .ant-transfer-list-search-action { position: absolute; top: 12px; right: 12px; bottom: 12px; width: 28px; color: rgba(0, 0, 0, 0.25); line-height: 32px; text-align: center; } .ant-transfer-list-search-action .anticon { color: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-transfer-list-search-action .anticon:hover { color: rgba(0, 0, 0, 0.45); } span.ant-transfer-list-search-action { pointer-events: none; } .ant-transfer-list-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: center; -ms-flex-align: center; 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 > * { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-transfer-list-header-title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; white-space: nowrap; text-align: right; text-overflow: ellipsis; } .ant-transfer-list-header-dropdown { font-size: 10px; -webkit-transform: translateY(10%); transform: translateY(10%); cursor: pointer; } .ant-transfer-list-header-dropdown[disabled] { cursor: not-allowed; } .ant-transfer-list-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 12px; } .ant-transfer-list-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 32px; padding: 6px 12px; overflow: hidden; line-height: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 8px; } .ant-transfer-list-content-item > * { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-transfer-list-content-item-text { -webkit-box-flex: 1; -ms-flex: auto; 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; -webkit-transition: color 0.3s; 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 { -webkit-box-flex: 0; -ms-flex: none; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; margin: 0 8px; overflow: hidden; 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 */ .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } @-webkit-keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%); transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; 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; -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { display: inline-block; 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; -webkit-transform: translate(-50%, -50%) scale(1); 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 0; } .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 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode { padding-bottom: 8px; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .ant-select-tree { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; -webkit-transition: background-color 0.3s; 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 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .ant-select-tree .ant-select-tree-treenode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; 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-indent { -ms-flex-item-align: stretch; 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-switcher { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: stretch; 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 { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1890ff; } .ant-select-tree-switcher-leaf-line { z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; bottom: -4px; margin-left: -1px; border-left: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; margin-left: -1px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-select-tree .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; -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-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-node-content-wrapper[draggable='true'] { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper[draggable='true'] .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[draggable='true'] .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] { -webkit-box-shadow: 0 0 0 2px #1890ff; 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.225em; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { -webkit-transform: scaleY(-1); 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 */ @-webkit-keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .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; -webkit-transition: background-color 0.3s; 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 { -webkit-transition: color 0.3s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; 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; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%); transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; 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; -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { display: inline-block; 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; -webkit-transform: translate(-50%, -50%) scale(1); 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #e6f7ff; } .ant-tree-list-holder-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .ant-tree .ant-tree-treenode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; 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-indent { -ms-flex-item-align: stretch; 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-switcher { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: stretch; 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 { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1890ff; } .ant-tree-switcher-leaf-line { z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; bottom: -4px; margin-left: -1px; border-left: 1px solid #d9d9d9; content: ' '; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; margin-left: -1px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-tree .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; -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-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-node-content-wrapper[draggable='true'] { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-node-content-wrapper[draggable='true'] .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[draggable='true'] .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] { -webkit-box-shadow: 0 0 0 2px #1890ff; 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.225em; } .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 { -webkit-transform: rotate(90deg); 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 .ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree .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 */ .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; } a.ant-typography, .ant-typography a { color: #1890ff; outline: none; cursor: pointer; -webkit-transition: color 0.3s; 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; -webkit-transition: color 0.3s; 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 { -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em 0; 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-ellipsis-single-line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; overflow: hidden; } .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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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; -webkit-transition: border-color 0.3s; 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; -webkit-transition: all 0.3s; 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 { -webkit-box-sizing: border-box; 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; -webkit-font-feature-settings: 'tnum'; 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; -webkit-transition: background-color 0.3s; 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; -webkit-transition: all 0.3s; 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: 54px; 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; -webkit-transform: translate(-50%, -50%); 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; -webkit-box-sizing: border-box; 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; -webkit-transition: all 0.3s; 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 { line-height: 28px; } .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; -webkit-transition: all 0.3s; 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; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.3s; 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; -webkit-transition: all 0.3s; 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 { -webkit-transition: opacity 0.3s, height 0.3s; 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; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; 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; -webkit-transform: translate(50%, -50%); 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; -webkit-transform: translate(50%, -50%); 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; }@charset "UTF-8"; /*********** Page Header ***********/ /* Header search bar, toggler button & top menu */ .page-header.navbar { background-color: #2b3643; /* Top notification menu/bar */ /* Header seaech box */ /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ } .page-header.navbar .top-menu .navbar-nav { /* Extended Dropdowns */ /* Notification */ /* Inbox */ /* Tasks */ /* User */ /* Language */ /* Dark version */ } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #79869a; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { background-color: #1caf9a; color: #ffffff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: #3f4f62; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i { color: #a4aebb; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #3f4f62; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i { color: #a4aebb; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { border-color: #e7eaf0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { border-bottom-color: #eaedf2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { background: #eaedf2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { color: #62878f; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { color: #5b9bd1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { color: #3175af; text-decoration: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { border-bottom: 1px solid #EFF2F6 !important; color: #888888; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { background: #f8f9fa; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { background: #f1f1f1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #e4e4e4; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { background-color: #1caf9a; color: #ffffff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { border-color: transparent transparent transparent #1caf9a; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { color: #5b9bd1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { background-color: #dfe2e9; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { width: 195px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { background: #3f4f62; border: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { border-bottom-color: #3f4f62; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { background: #2f3b49; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { color: #adbaca; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { color: #87b6dd; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { color: #bcc7d4; border-bottom: 1px solid #4b5e75 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { color: #9dadc0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { background: #47596e; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { border-bottom: 0 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { background: #4b5e75; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { background: #354353; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #2b3643; } .page-header.navbar .search-form { background: #232c37; } .page-header.navbar .search-form:hover { background: #3f4f62; } .page-header.navbar .search-form .input-group .form-control { color: #959fad; } .page-header.navbar .search-form .input-group .form-control::-moz-placeholder { color: #929cab; opacity: 1; } .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { color: #929cab; } .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { color: #929cab; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { color: #959fad; } .page-header.navbar .search-form.open { background: #3f4f62; } .page-header.navbar .menu-toggler { background-image: url(/img/sidebar_toggler_icon_darkblue.png); } /* Default Horizontal Menu */ .page-header.navbar { /* Default Mega Menu */ /* Light Mega Menu */ } .page-header.navbar .hor-menu .navbar-nav { /* Mega menu content */ /* Classic menu */ } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, 0.2); } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #c6cfda; } .page-header.navbar .hor-menu .navbar-nav > li > a { color: #c6cfda; } .page-header.navbar .hor-menu .navbar-nav > li > a > i { color: #788ea8; } .page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover { color: #d5dce4; background: #3f4f62 !important; } .page-header.navbar .hor-menu .navbar-nav > li.open > a > i, .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i { color: #889bb2; } .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a { color: white; background: #1caf9a !important; } .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i { color: #788ea8; } .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected { border-top: 6px solid #1caf9a; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, 0.2); background: #3f4f62; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a { color: #c6cfda; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i { color: #c6cfda; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a { color: #f1f3f6; background: #47596e; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i { color: #f1f3f6; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover { color: #f1f3f6; background: #47596e; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i { color: #f1f3f6; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider { background-color: #495c72; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after { color: #c6cfda; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav { /* Mega menu content */ /* Classic menu */ } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #666; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a { color: #c6cfda; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i { color: #788ea8; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover { color: #d5dce4; background: #3f4f62; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i { color: #889bb2; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a { color: #333 !important; background: white !important; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i { color: #333 !important; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover { color: white; background: #1caf9a; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i { color: #788ea8; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); background: white; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a { color: #000; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i { color: #888; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a { color: #000; background: #f2f2f7; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i { color: #666; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover { color: #000; background: #f2f2f7; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i { color: #666; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider { background-color: #f2f2f7; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu { border: 1px solid #efeff5; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu { border-top: 0; } /* Page sidebar */ .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar { background-color: #364150; /* Default sidebar */ /* light sidebar */ /* Sidebar search */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, .page-sidebar .page-sidebar-menu { /* 1st level links */ /* All links */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #3d4957; color: #b4bcc8; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class*=icon-] { color: #6b788b; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3, .page-sidebar .page-sidebar-menu > li.heading > h3 { color: #708096; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a { background: #2C3542; color: #b4bcc8; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a { background: #1caf9a; border-top-color: transparent; color: #ffffff; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover { background: #1caf9a; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i { color: #ffffff; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { color: #ffffff; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a, .page-sidebar .page-sidebar-menu > li.active + li > a { border-top-color: transparent; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a, .page-sidebar .page-sidebar-menu > li.active.open + li > a { border-top-color: #3d4957; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 1px solid transparent !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { color: #ffffff; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu { background-color: #364150; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a { color: #b4bcc8; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-] { color: #6b788b; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a { background: #3e4b5c !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { color: #606C7D; color: #959fae; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light { /* 1st level links */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a { background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a { background: #3e4b5c; border-left: 4px solid #1caf9a; color: #f1f1f1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover { border-left: 4px solid #1caf9a; background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i { color: #eeeeee; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before { color: #eeeeee; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu { background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a { background: #3e4b5c !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler, .page-sidebar .sidebar-toggler { background: url(/img/sidebar_inline_toggler_icon_darkblue.jpg); } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group { border-bottom: 1px solid #435060; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control { background-color: #364150; color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder { color: #4e5d6f; opacity: 1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder { color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder { color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i, .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i { color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group, .page-sidebar .sidebar-search.sidebar-search-bordered .input-group { border: 1px solid #435060; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.open .input-group { background-color: #364150; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i { color: #4e5d6f; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.sidebar-search-solid .input-group { background: none; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar .sidebar-search.sidebar-search-solid .input-group { border: 1px solid #2c3541; background: #2c3541; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control, .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control { background: #2c3541; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group, .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group { border: 1px solid #364150; background: #364150; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control, .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control { background: #364150; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light { /* 1st level links */ } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a { border-left: 0; border-right: 4px solid #1caf9a; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover { border-left: 0; border-right: 4px solid #1caf9a; } /************* Quick Sidebar *************/ /*** Quick Sidebar Layout ***/ .page-quick-sidebar-wrapper { background: #435468; } .page-quick-sidebar-wrapper .page-quick-sidebar { background: #435468; } /*** Quick Sidebar Toggler ***/ .page-quick-sidebar-toggler { background: #576d87; } .page-quick-sidebar-toggler:hover { background: #51667e; } .page-quick-sidebar-toggler > i { color: #d1d6de; } /*** Quick Sidebar Content ***/ .page-quick-sidebar-wrapper { color: #d1d6de; /* Quick sidebar chat */ /* Quick sidebar alerts */ } .page-quick-sidebar-wrapper .page-quick-sidebar { /* Quick sidebar tabs */ /* Quick sidebar general list heading */ /* Quick sidebar general list-items */ } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a { color: #c9ced7; background: #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover { background: #4d6178; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a { color: #c9ced7; background: #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a { border: 0; background: #435468; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu { border: 0; background: #576d87; box-shadow: 5px 5px rgba(142, 160, 182, 0.1); } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before { border-bottom: 7px solid #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after { border-bottom: 7px solid #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a { color: #d1d6de; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i { color: #ccd1d9; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover { background: #5d7591; color: #d1d6de; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i { color: #d4d9e0; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a { background: #59708a; color: #d1d6de; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider { background-color: #5d7591; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading { color: #a5afbd; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items { margin: 0; padding: 0; list-style: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li { border-bottom-color: #495c72; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover { background: #495c72; } .page-quick-sidebar-wrapper .page-quick-sidebar-item { /* back to list */ } .page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list { color: #c9ced7; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub { color: #9ca7b7; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small { color: #919cae; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name { color: #bdc4ce; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime { color: #bdc4ce; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message { color: #c9ced7; background: #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow { border-right-color: #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow { border-left-color: #576d87; } .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a { color: #b7bfca; } .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc { text-decoration: underline; } .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc { color: #b1b9c6; } .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date { color: #919cae; } /****** Page Footer ******/ .page-footer .page-footer-inner { color: #98a6ba; } .page-footer-fixed .page-footer { background-color: #28303b; } @media (min-width: 992px) { /* 992px */ /* Sidebar menu closed */ .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { box-shadow: 5px 5px rgba(44, 53, 66, 0.2); } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper { box-shadow: none; } .page-sidebar-menu.page-sidebar-menu-closed > li:hover { box-shadow: 5px 5px rgba(44, 53, 66, 0.2); } .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper { box-shadow: none; } .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { box-shadow: 5px 5px rgba(44, 53, 66, 0.2); } .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper { box-shadow: none; } /* Light sidebar menu */ .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading { padding: 0; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #3d4957 !important; } /* Fixed Sidebar */ .page-sidebar-fixed:not(.page-footer-fixed) .page-content { border-bottom: 0; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer { background-color: #fff; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { color: #333; } /* Boxed Layout */ .page-boxed { background-color: #303a47 !important; /* Page container */ /* Page sidebar */ /* Page footer */ } .page-boxed .page-container { background-color: #364150; border-left: 1px solid #3d4957; border-bottom: 1px solid #3d4957; } .page-boxed.page-sidebar-reversed .page-container { border-left: 0; border-right: 1px solid #3d4957; } .page-boxed.page-sidebar-fixed .page-container { border-left: 0; border-bottom: 0; } .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { border-left: 0; border-right: 0; border-bottom: 0; } .page-boxed.page-sidebar-fixed .page-sidebar { border-left: 1px solid #3d4957; } .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { border-right: 1px solid #3d4957; border-left: 0; } .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer { background-color: #303a47 !important; } .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner { color: #98a6ba; } /* Sidebar Menu Wirh Hoverable Submenu */ .page-sidebar-menu-hover-submenu li:hover a > .arrow { border-right: 8px solid #323c4b; } .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { border-left: 8px solid #323c4b; } .page-sidebar-menu-hover-submenu li:hover > .sub-menu { background: #323c4b !important; } } @media (max-width: 991px) { /* 991px */ /* Page sidebar */ .page-sidebar { background-color: #28303b; /* light sidebar */ } .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #364150; } .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a { background: #2e3744; } .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 0 !important; } .page-sidebar .page-sidebar-menu > li .sub-menu { background-color: #28303b !important; } .page-sidebar .page-sidebar-menu .sidebar-search input { background-color: #28303b !important; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light { /* 1st level links */ } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a { background: #2e3744; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a { background: #2e3744; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover { background: #2e3744; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu { background: #28303b !important; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a { background: #2e3744 !important; } } @media (max-width: 480px) { /* 480px */ .page-header.navbar { /* Top menu */ } .page-header.navbar .top-menu { background-color: #364150; } .page-header-fixed-mobile .page-header.navbar .top-menu { background-color: #2b3643; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background-color: #415265; } .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover { background-color: #3f4f62; } } /**** Boby ****/ body { background-color: #364150; } /**** CSS3 Spinner Bar ****/ .page-spinner-bar > div, .block-spinner-bar > div { background: #20c5ad; } /********************************* METRONIC ROUNDED STYLE COMPONENTS *********************************/ /*** General reset ***/ /* Set default body */ body { color: #333333; font-family: "Open Sans", sans-serif; padding: 0px !important; margin: 0px !important; font-size: 13px; direction: ltr; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ @-ms-viewport { width: auto !important; } /* Custom scrollbars for webkit browsers */ @media (min-width: 10000000000000) { ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #cecece; } ::-webkit-scrollbar-thumb { background-color: #cecece; } ::-webkit-scrollbar-thumb:hover { background-color: #aaaaaa; } ::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; } ::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; } } /*** General typography ***/ /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4 { font-size: 17px; } h5 { font-size: 13px; } h6 { font-size: 12px; } /* Headings helper text */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #444444; } /* Block headings */ h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-top: 10px; padding-bottom: 10px; } /* Links */ a { text-shadow: none; color: #5b9bd1; } a:hover { color: #3175af; } a:focus, a:hover, a:active { outline: 0; } /* Horizontal break */ hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 0; } /* Unstyled List */ .list-unstyled li > .list-unstyled { margin-left: 25px; } /* Code */ code { border: 1px solid #e1e1e1; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } /* Disabled Navigation Link */ .disabled-link .disable-target { opacity: 0.5 !important; filter: alpha(opacity=50) !important; } .disabled-link .disable-target:hover { cursor: not-allowed !important; } .disabled-link:hover { cursor: not-allowed !important; } /*** Utilities ***/ /* Links */ a:hover { cursor: pointer; } /* Primary Link */ .primary-link { color: #65A0D0; font-weight: 600; } .primary-link:hover { color: #5194ca; } /* Rounded Element */ .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } /* Circle Element */ .circle { border-radius: 25px !important; } .circle-right { border-radius: 0 25px 25px 0 !important; } .circle-left { border-radius: 25px 0 0 25px !important; } .circle-bottom { border-radius: 0 0 25px 25px !important; } .circle-top { border-radius: 25px 25px 0 0 !important; } /* General utilities */ .display-none, .display-hide { display: none; } .hidden { display: none !important; } .primary-font { font-family: "Open Sans", sans-serif !important; } .bold { font-weight: 700 !important; } .thin { font-weight: 300 !important; } .uppercase { text-transform: uppercase !important; } .fix-margin { margin-left: 0px !important; } .border { border: 1px solid red; } .font-hg { font-size: 23px; } .font-lg { font-size: 18px; } .font-md { font-size: 14px; } .font-sm { font-size: 13px; } .font-xs { font-size: 11px; } .inline { display: inline; } .inline-block { display: inline-block; } .text-align-reverse { text-align: right; } /* Margin and padding utilities */ .no-space { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-right-10 { margin-right: 10px !important; } /* IE8 & IE9 mode utilities */ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** Responsive Utils ***/ @media (max-width: 1024px) { .hidden-1024 { display: none; } } @media (max-width: 480px) { .hidden-480 { display: none; } } @media (max-width: 320px) { .hidden-320 { display: none; } } /*** Demo Utils ***/ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } /*** Users ***/ .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } /*** Top News Blocks(new in v1.2.2) ***/ .top-news { color: #fff; margin: 8px 0; } .top-news em { font-size: 13px; margin-bottom: 8px; margin-bottom: 0; font-style: normal; display: block; } .top-news em i { font-size: 14px; } .top-news span { font-size: 18px; margin-bottom: 5px; display: block; text-align: left; } .top-news a { display: block; text-align: left; padding: 10px; position: relative; margin-bottom: 10px; } .top-news a .top-news-icon { right: 8px; bottom: 15px; opacity: 0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); /*For IE8*/ } /*** Block Images(new in v1.2.2) ***/ .blog-images { margin-bottom: 0; } .blog-images li { padding: 0; margin: 0; display: inline; } .blog-images li a:hover { text-decoration: none; } .blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; } .blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /*** Sidebar Tags ***/ .sidebar-tags li { padding: 0; } .sidebar-tags li a { color: #555; font-size: 12px; padding: 3px 5px; background: #f7f7f7; margin: 0 2px 5px 0; display: inline-block; } .sidebar-tags li a:hover, .sidebar-tags li a:hover i { background: #EEE; text-decoration: none; transition: all 0.3s ease-in-out; } .sidebar-tags li a i { color: #777; } /*** Custom vertical inline menu ***/ .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 14px; font-weight: 300; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .ver-inline-menu li:hover a { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 14px; } .ver-inline-menu li.active:after { content: ""; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } @media (max-width: 767px) { .ver-inline-menu > li.active:after { display: none; } } /*** Separated List ***/ .list-separated { margin-top: 10px; margin-bottom: 15px; } .list-separated > div:last-child { border-right: 0; } @media (max-width: 767px) { .list-separated { /* 767px */ } .list-separated > div { margin-bottom: 20px; } } /*** Number & Chart Stats ***/ .number-stats { margin: 10px 0; } .number-stats .stat-number { display: inline-block; margin: 0 5px; } .number-stats .stat-number .title { font-size: 13px; margin-bottom: 3px; color: #B8C3C7; } .number-stats .stat-number .number { font-size: 27px; line-height: 27px; color: #7D8C9D; } .number-stats .stat-chart { display: inline-block; margin: 0 5px; } .number-stats > div { border-right: 1px solid #f5f5f5; } .number-stats > div:last-child { border-right: 0; } .number-stats .stat-left { float: right; } .number-stats .stat-left .stat-number { float: right; text-align: right; } .number-stats .stat-left .stat-chart { float: right; } .number-stats .stat-right { float: left !important; } .number-stats .stat-right .stat-number { float: left; text-align: left; } .number-stats .stat-right .stat-chart { float: left; } .number-stats .stat-number { float: left; text-align: left; } .number-stats .stat-chart { float: left; } /*** General User Record Listing ***/ .general-item-list > .item { padding: 10px 0; border-bottom: 1px solid #F1F4F7; } .general-item-list > .item:last-child { border-bottom: 0; } .general-item-list > .item > .item-head { margin-bottom: 5px; } .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after { content: " "; display: table; } .general-item-list > .item > .item-head:after { clear: both; } .general-item-list > .item > .item-head > .item-details { display: inline-block; float: left; } .general-item-list > .item > .item-head > .item-details > .item-pic { height: 35px; margin-right: 10px; border-radius: 100%; } .general-item-list > .item > .item-head > .item-details > .item-name { display: inline-block; margin-right: 10px; } .general-item-list > .item > .item-head > .item-details > .item-label { color: #C0C9CC; } .general-item-list > .item > .item-head > .item-status { color: #C0C9CC; top: 10px; position: relative; display: inline-block; float: right; } .general-item-list > .item > .item-head > .item-status > .badge { margin-top: -2px; } .general-item-list > .item > .item-body { color: #96a5aa; } /*** File dropzone ***/ .file-drop-zone { border: 2px dashed #ddd; padding: 30px; text-align: center; } .file-drop-zone.file-drop-zone-over { border-color: #aaa; } /*** Fontawesome Icons ***/ [class^=fa-], [class^=glyphicon-], [class^=icon-], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: 0.3em; line-height: 14px; -webkit-font-smoothing: antialiased; } /* Make font awesome icons fixed width */ li [class^=fa-], li [class^=glyphicon-], li [class^=icon-], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^=glyphicon-], li [class*=" glyphicon-"] { top: 2px; } li [class^=icon-], li [class*=" icon-"] { top: 1px; position: relative; } li [class^=fa-].icon-large, li [class^=glyphicon-].icon-large, li [class^=icon-].icon-large, li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /* Icon sizing */ .fa-sm, .icon-sm { font-size: 12px; } .fa-lg, .icon-lg { font-size: 16px !important; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } /* Icon coloring */ .icon-state-default { color: #c6c6c6; } .icon-state-success { color: #45B6AF; } .icon-state-info { color: #89C4F4; } .icon-state-warning { color: #dfba49; } .icon-state-danger { color: #F3565D; } /*** Font Awesome 4.x Demo ***/ .fa-item { font-size: 14px; padding: 10px 10px 10px 20px; } .fa-item i { font-size: 16px; display: inline-block; width: 20px; color: #333; } .fa-item:hover { cursor: pointer; background: #eee; } /*** Simple Line Icons Demo ***/ .simplelineicons-demo .item-box { display: inline-block; font-size: 16px; margin: 0 -0.22em 1em 0; padding-left: 1em; width: 100%; } .simplelineicons-demo .item-box .item { background-color: #fff; color: #33383e; border-radius: 8px; display: inline-block; padding: 10px; width: 100%; } .simplelineicons-demo .item-box .item span { font-size: 22px; } @media only screen and (min-width: 768px) { .simplelineicons-demo .item-box { width: 33.333%; } } /*** Glyphicons Demo ***/ .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .bs-glyphicon-class { text-align: center; } .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 14px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; color: #444; } .glyphicons-demo ul li:hover { background-color: rgba(86, 61, 124, 0.1); } @media (min-width: 768px) { .glyphicons-demo ul li { width: 12.5%; } } /*** Customized Bootstrap Alerts ***/ .alert { border-width: 1px; } .alert.alert-borderless { border: 0; } /*** Bootstrap Alerts ***/ .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } /*** Custom Bootstrap Badges ***/ .badge { font-size: 11px !important; font-weight: 300; text-align: center; height: 18px; padding: 3px 6px 3px 6px; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; } .badge.badge-roundless { border-radius: 0 !important; } .badge.badge-empty { display: inline-block; padding: 0; min-width: 8px; height: 8px; width: 8px; } /* Badge variants */ .badge-default { background-color: #c6c6c6; background-image: none; } .badge-primary { background-color: #428bca; background-image: none; } .badge-info { background-color: #89C4F4; background-image: none; } .badge-success { background-color: #45B6AF; background-image: none; } .badge-danger { background-color: #F3565D; background-image: none; } .badge-warning { background-color: #dfba49; background-image: none; } /* Fix badge position for navs */ .nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge { margin-top: -2px; } /*** Dropdown Menu Badges ***/ .dropdown-menu > li > a > .badge { position: absolute; margin-top: 1px; right: 3px; display: inline; font-size: 11px; font-weight: 300; text-shadow: none; height: 18px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; border-radius: 12px !important; } .dropdown-menu.badge-roundless { border-radius: 0 !important; } /*** Customized Bootstrap Buttons ***/ /* Default buttons */ .btn { border-width: 0; padding: 7px 14px; font-size: 14px; outline: none !important; background-image: none !important; filter: none; box-shadow: none; text-shadow: none; } .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active { outline: none !important; background-image: none !important; filter: none; box-shadow: none; text-shadow: none; } .btn-default { border-width: 1px; padding: 6px 13px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } /* Bootstrap buttons */ .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { color: #333; background-color: #ededed; border-color: #b3b3b3; } .open .btn-default.dropdown-toggle { color: #333; background-color: #ededed; border-color: #b3b3b3; } .btn-default:active, .btn-default.active { background-image: none; background-color: #e0e0e0; } .btn-default:active:hover, .btn-default.active:hover { background-color: #e6e6e6; } .open .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-default > i { color: #aaa; } .btn-default > i[class^=icon-], .btn-default > i[class*=icon-] { color: #8c8c8c; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #fff; background-color: #3379b5; border-color: #2a6496; } .open .btn-primary.dropdown-toggle { color: #fff; background-color: #3379b5; border-color: #2a6496; } .btn-primary:active, .btn-primary.active { background-image: none; background-color: #2d6ca2; } .btn-primary:active:hover, .btn-primary.active:hover { background-color: #3071a9; } .open .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #45B6AF; border-color: #3ea49d; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #fff; background-color: #3b9c96; border-color: #307f7a; } .open .btn-success.dropdown-toggle { color: #fff; background-color: #3b9c96; border-color: #307f7a; } .btn-success:active, .btn-success.active { background-image: none; background-color: #348a84; } .btn-success:active:hover, .btn-success.active:hover { background-color: #37918b; } .open .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #45B6AF; border-color: #3ea49d; } .btn-success .badge { color: #45B6AF; background-color: #fff; } .btn-info { color: #fff; background-color: #89C4F4; border-color: #72b8f2; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #fff; background-color: #68b4f1; border-color: #43a1ed; } .open .btn-info.dropdown-toggle { color: #fff; background-color: #68b4f1; border-color: #43a1ed; } .btn-info:active, .btn-info.active { background-image: none; background-color: #51a8ef; } .btn-info:active:hover, .btn-info.active:hover { background-color: #5aadf0; } .open .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #89C4F4; border-color: #72b8f2; } .btn-info .badge { color: #89C4F4; background-color: #fff; } .btn-warning { color: #fff; background-color: #dfba49; border-color: #dbb233; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { color: #fff; background-color: #daae2b; border-color: #bb9521; } .open .btn-warning.dropdown-toggle { color: #fff; background-color: #daae2b; border-color: #bb9521; } .btn-warning:active, .btn-warning.active { background-image: none; background-color: #c89f23; } .btn-warning:active:hover, .btn-warning.active:hover { background-color: #d0a625; } .open .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #dfba49; border-color: #dbb233; } .btn-warning .badge { color: #dfba49; background-color: #fff; } .btn-danger { color: #fff; background-color: #F3565D; border-color: #f13e46; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { color: #fff; background-color: #f1353d; border-color: #ec111b; } .open .btn-danger.dropdown-toggle { color: #fff; background-color: #f1353d; border-color: #ec111b; } .btn-danger:active, .btn-danger.active { background-image: none; background-color: #ef1d26; } .btn-danger:active:hover, .btn-danger.active:hover { background-color: #f0262f; } .open .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #F3565D; border-color: #f13e46; } .btn-danger .badge { color: #F3565D; background-color: #fff; } /* Button sizes */ .btn > i { font-size: 14px; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; vertical-align: middle; } .btn-lg > i { font-size: 18px; } .btn-sm, .btn-xs { padding: 4px 10px 5px 10px; font-size: 13px; line-height: 1.5; } .btn-sm > i, .btn-xs > i { font-size: 13px; } .btn-xs { padding: 1px 5px; } .btn-xs > i { font-size: 12px; } /* Small button in button group */ .btn-group .input-sm .btn-default { padding-top: 3px; padding-bottom: 3px; } /* Arrow link */ .btn-arrow-link { vertical-align: middle; display: inline-block; font-size: 13px; } .btn-arrow-link > i { font-size: 14px; line-height: 14px; vertical-align: top; margin: 2px 3px 2px 3px; color: #999; } .btn-arrow-link.btn-arrow-link-lg { font-size: 14px; } .btn-arrow-link.btn-arrow-link-lg > i { font-size: 16px; line-height: 16px; margin: 2px 3px 1px 3px; } /* Circle Buttons */ .btn-circle { border-radius: 25px !important; } .btn-circle-right { border-radius: 0 25px 25px 0 !important; } .btn-circle-left { border-radius: 25px 0 0 25px !important; } .btn-circle-bottom { border-radius: 0 0 25px 25px !important; } .btn-circle-top { border-radius: 25px 25px 0 0 !important; } .btn-icon-only { height: 34px; width: 34px; text-align: center; padding-left: 0; padding-right: 0; } .btn-icon-only > [class^=icon-], .btn-icon-only > i { text-align: center; margin-top: 2px; } .btn-sm > [class^=glyphicon-], .btn-sm > [class*=" glyphicon-"], .btn-sm > i { font-size: 13px; } .btn-xs > [class^=glyphicon-], .btn-xs > [class*=" glyphicon-"], .btn-xs > i { font-size: 11px; } .btn-group.btn-group-circle > .btn:first-child { border-radius: 25px 0 0 25px !important; } .btn-group.btn-group-circle > .btn:last-child { border-radius: 0 25px 25px 0 !important; } .btn-group.btn-group-devided > .btn { margin-right: 5px; } .btn-group.btn-group-devided > .btn:last-child { margin-right: 0; } .btn-group-vertical.btn-group-vertical-circle > .btn:first-child { border-radius: 25px 25px 0 0 !important; } .btn-group-vertical.btn-group-vertical-circle > .btn:last-child { border-radius: 0 0 25px 25px !important; } /*** Image Carousel ***/ .carousel.image-carousel .carousel-inner { padding-top: 0; padding-bottom: 0; } .carousel.image-carousel .carousel-control i { position: absolute; top: 40%; } .carousel.image-carousel.image-carousel-hoverable .carousel-control i { display: none; } .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { display: inline-block; } .carousel.image-carousel .carousel-control.left i { left: 10px; } .carousel.image-carousel .carousel-control.right i { right: 10px; } .carousel.image-carousel .carousel-indicators { margin-top: 10px; bottom: -7px; } .carousel.image-carousel .carousel-indicators li { background-color: #666; } .carousel.image-carousel .carousel-indicators li.active { background-color: #666; } .carousel.image-carousel .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 15px 25px 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption p { text-align: left; line-height: 20px; color: #ffffff; } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2 { margin: 0 0 5px; } .carousel.image-carousel .carousel-caption h4 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h2 a { color: #aaa; } .carousel.image-carousel .carousel-caption p { margin-bottom: 0; } .carousel.image-carousel .carousel-caption .item { margin: 0; } /*** Charts and statistics ***/ .chart, .pie, .bars { overflow: hidden; height: 300px; width: 100%; font-family: "Open Sans", sans-serif !important; font-size: 14px; } /*** Statistic lists ***/ .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } /*** Chart tooltips ***/ .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; } /*** Mini chart containers ***/ .bar-chart, .line-chart { display: none; } /*** Chats ***/ .chats { margin: 0; padding: 0; margin-top: -15px; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li .body { display: block; } .chats li .avatar { height: 45px; width: 45px; border-radius: 50% !important; } .chats li.in .avatar { float: left; margin-right: 10px; } .chats li.out .avatar { float: right; margin-left: 10px; } .chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; } .chats li .datetime { color: #333; font-size: 13px; font-weight: 400; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li.in .message { text-align: left; border-left: 2px solid #1BBC9B; margin-left: 65px; background: #fafafa; } .chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #1BBC9B; } .chats li.out .message { border-right: 2px solid #F3565D; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #F3565D; } .chats li.out .name, .chats li.out .datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 40px; } .chat-form .input-cont .form-control { border: 1px solid #ddd; width: 100% !important; margin-top: 0; background-color: #fff !important; } .chat-form .input-cont .form-control:focus { border: 1px solid #4b8df9 !important; } .chat-form .btn-cont { margin-top: -42px; position: relative; float: right; width: 44px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; box-sizing: border-box; } .chat-form .btn-cont .btn { margin-top: 8px; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; } /*** Customized Bootstrap Close Icon ***/ .close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: none; background-image: url("/img/remove-icon-small.png") !important; } /*** Customized Bootstrap Dropdowns ***/ /*** Dropdowns ***/ .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle { border-color: #ddd; } /*** Dropdown Menu ***/ .dropdown-menu { min-width: 175px; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0px; margin: 10px 0px 0px 0px; background-color: #ffffff; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #eee; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 4px; } .dropdown-menu li.divider { background: #f1f3f6; } .dropdown-menu li.dropdown-header { padding: 8px 14px 2px 14px; } .dropdown-menu li > a { padding: 8px 14px; color: #555; text-decoration: none; display: block; clear: both; font-weight: 300; line-height: 18px; white-space: nowrap; } .dropdown-menu li > a > [class^=fa-], .dropdown-menu li > a > [class*=" fa-"] { color: #888; } .dropdown-menu li > a > [class^=icon-], .dropdown-menu li > a > [class*=" icon-"] { color: #666; } .dropdown-menu li > a > [class^=glyphicon-], .dropdown-menu li > a > [class*=" glyphicon-"] { color: #888; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { text-decoration: none; background-image: none; background-color: #f6f6f6; color: #555; filter: none; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .btn-group > .dropdown-menu { margin-top: 10px; } .dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before { position: absolute; top: -8px; left: 9px; right: auto; display: inline-block !important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ""; } .dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after { position: absolute; top: -7px; left: 10px; right: auto; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ""; } .dropdown > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .btn-group > .dropdown-menu.pull-left:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .btn-group > .dropdown-menu.pull-left:after { left: auto; right: 10px; } .dropdown > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .btn-group > .dropdown-menu.pull-right:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .btn-group > .dropdown-menu.pull-right:after { left: auto; right: 10px; } .dropdown.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .btn-group.dropup > .dropdown-menu { margin-top: 0px; margin-bottom: 10px; } .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before { display: none !important; } /* Dropdown submenu support for Bootsrap 3 */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; font-size: 14px; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\F105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; } @media (max-width: 767px) { /* 767px */ .navbar-nav .open .dropdown-menu { position: absolute; float: left; width: auto; margin-top: 0; background-color: #ffffff; border: 1px solid #efefef; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } .navbar-nav .open .dropdown-menu > li > a { padding: 6px 0 6px 13px; color: #333; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:active { ackground-color: #eee; } } /*** Dropdown Checkboxes ***/ .dropdown-content { padding: 5px; } .dropdown-content form { margin: 0; } .dropdown.inline .dropdown-menu { display: inline-block; position: relative; } .dropdown-radiobuttons, .dropdown-checkboxes { padding: 5px; } .dropdown-radiobuttons label, .dropdown-checkboxes label { display: block; font-weight: 300; color: #333; margin-bottom: 4px; margin-top: 4px; } .dropdown-radiobuttons label .radio, .dropdown-checkboxes label .radio { margin-right: 3px; } /*** System feeds ***/ .feeds { margin: 0px; padding: 0px; list-style: none; } .feeds li { background-color: #fafafa; color: #82949a; margin-bottom: 7px; } .feeds li:before, .feeds li:after { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds li:last-child { margin-bottom: 0px; } .feeds li .col1 { float: left; width: 100%; clear: both; } .feeds li .col1 > .cont { float: left; margin-right: 75px; overflow: hidden; } .feeds li .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; } .feeds li .col1 > .cont > .cont-col1 > .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; } .feeds li .col1 > .cont > .cont-col1 > .label > i { text-align: center; font-size: 14px; } .feeds li .col1 > .cont > .cont-col2 { float: left; width: 100%; } .feeds li .col1 > .cont > .cont-col2 > .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; } .feeds li .col2 { float: left; width: 75px; margin-left: -75px; } .feeds li .col2 > .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; } /*** Form Layouts ****/ /* Static info */ .static-info { margin-bottom: 10px; } .static-info .name { font-size: 14px; } .static-info .value { font-size: 14px; font-weight: 600; } .static-info.align-reverse .name, .static-info.align-reverse .value { text-align: right; } /* Help blocks */ .help-block { margin-top: 5px; margin-bottom: 5px; } .help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; } .form-inline input { margin-bottom: 0px !important; } /* Control Label */ .control-label { margin-top: 1px; } .control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } .form { padding: 0 !important; } .form .form-body { padding: 10px; } .portlet.light .form .form-body { padding-left: 0; padding-right: 0; } .form .form-actions { padding: 20px 10px; margin: 0; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .portlet.light .form .form-actions { background: none; padding-left: 0; padding-right: 0; } .portlet .form .form-actions { border-radius: 0 0 4px 4px; } .form .form-actions:before, .form .form-actions:after { content: " "; display: table; } .form .form-actions:after { clear: both; } .form .form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; } .portlet.light .form .form-actions.right { padding-right: 0; } .form .form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; } .portlet.light .form .form-actions.left { padding-left: 0; } .form .form-actions.nobg { background-color: transparent; } .form .form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e5e5e5; } .portlet.light .form .form-actions.top { background: none; } .form .form-actions .btn-set { display: inline-block; } @media (max-width: 767px) { .form .form-actions { /* 767px */ } .form .form-actions .btn-set { margin-bottom: 3px; margin-top: 3px; float: left !important; } } .form .form-section { margin: 30px 0px 25px 0px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .form .form-section:first-child { margin-top: 5px; } /* Checkboxes */ .checkbox, .form-horizontal .checkbox { padding: 0; } .checkbox > label, .form-horizontal .checkbox > label { padding-left: 0; } .checkbox-list > label { display: block; } .checkbox-list > label.checkbox-inline { display: inline-block; } .checkbox-list > label.checkbox-inline:first-child { padding-left: 0; } /* Radio buttons */ .radio-list > label { display: block; } .radio-list > label.radio-inline { display: inline-block; } .radio-list > label.radio-inline:first-child { padding-left: 0; } /* Radio buttons in horizontal forms */ .form-horizontal .radio-list .radio { padding-top: 1px; } .form-horizontal .radio-list > label { margin-bottom: 0; } .form-horizontal .radio > span { margin-top: 2px; } /* Rows seperated form layout */ .form .form-row-seperated .portlet-body { padding: 0; } .form .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 15px 0; } .form .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 13px; } .form .form-row-seperated .form-group .help-block { margin-bottom: 0; } .form .form-row-seperated .form-body { padding: 0; } .form .form-row-seperated .form-actions { padding-left: 15px !important; padding-right: 15px !important; } /* Form bordered */ .form .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #efefef; } @media (max-width: 991px) { .form .form-bordered .form-group > div { /* 991px */ border-left: 0; } } .form .form-bordered .form-group.last { border-bottom: 0; } .form .form-bordered .form-group .control-label { padding-top: 20px; } @media (max-width: 991px) { .form .form-bordered .form-group .control-label { /* 991px */ padding-top: 10px; } } .form .form-bordered .form-group .help-block { margin-bottom: 0; } .form .form-bordered .form-group .form-control { margin: 0; } .form .form-bordered .form-body { margin: 0; padding: 0; } .form .form-bordered .form-actions { margin-top: 0; padding-left: 16px !important; padding-right: 16px !important; } @media (max-width: 991px) { .form .form-bordered .form-actions { /* 991px */ padding-left: 15px !important; padding-right: 15px !important; } } /* Horizontal bordered form */ .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #ffffff; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } /*** Forms ***/ /* Input placeholder font color */ .form-control::-moz-placeholder { color: #b3b3b3; opacity: 1; } .form-control:-ms-input-placeholder { color: #b3b3b3; } .form-control::-webkit-input-placeholder { color: #b3b3b3; } /* Form inputs */ .form-control { font-size: 14px; font-weight: normal; color: #333; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #999; outline: 0; box-shadow: none; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } .form-control.height-auto { height: auto; } .form-control.form-control-solid { background-color: #F1F3F8; border-color: #F1F3F8; color: #A6B2BA; } .form-control.form-control-solid:focus { border-color: #e3e7f1; } .form-control.form-control-solid::-moz-placeholder { color: #acb7be; opacity: 1; } .form-control.form-control-solid:-ms-input-placeholder { color: #acb7be; } .form-control.form-control-solid::-webkit-input-placeholder { color: #acb7be; } /* Form uneditable input */ .uneditable-input { padding: 6px 12px; min-width: 206px; font-size: 14px; font-weight: normal; height: 34px; color: #333; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } /* Form input sizing */ .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 145px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 420px !important; } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .form-group .input-inline { margin-right: 5px; } .input-sm { height: 28px; padding: 5px 10px; font-size: 13px; } select.input-sm { height: 28px; line-height: 28px; padding: 2px 10px; } @media (max-width: 768px) { /* 768px */ .input-large { width: 250px !important; } .input-xlarge { width: 300px !important; } } /* Input groups */ .input-group .btn-default { border-color: #e5e5e5; } .input-group .input-group-addon { border-color: #e5e5e5; background: #e5e5e5; min-width: 39px; } .input-group .input-group-addon > i { color: #999; } /* Input spinner */ input[type=text].spinner, input[type=password].spinner, input[type=datetime].spinner, input[type=datetime-local].spinner, input[type=date].spinner, input[type=month].spinner, input[type=time].spinner, input[type=week].spinner, input[type=number].spinner, input[type=email].spinner, input[type=url].spinner, input[type=search].spinner, input[type=tel].spinner, input[type=color].spinner { background-image: url("/img/input-spinner.gif") !important; background-repeat: no-repeat; background-position: right 8px; } /* Form labels */ label { font-weight: 400; font-size: 14px; } /* Static form control */ .form-control-static { margin: 2px 0; display: inline-block; } /* Feedback states */ .has-success .help-block, .has-success .help-inline, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #d6e9c6; box-shadow: none; } .has-success .form-control:focus { border-color: #bbdba1; box-shadow: none; } .has-success .input-group-addon { color: #3c763d; border-color: #d6e9c6; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .help-inline, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #faebcc; box-shadow: none; } .has-warning .form-control:focus { border-color: #f5d89e; box-shadow: none; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #faebcc; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .help-inline, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #ebccd1; box-shadow: none; } .has-error .form-control:focus { border-color: #dca7b0; box-shadow: none; } .has-error .input-group-addon { color: #a94442; border-color: #ebccd1; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } /* Circle Inputs */ .input-circle { border-radius: 25px !important; } .input-circle-right { border-radius: 0 25px 25px 0 !important; } .input-circle-left { border-radius: 25px 0 0 25px !important; } .input-circle-bottom { border-radius: 0 0 25px 25px !important; } .input-circle-top { border-radius: 25px 25px 0 0 !important; } /*** Custom icon buttons ***/ .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa; background-image: none; filter: none; box-shadow: none; display: inline-block; color: #646464; text-shadow: none; text-align: center; cursor: pointer; position: relative; transition: all 0.3s ease; } .icon-btn:hover { text-decoration: none; border-color: #999; color: #444; text-shadow: 0 1px 0px white; transition: all 0.3s ease; box-shadow: none; } .icon-btn:hover > .badge { transition: all 0.3s ease; box-shadow: none; } .icon-btn > div { margin-top: 5px; margin-bottom: 20px; color: #000; font-size: 12px; font-weight: 300; } .icon-btn > .badge { position: absolute; font-size: 11px; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white; text-shadow: none; border-width: 0; border-style: solid; border-radius: 12px; box-shadow: none; } .icon-btn > i { font-size: 18px; } .ie8 .icon-btn:hover { filter: none; } /*** Input icons ***/ .input-icon { position: relative; } .input-icon > .form-control { padding-left: 33px; } .input-group .input-icon > .form-control { border-radius: 4px 0 0 4px; } .input-icon > i { color: #ccc; display: block; position: absolute; margin: 11px 2px 4px 10px; z-index: 3; width: 16px; font-size: 16px; text-align: center; } .modal .input-icon > i { z-index: 10055; } .has-success .input-icon > i { color: #45B6AF; } .has-warning .input-icon > i { color: #dfba49; } .has-info .input-icon > i { color: #89C4F4; } .has-error .input-icon > i { color: #F3565D; } .input-icon.right > .form-control { padding-right: 33px; padding-left: 12px; } .input-group .input-icon.right > .form-control { border-radius: 0 4px 4px 0; } .input-icon.right > i { right: 8px; float: right; } .input-icon.input-icon-lg > i { margin-top: 16px; } .input-icon.input-icon-sm > i { margin-top: 8px; font-size: 13px; } /*** Customized Bootstrap Labels ***/ .label { text-shadow: none !important; font-size: 13px; font-weight: 300; padding: 3px 6px 3px 6px; color: #fff; font-family: "Open Sans", sans-serif; } .label.label-sm { font-size: 12px; padding: 0px 4px 1px 4px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75%; } /* Labels variants */ .label-default { background-color: #c6c6c6; } .label-default[href]:hover, .label-default[href]:focus { background-color: #adadad; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #45B6AF; } .label-success[href]:hover, .label-success[href]:focus { background-color: #37918b; } .label-info { background-color: #89C4F4; } .label-info[href]:hover, .label-info[href]:focus { background-color: #5aadf0; } .label-warning { background-color: #dfba49; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #d0a625; } .label-danger { background-color: #F3565D; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #f0262f; } /*** Iconic labels ***/ .label.label-icon { padding: 4px 0px 4px 4px; margin-right: 2px; text-align: center !important; } .label.label-icon > i { font-size: 12px; text-align: center !important; } .ie8 .label.label-icon, .ie9 .label.label-icon { padding: 3px 0px 3px 3px; } /*** Text states ***/ .text-default { color: #c6c6c6; } .text-primary { color: #428bca; } .text-success { color: #45B6AF; } .text-info { color: #89C4F4; } .text-warning { color: #dfba49; } .text-danger { color: #F3565D; } /*** Customized List Group ***/ /* Contextual variants */ .list-group .list-group-item-success { color: #3c763d; background-color: #dff0d8; } .list-group a.list-group-item-success { color: #3c763d; } .list-group a.list-group-item-success .list-group-item-heading { color: inherit; } .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover, .list-group a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group .list-group-item-info { color: #31708f; background-color: #d9edf7; } .list-group a.list-group-item-info { color: #31708f; } .list-group a.list-group-item-info .list-group-item-heading { color: inherit; } .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover, .list-group a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } .list-group a.list-group-item-warning { color: #8a6d3b; } .list-group a.list-group-item-warning .list-group-item-heading { color: inherit; } .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover, .list-group a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group .list-group-item-danger { color: #a94442; background-color: #f2dede; } .list-group a.list-group-item-danger { color: #a94442; } .list-group a.list-group-item-danger .list-group-item-heading { color: inherit; } .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover, .list-group a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } /*** UI Loading ***/ .loading-message { display: inline-block; min-width: 125px; margin-left: -60px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loading-message > span { line-height: 20px; vertical-align: middle; } .page-loading { border-radius: 4px; position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: -60px; margin-top: -30px; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .page-loading > span { line-height: 20px; vertical-align: middle; } .page-spinner-bar { position: fixed; z-index: 10051; width: 100px; top: 40%; left: 50%; margin-left: -55px; text-align: center; } .page-spinner-bar > div { margin: 0 5px; width: 18px; height: 18px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .page-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .block-spinner-bar { display: inline-block; width: 80px; text-align: center; } .block-spinner-bar > div { margin: 0 2px; width: 15px; height: 15px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .block-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .block-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } /*** Metro icons ***/ [class^=m-icon-] { display: inline-block; width: 14px; height: 14px; margin-top: 3px; line-height: 14px; vertical-align: top; background-image: url(/img/syncfusion-icons.png); background-position: 0 0; background-repeat: no-repeat; } [class^=m-icon-big-] { display: inline-block; width: 30px; height: 30px; margin: 6px; vertical-align: middle; background-image: url(/img/syncfusion-icons.png); background-position: 0 0px; background-repeat: no-repeat; } /* large icons */ .btn.m-icon-big { padding: 9px 16px 8px 16px; } .btn.m-icon-big.m-icon-only { padding: 9px 8px 8px 0px; } .btn.m-icon-big [class^=m-icon-big-] { margin: 0 0 0 10px; } .btn.m-icon-ony > i { margin-left: 0px; } /* default icons */ .btn.m-icon { padding: 7px 14px 7px 14px; } .btn.m-icon [class^=m-icon-] { margin: 4px 0 0 5px; } .btn.m-icon.m-icon-only { padding: 7px 10px 7px 6px; } /* white icon */ .m-icon-white { background-image: url(/img/syncfusion-icons-white.png); } /* Misc */ .m-icon-swapright { background-position: -27px -10px; } .m-icon-swapdown { background-position: -68px -10px; } .m-icon-swapleft { background-position: -8px -10px; } .m-icon-swapup { background-position: -46px -10px; } .m-icon-big-swapright { background-position: -42px -28px; } .m-icon-big-swapdown { background-position: -115px -28px; } .m-icon-big-swapleft { background-position: -6px -28px; } .m-icon-big-swapup { background-position: -78px -28px; } /*** Customized Bootstrap Modal ***/ .modal { z-index: 10050; outline: none; overflow-y: auto !important; /* Fix content shifting to the right on modal open due to scrollbar closed */ } .modal .modal-header { border-bottom: 1px solid #EFEFEF; } .modal .modal-header h3 { font-weight: 300; } .modal .modal-header .close { margin-top: 0px !important; } .modal .modal-dialog { z-index: 10051; } .modal > .loading { position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; } .modal.in .page-loading { display: none; } .modal-open { overflow-y: auto !important; } .modal-open-noscroll { overflow-y: hidden !important; } .modal-backdrop { border: 0; outline: none; z-index: 10049; } .modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; } /* Full width modal */ .modal-full.modal-dialog { width: 99%; } @media (max-width: 768px) { .modal-full.modal-dialog { width: auto; } } /*** Notes ***/ .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; border-radius: 0 4px 4px 0; } .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin-top: 0; } .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close { margin-right: -10px; } .note p { font-size: 13px; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note.note-default { background-color: lightgray; border-color: #a0a0a0; color: #333333; } .note.note-default.note-bordered { background-color: #c3c3c3; border-color: #a0a0a0; } .note.note-default.note-shadow { background-color: #c6c6c6; border-color: #a0a0a0; box-shadow: 5px 5px rgba(162, 162, 162, 0.2); } .note.note-primary { background-color: #5697d0; border-color: #2a7696; color: #D8E3F2; } .note.note-primary.note-bordered { background-color: #3e89c9; border-color: #2a7696; } .note.note-primary.note-shadow { background-color: #428bca; border-color: #2a7696; box-shadow: 5px 5px rgba(43, 121, 154, 0.2); } .note.note-success { background-color: #eef7ea; border-color: #bbdba1; color: #3c763d; } .note.note-success.note-bordered { background-color: #dcefd4; border-color: #bbdba1; } .note.note-success.note-shadow { background-color: #dff0d8; border-color: #bbdba1; box-shadow: 5px 5px rgba(190, 220, 164, 0.2); } .note.note-info { background-color: #eef7fb; border-color: #91d9e8; color: #31708f; } .note.note-info.note-bordered { background-color: #d5ebf6; border-color: #91d9e8; } .note.note-info.note-shadow { background-color: #d9edf7; border-color: #91d9e8; box-shadow: 5px 5px rgba(150, 219, 233, 0.2); } .note.note-warning { background-color: #fcf8e3; border-color: #f2cf87; color: #8a6d3b; } .note.note-warning.note-bordered { background-color: #f9f1c7; border-color: #f2cf87; } .note.note-warning.note-shadow { background-color: #faf2cc; border-color: #f2cf87; box-shadow: 5px 5px rgba(243, 209, 139, 0.2); } .note.note-danger { background-color: #f9f0f0; border-color: #dca7b0; color: #a94442; } .note.note-danger.note-bordered { background-color: #f1dada; border-color: #dca7b0; } .note.note-danger.note-shadow { background-color: #f2dede; border-color: #dca7b0; box-shadow: 5px 5px rgba(222, 171, 179, 0.2); } /*** Customized Bootstrap Pagination ***/ .pagination { margin: 10px 0; } .pagination.pagination-circle > li:first-child > a { border-radius: 25px 0 0 25px !important; } .pagination.pagination-circle > li:last-child > a { border-radius: 0 25px 25px 0 !important; } .pagination .active > a, .pagination .active > a:hover { background: #eee; border-color: #dddddd; color: #333; } /*** Customized Bootstrap Panels ***/ .panel { box-shadow: none !important; } .panel-group .panel { overflow: visible; } .panel .panel-body { font-size: 13px; } .panel .panel-title > a:hover { text-decoration: none; } .accordion .panel .panel-heading { padding: 0; } .accordion .panel .panel-title { padding: 0; } .accordion .panel .panel-title .accordion-toggle { display: block; padding: 10px 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { background: url("/img/accordion-plusminus.png") no-repeat; background-position: right -19px; margin-right: 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { background-position: right 12px; } .panel-default { border-color: #e0e0e0; } .panel-default > .panel-heading { color: #333333; background-color: #f9f9f9; border-color: #e0e0e0; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #e0e0e0; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #e0e0e0; } .panel-primary { border-color: #3595bd; } .panel-primary > .panel-heading { color: #D8E3F2; background-color: #428bca; border-color: #3595bd; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #3595bd; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #3595bd; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } /*** Accordions ***/ .accordion-heading { background: #eee; } .accordion-heading a { text-decoration: none; } .accordion-heading a:hover { text-decoration: none; } /*** Customized Bootstrap Popover ***/ .popover { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); padding: 0; } .popover .popover-title { margin: 0 !important; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #89C4F4; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #428bca; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #45B6AF; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #dfba49; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #F3565D; } /* popover colors*/ .popovers.yellow + .popover { background: yellow; } .popovers.yellow + .popover .popover-title { background: yellow; } .popovers.yellow + .popover .popover-content { background: yellow; } /*** Portlets ***/ /* Full Screen portlet mode */ .page-portlet-fullscreen { overflow: hidden; } /* Basic portlet */ .portlet { margin-top: 0px; margin-bottom: 25px; padding: 0px; border-radius: 4px; } .portlet.portlet-fullscreen { z-index: 10060; margin: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #fff; } .portlet.portlet-fullscreen > .portlet-body { overflow-y: auto; overflow-x: hidden; padding: 0 10px; } .portlet.portlet-fullscreen > .portlet-title { padding: 0 10px; } .portlet > .portlet-title { border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; border-radius: 4px 4px 0 0; } .portlet > .portlet-title:before, .portlet > .portlet-title:after { content: " "; display: table; } .portlet > .portlet-title:after { clear: both; } .portlet > .portlet-title > .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 300; padding: 10px 0; } .portlet > .portlet-title > .caption.bold { font-weight: 400; } .portlet > .portlet-title > .caption > i { float: left; margin-top: 4px; display: inline-block; font-size: 13px; margin-right: 5px; color: #666; } .portlet > .portlet-title > .caption > i.glyphicon { margin-top: 2px; } .portlet > .portlet-title > .caption > .caption-helper { padding: 0; margin: 0; line-height: 13px; color: #9eacb4; font-size: 13px; font-weight: 400; } .portlet > .portlet-title > .actions { float: right; display: inline-block; padding: 6px 0; } .portlet > .portlet-title > .actions > .dropdown-menu i { color: #555555; } .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm { padding: 4px 10px; font-size: 13px; line-height: 1.5; } .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default { padding: 3px 9px; } .portlet > .portlet-title > .actions > .btn > i, .portlet > .portlet-title > .actions > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn-group > .btn > i, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i { font-size: 13px; } .portlet > .portlet-title > .actions .btn-icon-only { padding: 5px 7px 3px 7px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default { padding: 4px 6px 2px 6px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i { font-size: 14px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen { font-family: FontAwesome; color: #a0a0a0; padding-top: 3px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm { padding: 3px 3px !important; height: 27px; width: 27px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before { content: "\F065"; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before { content: "\F066"; } .portlet > .portlet-title > .tools { float: right; display: inline-block; padding: 12px 0 8px 0; } .portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; opacity: 1; filter: alpha(opacity=100); } .portlet > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; } .portlet > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; } .portlet > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon.png); width: 13px; } .portlet > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.fullscreen { display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC; } .portlet > .portlet-title > .tools > a.fullscreen:before { content: "\F065"; } .portlet > .portlet-title > .tools > a.fullscreen.on:before { content: "\F066"; } .portlet > .portlet-title > .tools > a:hover { text-decoration: none; transition: all 0.1s ease-in-out; opacity: 0.8; filter: alpha(opacity=80); } .portlet > .portlet-title > .pagination { float: right; display: inline-block; margin: 2px 0 0 0; border: 0; padding: 4px 0; } .portlet > .portlet-title > .nav-tabs { background: none; margin: 0; float: right; display: inline-block; border: 0; } .portlet > .portlet-title > .nav-tabs > li { background: none; margin: 0; border: 0; } .portlet > .portlet-title > .nav-tabs > li > a { background: none; margin: 5px 0 0 1px; border: 0; padding: 8px 10px; color: #fff; } .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a { color: #333; background: #fff; border: 0; } .portlet > .portlet-body { clear: both; border-radius: 0 0 4px 4px; } .portlet > .portlet-empty { min-height: 125px; } .portlet.full-height-content { margin-bottom: 0; } /* Portlet background colors */ /* Side bordered portlet */ .portlet.bordered { border-left: 2px solid #e6e9ec !important; } .portlet.bordered > .portlet-title { border-bottom: 0; } /* Solid colored portlet */ .portlet.solid { padding: 0 10px 10px 10px; border: 0px; } .portlet.solid > .portlet-title { border-bottom: 0; margin-bottom: 10px; } .portlet.solid > .portlet-title > .caption { padding: 16px 0 2px 0; } .portlet.solid > .portlet-title > .actions { padding: 12px 0 6px 0; } .portlet.solid > .portlet-title > .tools { padding: 14px 0 6px 0; } /* Solid bordered portlet */ .portlet.solid.bordered > .portlet-title { margin-bottom: 10px; } /* Box portlet */ .portlet.box { padding: 0px !important; } .portlet.box > .portlet-title { border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff; } .portlet.box > .portlet-title > .caption { padding: 11px 0 9px 0; } .portlet.box > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.box > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.box > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.box > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.box > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.box > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box > .portlet-title > .actions { padding: 7px 0 5px 0; } .portlet.box > .portlet-body { background-color: #fff; padding: 10px; } .portlet.box.portlet-fullscreen > .portlet-body { padding: 10px; } /* Light Portlet */ .portlet.light { padding: 12px 20px 15px 20px; background-color: #fff; } .portlet.light.bordered { border: 1px solid #e1e1e1 !important; } .portlet.light.bordered > .portlet-title { border-bottom: 1px solid #eee; } .portlet.light.bg-inverse { background: #F7F7F7; } .portlet.light > .portlet-title { padding: 0; min-height: 48px; } .portlet.light > .portlet-title > .caption { color: #666; padding: 10px 0; } .portlet.light > .portlet-title > .caption > .caption-subject { font-size: 16px; } .portlet.light > .portlet-title > .caption > i { color: #777; font-size: 15px; font-weight: 300; margin-top: 3px; } .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { font-size: 15px; } .portlet.light > .portlet-title > .caption.caption-md > i { font-size: 14px; } .portlet.light > .portlet-title > .actions { padding: 6px 0 14px 0; } .portlet.light > .portlet-title > .actions .btn-default { color: #666; } .portlet.light > .portlet-title > .actions .btn-icon-only { height: 27px; width: 27px; } .portlet.light > .portlet-title > .actions .dropdown-menu li > a { color: #555; } .portlet.light > .portlet-title > .inputs { float: right; display: inline-block; padding: 4px 0; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i { font-size: 14px; margin-top: 9px; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control { height: 30px; padding: 2px 26px 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control { height: 30px; padding: 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .pagination { padding: 2px 0 13px 0; } .portlet.light > .portlet-title > .tools { padding: 10px 0 13px 0; margin-top: 2px; } .portlet.light > .portlet-title > .nav-tabs > li { margin: 0; padding: 0; } .portlet.light > .portlet-title > .nav-tabs > li > a { margin: 0; padding: 12px 13px 13px 13px; font-size: 13px; color: #666; } .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { margin: 0; background: none; color: #333; } .portlet.light.form-fit { padding: 0; } .portlet.light.form-fit > .portlet-title { padding: 17px 20px 10px 20px; margin-bottom: 0; } .portlet.light .portlet-body { padding-top: 8px; } .portlet.light.portlet-fullscreen > .portlet-body { padding: 8px 0; } .tab-pane > p:last-child { margin-bottom: 0px; } /* Reverse aligned tabs */ .tabs-reversed > li { float: right; margin-right: 0; } .tabs-reversed > li > a { margin-right: 0; } /* jQuery UI Draggable Portlets */ .portlet-sortable:not(.portlet-fullscreen) > .portlet-title { cursor: move; } .portlet-sortable-placeholder { border: 2px dashed #eee; margin-bottom: 25px; } .portlet-sortable-empty { height: 45px; } /*** Customized Progress Bars ***/ .progress { border: 0; background-image: none; filter: none; box-shadow: none; box-shadow: none; } .progress.progress-sm { height: 12px; } .progress > .progress-bar-default { background-color: #c6c6c6; } .progress-striped .progress > .progress-bar-default { background-image: none; background-image: none; } .progress > .progress-bar-success { background-color: #45B6AF; } .progress-striped .progress > .progress-bar-success { background-image: none; background-image: none; } .progress > .progress-bar-info { background-color: #89C4F4; } .progress-striped .progress > .progress-bar-info { background-image: none; background-image: none; } .progress > .progress-bar-danger { background-color: #F3565D; } .progress-striped .progress > .progress-bar-danger { background-image: none; background-image: none; } .progress > .progress-bar-warning { background-color: #dfba49; } .progress-striped .progress > .progress-bar-warning { background-image: none; background-image: none; } /*** Dashboard Stats ***/ .dashboard-stat { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 4px; } .dashboard-stat:before, .dashboard-stat:after { content: " "; display: table; } .dashboard-stat:after { clear: both; } .portlet .dashboard-stat:last-child { margin-bottom: 0; } .dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 35px; line-height: 35px; } .dashboard-stat .visual > i { margin-left: -35px; font-size: 110px; line-height: 110px; } .dashboard-stat .details { position: absolute; right: 15px; padding-right: 15px; } .dashboard-stat .details .number { padding-top: 25px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0px; font-weight: 300; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; } .dashboard-stat .more { clear: both; display: block; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; font-weight: 300; font-size: 11px; opacity: 0.7; filter: alpha(opacity=70); } .dashboard-stat .more:hover { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .dashboard-stat .more > i { display: inline-block; margin-top: 1px; float: right; } .dashboard-stat-light { padding-bottom: 20px; margin-bottom: 20px; } .dashboard-stat-light .details { margin-bottom: 5px; } .dashboard-stat-light .details .number { font-weight: 300; margin-bottom: 0px; } /*** Dashboard Stats 2 ***/ .dashboard-stat2 { border-radius: 4px; background: #fff; padding: 15px 15px 30px 15px; margin-bottom: 20px; } .dashboard-stat2 .display { margin-bottom: 20px; } .dashboard-stat2 .display:before, .dashboard-stat2 .display:after { content: " "; display: table; } .dashboard-stat2 .display:after { clear: both; } .dashboard-stat2 .display .number { float: left; display: inline-block; } .dashboard-stat2 .display .number h3 { margin: 0 0 2px 0; padding: 0; font-size: 30px; font-weight: 400; } .dashboard-stat2 .display .number h3 > small { font-size: 23px; } .dashboard-stat2 .display .number small { font-size: 14px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .display .icon { display: inline-block; float: right; padding: 7px 0 0 0; } .dashboard-stat2 .display .icon > i { color: #cbd4e0; font-size: 26px; } .dashboard-stat2 .progress-info { clear: both; } .dashboard-stat2 .progress-info .progress { margin: 0; height: 4px; clear: both; display: block; } .dashboard-stat2 .progress-info .status { margin-top: 5px; font-size: 11px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .progress-info .status .status-title { float: left; display: inline-block; } .dashboard-stat2 .progress-info .status .status-number { float: right; display: inline-block; } /*** Text Stats ***/ .text-stat h3 { margin-top: 5px; margin-bottom: 0px; font-size: 18px; } .text-stat span { font-size: 13px !important; } @media (max-width: 767px) { /* 767px */ .text-stat { margin-top: 20px; } } /*** Social Icons ***/ .social-icons { padding: 0; margin: 0; } .social-icons:before, .social-icons:after { content: " "; display: table; } .social-icons:after { clear: both; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li > a { border-radius: 2px; width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover > a { background-position: 0 -38px; } .social-icons li .amazon { background: url(/img/social/amazon.png) no-repeat; } .social-icons li .behance { background: url(/img/social/behance.png) no-repeat; } .social-icons li .blogger { background: url(/img/social/blogger.png) no-repeat; } .social-icons li .deviantart { background: url(/img/social/deviantart.png) no-repeat; } .social-icons li .dribbble { background: url(/img/social/dribbble.png) no-repeat; } .social-icons li .dropbox { background: url(/img/social/dropbox.png) no-repeat; } .social-icons li .evernote { background: url(/img/social/evernote.png) no-repeat; } .social-icons li .facebook { background: url(/img/social/facebook.png) no-repeat; } .social-icons li .forrst { background: url(/img/social/forrst.png) no-repeat; } .social-icons li .github { background: url(/img/social/github.png) no-repeat; } .social-icons li .googleplus { background: url(/img/social/googleplus.png) no-repeat; } .social-icons li .jolicloud { background: url(/img/social/jolicloud.png) no-repeat; } .social-icons li .last-fm { background: url(/img/social/last-fm.png) no-repeat; } .social-icons li .linkedin { background: url(/img/social/linkedin.png) no-repeat; } .social-icons li .picasa { background: url(/img/social/picasa.png) no-repeat; } .social-icons li .pintrest { background: url(/img/social/pintrest.png) no-repeat; } .social-icons li .rss { background: url(/img/social/rss.png) no-repeat; } .social-icons li .skype { background: url(/img/social/skype.png) no-repeat; } .social-icons li .spotify { background: url(/img/social/spotify.png) no-repeat; } .social-icons li .stumbleupon { background: url(/img/social/stumbleupon.png) no-repeat; } .social-icons li .tumblr { background: url(/img/social/tumblr.png) no-repeat; } .social-icons li .twitter { background: url(/img/social/twitter.png) no-repeat; } .social-icons li .vimeo { background: url(/img/social/vimeo.png) no-repeat; } .social-icons li .wordpress { background: url(/img/social/wordpress.png) no-repeat; } .social-icons li .xing { background: url(/img/social/xing.png) no-repeat; } .social-icons li .yahoo { background: url(/img/social/yahoo.png) no-repeat; } .social-icons li .youtube { background: url(/img/social/youtube.png) no-repeat; } .social-icons li .vk { background: url(/img/social/vk.png) no-repeat; } .social-icons li .instagram { background: url(/img/social/instagram.png) no-repeat; } .social-icons li .reddit { background: url(/img/social/reddit.png) no-repeat; } .social-icons li .aboutme { background: url(/img/social/aboutme.png) no-repeat; } .social-icons li .flickr { background: url(/img/social/flickr.png) no-repeat; } .social-icons li .foursquare { background: url(/img/social/foursquare.png) no-repeat; } .social-icons li .gravatar { background: url(/img/social/gravatar.png) no-repeat; } .social-icons li .klout { background: url(/img/social/klout.png) no-repeat; } .social-icons li .myspace { background: url(/img/social/myspace.png) no-repeat; } .social-icons li .quora { background: url(/img/social/quora.png) no-repeat; } .social-icons.social-icons-color > li > a { opacity: 0.7; background-position: 0 -38px !important; } .social-icons.social-icons-color > li > a:hover { opacity: 1; } .social-icons.social-icons-circle > li > a { border-radius: 25px !important; } /*** Inline Social Icons ***/ .social-icon { display: inline-block !important; width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; border-radius: 2px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icon.social-icon-circle { border-radius: 25px !important; } .social-icon.amazon { background: url(/img/social/amazon.png) no-repeat; } .social-icon.behance { background: url(/img/social/behance.png) no-repeat; } .social-icon.blogger { background: url(/img/social/blogger.png) no-repeat; } .social-icon.deviantart { background: url(/img/social/deviantart.png) no-repeat; } .social-icon.dribbble { background: url(/img/social/dribbble.png) no-repeat; } .social-icon.dropbox { background: url(/img/social/dropbox.png) no-repeat; } .social-icon.evernote { background: url(/img/social/evernote.png) no-repeat; } .social-icon.facebook { background: url(/img/social/facebook.png) no-repeat; } .social-icon.forrst { background: url(/img/social/forrst.png) no-repeat; } .social-icon.github { background: url(/img/social/github.png) no-repeat; } .social-icon.googleplus { background: url(/img/social/googleplus.png) no-repeat; } .social-icon.jolicloud { background: url(/img/social/jolicloud.png) no-repeat; } .social-icon.last-fm { background: url(/img/social/last-fm.png) no-repeat; } .social-icon.linkedin { background: url(/img/social/linkedin.png) no-repeat; } .social-icon.picasa { background: url(/img/social/picasa.png) no-repeat; } .social-icon.pintrest { background: url(/img/social/pintrest.png) no-repeat; } .social-icon.rss { background: url(/img/social/rss.png) no-repeat; } .social-icon.skype { background: url(/img/social/skype.png) no-repeat; } .social-icon.spotify { background: url(/img/social/spotify.png) no-repeat; } .social-icon.stumbleupon { background: url(/img/social/stumbleupon.png) no-repeat; } .social-icon.tumblr { background: url(/img/social/tumblr.png) no-repeat; } .social-icon.twitter { background: url(/img/social/twitter.png) no-repeat; } .social-icon.vimeo { background: url(/img/social/vimeo.png) no-repeat; } .social-icon.wordpress { background: url(/img/social/wordpress.png) no-repeat; } .social-icon.xing { background: url(/img/social/xing.png) no-repeat; } .social-icon.yahoo { background: url(/img/social/yahoo.png) no-repeat; } .social-icon.youtube { background: url(/img/social/youtube.png) no-repeat; } .social-icon.vk { background: url(/img/social/vk.png) no-repeat; } .social-icon.instagram { background: url(/img/social/instagram.png) no-repeat; } .social-icon.reddit { background: url(/img/social/reddit.png) no-repeat; } .social-icon.aboutme { background: url(/img/social/aboutme.png) no-repeat; } .social-icon.flickr { background: url(/img/social/flickr.png) no-repeat; } .social-icon.foursquare { background: url(/img/social/foursquare.png) no-repeat; } .social-icon.gravatar { background: url(/img/social/gravatar.png) no-repeat; } .social-icon.klout { background: url(/img/social/klout.png) no-repeat; } .social-icon.myspace { background: url(/img/social/myspace.png) no-repeat; } .social-icon.quora { background: url(/img/social/quora.png) no-repeat; } .social-icon:hover { background-position: 0 -38px; } .social-icon-color { opacity: 0.7; background-position: 0 -38px !important; } .social-icon-color:hover { opacity: 1; } /*** Customized Bootstrap Tables ***/ /*** Default table ***/ .table.table-bordered thead > tr > th { border-bottom: 0; } .table tr.heading > th { background-color: #eee !important; } .table td .img-responsive { width: 100%; } /* Contextual table row variants */ .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background: #a6c8e6; color: #132339; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background: #92bce0; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background: #dff0d8; color: #3c763d; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background: #d9edf7; color: #31708f; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background: #fcf8e3; color: #8a6d3b; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background: #f2dede; color: #a94442; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background: #ebcccc; } /*** Responsive & Scrollable Tables ***/ .table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #dddddd; margin: 10px 0 !important; } .table-scrollable.table-scrollable-borderless { border: 0; } .table-scrollable > .table { width: 100% !important; margin: 0 !important; margin-bottom: 0; background-color: #fff; } .table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > td { white-space: nowrap; } .table-scrollable > .table-bordered { border: 0; } .table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } /*** Responsive Flip Scroll Tables ***/ .flip-scroll table { width: 100%; } @media only screen and (max-width: 768px) { /* 768px */ .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .flip-content { zoom: 1; } .flip-scroll *:first-child + html .flip-content { zoom: 1; } .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-scroll th, .flip-scroll td { margin: 0; vertical-align: top; } .flip-scroll th { text-align: left; border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; } .flip-scroll table { display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll thead tr { display: block; } .flip-scroll th { display: block; text-align: right; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* sort out borders */ .flip-scroll th { border-bottom: 0; border-left: 0; } .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-scroll tbody tr { border-left: 1px solid #ddd; } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } } /*** Custom tables ***/ .table-toolbar { margin-bottom: 15px; } .table-toolbar:before, .table-toolbar:after { content: " "; display: table; } .table-toolbar:after { clear: both; } .table.table-full-width { width: 100% !important; } .table .btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; } .table thead tr th { font-size: 14px; font-weight: 600; } .table-advance { margin-bottom: 10px !important; } .table-advance thead { color: #999; } .table-advance thead tr th { background-color: #DDD; font-size: 14px; font-weight: 400; color: #666; } .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table-advance tr td { border-left-width: 0px; } .table-advance tr td:first-child { border-left-width: 1px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance td.highlight div.primary { border-left: 2px solid #428bca; } .table-advance td.highlight div.success { border-left: 2px solid #45B6AF; } .table-advance td.highlight div.info { border-left: 2px solid #89C4F4; } .table-advance td.highlight div.warning { border-left: 2px solid #dfba49; } .table-advance td.highlight div.danger { border-left: 2px solid #F3565D; } @media (max-width: 767px) { /* 767px */ .table-advance tr > td.highlight:first-child a { margin-left: 8px; } } /*** Light Table ***/ .table.table-light { border: 0 !important; } .table.table-light > thead > tr:hover > th { background: none; } .table.table-light > thead > tr.uppercase { text-transform: uppercase; } .table.table-light > thead > tr > th { font-weight: 600; font-size: 13px; color: #93a2a9; font-family: "Open Sans", sans-serif; border: 0; border-bottom: 1px solid #F2F5F8; } .table.table-light > tbody > tr:last-child > td { border: 0; } .table.table-light > tbody > tr > td { border: 0; border-bottom: 1px solid #F2F5F8; color: #8896a0; vertical-align: middle; } .table.table-light > tbody > tr > td.fit { width: 1px; padding-right: 3px; } .table.table-light > tbody > tr > td .user-pic { display: inline-block; vertical-align: middle; height: 30px; border-radius: 100%; } .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th { background: #f9fafb; } /*** Customized Bootstrap Tabs ***/ /* Tabs and pills */ .nav-tabs, .nav-pills { margin-bottom: 10px; } .nav-tabs > li > a, .nav-pills > li > a { font-size: 14px; } .nav-tabs > li > a > .badge, .nav-pills > li > a > .badge { margin-top: -3px; } .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-pills > li .dropdown-menu:after { display: none; } .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-pills.nav-pills-sm > li > a { font-size: 13px; } .nav-tabs .dropdown.open > .dropdown-toggle, .nav-pills .dropdown.open > .dropdown-toggle { background: #eee; color: #0d638f; border-color: transparent; } /* Left and right tabs */ .tabs-right.nav-tabs, .tabs-left.nav-tabs { border-bottom: 0; } .tabs-right.nav-tabs > li, .tabs-left.nav-tabs > li { float: none; } .tabs-right.nav-tabs > li > a, .tabs-left.nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } /* Left tabs */ .tabs-left.nav-tabs { border-right: 1px solid #ddd; } .tabs-left.nav-tabs > li > a { display: block; margin-right: -1px; } .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus { border-radius: 4px 0 0 4px; border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus { border-radius: 4px 0 0 4px; border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } /* Right tabs */ .tabs-right.nav-tabs { border-left: 1px solid #ddd; } .tabs-right.nav-tabs > li > a { display: block; margin-left: -1px; } .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus { border-radius: 0 4px 4px 0; border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus { border-radius: 0 4px 4px 0; border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } /* Below tabs */ .tabs-below > .nav-tabs, .tabs-below > .nav-pills { border-bottom: 0; margin-bottom: 0px; margin-top: 10px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs > li > a { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > li > a .dropdown-menu { border-radius: 4px; } .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus { border-radius: 0 0 4px 4px; border-color: transparent #ddd #ddd #ddd; } /*** Custom tabs ***/ /* In BS3.0.0 tabbable class was removed. We had to added it back */ .tabbable:before, .tabbable:after { content: " "; display: table; } .tabbable:after { clear: both; } .tabbable-custom { margin-bottom: 15px; padding: 0px; overflow: hidden; /* justified tabs */ /* boxless tabs */ /* below justified tabs */ /* full width tabs */ /* below tabs */ } .tabbable-custom > .nav-tabs { border: none; margin: 0px; } .tabbable-custom > .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom > .nav-tabs > li > a { margin-right: 0; border-radius: 0; } .tabbable-custom > .nav-tabs > li > a:hover { background: none; border-color: transparent; } .tabbable-custom > .nav-tabs > li.active { border-top: 3px solid #F3565D; margin-top: 0; position: relative; } .tabbable-custom > .nav-tabs > li.active > a { border-top: none !important; font-weight: 400; border-radius: 0; } .tabbable-custom > .nav-tabs > li.active > a:hover { border-radius: 0; border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 0 0 4px 4px; } .tabbable-custom.nav-justified > .tab-content { margin-top: -1px; } .tabbable-custom.boxless > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below.nav-justified .tab-content { margin-top: 0px; margin-bottom: -2px; border-radius: 4px 4px 0 0; } .tabbable-custom.tabbable-full-width > .nav-tabs > li > a { color: #424242; font-size: 15px; padding: 9px 15px; } .tabbable-custom.tabbable-full-width > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li > a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .tabbable-custom.tabs-below .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabbable-custom.tabs-below .nav-tabs > li.active > a { border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom.tabbable-noborder > .nav-tabs > li > a { border: 0; } .tabbable-custom.tabbable-noborder .tab-content { border: 0; } .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li { margin-right: 2px; } .tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #F3565D; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } .tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; } .tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; } .tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #F3565D; } .tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } /*** Tiles(new in v1.1.1) ***/ .tiles { margin-right: -10px; } .tiles:before, .tiles:after { display: table; content: " "; } .tiles:after { clear: both; } .tiles .tile { display: block; letter-spacing: 0.02em; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tiles .tile:after, .tiles .tile:before { content: ""; float: left; } .tiles .tile.double { width: 280px !important; } .tiles .tile.double-down { height: 280px !important; } .tiles .tile.double-down i { margin-top: 95px; } .tiles .tile:hover { border-color: #aaa !important; } .tiles .tile:active, .tiles .tile.selected { border-color: #ccc !important; } .tiles .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tiles .tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\F00C"; display: inline-block; position: absolute; top: 2px; right: 2px; } .tiles .tile.icon { padding: 0; } .tiles .tile.image .tile-body { padding: 0 !important; } .tiles .tile.image .tile-body > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tiles .tile.image .tile-body h3 { display: inline-block; } .tiles .tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #000000; color: #ffffff; margin-bottom: 10px; } .tiles .tile .tile-body p { font-weight: 400; font-size: 13px; color: #000000; color: #ffffff; line-height: 20px; overflow: hidden; } .tiles .tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); } .tiles .tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); } .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body img { float: left; margin-right: 10px; } .tiles .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; } .tiles .tile .tile-body > .content { display: inline-block; } .tiles .tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; } .tiles .tile .tile-body h1, .tiles .tile .tile-body h2, .tiles .tile .tile-body h3, .tiles .tile .tile-body h4, .tiles .tile .tile-body h5, .tiles .tile .tile-body h6, .tiles .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tiles .tile .tile-body h1:hover, .tiles .tile .tile-body h2:hover, .tiles .tile .tile-body h3:hover, .tiles .tile .tile-body h4:hover, .tiles .tile .tile-body h5:hover, .tiles .tile .tile-body h6:hover, .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body h3, .tiles .tile .tile-body h4 { margin-bottom: 5px; } .tiles .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .tiles .tile .tile-object:before, .tiles .tile .tile-object:after { display: table; content: ""; } .tiles .tile .tile-object:after { clear: both; } .tiles .tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #ffffff; } .tiles .tile .tile-object > .name > i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; } .tiles .tile .tile-object > .number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; } /*** Custimized Bootstrap Wells ***/ .well { background-color: #eee; border: 0; box-shadow: none !important; } /*** AngularJS Basic Animations ***/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(15px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } .fade-in-up { -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } @-webkit-keyframes bounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bounceDelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } /* Button */ .btn.default { color: #333333; background-color: #E5E5E5; border-color: ""; } .btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active { color: #333333; background-color: lightgray; } .open .btn.default.dropdown-toggle { color: #333333; background-color: lightgray; } .btn.default:active, .btn.default.active { background-image: none; background-color: #c6c6c6; } .btn.default:active:hover, .btn.default.active:hover { background-color: #cccccc; } .open .btn.default.dropdown-toggle { background-image: none; } .btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active { background-color: #E5E5E5; } .btn.default .badge { color: #E5E5E5; background-color: #333333; } /********** Blue Colors ***********/ /*** Blue Default ***/ /* Button */ .blue.btn { color: #FFFFFF; background-color: #4B8DF8; border-color: ""; } .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active { color: #FFFFFF; background-color: #2977f7; } .open .blue.btn.dropdown-toggle { color: #FFFFFF; background-color: #2977f7; } .blue.btn:active, .blue.btn.active { background-image: none; background-color: #1068f6; } .blue.btn:active:hover, .blue.btn.active:hover { background-color: #1a6ef6; } .open .blue.btn.dropdown-toggle { background-image: none; } .blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active { background-color: #4B8DF8; } .blue.btn .badge { color: #4B8DF8; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-stripe { border-left: 3px solid #4B8DF8; } /* Portlet */ .portlet > .portlet-body.blue, .portlet.blue { background-color: #4B8DF8; } .portlet.solid.blue > .portlet-title, .portlet.solid.blue > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue { border: 1px solid #7cacfa; border-top: 0; } .portlet.box.blue > .portlet-title { background-color: #4B8DF8; } .portlet.box.blue > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b7d1fc; color: #d0e1fd; } .portlet.box.blue > .portlet-title > .actions .btn-default > i { color: #deeafe; } .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active { border: 1px solid #e8f0fe; color: white; } /* Statistic Block */ .dashboard-stat.blue { background-color: #4B8DF8; } .dashboard-stat.blue.dashboard-stat-light:hover { background-color: #3781f7; } .dashboard-stat.blue .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue .details .number { color: #FFFFFF; } .dashboard-stat.blue .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue .more { color: #FFFFFF; background-color: #3781f7; } /* General Element */ .bg-blue { border-color: #4B8DF8 !important; background-image: none !important; background-color: #4B8DF8 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue { color: #4B8DF8 !important; } .progress-bar.blue { background: #4B8DF8 !important; color: #FFFFFF !important; } /*** Blue Madison ***/ /* Button */ .blue-madison.btn { color: #FFFFFF; background-color: #578ebe; border-color: ""; } .blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active { color: #FFFFFF; background-color: #437cae; } .open .blue-madison.btn.dropdown-toggle { color: #FFFFFF; background-color: #437cae; } .blue-madison.btn:active, .blue-madison.btn.active { background-image: none; background-color: #3c6f9c; } .blue-madison.btn:active:hover, .blue-madison.btn.active:hover { background-color: #3f74a3; } .open .blue-madison.btn.dropdown-toggle { background-image: none; } .blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active { background-color: #578ebe; } .blue-madison.btn .badge { color: #578ebe; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-madison-stripe { border-left: 3px solid #578ebe; } /* Portlet */ .portlet > .portlet-body.blue-madison, .portlet.blue-madison { background-color: #578ebe; } .portlet.solid.blue-madison > .portlet-title, .portlet.solid.blue-madison > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-madison { border: 1px solid #7ca7cc; border-top: 0; } .portlet.box.blue-madison > .portlet-title { background-color: #578ebe; } .portlet.box.blue-madison > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #a8c4dd; color: #bad1e4; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i { color: #c5d8e9; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active { border: 1px solid #cdddec; color: #dfeaf3; } /* Statistic Block */ .dashboard-stat.blue-madison { background-color: #578ebe; } .dashboard-stat.blue-madison.dashboard-stat-light:hover { background-color: #4884b8; } .dashboard-stat.blue-madison .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-madison .details .number { color: #FFFFFF; } .dashboard-stat.blue-madison .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-madison .more { color: #FFFFFF; background-color: #4884b8; } /* General Element */ .bg-blue-madison { border-color: #578ebe !important; background-image: none !important; background-color: #578ebe !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-madison { color: #578ebe !important; } .progress-bar.blue-madison { background: #578ebe !important; color: #FFFFFF !important; } /*** Blue Chambray ***/ /* Button */ .blue-chambray.btn { color: #FFFFFF; background-color: #2C3E50; border-color: ""; } .blue-chambray.btn:hover, .blue-chambray.btn:focus, .blue-chambray.btn:active, .blue-chambray.btn.active { color: #FFFFFF; background-color: #1f2c39; } .open .blue-chambray.btn.dropdown-toggle { color: #FFFFFF; background-color: #1f2c39; } .blue-chambray.btn:active, .blue-chambray.btn.active { background-image: none; background-color: #161f29; } .blue-chambray.btn:active:hover, .blue-chambray.btn.active:hover { background-color: #1a252f; } .open .blue-chambray.btn.dropdown-toggle { background-image: none; } .blue-chambray.btn.disabled, .blue-chambray.btn.disabled:hover, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled.active, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled]:hover, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled].active, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn:hover, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn.active { background-color: #2C3E50; } .blue-chambray.btn .badge { color: #2C3E50; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-chambray-stripe { border-left: 3px solid #2C3E50; } /* Portlet */ .portlet > .portlet-body.blue-chambray, .portlet.blue-chambray { background-color: #2C3E50; } .portlet.solid.blue-chambray > .portlet-title, .portlet.solid.blue-chambray > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-chambray { border: 1px solid #3e5871; border-top: 0; } .portlet.box.blue-chambray > .portlet-title { background-color: #2C3E50; } .portlet.box.blue-chambray > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #547698; color: #5f83a7; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i { color: #698bac; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active { border: 1px solid #6f90b0; color: #809cb9; } /* Statistic Block */ .dashboard-stat.blue-chambray { background-color: #2C3E50; } .dashboard-stat.blue-chambray.dashboard-stat-light:hover { background-color: #253443; } .dashboard-stat.blue-chambray .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-chambray .details .number { color: #FFFFFF; } .dashboard-stat.blue-chambray .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-chambray .more { color: #FFFFFF; background-color: #253443; } /* General Element */ .bg-blue-chambray { border-color: #2C3E50 !important; background-image: none !important; background-color: #2C3E50 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-chambray { color: #2C3E50 !important; } .progress-bar.blue-chambray { background: #2C3E50 !important; color: #FFFFFF !important; } /*** Blue Ebonyclay ***/ /* Button */ .blue-ebonyclay.btn { color: #FFFFFF; background-color: #22313F; border-color: ""; } .blue-ebonyclay.btn:hover, .blue-ebonyclay.btn:focus, .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { color: #FFFFFF; background-color: #151f28; } .open .blue-ebonyclay.btn.dropdown-toggle { color: #FFFFFF; background-color: #151f28; } .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { background-image: none; background-color: #0d1217; } .blue-ebonyclay.btn:active:hover, .blue-ebonyclay.btn.active:hover { background-color: #10171e; } .open .blue-ebonyclay.btn.dropdown-toggle { background-image: none; } .blue-ebonyclay.btn.disabled, .blue-ebonyclay.btn.disabled:hover, .blue-ebonyclay.btn.disabled:focus, .blue-ebonyclay.btn.disabled:active, .blue-ebonyclay.btn.disabled.active, .blue-ebonyclay.btn[disabled], .blue-ebonyclay.btn[disabled]:hover, .blue-ebonyclay.btn[disabled]:focus, .blue-ebonyclay.btn[disabled]:active, .blue-ebonyclay.btn[disabled].active, fieldset[disabled] .blue-ebonyclay.btn, fieldset[disabled] .blue-ebonyclay.btn:hover, fieldset[disabled] .blue-ebonyclay.btn:focus, fieldset[disabled] .blue-ebonyclay.btn:active, fieldset[disabled] .blue-ebonyclay.btn.active { background-color: #22313F; } .blue-ebonyclay.btn .badge { color: #22313F; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-ebonyclay-stripe { border-left: 3px solid #22313F; } /* Portlet */ .portlet > .portlet-body.blue-ebonyclay, .portlet.blue-ebonyclay { background-color: #22313F; } .portlet.solid.blue-ebonyclay > .portlet-title, .portlet.solid.blue-ebonyclay > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-ebonyclay { border: 1px solid #344b60; border-top: 0; } .portlet.box.blue-ebonyclay > .portlet-title { background-color: #22313F; } .portlet.box.blue-ebonyclay > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #496a88; color: #527798; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i { color: #587ea2; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active { border: 1px solid #5d83a7; color: #6d90b0; } /* Statistic Block */ .dashboard-stat.blue-ebonyclay { background-color: #22313F; } .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover { background-color: #1b2732; } .dashboard-stat.blue-ebonyclay .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-ebonyclay .details .number { color: #FFFFFF; } .dashboard-stat.blue-ebonyclay .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-ebonyclay .more { color: #FFFFFF; background-color: #1b2732; } /* General Element */ .bg-blue-ebonyclay { border-color: #22313F !important; background-image: none !important; background-color: #22313F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-ebonyclay { color: #22313F !important; } .progress-bar.blue-ebonyclay { background: #22313F !important; color: #FFFFFF !important; } /*** Blue Hoki ***/ /* Button */ .blue-hoki.btn { color: #FFFFFF; background-color: #67809F; border-color: ""; } .blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active { color: #FFFFFF; background-color: #586e8b; } .open .blue-hoki.btn.dropdown-toggle { color: #FFFFFF; background-color: #586e8b; } .blue-hoki.btn:active, .blue-hoki.btn.active { background-image: none; background-color: #4e627b; } .blue-hoki.btn:active:hover, .blue-hoki.btn.active:hover { background-color: #526781; } .open .blue-hoki.btn.dropdown-toggle { background-image: none; } .blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active { background-color: #67809F; } .blue-hoki.btn .badge { color: #67809F; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-hoki-stripe { border-left: 3px solid #67809F; } /* Portlet */ .portlet > .portlet-body.blue-hoki, .portlet.blue-hoki { background-color: #67809F; } .portlet.solid.blue-hoki > .portlet-title, .portlet.solid.blue-hoki > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-hoki { border: 1px solid #869ab3; border-top: 0; } .portlet.box.blue-hoki > .portlet-title { background-color: #67809F; } .portlet.box.blue-hoki > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #acb9ca; color: #bbc7d4; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i { color: #c5ceda; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active { border: 1px solid #cbd4de; color: #dbe1e8; } /* Statistic Block */ .dashboard-stat.blue-hoki { background-color: #67809F; } .dashboard-stat.blue-hoki.dashboard-stat-light:hover { background-color: #5e7694; } .dashboard-stat.blue-hoki .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-hoki .details .number { color: #FFFFFF; } .dashboard-stat.blue-hoki .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-hoki .more { color: #FFFFFF; background-color: #5e7694; } /* General Element */ .bg-blue-hoki { border-color: #67809F !important; background-image: none !important; background-color: #67809F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-hoki { color: #67809F !important; } .progress-bar.blue-hoki { background: #67809F !important; color: #FFFFFF !important; } /*** Blue Stell ***/ /* Button */ .blue-steel.btn { color: #FFFFFF; background-color: #4B77BE; border-color: ""; } .blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active { color: #FFFFFF; background-color: #3d66a8; } .open .blue-steel.btn.dropdown-toggle { color: #FFFFFF; background-color: #3d66a8; } .blue-steel.btn:active, .blue-steel.btn.active { background-image: none; background-color: #365b96; } .blue-steel.btn:active:hover, .blue-steel.btn.active:hover { background-color: #395f9d; } .open .blue-steel.btn.dropdown-toggle { background-image: none; } .blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active { background-color: #4B77BE; } .blue-steel.btn .badge { color: #4B77BE; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-steel-stripe { border-left: 3px solid #4B77BE; } /* Portlet */ .portlet > .portlet-body.blue-steel, .portlet.blue-steel { background-color: #4B77BE; } .portlet.solid.blue-steel > .portlet-title, .portlet.solid.blue-steel > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-steel { border: 1px solid #7093cc; border-top: 0; } .portlet.box.blue-steel > .portlet-title { background-color: #4B77BE; } .portlet.box.blue-steel > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9db5dc; color: #b0c3e3; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i { color: #bbcce7; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active { border: 1px solid #c3d2e9; color: #d6e0f0; } /* Statistic Block */ .dashboard-stat.blue-steel { background-color: #4B77BE; } .dashboard-stat.blue-steel.dashboard-stat-light:hover { background-color: #416db4; } .dashboard-stat.blue-steel .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-steel .details .number { color: #FFFFFF; } .dashboard-stat.blue-steel .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-steel .more { color: #FFFFFF; background-color: #416db4; } /* General Element */ .bg-blue-steel { border-color: #4B77BE !important; background-image: none !important; background-color: #4B77BE !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-steel { color: #4B77BE !important; } .progress-bar.blue-steel { background: #4B77BE !important; color: #FFFFFF !important; } /*** Blue Soft ***/ /* Button */ .blue-soft.btn { color: #FFFFFF; background-color: #4c87b9; border-color: ""; } .blue-soft.btn:hover, .blue-soft.btn:focus, .blue-soft.btn:active, .blue-soft.btn.active { color: #FFFFFF; background-color: #3f75a2; } .open .blue-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #3f75a2; } .blue-soft.btn:active, .blue-soft.btn.active { background-image: none; background-color: #386890; } .blue-soft.btn:active:hover, .blue-soft.btn.active:hover { background-color: #3b6d97; } .open .blue-soft.btn.dropdown-toggle { background-image: none; } .blue-soft.btn.disabled, .blue-soft.btn.disabled:hover, .blue-soft.btn.disabled:focus, .blue-soft.btn.disabled:active, .blue-soft.btn.disabled.active, .blue-soft.btn[disabled], .blue-soft.btn[disabled]:hover, .blue-soft.btn[disabled]:focus, .blue-soft.btn[disabled]:active, .blue-soft.btn[disabled].active, fieldset[disabled] .blue-soft.btn, fieldset[disabled] .blue-soft.btn:hover, fieldset[disabled] .blue-soft.btn:focus, fieldset[disabled] .blue-soft.btn:active, fieldset[disabled] .blue-soft.btn.active { background-color: #4c87b9; } .blue-soft.btn .badge { color: #4c87b9; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-soft-stripe { border-left: 3px solid #4c87b9; } /* Portlet */ .portlet > .portlet-body.blue-soft, .portlet.blue-soft { background-color: #4c87b9; } .portlet.solid.blue-soft > .portlet-title, .portlet.solid.blue-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-soft { border: 1px solid #71a0c7; border-top: 0; } .portlet.box.blue-soft > .portlet-title { background-color: #4c87b9; } .portlet.box.blue-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dbdd9; color: #afc9e0; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i { color: #bad1e4; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #c1d6e7; color: #d4e2ee; } /* Statistic Block */ .dashboard-stat.blue-soft { background-color: #4c87b9; } .dashboard-stat.blue-soft.dashboard-stat-light:hover { background-color: #447dad; } .dashboard-stat.blue-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-soft .details .number { color: #FFFFFF; } .dashboard-stat.blue-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-soft .more { color: #FFFFFF; background-color: #447dad; } /* General Element */ .bg-blue-soft { border-color: #4c87b9 !important; background-image: none !important; background-color: #4c87b9 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-soft { color: #4c87b9 !important; } .progress-bar.blue-soft { background: #4c87b9 !important; color: #FFFFFF !important; } /*** Blue Dark ***/ /* Button */ .blue-dark.btn { color: #FFFFFF; background-color: #5e738b; border-color: ""; } .blue-dark.btn:hover, .blue-dark.btn:focus, .blue-dark.btn:active, .blue-dark.btn.active { color: #FFFFFF; background-color: #506176; } .open .blue-dark.btn.dropdown-toggle { color: #FFFFFF; background-color: #506176; } .blue-dark.btn:active, .blue-dark.btn.active { background-image: none; background-color: #455566; } .blue-dark.btn:active:hover, .blue-dark.btn.active:hover { background-color: #495a6d; } .open .blue-dark.btn.dropdown-toggle { background-image: none; } .blue-dark.btn.disabled, .blue-dark.btn.disabled:hover, .blue-dark.btn.disabled:focus, .blue-dark.btn.disabled:active, .blue-dark.btn.disabled.active, .blue-dark.btn[disabled], .blue-dark.btn[disabled]:hover, .blue-dark.btn[disabled]:focus, .blue-dark.btn[disabled]:active, .blue-dark.btn[disabled].active, fieldset[disabled] .blue-dark.btn, fieldset[disabled] .blue-dark.btn:hover, fieldset[disabled] .blue-dark.btn:focus, fieldset[disabled] .blue-dark.btn:active, fieldset[disabled] .blue-dark.btn.active { background-color: #5e738b; } .blue-dark.btn .badge { color: #5e738b; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-dark-stripe { border-left: 3px solid #5e738b; } /* Portlet */ .portlet > .portlet-body.blue-dark, .portlet.blue-dark { background-color: #5e738b; } .portlet.solid.blue-dark > .portlet-title, .portlet.solid.blue-dark > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-dark { border: 1px solid #788da4; border-top: 0; } .portlet.box.blue-dark > .portlet-title { background-color: #5e738b; } .portlet.box.blue-dark > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dacbd; color: #acb8c7; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i { color: #b5c0cd; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active { border: 1px solid #bbc5d1; color: #cad2db; } /* Statistic Block */ .dashboard-stat.blue-dark { background-color: #5e738b; } .dashboard-stat.blue-dark.dashboard-stat-light:hover { background-color: #56697f; } .dashboard-stat.blue-dark .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-dark .details .number { color: #FFFFFF; } .dashboard-stat.blue-dark .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-dark .more { color: #FFFFFF; background-color: #56697f; } /* General Element */ .bg-blue-dark { border-color: #5e738b !important; background-image: none !important; background-color: #5e738b !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-dark { color: #5e738b !important; } .progress-bar.blue-dark { background: #5e738b !important; color: #FFFFFF !important; } /*** Blue Sharp ***/ /* Button */ .blue-sharp.btn { color: #FFFFFF; background-color: #5C9BD1; border-color: ""; } .blue-sharp.btn:hover, .blue-sharp.btn:focus, .blue-sharp.btn:active, .blue-sharp.btn.active { color: #FFFFFF; background-color: #408ac9; } .open .blue-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #408ac9; } .blue-sharp.btn:active, .blue-sharp.btn.active { background-image: none; background-color: #357dbb; } .blue-sharp.btn:active:hover, .blue-sharp.btn.active:hover { background-color: #3782c3; } .open .blue-sharp.btn.dropdown-toggle { background-image: none; } .blue-sharp.btn.disabled, .blue-sharp.btn.disabled:hover, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled.active, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled]:hover, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled].active, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn:hover, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn.active { background-color: #5C9BD1; } .blue-sharp.btn .badge { color: #5C9BD1; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-sharp-stripe { border-left: 3px solid #5C9BD1; } /* Portlet */ .portlet > .portlet-body.blue-sharp, .portlet.blue-sharp { background-color: #5C9BD1; } .portlet.solid.blue-sharp > .portlet-title, .portlet.solid.blue-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-sharp { border: 1px solid #84b3dc; border-top: 0; } .portlet.box.blue-sharp > .portlet-title { background-color: #5C9BD1; } .portlet.box.blue-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4d1ea; color: #c7ddef; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i { color: #d3e4f3; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #dbe9f5; color: #eff5fb; } /* Statistic Block */ .dashboard-stat.blue-sharp { background-color: #5C9BD1; } .dashboard-stat.blue-sharp.dashboard-stat-light:hover { background-color: #4c91cd; } .dashboard-stat.blue-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-sharp .details .number { color: #FFFFFF; } .dashboard-stat.blue-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-sharp .more { color: #FFFFFF; background-color: #4c91cd; } /* General Element */ .bg-blue-sharp { border-color: #5C9BD1 !important; background-image: none !important; background-color: #5C9BD1 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-sharp { color: #5C9BD1 !important; } .progress-bar.blue-sharp { background: #5C9BD1 !important; color: #FFFFFF !important; } /*********** Green Colors ************/ /*** Green Default ***/ /* Button */ .green.btn { color: #FFFFFF; background-color: #35aa47; border-color: ""; } .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active { color: #FFFFFF; background-color: #2d8f3c; } .open .green.btn.dropdown-toggle { color: #FFFFFF; background-color: #2d8f3c; } .green.btn:active, .green.btn.active { background-image: none; background-color: #267b34; } .green.btn:active:hover, .green.btn.active:hover { background-color: #298337; } .open .green.btn.dropdown-toggle { background-image: none; } .green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active { background-color: #35aa47; } .green.btn .badge { color: #35aa47; background-color: #FFFFFF; } /* Button Strip */ .btn.green-stripe { border-left: 3px solid #35aa47; } /* Portlet */ .portlet > .portlet-body.green, .portlet.green { background-color: #35aa47; } .portlet.solid.green > .portlet-title, .portlet.solid.green > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green { border: 1px solid #4bc75e; border-top: 0; } .portlet.box.green > .portlet-title { background-color: #35aa47; } .portlet.box.green > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #7ad588; color: #8ddc99; } .portlet.box.green > .portlet-title > .actions .btn-default > i { color: #99dfa4; } .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active { border: 1px solid #a1e2ab; color: #b4e8bc; } /* Statistic Block */ .dashboard-stat.green { background-color: #35aa47; } .dashboard-stat.green.dashboard-stat-light:hover { background-color: #309a41; } .dashboard-stat.green .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green .details .number { color: #FFFFFF; } .dashboard-stat.green .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green .more { color: #FFFFFF; background-color: #309a41; } /* General Element */ .bg-green { border-color: #35aa47 !important; background-image: none !important; background-color: #35aa47 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green { color: #35aa47 !important; } .progress-bar.green { background: #35aa47 !important; color: #FFFFFF !important; } /*** Green Meadow ***/ /* Button */ .green-meadow.btn { color: #FFFFFF; background-color: #1BBC9B; border-color: ""; } .green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active { color: #FFFFFF; background-color: #179d81; } .open .green-meadow.btn.dropdown-toggle { color: #FFFFFF; background-color: #179d81; } .green-meadow.btn:active, .green-meadow.btn.active { background-image: none; background-color: #13866f; } .green-meadow.btn:active:hover, .green-meadow.btn.active:hover { background-color: #158f76; } .open .green-meadow.btn.dropdown-toggle { background-image: none; } .green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active { background-color: #1BBC9B; } .green-meadow.btn .badge { color: #1BBC9B; background-color: #FFFFFF; } /* Button Strip */ .btn.green-meadow-stripe { border-left: 3px solid #1BBC9B; } /* Portlet */ .portlet > .portlet-body.green-meadow, .portlet.green-meadow { background-color: #1BBC9B; } .portlet.solid.green-meadow > .portlet-title, .portlet.solid.green-meadow > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-meadow { border: 1px solid #2ae0bb; border-top: 0; } .portlet.box.green-meadow > .portlet-title { background-color: #1BBC9B; } .portlet.box.green-meadow > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #5fe8cc; color: #75ebd3; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i { color: #83edd7; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active { border: 1px solid #8ceeda; color: #a2f2e1; } /* Statistic Block */ .dashboard-stat.green-meadow { background-color: #1BBC9B; } .dashboard-stat.green-meadow.dashboard-stat-light:hover { background-color: #18aa8c; } .dashboard-stat.green-meadow .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-meadow .details .number { color: #FFFFFF; } .dashboard-stat.green-meadow .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-meadow .more { color: #FFFFFF; background-color: #18aa8c; } /* General Element */ .bg-green-meadow { border-color: #1BBC9B !important; background-image: none !important; background-color: #1BBC9B !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-meadow { color: #1BBC9B !important; } .progress-bar.green-meadow { background: #1BBC9B !important; color: #FFFFFF !important; } /*** Green Seagreen ***/ /* Button */ .green-seagreen.btn { color: #FFFFFF; background-color: #1BA39C; border-color: ""; } .green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active { color: #FFFFFF; background-color: #16847f; } .open .green-seagreen.btn.dropdown-toggle { color: #FFFFFF; background-color: #16847f; } .green-seagreen.btn:active, .green-seagreen.btn.active { background-image: none; background-color: #126e6a; } .green-seagreen.btn:active:hover, .green-seagreen.btn.active:hover { background-color: #147772; } .open .green-seagreen.btn.dropdown-toggle { background-image: none; } .green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active { background-color: #1BA39C; } .green-seagreen.btn .badge { color: #1BA39C; background-color: #FFFFFF; } /* Button Strip */ .btn.green-seagreen-stripe { border-left: 3px solid #1BA39C; } /* Portlet */ .portlet > .portlet-body.green-seagreen, .portlet.green-seagreen { background-color: #1BA39C; } .portlet.solid.green-seagreen > .portlet-title, .portlet.solid.green-seagreen > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-seagreen { border: 1px solid #22cfc6; border-top: 0; } .portlet.box.green-seagreen > .portlet-title { background-color: #1BA39C; } .portlet.box.green-seagreen > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #4de1da; color: #63e5de; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i { color: #70e7e1; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active { border: 1px solid #78e9e3; color: #8eece8; } /* Statistic Block */ .dashboard-stat.green-seagreen { background-color: #1BA39C; } .dashboard-stat.green-seagreen.dashboard-stat-light:hover { background-color: #18918b; } .dashboard-stat.green-seagreen .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-seagreen .details .number { color: #FFFFFF; } .dashboard-stat.green-seagreen .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-seagreen .more { color: #FFFFFF; background-color: #18918b; } /* General Element */ .bg-green-seagreen { border-color: #1BA39C !important; background-image: none !important; background-color: #1BA39C !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-seagreen { color: #1BA39C !important; } .progress-bar.green-seagreen { background: #1BA39C !important; color: #FFFFFF !important; } /*** Green Turquoise ***/ /* Button */ .green-turquoise.btn { color: #FFFFFF; background-color: #36D7B7; border-color: ""; } .green-turquoise.btn:hover, .green-turquoise.btn:focus, .green-turquoise.btn:active, .green-turquoise.btn.active { color: #FFFFFF; background-color: #27c3a4; } .open .green-turquoise.btn.dropdown-toggle { color: #FFFFFF; background-color: #27c3a4; } .green-turquoise.btn:active, .green-turquoise.btn.active { background-image: none; background-color: #22ad92; } .green-turquoise.btn:active:hover, .green-turquoise.btn.active:hover { background-color: #24b699; } .open .green-turquoise.btn.dropdown-toggle { background-image: none; } .green-turquoise.btn.disabled, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:focus, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled.active, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:focus, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled].active, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:focus, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn.active { background-color: #36D7B7; } .green-turquoise.btn .badge { color: #36D7B7; background-color: #FFFFFF; } /* Button Strip */ .btn.green-turquoise-stripe { border-left: 3px solid #36D7B7; } /* Portlet */ .portlet > .portlet-body.green-turquoise, .portlet.green-turquoise { background-color: #36D7B7; } .portlet.solid.green-turquoise > .portlet-title, .portlet.solid.green-turquoise > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-turquoise { border: 1px solid #61dfc6; border-top: 0; } .portlet.box.green-turquoise > .portlet-title { background-color: #36D7B7; } .portlet.box.green-turquoise > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #94ead9; color: #a9eee0; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i { color: #b6f0e5; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active { border: 1px solid #bef2e8; color: #d3f6ef; } /* Statistic Block */ .dashboard-stat.green-turquoise { background-color: #36D7B7; } .dashboard-stat.green-turquoise.dashboard-stat-light:hover { background-color: #29cfae; } .dashboard-stat.green-turquoise .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-turquoise .details .number { color: #FFFFFF; } .dashboard-stat.green-turquoise .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-turquoise .more { color: #FFFFFF; background-color: #29cfae; } /* General Element */ .bg-green-turquoise { border-color: #36D7B7 !important; background-image: none !important; background-color: #36D7B7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-turquoise { color: #36D7B7 !important; } .progress-bar.green-turquoise { background: #36D7B7 !important; color: #FFFFFF !important; } /*** Green Haze ***/ /* Button */ .green-haze.btn { color: #FFFFFF; background-color: #44b6ae; border-color: ""; } .green-haze.btn:hover, .green-haze.btn:focus, .green-haze.btn:active, .green-haze.btn.active { color: #FFFFFF; background-color: #3a9c95; } .open .green-haze.btn.dropdown-toggle { color: #FFFFFF; background-color: #3a9c95; } .green-haze.btn:active, .green-haze.btn.active { background-image: none; background-color: #338983; } .green-haze.btn:active:hover, .green-haze.btn.active:hover { background-color: #36918b; } .open .green-haze.btn.dropdown-toggle { background-image: none; } .green-haze.btn.disabled, .green-haze.btn.disabled:hover, .green-haze.btn.disabled:focus, .green-haze.btn.disabled:active, .green-haze.btn.disabled.active, .green-haze.btn[disabled], .green-haze.btn[disabled]:hover, .green-haze.btn[disabled]:focus, .green-haze.btn[disabled]:active, .green-haze.btn[disabled].active, fieldset[disabled] .green-haze.btn, fieldset[disabled] .green-haze.btn:hover, fieldset[disabled] .green-haze.btn:focus, fieldset[disabled] .green-haze.btn:active, fieldset[disabled] .green-haze.btn.active { background-color: #44b6ae; } .green-haze.btn .badge { color: #44b6ae; background-color: #FFFFFF; } /* Button Strip */ .btn.green-haze-stripe { border-left: 3px solid #44b6ae; } /* Portlet */ .portlet > .portlet-body.green-haze, .portlet.green-haze { background-color: #44b6ae; } .portlet.solid.green-haze > .portlet-title, .portlet.solid.green-haze > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-haze { border: 1px solid #67c6bf; border-top: 0; } .portlet.box.green-haze > .portlet-title { background-color: #44b6ae; } .portlet.box.green-haze > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #93d7d2; color: #a6deda; } .portlet.box.green-haze > .portlet-title > .actions .btn-default > i { color: #b1e2de; } .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #b9e5e2; color: #cbece9; } /* Statistic Block */ .dashboard-stat.green-haze { background-color: #44b6ae; } .dashboard-stat.green-haze.dashboard-stat-light:hover { background-color: #3ea7a0; } .dashboard-stat.green-haze .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-haze .details .number { color: #FFFFFF; } .dashboard-stat.green-haze .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-haze .more { color: #FFFFFF; background-color: #3ea7a0; } /* General Element */ .bg-green-haze { border-color: #44b6ae !important; background-image: none !important; background-color: #44b6ae !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-haze { color: #44b6ae !important; } .progress-bar.green-haze { background: #44b6ae !important; color: #FFFFFF !important; } /*** Green Jungle ***/ /* Button */ .green-jungle.btn { color: #FFFFFF; background-color: #26C281; border-color: ""; } .green-jungle.btn:hover, .green-jungle.btn:focus, .green-jungle.btn:active, .green-jungle.btn.active { color: #FFFFFF; background-color: #20a46d; } .open .green-jungle.btn.dropdown-toggle { color: #FFFFFF; background-color: #20a46d; } .green-jungle.btn:active, .green-jungle.btn.active { background-image: none; background-color: #1c8f5f; } .green-jungle.btn:active:hover, .green-jungle.btn.active:hover { background-color: #1e9765; } .open .green-jungle.btn.dropdown-toggle { background-image: none; } .green-jungle.btn.disabled, .green-jungle.btn.disabled:hover, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled.active, .green-jungle.btn[disabled], .green-jungle.btn[disabled]:hover, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled].active, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn:hover, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn.active { background-color: #26C281; } .green-jungle.btn .badge { color: #26C281; background-color: #FFFFFF; } /* Button Strip */ .btn.green-jungle-stripe { border-left: 3px solid #26C281; } /* Portlet */ .portlet > .portlet-body.green-jungle, .portlet.green-jungle { background-color: #26C281; } .portlet.solid.green-jungle > .portlet-title, .portlet.solid.green-jungle > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-jungle { border: 1px solid #41da9a; border-top: 0; } .portlet.box.green-jungle > .portlet-title { background-color: #26C281; } .portlet.box.green-jungle > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #74e4b5; color: #8ae8c1; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i { color: #96ebc8; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active { border: 1px solid #9feccc; color: #b4f0d7; } /* Statistic Block */ .dashboard-stat.green-jungle { background-color: #26C281; } .dashboard-stat.green-jungle.dashboard-stat-light:hover { background-color: #23b176; } .dashboard-stat.green-jungle .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-jungle .details .number { color: #FFFFFF; } .dashboard-stat.green-jungle .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-jungle .more { color: #FFFFFF; background-color: #23b176; } /* General Element */ .bg-green-jungle { border-color: #26C281 !important; background-image: none !important; background-color: #26C281 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-jungle { color: #26C281 !important; } .progress-bar.green-jungle { background: #26C281 !important; color: #FFFFFF !important; } /*** Green Sharp ***/ /* Button */ .green-sharp.btn { color: #FFFFFF; background-color: #4DB3A2; border-color: ""; } .green-sharp.btn:hover, .green-sharp.btn:focus, .green-sharp.btn:active, .green-sharp.btn.active { color: #FFFFFF; background-color: #429a8c; } .open .green-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #429a8c; } .green-sharp.btn:active, .green-sharp.btn.active { background-image: none; background-color: #3a897b; } .green-sharp.btn:active:hover, .green-sharp.btn.active:hover { background-color: #3d9082; } .open .green-sharp.btn.dropdown-toggle { background-image: none; } .green-sharp.btn.disabled, .green-sharp.btn.disabled:hover, .green-sharp.btn.disabled:focus, .green-sharp.btn.disabled:active, .green-sharp.btn.disabled.active, .green-sharp.btn[disabled], .green-sharp.btn[disabled]:hover, .green-sharp.btn[disabled]:focus, .green-sharp.btn[disabled]:active, .green-sharp.btn[disabled].active, fieldset[disabled] .green-sharp.btn, fieldset[disabled] .green-sharp.btn:hover, fieldset[disabled] .green-sharp.btn:focus, fieldset[disabled] .green-sharp.btn:active, fieldset[disabled] .green-sharp.btn.active { background-color: #4DB3A2; } .green-sharp.btn .badge { color: #4DB3A2; background-color: #FFFFFF; } /* Button Strip */ .btn.green-sharp-stripe { border-left: 3px solid #4DB3A2; } /* Portlet */ .portlet > .portlet-body.green-sharp, .portlet.green-sharp { background-color: #4DB3A2; } .portlet.solid.green-sharp > .portlet-title, .portlet.solid.green-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-sharp { border: 1px solid #71c2b5; border-top: 0; } .portlet.box.green-sharp > .portlet-title { background-color: #4DB3A2; } .portlet.box.green-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9cd5cb; color: #addcd4; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i { color: #b8e1da; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #bfe4de; color: #d1ebe7; } /* Statistic Block */ .dashboard-stat.green-sharp { background-color: #4DB3A2; } .dashboard-stat.green-sharp.dashboard-stat-light:hover { background-color: #46a595; } .dashboard-stat.green-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-sharp .details .number { color: #FFFFFF; } .dashboard-stat.green-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-sharp .more { color: #FFFFFF; background-color: #46a595; } /* General Element */ .bg-green-sharp { border-color: #4DB3A2 !important; background-image: none !important; background-color: #4DB3A2 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-sharp { color: #4DB3A2 !important; } .progress-bar.green-sharp { background: #4DB3A2 !important; color: #FFFFFF !important; } /*** Green Sharp ***/ /* Button */ .green-soft.btn { color: #FFFFFF; background-color: #3faba4; border-color: ""; } .green-soft.btn:hover, .green-soft.btn:focus, .green-soft.btn:active, .green-soft.btn.active { color: #FFFFFF; background-color: #35918b; } .open .green-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #35918b; } .green-soft.btn:active, .green-soft.btn.active { background-image: none; background-color: #2f7e79; } .green-soft.btn:active:hover, .green-soft.btn.active:hover { background-color: #318680; } .open .green-soft.btn.dropdown-toggle { background-image: none; } .green-soft.btn.disabled, .green-soft.btn.disabled:hover, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:active, .green-soft.btn.disabled.active, .green-soft.btn[disabled], .green-soft.btn[disabled]:hover, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:active, .green-soft.btn[disabled].active, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn:hover, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn.active { background-color: #3faba4; } .green-soft.btn .badge { color: #3faba4; background-color: #FFFFFF; } /* Button Strip */ .btn.green-soft-stripe { border-left: 3px solid #3faba4; } /* Portlet */ .portlet > .portlet-body.green-soft, .portlet.green-soft { background-color: #3faba4; } .portlet.solid.green-soft > .portlet-title, .portlet.solid.green-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-soft { border: 1px solid #5bc2bc; border-top: 0; } .portlet.box.green-soft > .portlet-title { background-color: #3faba4; } .portlet.box.green-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #87d3ce; color: #9adad6; } .portlet.box.green-soft > .portlet-title > .actions .btn-default > i { color: #a5deda; } .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #ade1dd; color: #bfe7e5; } /* Statistic Block */ .dashboard-stat.green-soft { background-color: #3faba4; } .dashboard-stat.green-soft.dashboard-stat-light:hover { background-color: #3a9c96; } .dashboard-stat.green-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-soft .details .number { color: #FFFFFF; } .dashboard-stat.green-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-soft .more { color: #FFFFFF; background-color: #3a9c96; } /* General Element */ .bg-green-soft { border-color: #3faba4 !important; background-image: none !important; background-color: #3faba4 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-soft { color: #3faba4 !important; } .progress-bar.green-soft { background: #3faba4 !important; color: #FFFFFF !important; } /*********** Grey Colors ************/ /*** Grey Default ***/ /* Button */ .grey.btn { color: #333333; background-color: #E5E5E5; border-color: ""; } .grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active { color: #333333; background-color: lightgray; } .open .grey.btn.dropdown-toggle { color: #333333; background-color: lightgray; } .grey.btn:active, .grey.btn.active { background-image: none; background-color: #c6c6c6; } .grey.btn:active:hover, .grey.btn.active:hover { background-color: #cccccc; } .open .grey.btn.dropdown-toggle { background-image: none; } .grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active { background-color: #E5E5E5; } .grey.btn .badge { color: #E5E5E5; background-color: #333333; } /* Button Strip */ .btn.grey-stripe { border-left: 3px solid #E5E5E5; } /* Portlet */ .portlet > .portlet-body.grey, .portlet.grey { background-color: #E5E5E5; } .portlet.solid.grey > .portlet-title, .portlet.solid.grey > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey { border: 1px solid white; border-top: 0; } .portlet.box.grey > .portlet-title { background-color: #E5E5E5; } .portlet.box.grey > .portlet-title > .caption { color: #333333; } .portlet.box.grey > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey { background-color: #E5E5E5; } .dashboard-stat.grey.dashboard-stat-light:hover { background-color: #dbdbdb; } .dashboard-stat.grey .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey .details .number { color: #333333; } .dashboard-stat.grey .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey .more { color: #333333; background-color: #dbdbdb; } /* General Element */ .bg-grey { border-color: #E5E5E5 !important; background-image: none !important; background-color: #E5E5E5 !important; color: #333333 !important; } /* General Text & Icon Font Colors */ .font-grey { color: #E5E5E5 !important; } .progress-bar.grey { background: #E5E5E5 !important; color: #333333 !important; } /*** Grey Steel ***/ /* Button */ .grey-steel.btn { color: #80898e; background-color: #e9edef; border-color: ""; } .grey-steel.btn:hover, .grey-steel.btn:focus, .grey-steel.btn:active, .grey-steel.btn.active { color: #80898e; background-color: #d4dce0; } .open .grey-steel.btn.dropdown-toggle { color: #80898e; background-color: #d4dce0; } .grey-steel.btn:active, .grey-steel.btn.active { background-image: none; background-color: #c6d0d5; } .grey-steel.btn:active:hover, .grey-steel.btn.active:hover { background-color: #cbd5da; } .open .grey-steel.btn.dropdown-toggle { background-image: none; } .grey-steel.btn.disabled, .grey-steel.btn.disabled:hover, .grey-steel.btn.disabled:focus, .grey-steel.btn.disabled:active, .grey-steel.btn.disabled.active, .grey-steel.btn[disabled], .grey-steel.btn[disabled]:hover, .grey-steel.btn[disabled]:focus, .grey-steel.btn[disabled]:active, .grey-steel.btn[disabled].active, fieldset[disabled] .grey-steel.btn, fieldset[disabled] .grey-steel.btn:hover, fieldset[disabled] .grey-steel.btn:focus, fieldset[disabled] .grey-steel.btn:active, fieldset[disabled] .grey-steel.btn.active { background-color: #e9edef; } .grey-steel.btn .badge { color: #e9edef; background-color: #80898e; } /* Button Strip */ .btn.grey-steel-stripe { border-left: 3px solid #e9edef; } /* Portlet */ .portlet > .portlet-body.grey-steel, .portlet.grey-steel { background-color: #e9edef; } .portlet.solid.grey-steel > .portlet-title, .portlet.solid.grey-steel > .portlet-body { border: 0; color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-steel { border: 1px solid white; border-top: 0; } .portlet.box.grey-steel > .portlet-title { background-color: #e9edef; } .portlet.box.grey-steel > .portlet-title > .caption { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-steel { background-color: #e9edef; } .dashboard-stat.grey-steel.dashboard-stat-light:hover { background-color: #dde3e6; } .dashboard-stat.grey-steel .visual > i { color: #80898e; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-steel .details .number { color: #80898e; } .dashboard-stat.grey-steel .details .desc { color: #80898e; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-steel .more { color: #80898e; background-color: #dde3e6; } /* General Element */ .bg-grey-steel { border-color: #e9edef !important; background-image: none !important; background-color: #e9edef !important; color: #80898e !important; } /* General Text & Icon Font Colors */ .font-grey-steel { color: #e9edef !important; } .progress-bar.grey-steel { background: #e9edef !important; color: #80898e !important; } /*** Grey Cararra ***/ /* Button */ .grey-cararra.btn { color: #333333; background-color: #fafafa; border-color: ""; } .grey-cararra.btn:hover, .grey-cararra.btn:focus, .grey-cararra.btn:active, .grey-cararra.btn.active { color: #333333; background-color: #e8e8e8; } .open .grey-cararra.btn.dropdown-toggle { color: #333333; background-color: #e8e8e8; } .grey-cararra.btn:active, .grey-cararra.btn.active { background-image: none; background-color: #dbdbdb; } .grey-cararra.btn:active:hover, .grey-cararra.btn.active:hover { background-color: #e1e1e1; } .open .grey-cararra.btn.dropdown-toggle { background-image: none; } .grey-cararra.btn.disabled, .grey-cararra.btn.disabled:hover, .grey-cararra.btn.disabled:focus, .grey-cararra.btn.disabled:active, .grey-cararra.btn.disabled.active, .grey-cararra.btn[disabled], .grey-cararra.btn[disabled]:hover, .grey-cararra.btn[disabled]:focus, .grey-cararra.btn[disabled]:active, .grey-cararra.btn[disabled].active, fieldset[disabled] .grey-cararra.btn, fieldset[disabled] .grey-cararra.btn:hover, fieldset[disabled] .grey-cararra.btn:focus, fieldset[disabled] .grey-cararra.btn:active, fieldset[disabled] .grey-cararra.btn.active { background-color: #fafafa; } .grey-cararra.btn .badge { color: #fafafa; background-color: #333333; } /* Button Strip */ .btn.grey-cararra-stripe { border-left: 3px solid #fafafa; } /* Portlet */ .portlet > .portlet-body.grey-cararra, .portlet.grey-cararra { background-color: #fafafa; } .portlet.solid.grey-cararra > .portlet-title, .portlet.solid.grey-cararra > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cararra { border: 1px solid white; border-top: 0; } .portlet.box.grey-cararra > .portlet-title { background-color: #fafafa; } .portlet.box.grey-cararra > .portlet-title > .caption { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-cararra { background-color: #fafafa; } .dashboard-stat.grey-cararra.dashboard-stat-light:hover { background-color: #f0f0f0; } .dashboard-stat.grey-cararra .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cararra .details .number { color: #333333; } .dashboard-stat.grey-cararra .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cararra .more { color: #333333; background-color: #f0f0f0; } /* General Element */ .bg-grey-cararra { border-color: #fafafa !important; background-image: none !important; background-color: #fafafa !important; color: #333333 !important; } /* General Text & Icon Font Colors */ .font-grey-cararra { color: #fafafa !important; } .progress-bar.grey-cararra { background: #fafafa !important; color: #333333 !important; } /*** Grey Gallery ***/ /* Button */ .grey-gallery.btn { color: #ffffff; background-color: #555555; border-color: ""; } .grey-gallery.btn:hover, .grey-gallery.btn:focus, .grey-gallery.btn:active, .grey-gallery.btn.active { color: #ffffff; background-color: #434343; } .open .grey-gallery.btn.dropdown-toggle { color: #ffffff; background-color: #434343; } .grey-gallery.btn:active, .grey-gallery.btn.active { background-image: none; background-color: #363636; } .grey-gallery.btn:active:hover, .grey-gallery.btn.active:hover { background-color: #3c3c3c; } .open .grey-gallery.btn.dropdown-toggle { background-image: none; } .grey-gallery.btn.disabled, .grey-gallery.btn.disabled:hover, .grey-gallery.btn.disabled:focus, .grey-gallery.btn.disabled:active, .grey-gallery.btn.disabled.active, .grey-gallery.btn[disabled], .grey-gallery.btn[disabled]:hover, .grey-gallery.btn[disabled]:focus, .grey-gallery.btn[disabled]:active, .grey-gallery.btn[disabled].active, fieldset[disabled] .grey-gallery.btn, fieldset[disabled] .grey-gallery.btn:hover, fieldset[disabled] .grey-gallery.btn:focus, fieldset[disabled] .grey-gallery.btn:active, fieldset[disabled] .grey-gallery.btn.active { background-color: #555555; } .grey-gallery.btn .badge { color: #555555; background-color: #ffffff; } /* Button Strip */ .btn.grey-gallery-stripe { border-left: 3px solid #555555; } /* Portlet */ .portlet > .portlet-body.grey-gallery, .portlet.grey-gallery { background-color: #555555; } .portlet.solid.grey-gallery > .portlet-title, .portlet.solid.grey-gallery > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-gallery { border: 1px solid #6f6f6f; border-top: 0; } .portlet.box.grey-gallery > .portlet-title { background-color: #555555; } .portlet.box.grey-gallery > .portlet-title > .caption { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #8d8d8d; color: #9a9a9a; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i { color: #a2a2a2; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active { border: 1px solid #a7a7a7; color: #b3b3b3; } /* Statistic Block */ .dashboard-stat.grey-gallery { background-color: #555555; } .dashboard-stat.grey-gallery.dashboard-stat-light:hover { background-color: #4b4b4b; } .dashboard-stat.grey-gallery .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-gallery .details .number { color: #ffffff; } .dashboard-stat.grey-gallery .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-gallery .more { color: #ffffff; background-color: #4b4b4b; } /* General Element */ .bg-grey-gallery { border-color: #555555 !important; background-image: none !important; background-color: #555555 !important; color: #ffffff !important; } /* General Text & Icon Font Colors */ .font-grey-gallery { color: #555555 !important; } .progress-bar.grey-gallery { background: #555555 !important; color: #ffffff !important; } /*** Grey Cascade ***/ /* Button */ .grey-cascade.btn { color: #FFFFFF; background-color: #95A5A6; border-color: ""; } .grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active { color: #FFFFFF; background-color: #829596; } .open .grey-cascade.btn.dropdown-toggle { color: #FFFFFF; background-color: #829596; } .grey-cascade.btn:active, .grey-cascade.btn.active { background-image: none; background-color: #74898a; } .grey-cascade.btn:active:hover, .grey-cascade.btn.active:hover { background-color: #798d8f; } .open .grey-cascade.btn.dropdown-toggle { background-image: none; } .grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active { background-color: #95A5A6; } .grey-cascade.btn .badge { color: #95A5A6; background-color: #FFFFFF; } /* Button Strip */ .btn.grey-cascade-stripe { border-left: 3px solid #95A5A6; } /* Portlet */ .portlet > .portlet-body.grey-cascade, .portlet.grey-cascade { background-color: #95A5A6; } .portlet.solid.grey-cascade > .portlet-title, .portlet.solid.grey-cascade > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cascade { border: 1px solid #b1bdbd; border-top: 0; } .portlet.box.grey-cascade > .portlet-title { background-color: #95A5A6; } .portlet.box.grey-cascade > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d2d9d9; color: #e0e5e5; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i { color: #e8ecec; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active { border: 1px solid #eef0f0; color: #fcfcfc; } /* Statistic Block */ .dashboard-stat.grey-cascade { background-color: #95A5A6; } .dashboard-stat.grey-cascade.dashboard-stat-light:hover { background-color: #8a9c9d; } .dashboard-stat.grey-cascade .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cascade .details .number { color: #FFFFFF; } .dashboard-stat.grey-cascade .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cascade .more { color: #FFFFFF; background-color: #8a9c9d; } /* General Element */ .bg-grey-cascade { border-color: #95A5A6 !important; background-image: none !important; background-color: #95A5A6 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-grey-cascade { color: #95A5A6 !important; } .progress-bar.grey-cascade { background: #95A5A6 !important; color: #FFFFFF !important; } /*** Grey Silver ***/ /* Button */ .grey-silver.btn { color: #FAFCFB; background-color: #BFBFBF; border-color: ""; } .grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active { color: #FAFCFB; background-color: #adadad; } .open .grey-silver.btn.dropdown-toggle { color: #FAFCFB; background-color: #adadad; } .grey-silver.btn:active, .grey-silver.btn.active { background-image: none; background-color: #a0a0a0; } .grey-silver.btn:active:hover, .grey-silver.btn.active:hover { background-color: #a6a6a6; } .open .grey-silver.btn.dropdown-toggle { background-image: none; } .grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active { background-color: #BFBFBF; } .grey-silver.btn .badge { color: #BFBFBF; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-silver-stripe { border-left: 3px solid #BFBFBF; } /* Portlet */ .portlet > .portlet-body.grey-silver, .portlet.grey-silver { background-color: #BFBFBF; } .portlet.solid.grey-silver > .portlet-title, .portlet.solid.grey-silver > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-silver { border: 1px solid #d9d9d9; border-top: 0; } .portlet.box.grey-silver > .portlet-title { background-color: #BFBFBF; } .portlet.box.grey-silver > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7f7f7; color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-silver { background-color: #BFBFBF; } .dashboard-stat.grey-silver.dashboard-stat-light:hover { background-color: #b5b5b5; } .dashboard-stat.grey-silver .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-silver .details .number { color: #FAFCFB; } .dashboard-stat.grey-silver .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-silver .more { color: #FAFCFB; background-color: #b5b5b5; } /* General Element */ .bg-grey-silver { border-color: #BFBFBF !important; background-image: none !important; background-color: #BFBFBF !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-silver { color: #BFBFBF !important; } .progress-bar.grey-silver { background: #BFBFBF !important; color: #FAFCFB !important; } /*** Grey Salsa ***/ /* Button */ .grey-salsa.btn { color: #FAFCFB; background-color: #ACB5C3; border-color: ""; } .grey-salsa.btn:hover, .grey-salsa.btn:focus, .grey-salsa.btn:active, .grey-salsa.btn.active { color: #FAFCFB; background-color: #97a3b4; } .open .grey-salsa.btn.dropdown-toggle { color: #FAFCFB; background-color: #97a3b4; } .grey-salsa.btn:active, .grey-salsa.btn.active { background-image: none; background-color: #8895a9; } .grey-salsa.btn:active:hover, .grey-salsa.btn.active:hover { background-color: #8e9bae; } .open .grey-salsa.btn.dropdown-toggle { background-image: none; } .grey-salsa.btn.disabled, .grey-salsa.btn.disabled:hover, .grey-salsa.btn.disabled:focus, .grey-salsa.btn.disabled:active, .grey-salsa.btn.disabled.active, .grey-salsa.btn[disabled], .grey-salsa.btn[disabled]:hover, .grey-salsa.btn[disabled]:focus, .grey-salsa.btn[disabled]:active, .grey-salsa.btn[disabled].active, fieldset[disabled] .grey-salsa.btn, fieldset[disabled] .grey-salsa.btn:hover, fieldset[disabled] .grey-salsa.btn:focus, fieldset[disabled] .grey-salsa.btn:active, fieldset[disabled] .grey-salsa.btn.active { background-color: #ACB5C3; } .grey-salsa.btn .badge { color: #ACB5C3; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-salsa-stripe { border-left: 3px solid #ACB5C3; } /* Portlet */ .portlet > .portlet-body.grey-salsa, .portlet.grey-salsa { background-color: #ACB5C3; } .portlet.solid.grey-salsa > .portlet-title, .portlet.solid.grey-salsa > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salsa { border: 1px solid #cacfd8; border-top: 0; } .portlet.box.grey-salsa > .portlet-title { background-color: #ACB5C3; } .portlet.box.grey-salsa > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #edeff2; color: #fcfcfd; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-salsa { background-color: #ACB5C3; } .dashboard-stat.grey-salsa.dashboard-stat-light:hover { background-color: #a0aaba; } .dashboard-stat.grey-salsa .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salsa .details .number { color: #FAFCFB; } .dashboard-stat.grey-salsa .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salsa .more { color: #FAFCFB; background-color: #a0aaba; } /* General Element */ .bg-grey-salsa { border-color: #ACB5C3 !important; background-image: none !important; background-color: #ACB5C3 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-salsa { color: #ACB5C3 !important; } .progress-bar.grey-salsa { background: #ACB5C3 !important; color: #FAFCFB !important; } /*** Grey Salt ***/ /* Button */ .grey-salt.btn { color: #FAFCFB; background-color: #bfcad1; border-color: ""; } .grey-salt.btn:hover, .grey-salt.btn:focus, .grey-salt.btn:active, .grey-salt.btn.active { color: #FAFCFB; background-color: #aab9c2; } .open .grey-salt.btn.dropdown-toggle { color: #FAFCFB; background-color: #aab9c2; } .grey-salt.btn:active, .grey-salt.btn.active { background-image: none; background-color: #9badb7; } .grey-salt.btn:active:hover, .grey-salt.btn.active:hover { background-color: #a1b1bc; } .open .grey-salt.btn.dropdown-toggle { background-image: none; } .grey-salt.btn.disabled, .grey-salt.btn.disabled:hover, .grey-salt.btn.disabled:focus, .grey-salt.btn.disabled:active, .grey-salt.btn.disabled.active, .grey-salt.btn[disabled], .grey-salt.btn[disabled]:hover, .grey-salt.btn[disabled]:focus, .grey-salt.btn[disabled]:active, .grey-salt.btn[disabled].active, fieldset[disabled] .grey-salt.btn, fieldset[disabled] .grey-salt.btn:hover, fieldset[disabled] .grey-salt.btn:focus, fieldset[disabled] .grey-salt.btn:active, fieldset[disabled] .grey-salt.btn.active { background-color: #bfcad1; } .grey-salt.btn .badge { color: #bfcad1; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-salt-stripe { border-left: 3px solid #bfcad1; } /* Portlet */ .portlet > .portlet-body.grey-salt, .portlet.grey-salt { background-color: #bfcad1; } .portlet.solid.grey-salt > .portlet-title, .portlet.solid.grey-salt > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salt { border: 1px solid #dde3e6; border-top: 0; } .portlet.box.grey-salt > .portlet-title { background-color: #bfcad1; } .portlet.box.grey-salt > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-salt { background-color: #bfcad1; } .dashboard-stat.grey-salt.dashboard-stat-light:hover { background-color: #b3c0c8; } .dashboard-stat.grey-salt .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salt .details .number { color: #FAFCFB; } .dashboard-stat.grey-salt .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salt .more { color: #FAFCFB; background-color: #b3c0c8; } /* General Element */ .bg-grey-salt { border-color: #bfcad1 !important; background-image: none !important; background-color: #bfcad1 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-salt { color: #bfcad1 !important; } .progress-bar.grey-salt { background: #bfcad1 !important; color: #FAFCFB !important; } /*** Grey Mint ***/ /* Button */ .grey-mint.btn { color: #FAFCFB; background-color: #9eacb4; border-color: ""; } .grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active { color: #FAFCFB; background-color: #8a9ba4; } .open .grey-mint.btn.dropdown-toggle { color: #FAFCFB; background-color: #8a9ba4; } .grey-mint.btn:active, .grey-mint.btn.active { background-image: none; background-color: #7b8e99; } .grey-mint.btn:active:hover, .grey-mint.btn.active:hover { background-color: #81939e; } .open .grey-mint.btn.dropdown-toggle { background-image: none; } .grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active { background-color: #9eacb4; } .grey-mint.btn .badge { color: #9eacb4; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-mint-stripe { border-left: 3px solid #9eacb4; } /* Portlet */ .portlet > .portlet-body.grey-mint, .portlet.grey-mint { background-color: #9eacb4; } .portlet.solid.grey-mint > .portlet-title, .portlet.solid.grey-mint > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-mint > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-mint > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-mint { border: 1px solid #bbc5ca; border-top: 0; } .portlet.box.grey-mint > .portlet-title { background-color: #9eacb4; } .portlet.box.grey-mint > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-mint > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #dde2e5; color: #eceef0; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i { color: #f4f6f7; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active { border: 1px solid #fafbfb; color: white; } /* Statistic Block */ .dashboard-stat.grey-mint { background-color: #9eacb4; } .dashboard-stat.grey-mint.dashboard-stat-light:hover { background-color: #92a2ab; } .dashboard-stat.grey-mint .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-mint .details .number { color: #FAFCFB; } .dashboard-stat.grey-mint .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-mint .more { color: #FAFCFB; background-color: #92a2ab; } /* General Element */ .bg-grey-mint { border-color: #9eacb4 !important; background-image: none !important; background-color: #9eacb4 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-mint { color: #9eacb4 !important; } .progress-bar.grey-mint { background: #9eacb4 !important; color: #FAFCFB !important; } /*********** Red Colors ************/ /*** Red Default ***/ /* Button */ .red.btn { color: #FFFFFF; background-color: #d84a38; border-color: ""; } .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active { color: #FFFFFF; background-color: #c63927; } .open .red.btn.dropdown-toggle { color: #FFFFFF; background-color: #c63927; } .red.btn:active, .red.btn.active { background-image: none; background-color: #b03223; } .red.btn:active:hover, .red.btn.active:hover { background-color: #b93524; } .open .red.btn.dropdown-toggle { background-image: none; } .red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active { background-color: #d84a38; } .red.btn .badge { color: #d84a38; background-color: #FFFFFF; } /* Button Strip */ .btn.red-stripe { border-left: 3px solid #d84a38; } /* Portlet */ .portlet > .portlet-body.red, .portlet.red { background-color: #d84a38; } .portlet.solid.red > .portlet-title, .portlet.solid.red > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red { border: 1px solid #e07163; border-top: 0; } .portlet.box.red > .portlet-title { background-color: #d84a38; } .portlet.box.red > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ea9f96; color: #efb3ab; } .portlet.box.red > .portlet-title > .actions .btn-default > i { color: #f1beb8; } .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active { border: 1px solid #f3c6c0; color: #f7dad6; } /* Statistic Block */ .dashboard-stat.red { background-color: #d84a38; } .dashboard-stat.red.dashboard-stat-light:hover { background-color: #d23c29; } .dashboard-stat.red .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red .details .number { color: #FFFFFF; } .dashboard-stat.red .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red .more { color: #FFFFFF; background-color: #d23c29; } /* General Element */ .bg-red { border-color: #d84a38 !important; background-image: none !important; background-color: #d84a38 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red { color: #d84a38 !important; } .progress-bar.red { background: #d84a38 !important; color: #FFFFFF !important; } /*** Red Pink ***/ /* Button */ .red-pink.btn { color: #FFFFFF; background-color: #E08283; border-color: ""; } .red-pink.btn:hover, .red-pink.btn:focus, .red-pink.btn:active, .red-pink.btn.active { color: #FFFFFF; background-color: #d96567; } .open .red-pink.btn.dropdown-toggle { color: #FFFFFF; background-color: #d96567; } .red-pink.btn:active, .red-pink.btn.active { background-image: none; background-color: #d45152; } .red-pink.btn:active:hover, .red-pink.btn.active:hover { background-color: #d6595a; } .open .red-pink.btn.dropdown-toggle { background-image: none; } .red-pink.btn.disabled, .red-pink.btn.disabled:hover, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:active, .red-pink.btn.disabled.active, .red-pink.btn[disabled], .red-pink.btn[disabled]:hover, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:active, .red-pink.btn[disabled].active, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn:hover, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn.active { background-color: #E08283; } .red-pink.btn .badge { color: #E08283; background-color: #FFFFFF; } /* Button Strip */ .btn.red-pink-stripe { border-left: 3px solid #E08283; } /* Portlet */ .portlet > .portlet-body.red-pink, .portlet.red-pink { background-color: #E08283; } .portlet.solid.red-pink > .portlet-title, .portlet.solid.red-pink > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-pink > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-pink > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-pink { border: 1px solid #eaabac; border-top: 0; } .portlet.box.red-pink > .portlet-title { background-color: #E08283; } .portlet.box.red-pink > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-pink > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-pink > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f6dcdc; color: #fbf0f0; } .portlet.box.red-pink > .portlet-title > .actions .btn-default > i { color: #fefdfd; } .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.red-pink { background-color: #E08283; } .dashboard-stat.red-pink.dashboard-stat-light:hover { background-color: #dc7273; } .dashboard-stat.red-pink .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-pink .details .number { color: #FFFFFF; } .dashboard-stat.red-pink .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-pink .more { color: #FFFFFF; background-color: #dc7273; } /* General Element */ .bg-red-pink { border-color: #E08283 !important; background-image: none !important; background-color: #E08283 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-pink { color: #E08283 !important; } .progress-bar.red-pink { background: #E08283 !important; color: #FFFFFF !important; } /*** Red Sunglo ***/ /* Button */ .red-sunglo.btn { color: #FFFFFF; background-color: #E26A6A; border-color: ""; } .red-sunglo.btn:hover, .red-sunglo.btn:focus, .red-sunglo.btn:active, .red-sunglo.btn.active { color: #FFFFFF; background-color: #dc4c4c; } .open .red-sunglo.btn.dropdown-toggle { color: #FFFFFF; background-color: #dc4c4c; } .red-sunglo.btn:active, .red-sunglo.btn.active { background-image: none; background-color: #d83737; } .red-sunglo.btn:active:hover, .red-sunglo.btn.active:hover { background-color: #da3f3f; } .open .red-sunglo.btn.dropdown-toggle { background-image: none; } .red-sunglo.btn.disabled, .red-sunglo.btn.disabled:hover, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled.active, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled]:hover, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled].active, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn:hover, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn.active { background-color: #E26A6A; } .red-sunglo.btn .badge { color: #E26A6A; background-color: #FFFFFF; } /* Button Strip */ .btn.red-sunglo-stripe { border-left: 3px solid #E26A6A; } /* Portlet */ .portlet > .portlet-body.red-sunglo, .portlet.red-sunglo { background-color: #E26A6A; } .portlet.solid.red-sunglo > .portlet-title, .portlet.solid.red-sunglo > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-sunglo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-sunglo { border: 1px solid #ea9595; border-top: 0; } .portlet.box.red-sunglo > .portlet-title { background-color: #E26A6A; } .portlet.box.red-sunglo > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-sunglo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f4c8c8; color: #f8dddd; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i { color: #fbeaea; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf3f3; color: white; } /* Statistic Block */ .dashboard-stat.red-sunglo { background-color: #E26A6A; } .dashboard-stat.red-sunglo.dashboard-stat-light:hover { background-color: #df5959; } .dashboard-stat.red-sunglo .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-sunglo .details .number { color: #FFFFFF; } .dashboard-stat.red-sunglo .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-sunglo .more { color: #FFFFFF; background-color: #df5959; } /* General Element */ .bg-red-sunglo { border-color: #E26A6A !important; background-image: none !important; background-color: #E26A6A !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-sunglo { color: #E26A6A !important; } .progress-bar.red-sunglo { background: #E26A6A !important; color: #FFFFFF !important; } /*** Red Intense ***/ /* Button */ .red-intense.btn { color: #FFFFFF; background-color: #e35b5a; border-color: ""; } .red-intense.btn:hover, .red-intense.btn:focus, .red-intense.btn:active, .red-intense.btn.active { color: #FFFFFF; background-color: #de3d3b; } .open .red-intense.btn.dropdown-toggle { color: #FFFFFF; background-color: #de3d3b; } .red-intense.btn:active, .red-intense.btn.active { background-image: none; background-color: #da2726; } .red-intense.btn:active:hover, .red-intense.btn.active:hover { background-color: #dc302e; } .open .red-intense.btn.dropdown-toggle { background-image: none; } .red-intense.btn.disabled, .red-intense.btn.disabled:hover, .red-intense.btn.disabled:focus, .red-intense.btn.disabled:active, .red-intense.btn.disabled.active, .red-intense.btn[disabled], .red-intense.btn[disabled]:hover, .red-intense.btn[disabled]:focus, .red-intense.btn[disabled]:active, .red-intense.btn[disabled].active, fieldset[disabled] .red-intense.btn, fieldset[disabled] .red-intense.btn:hover, fieldset[disabled] .red-intense.btn:focus, fieldset[disabled] .red-intense.btn:active, fieldset[disabled] .red-intense.btn.active { background-color: #e35b5a; } .red-intense.btn .badge { color: #e35b5a; background-color: #FFFFFF; } /* Button Strip */ .btn.red-intense-stripe { border-left: 3px solid #e35b5a; } /* Portlet */ .portlet > .portlet-body.red-intense, .portlet.red-intense { background-color: #e35b5a; } .portlet.solid.red-intense > .portlet-title, .portlet.solid.red-intense > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-intense > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-intense { border: 1px solid #ea8686; border-top: 0; } .portlet.box.red-intense > .portlet-title { background-color: #e35b5a; } .portlet.box.red-intense > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f3baba; color: #f7d0d0; } .portlet.box.red-intense > .portlet-title > .actions .btn-default > i { color: #f9dddd; } .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #fbe6e6; color: #fefbfb; } /* Statistic Block */ .dashboard-stat.red-intense { background-color: #e35b5a; } .dashboard-stat.red-intense.dashboard-stat-light:hover { background-color: #e04a49; } .dashboard-stat.red-intense .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-intense .details .number { color: #FFFFFF; } .dashboard-stat.red-intense .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-intense .more { color: #FFFFFF; background-color: #e04a49; } /* General Element */ .bg-red-intense { border-color: #e35b5a !important; background-image: none !important; background-color: #e35b5a !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-intense { color: #e35b5a !important; } .progress-bar.red-intense { background: #e35b5a !important; color: #FFFFFF !important; } /*** Red Thunderbird ***/ /* Button */ .red-thunderbird.btn { color: #FFFFFF; background-color: #D91E18; border-color: ""; } .red-thunderbird.btn:hover, .red-thunderbird.btn:focus, .red-thunderbird.btn:active, .red-thunderbird.btn.active { color: #FFFFFF; background-color: #b91a14; } .open .red-thunderbird.btn.dropdown-toggle { color: #FFFFFF; background-color: #b91a14; } .red-thunderbird.btn:active, .red-thunderbird.btn.active { background-image: none; background-color: #a21612; } .red-thunderbird.btn:active:hover, .red-thunderbird.btn.active:hover { background-color: #ab1813; } .open .red-thunderbird.btn.dropdown-toggle { background-image: none; } .red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled]:hover, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled].active, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn:hover, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn.active { background-color: #D91E18; } .red-thunderbird.btn .badge { color: #D91E18; background-color: #FFFFFF; } /* Button Strip */ .btn.red-thunderbird-stripe { border-left: 3px solid #D91E18; } /* Portlet */ .portlet > .portlet-body.red-thunderbird, .portlet.red-thunderbird { background-color: #D91E18; } .portlet.solid.red-thunderbird > .portlet-title, .portlet.solid.red-thunderbird > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-thunderbird > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-thunderbird { border: 1px solid #e9403b; border-top: 0; } .portlet.box.red-thunderbird > .portlet-title { background-color: #D91E18; } .portlet.box.red-thunderbird > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-thunderbird > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ef7672; color: #f28c89; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i { color: #f39997; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active { border: 1px solid #f4a2a0; color: #f7b9b7; } /* Statistic Block */ .dashboard-stat.red-thunderbird { background-color: #D91E18; } .dashboard-stat.red-thunderbird.dashboard-stat-light:hover { background-color: #c71b16; } .dashboard-stat.red-thunderbird .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-thunderbird .details .number { color: #FFFFFF; } .dashboard-stat.red-thunderbird .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-thunderbird .more { color: #FFFFFF; background-color: #c71b16; } /* General Element */ .bg-red-thunderbird { border-color: #D91E18 !important; background-image: none !important; background-color: #D91E18 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-thunderbird { color: #D91E18 !important; } .progress-bar.red-thunderbird { background: #D91E18 !important; color: #FFFFFF !important; } /*** Red Flamingo ***/ /* Button */ .red-flamingo.btn { color: #FFFFFF; background-color: #EF4836; border-color: ""; } .red-flamingo.btn:hover, .red-flamingo.btn:focus, .red-flamingo.btn:active, .red-flamingo.btn.active { color: #FFFFFF; background-color: #ec2a15; } .open .red-flamingo.btn.dropdown-toggle { color: #FFFFFF; background-color: #ec2a15; } .red-flamingo.btn:active, .red-flamingo.btn.active { background-image: none; background-color: #d72411; } .red-flamingo.btn:active:hover, .red-flamingo.btn.active:hover { background-color: #e02612; } .open .red-flamingo.btn.dropdown-toggle { background-image: none; } .red-flamingo.btn.disabled, .red-flamingo.btn.disabled:hover, .red-flamingo.btn.disabled:focus, .red-flamingo.btn.disabled:active, .red-flamingo.btn.disabled.active, .red-flamingo.btn[disabled], .red-flamingo.btn[disabled]:hover, .red-flamingo.btn[disabled]:focus, .red-flamingo.btn[disabled]:active, .red-flamingo.btn[disabled].active, fieldset[disabled] .red-flamingo.btn, fieldset[disabled] .red-flamingo.btn:hover, fieldset[disabled] .red-flamingo.btn:focus, fieldset[disabled] .red-flamingo.btn:active, fieldset[disabled] .red-flamingo.btn.active { background-color: #EF4836; } .red-flamingo.btn .badge { color: #EF4836; background-color: #FFFFFF; } /* Button Strip */ .btn.red-flamingo-stripe { border-left: 3px solid #EF4836; } /* Portlet */ .portlet > .portlet-body.red-flamingo, .portlet.red-flamingo { background-color: #EF4836; } .portlet.solid.red-flamingo > .portlet-title, .portlet.solid.red-flamingo > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-flamingo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-flamingo { border: 1px solid #f37365; border-top: 0; } .portlet.box.red-flamingo > .portlet-title { background-color: #EF4836; } .portlet.box.red-flamingo > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-flamingo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7a79e; color: #f9bcb6; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i { color: #fac9c4; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active { border: 1px solid #fbd2cd; color: #fde7e5; } /* Statistic Block */ .dashboard-stat.red-flamingo { background-color: #EF4836; } .dashboard-stat.red-flamingo.dashboard-stat-light:hover { background-color: #ed3723; } .dashboard-stat.red-flamingo .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-flamingo .details .number { color: #FFFFFF; } .dashboard-stat.red-flamingo .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-flamingo .more { color: #FFFFFF; background-color: #ed3723; } /* General Element */ .bg-red-flamingo { border-color: #EF4836 !important; background-image: none !important; background-color: #EF4836 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-flamingo { color: #EF4836 !important; } .progress-bar.red-flamingo { background: #EF4836 !important; color: #FFFFFF !important; } /*** Red Flamingo ***/ /* Button */ .red-soft.btn { color: #FFFFFF; background-color: #d05454; border-color: ""; } .red-soft.btn:hover, .red-soft.btn:focus, .red-soft.btn:active, .red-soft.btn.active { color: #FFFFFF; background-color: #c83838; } .open .red-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #c83838; } .red-soft.btn:active, .red-soft.btn.active { background-image: none; background-color: #b53232; } .red-soft.btn:active:hover, .red-soft.btn.active:hover { background-color: #bd3434; } .open .red-soft.btn.dropdown-toggle { background-image: none; } .red-soft.btn.disabled, .red-soft.btn.disabled:hover, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:active, .red-soft.btn.disabled.active, .red-soft.btn[disabled], .red-soft.btn[disabled]:hover, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:active, .red-soft.btn[disabled].active, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn:hover, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn.active { background-color: #d05454; } .red-soft.btn .badge { color: #d05454; background-color: #FFFFFF; } /* Button Strip */ .btn.red-soft-stripe { border-left: 3px solid #d05454; } /* Portlet */ .portlet > .portlet-body.red-soft, .portlet.red-soft { background-color: #d05454; } .portlet.solid.red-soft > .portlet-title, .portlet.solid.red-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-soft { border: 1px solid #db7c7c; border-top: 0; } .portlet.box.red-soft > .portlet-title { background-color: #d05454; } .portlet.box.red-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e8acac; color: #eec0c0; } .portlet.box.red-soft > .portlet-title > .actions .btn-default > i { color: #f1cccc; } .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #f3d4d4; color: #f9e8e8; } /* Statistic Block */ .dashboard-stat.red-soft { background-color: #d05454; } .dashboard-stat.red-soft.dashboard-stat-light:hover { background-color: #cc4444; } .dashboard-stat.red-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-soft .details .number { color: #FFFFFF; } .dashboard-stat.red-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-soft .more { color: #FFFFFF; background-color: #cc4444; } /* General Element */ .bg-red-soft { border-color: #d05454 !important; background-image: none !important; background-color: #d05454 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-soft { color: #d05454 !important; } .progress-bar.red-soft { background: #d05454 !important; color: #FFFFFF !important; } /*** Red Haze ***/ /* Button */ .red-haze.btn { color: #FFFFFF; background-color: #f36a5a; border-color: ""; } .red-haze.btn:hover, .red-haze.btn:focus, .red-haze.btn:active, .red-haze.btn.active { color: #FFFFFF; background-color: #f14c39; } .open .red-haze.btn.dropdown-toggle { color: #FFFFFF; background-color: #f14c39; } .red-haze.btn:active, .red-haze.btn.active { background-image: none; background-color: #ef3621; } .red-haze.btn:active:hover, .red-haze.btn.active:hover { background-color: #f03f2a; } .open .red-haze.btn.dropdown-toggle { background-image: none; } .red-haze.btn.disabled, .red-haze.btn.disabled:hover, .red-haze.btn.disabled:focus, .red-haze.btn.disabled:active, .red-haze.btn.disabled.active, .red-haze.btn[disabled], .red-haze.btn[disabled]:hover, .red-haze.btn[disabled]:focus, .red-haze.btn[disabled]:active, .red-haze.btn[disabled].active, fieldset[disabled] .red-haze.btn, fieldset[disabled] .red-haze.btn:hover, fieldset[disabled] .red-haze.btn:focus, fieldset[disabled] .red-haze.btn:active, fieldset[disabled] .red-haze.btn.active { background-color: #f36a5a; } .red-haze.btn .badge { color: #f36a5a; background-color: #FFFFFF; } /* Button Strip */ .btn.red-haze-stripe { border-left: 3px solid #f36a5a; } /* Portlet */ .portlet > .portlet-body.red-haze, .portlet.red-haze { background-color: #f36a5a; } .portlet.solid.red-haze > .portlet-title, .portlet.solid.red-haze > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-haze > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-haze { border: 1px solid #f6958a; border-top: 0; } .portlet.box.red-haze > .portlet-title { background-color: #f36a5a; } .portlet.box.red-haze > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbc8c3; color: #fcdeda; } .portlet.box.red-haze > .portlet-title > .actions .btn-default > i { color: #fdebe9; } .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #fef3f2; color: white; } /* Statistic Block */ .dashboard-stat.red-haze { background-color: #f36a5a; } .dashboard-stat.red-haze.dashboard-stat-light:hover { background-color: #f25947; } .dashboard-stat.red-haze .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-haze .details .number { color: #FFFFFF; } .dashboard-stat.red-haze .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-haze .more { color: #FFFFFF; background-color: #f25947; } /* General Element */ .bg-red-haze { border-color: #f36a5a !important; background-image: none !important; background-color: #f36a5a !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-haze { color: #f36a5a !important; } .progress-bar.red-haze { background: #f36a5a !important; color: #FFFFFF !important; } /*********** Yellow Colors ************/ /*** Yellow Default ***/ /* Button */ .yellow.btn { color: #FFFFFF; background-color: #FFB848; border-color: ""; } .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active { color: #FFFFFF; background-color: #ffaa24; } .open .yellow.btn.dropdown-toggle { color: #FFFFFF; background-color: #ffaa24; } .yellow.btn:active, .yellow.btn.active { background-image: none; background-color: #ffa00b; } .yellow.btn:active:hover, .yellow.btn.active:hover { background-color: #ffa415; } .open .yellow.btn.dropdown-toggle { background-image: none; } .yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active { background-color: #FFB848; } .yellow.btn .badge { color: #FFB848; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-stripe { border-left: 3px solid #FFB848; } /* Portlet */ .portlet > .portlet-body.yellow, .portlet.yellow { background-color: #FFB848; } .portlet.solid.yellow > .portlet-title, .portlet.solid.yellow > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow { border: 1px solid #ffcc7b; border-top: 0; } .portlet.box.yellow > .portlet-title { background-color: #FFB848; } .portlet.box.yellow > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ffe4b8; color: #ffedd2; } .portlet.box.yellow > .portlet-title > .actions .btn-default > i { color: #fff3e1; } .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default.active { border: 1px solid #fff7eb; color: white; } /* Statistic Block */ .dashboard-stat.yellow { background-color: #FFB848; } .dashboard-stat.yellow.dashboard-stat-light:hover { background-color: #ffb034; } .dashboard-stat.yellow .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow .details .number { color: #FFFFFF; } .dashboard-stat.yellow .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow .more { color: #FFFFFF; background-color: #ffb034; } /* General Element */ .bg-yellow { border-color: #FFB848 !important; background-image: none !important; background-color: #FFB848 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow { color: #FFB848 !important; } .progress-bar.yellow { background: #FFB848 !important; color: #FFFFFF !important; } /*** Yellow Gold ***/ /* Button */ .yellow-gold.btn { color: #FFFFFF; background-color: #E87E04; border-color: ""; } .yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active { color: #FFFFFF; background-color: #c56b03; } .open .yellow-gold.btn.dropdown-toggle { color: #FFFFFF; background-color: #c56b03; } .yellow-gold.btn:active, .yellow-gold.btn.active { background-image: none; background-color: #ac5d03; } .yellow-gold.btn:active:hover, .yellow-gold.btn.active:hover { background-color: #b66303; } .open .yellow-gold.btn.dropdown-toggle { background-image: none; } .yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active { background-color: #E87E04; } .yellow-gold.btn .badge { color: #E87E04; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-gold-stripe { border-left: 3px solid #E87E04; } /* Portlet */ .portlet > .portlet-body.yellow-gold, .portlet.yellow-gold { background-color: #E87E04; } .portlet.solid.yellow-gold > .portlet-title, .portlet.solid.yellow-gold > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-gold > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-gold { border: 1px solid #fb9724; border-top: 0; } .portlet.box.yellow-gold > .portlet-title { background-color: #E87E04; } .portlet.box.yellow-gold > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-gold > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fcb460; color: #fdbf79; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i { color: #fdc788; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active { border: 1px solid #fdcb92; color: #fed7ab; } /* Statistic Block */ .dashboard-stat.yellow-gold { background-color: #E87E04; } .dashboard-stat.yellow-gold.dashboard-stat-light:hover { background-color: #d47304; } .dashboard-stat.yellow-gold .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-gold .details .number { color: #FFFFFF; } .dashboard-stat.yellow-gold .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-gold .more { color: #FFFFFF; background-color: #d47304; } /* General Element */ .bg-yellow-gold { border-color: #E87E04 !important; background-image: none !important; background-color: #E87E04 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-gold { color: #E87E04 !important; } .progress-bar.yellow-gold { background: #E87E04 !important; color: #FFFFFF !important; } /*** Yellow Casablanca ***/ /* Button */ .yellow-casablanca.btn { color: #FFFFFF; background-color: #f2784b; border-color: ""; } .yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { color: #FFFFFF; background-color: #f05f2a; } .open .yellow-casablanca.btn.dropdown-toggle { color: #FFFFFF; background-color: #f05f2a; } .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { background-image: none; background-color: #ee4d12; } .yellow-casablanca.btn:active:hover, .yellow-casablanca.btn.active:hover { background-color: #ef541b; } .open .yellow-casablanca.btn.dropdown-toggle { background-image: none; } .yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active { background-color: #f2784b; } .yellow-casablanca.btn .badge { color: #f2784b; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-casablanca-stripe { border-left: 3px solid #f2784b; } /* Portlet */ .portlet > .portlet-body.yellow-casablanca, .portlet.yellow-casablanca { background-color: #f2784b; } .portlet.solid.yellow-casablanca > .portlet-title, .portlet.solid.yellow-casablanca > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-casablanca > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-casablanca { border: 1px solid #f59c7b; border-top: 0; } .portlet.box.yellow-casablanca > .portlet-title { background-color: #f2784b; } .portlet.box.yellow-casablanca > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-casablanca > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fac6b4; color: #fbd8cb; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i { color: #fce3da; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active { border: 1px solid #fdeae3; color: #fffcfb; } /* Statistic Block */ .dashboard-stat.yellow-casablanca { background-color: #f2784b; } .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover { background-color: #f16a38; } .dashboard-stat.yellow-casablanca .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-casablanca .details .number { color: #FFFFFF; } .dashboard-stat.yellow-casablanca .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-casablanca .more { color: #FFFFFF; background-color: #f16a38; } /* General Element */ .bg-yellow-casablanca { border-color: #f2784b !important; background-image: none !important; background-color: #f2784b !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-casablanca { color: #f2784b !important; } .progress-bar.yellow-casablanca { background: #f2784b !important; color: #FFFFFF !important; } /*** Yellow Crusta ***/ /* Button */ .yellow-crusta.btn { color: #FFFFFF; background-color: #f3c200; border-color: ""; } .yellow-crusta.btn:hover, .yellow-crusta.btn:focus, .yellow-crusta.btn:active, .yellow-crusta.btn.active { color: #FFFFFF; background-color: #cfa500; } .open .yellow-crusta.btn.dropdown-toggle { color: #FFFFFF; background-color: #cfa500; } .yellow-crusta.btn:active, .yellow-crusta.btn.active { background-image: none; background-color: #b69100; } .yellow-crusta.btn:active:hover, .yellow-crusta.btn.active:hover { background-color: #c09900; } .open .yellow-crusta.btn.dropdown-toggle { background-image: none; } .yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled]:hover, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled].active, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn:hover, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn.active { background-color: #f3c200; } .yellow-crusta.btn .badge { color: #f3c200; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-crusta-stripe { border-left: 3px solid #f3c200; } /* Portlet */ .portlet > .portlet-body.yellow-crusta, .portlet.yellow-crusta { background-color: #f3c200; } .portlet.solid.yellow-crusta > .portlet-title, .portlet.solid.yellow-crusta > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-crusta > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-crusta { border: 1px solid #ffd327; border-top: 0; } .portlet.box.yellow-crusta > .portlet-title { background-color: #f3c200; } .portlet.box.yellow-crusta > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-crusta > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ffe064; color: #ffe57e; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i { color: #ffe88d; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active { border: 1px solid #ffea97; color: #ffefb1; } /* Statistic Block */ .dashboard-stat.yellow-crusta { background-color: #f3c200; } .dashboard-stat.yellow-crusta.dashboard-stat-light:hover { background-color: #dfb200; } .dashboard-stat.yellow-crusta .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-crusta .details .number { color: #FFFFFF; } .dashboard-stat.yellow-crusta .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-crusta .more { color: #FFFFFF; background-color: #dfb200; } /* General Element */ .bg-yellow-crusta { border-color: #f3c200 !important; background-image: none !important; background-color: #f3c200 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-crusta { color: #f3c200 !important; } .progress-bar.yellow-crusta { background: #f3c200 !important; color: #FFFFFF !important; } /*** Yellow Lemon ***/ /* Button */ .yellow-lemon.btn { color: #FFFFFF; background-color: #F7CA18; border-color: ""; } .yellow-lemon.btn:hover, .yellow-lemon.btn:focus, .yellow-lemon.btn:active, .yellow-lemon.btn.active { color: #FFFFFF; background-color: #e3b708; } .open .yellow-lemon.btn.dropdown-toggle { color: #FFFFFF; background-color: #e3b708; } .yellow-lemon.btn:active, .yellow-lemon.btn.active { background-image: none; background-color: #cba307; } .yellow-lemon.btn:active:hover, .yellow-lemon.btn.active:hover { background-color: #d5ab07; } .open .yellow-lemon.btn.dropdown-toggle { background-image: none; } .yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled]:hover, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled].active, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn:hover, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn.active { background-color: #F7CA18; } .yellow-lemon.btn .badge { color: #F7CA18; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-lemon-stripe { border-left: 3px solid #F7CA18; } /* Portlet */ .portlet > .portlet-body.yellow-lemon, .portlet.yellow-lemon { background-color: #F7CA18; } .portlet.solid.yellow-lemon > .portlet-title, .portlet.solid.yellow-lemon > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-lemon > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-lemon { border: 1px solid #f9d549; border-top: 0; } .portlet.box.yellow-lemon > .portlet-title { background-color: #F7CA18; } .portlet.box.yellow-lemon > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-lemon > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbe384; color: #fce99d; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i { color: #fcecac; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active { border: 1px solid #fceeb6; color: #fdf4ce; } /* Statistic Block */ .dashboard-stat.yellow-lemon { background-color: #F7CA18; } .dashboard-stat.yellow-lemon.dashboard-stat-light:hover { background-color: #f2c308; } .dashboard-stat.yellow-lemon .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-lemon .details .number { color: #FFFFFF; } .dashboard-stat.yellow-lemon .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-lemon .more { color: #FFFFFF; background-color: #f2c308; } /* General Element */ .bg-yellow-lemon { border-color: #F7CA18 !important; background-image: none !important; background-color: #F7CA18 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-lemon { color: #F7CA18 !important; } .progress-bar.yellow-lemon { background: #F7CA18 !important; color: #FFFFFF !important; } /*** Yellow Saffron ***/ /* Button */ .yellow-saffron.btn { color: #FFFFFF; background-color: #F4D03F; border-color: ""; } .yellow-saffron.btn:hover, .yellow-saffron.btn:focus, .yellow-saffron.btn:active, .yellow-saffron.btn.active { color: #FFFFFF; background-color: #f2c81d; } .open .yellow-saffron.btn.dropdown-toggle { color: #FFFFFF; background-color: #f2c81d; } .yellow-saffron.btn:active, .yellow-saffron.btn.active { background-image: none; background-color: #e8bd0d; } .yellow-saffron.btn:active:hover, .yellow-saffron.btn.active:hover { background-color: #f1c40f; } .open .yellow-saffron.btn.dropdown-toggle { background-image: none; } .yellow-saffron.btn.disabled, .yellow-saffron.btn.disabled:hover, .yellow-saffron.btn.disabled:focus, .yellow-saffron.btn.disabled:active, .yellow-saffron.btn.disabled.active, .yellow-saffron.btn[disabled], .yellow-saffron.btn[disabled]:hover, .yellow-saffron.btn[disabled]:focus, .yellow-saffron.btn[disabled]:active, .yellow-saffron.btn[disabled].active, fieldset[disabled] .yellow-saffron.btn, fieldset[disabled] .yellow-saffron.btn:hover, fieldset[disabled] .yellow-saffron.btn:focus, fieldset[disabled] .yellow-saffron.btn:active, fieldset[disabled] .yellow-saffron.btn.active { background-color: #F4D03F; } .yellow-saffron.btn .badge { color: #F4D03F; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-saffron-stripe { border-left: 3px solid #F4D03F; } /* Portlet */ .portlet > .portlet-body.yellow-saffron, .portlet.yellow-saffron { background-color: #F4D03F; } .portlet.solid.yellow-saffron > .portlet-title, .portlet.solid.yellow-saffron > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-saffron > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-saffron { border: 1px solid #f7dc6f; border-top: 0; } .portlet.box.yellow-saffron > .portlet-title { background-color: #F4D03F; } .portlet.box.yellow-saffron > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-saffron > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #faeaa9; color: #fbf0c1; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i { color: #fcf3d0; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf6d9; color: #fefcf1; } /* Statistic Block */ .dashboard-stat.yellow-saffron { background-color: #F4D03F; } .dashboard-stat.yellow-saffron.dashboard-stat-light:hover { background-color: #f3cb2c; } .dashboard-stat.yellow-saffron .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-saffron .details .number { color: #FFFFFF; } .dashboard-stat.yellow-saffron .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-saffron .more { color: #FFFFFF; background-color: #f3cb2c; } /* General Element */ .bg-yellow-saffron { border-color: #F4D03F !important; background-image: none !important; background-color: #F4D03F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-saffron { color: #F4D03F !important; } .progress-bar.yellow-saffron { background: #F4D03F !important; color: #FFFFFF !important; } /*********** Purple Colors ************/ /*** Purple Default ***/ /* Button */ .purple.btn { color: #FFFFFF; background-color: #8E44AD; border-color: ""; } .purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active { color: #FFFFFF; background-color: #793a93; } .open .purple.btn.dropdown-toggle { color: #FFFFFF; background-color: #793a93; } .purple.btn:active, .purple.btn.active { background-image: none; background-color: #6a3381; } .purple.btn:active:hover, .purple.btn.active:hover { background-color: #703688; } .open .purple.btn.dropdown-toggle { background-image: none; } .purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active { background-color: #8E44AD; } .purple.btn .badge { color: #8E44AD; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-stripe { border-left: 3px solid #8E44AD; } /* Portlet */ .portlet > .portlet-body.purple, .portlet.purple { background-color: #8E44AD; } .portlet.solid.purple > .portlet-title, .portlet.solid.purple > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple > .portlet-title { background-color: #8E44AD; } .portlet.box.purple > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } /* Statistic Block */ .dashboard-stat.purple { background-color: #8E44AD; } .dashboard-stat.purple.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple .details .number { color: #FFFFFF; } .dashboard-stat.purple .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple .more { color: #FFFFFF; background-color: #823e9e; } /* General Element */ .bg-purple { border-color: #8E44AD !important; background-image: none !important; background-color: #8E44AD !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple { color: #8E44AD !important; } .progress-bar.purple { background: #8E44AD !important; color: #FFFFFF !important; } /*** Purple Plum ***/ /* Button */ .purple-plum.btn { color: #FFFFFF; background-color: #8775a7; border-color: ""; } .purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active { color: #FFFFFF; background-color: #746198; } .open .purple-plum.btn.dropdown-toggle { color: #FFFFFF; background-color: #746198; } .purple-plum.btn:active, .purple-plum.btn.active { background-image: none; background-color: #685788; } .purple-plum.btn:active:hover, .purple-plum.btn.active:hover { background-color: #6d5b8e; } .open .purple-plum.btn.dropdown-toggle { background-image: none; } .purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active { background-color: #8775a7; } .purple-plum.btn .badge { color: #8775a7; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-plum-stripe { border-left: 3px solid #8775a7; } /* Portlet */ .portlet > .portlet-body.purple-plum, .portlet.purple-plum { background-color: #8775a7; } .portlet.solid.purple-plum > .portlet-title, .portlet.solid.purple-plum > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-plum > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-plum > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-plum { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-plum > .portlet-title { background-color: #8775a7; } .portlet.box.purple-plum > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-plum > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } /* Statistic Block */ .dashboard-stat.purple-plum { background-color: #8775a7; } .dashboard-stat.purple-plum.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-plum .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-plum .details .number { color: #FFFFFF; } .dashboard-stat.purple-plum .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-plum .more { color: #FFFFFF; background-color: #7c699f; } /* General Element */ .bg-purple-plum { border-color: #8775a7 !important; background-image: none !important; background-color: #8775a7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-plum { color: #8775a7 !important; } .progress-bar.purple-plum { background: #8775a7 !important; color: #FFFFFF !important; } /*** Purple Medium ***/ /* Button */ .purple-medium.btn { color: #FFFFFF; background-color: #BF55EC; border-color: ""; } .purple-medium.btn:hover, .purple-medium.btn:focus, .purple-medium.btn:active, .purple-medium.btn.active { color: #FFFFFF; background-color: #b335e8; } .open .purple-medium.btn.dropdown-toggle { color: #FFFFFF; background-color: #b335e8; } .purple-medium.btn:active, .purple-medium.btn.active { background-image: none; background-color: #aa1ee6; } .purple-medium.btn:active:hover, .purple-medium.btn.active:hover { background-color: #ae27e7; } .open .purple-medium.btn.dropdown-toggle { background-image: none; } .purple-medium.btn.disabled, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:focus, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled.active, .purple-medium.btn[disabled], .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:focus, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled].active, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:focus, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn.active { background-color: #BF55EC; } .purple-medium.btn .badge { color: #BF55EC; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-medium-stripe { border-left: 3px solid #BF55EC; } /* Portlet */ .portlet > .portlet-body.purple-medium, .portlet.purple-medium { background-color: #BF55EC; } .portlet.solid.purple-medium > .portlet-title, .portlet.solid.purple-medium > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-medium > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-medium > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-medium { border: 1px solid #d083f1; border-top: 0; } .portlet.box.purple-medium > .portlet-title { background-color: #BF55EC; } .portlet.box.purple-medium > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-medium > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e5baf7; color: #eed1fa; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i { color: #f3dffb; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active { border: 1px solid #f6e8fc; color: white; } /* Statistic Block */ .dashboard-stat.purple-medium { background-color: #BF55EC; } .dashboard-stat.purple-medium.dashboard-stat-light:hover { background-color: #b843ea; } .dashboard-stat.purple-medium .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-medium .details .number { color: #FFFFFF; } .dashboard-stat.purple-medium .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-medium .more { color: #FFFFFF; background-color: #b843ea; } /* General Element */ .bg-purple-medium { border-color: #BF55EC !important; background-image: none !important; background-color: #BF55EC !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-medium { color: #BF55EC !important; } .progress-bar.purple-medium { background: #BF55EC !important; color: #FFFFFF !important; } /*** Purple Studio ***/ /* Button */ .purple-studio.btn { color: #FFFFFF; background-color: #8E44AD; border-color: ""; } .purple-studio.btn:hover, .purple-studio.btn:focus, .purple-studio.btn:active, .purple-studio.btn.active { color: #FFFFFF; background-color: #793a93; } .open .purple-studio.btn.dropdown-toggle { color: #FFFFFF; background-color: #793a93; } .purple-studio.btn:active, .purple-studio.btn.active { background-image: none; background-color: #6a3381; } .purple-studio.btn:active:hover, .purple-studio.btn.active:hover { background-color: #703688; } .open .purple-studio.btn.dropdown-toggle { background-image: none; } .purple-studio.btn.disabled, .purple-studio.btn.disabled:hover, .purple-studio.btn.disabled:focus, .purple-studio.btn.disabled:active, .purple-studio.btn.disabled.active, .purple-studio.btn[disabled], .purple-studio.btn[disabled]:hover, .purple-studio.btn[disabled]:focus, .purple-studio.btn[disabled]:active, .purple-studio.btn[disabled].active, fieldset[disabled] .purple-studio.btn, fieldset[disabled] .purple-studio.btn:hover, fieldset[disabled] .purple-studio.btn:focus, fieldset[disabled] .purple-studio.btn:active, fieldset[disabled] .purple-studio.btn.active { background-color: #8E44AD; } .purple-studio.btn .badge { color: #8E44AD; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-studio-stripe { border-left: 3px solid #8E44AD; } /* Portlet */ .portlet > .portlet-body.purple-studio, .portlet.purple-studio { background-color: #8E44AD; } .portlet.solid.purple-studio > .portlet-title, .portlet.solid.purple-studio > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-studio > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-studio > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-studio { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple-studio > .portlet-title { background-color: #8E44AD; } .portlet.box.purple-studio > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-studio > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } /* Statistic Block */ .dashboard-stat.purple-studio { background-color: #8E44AD; } .dashboard-stat.purple-studio.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple-studio .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-studio .details .number { color: #FFFFFF; } .dashboard-stat.purple-studio .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-studio .more { color: #FFFFFF; background-color: #823e9e; } /* General Element */ .bg-purple-studio { border-color: #8E44AD !important; background-image: none !important; background-color: #8E44AD !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-studio { color: #8E44AD !important; } .progress-bar.purple-studio { background: #8E44AD !important; color: #FFFFFF !important; } /*** Purple Wisteria ***/ /* Button */ .purple-wisteria.btn { color: #FFFFFF; background-color: #9B59B6; border-color: ""; } .purple-wisteria.btn:hover, .purple-wisteria.btn:focus, .purple-wisteria.btn:active, .purple-wisteria.btn.active { color: #FFFFFF; background-color: #8948a3; } .open .purple-wisteria.btn.dropdown-toggle { color: #FFFFFF; background-color: #8948a3; } .purple-wisteria.btn:active, .purple-wisteria.btn.active { background-image: none; background-color: #7a4092; } .purple-wisteria.btn:active:hover, .purple-wisteria.btn.active:hover { background-color: #804399; } .open .purple-wisteria.btn.dropdown-toggle { background-image: none; } .purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled]:hover, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled].active, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn:hover, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn.active { background-color: #9B59B6; } .purple-wisteria.btn .badge { color: #9B59B6; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-wisteria-stripe { border-left: 3px solid #9B59B6; } /* Portlet */ .portlet > .portlet-body.purple-wisteria, .portlet.purple-wisteria { background-color: #9B59B6; } .portlet.solid.purple-wisteria > .portlet-title, .portlet.solid.purple-wisteria > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-wisteria > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-wisteria { border: 1px solid #b07cc6; border-top: 0; } .portlet.box.purple-wisteria > .portlet-title { background-color: #9B59B6; } .portlet.box.purple-wisteria > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-wisteria > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #caa7d8; color: #d5b9e0; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i { color: #dbc3e5; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active { border: 1px solid #dfcae8; color: #eadcf0; } /* Statistic Block */ .dashboard-stat.purple-wisteria { background-color: #9B59B6; } .dashboard-stat.purple-wisteria.dashboard-stat-light:hover { background-color: #924dae; } .dashboard-stat.purple-wisteria .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-wisteria .details .number { color: #FFFFFF; } .dashboard-stat.purple-wisteria .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-wisteria .more { color: #FFFFFF; background-color: #924dae; } /* General Element */ .bg-purple-wisteria { border-color: #9B59B6 !important; background-image: none !important; background-color: #9B59B6 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-wisteria { color: #9B59B6 !important; } .progress-bar.purple-wisteria { background: #9B59B6 !important; color: #FFFFFF !important; } /*** Purple Seance ***/ /* Button */ .purple-seance.btn { color: #FFFFFF; background-color: #9A12B3; border-color: ""; } .purple-seance.btn:hover, .purple-seance.btn:focus, .purple-seance.btn:active, .purple-seance.btn.active { color: #FFFFFF; background-color: #7e0f93; } .open .purple-seance.btn.dropdown-toggle { color: #FFFFFF; background-color: #7e0f93; } .purple-seance.btn:active, .purple-seance.btn.active { background-image: none; background-color: #6a0c7b; } .purple-seance.btn:active:hover, .purple-seance.btn.active:hover { background-color: #720d85; } .open .purple-seance.btn.dropdown-toggle { background-image: none; } .purple-seance.btn.disabled, .purple-seance.btn.disabled:hover, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled.active, .purple-seance.btn[disabled], .purple-seance.btn[disabled]:hover, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled].active, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn:hover, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn.active { background-color: #9A12B3; } .purple-seance.btn .badge { color: #9A12B3; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-seance-stripe { border-left: 3px solid #9A12B3; } /* Portlet */ .portlet > .portlet-body.purple-seance, .portlet.purple-seance { background-color: #9A12B3; } .portlet.solid.purple-seance > .portlet-title, .portlet.solid.purple-seance > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-seance > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-seance > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-seance { border: 1px solid #c217e1; border-top: 0; } .portlet.box.purple-seance > .portlet-title { background-color: #9A12B3; } .portlet.box.purple-seance > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-seance > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d349ed; color: #d960ef; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i { color: #dc6ef0; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active { border: 1px solid #de77f1; color: #e48ef4; } /* Statistic Block */ .dashboard-stat.purple-seance { background-color: #9A12B3; } .dashboard-stat.purple-seance.dashboard-stat-light:hover { background-color: #8a10a0; } .dashboard-stat.purple-seance .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-seance .details .number { color: #FFFFFF; } .dashboard-stat.purple-seance .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-seance .more { color: #FFFFFF; background-color: #8a10a0; } /* General Element */ .bg-purple-seance { border-color: #9A12B3 !important; background-image: none !important; background-color: #9A12B3 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-seance { color: #9A12B3 !important; } .progress-bar.purple-seance { background: #9A12B3 !important; color: #FFFFFF !important; } /*** Purple Intense ***/ /* Button */ .purple-intense.btn { color: #FFFFFF; background-color: #8775a7; border-color: ""; } .purple-intense.btn:hover, .purple-intense.btn:focus, .purple-intense.btn:active, .purple-intense.btn.active { color: #FFFFFF; background-color: #746198; } .open .purple-intense.btn.dropdown-toggle { color: #FFFFFF; background-color: #746198; } .purple-intense.btn:active, .purple-intense.btn.active { background-image: none; background-color: #685788; } .purple-intense.btn:active:hover, .purple-intense.btn.active:hover { background-color: #6d5b8e; } .open .purple-intense.btn.dropdown-toggle { background-image: none; } .purple-intense.btn.disabled, .purple-intense.btn.disabled:hover, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled.active, .purple-intense.btn[disabled], .purple-intense.btn[disabled]:hover, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled].active, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn:hover, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn.active { background-color: #8775a7; } .purple-intense.btn .badge { color: #8775a7; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-intense-stripe { border-left: 3px solid #8775a7; } /* Portlet */ .portlet > .portlet-body.purple-intense, .portlet.purple-intense { background-color: #8775a7; } .portlet.solid.purple-intense > .portlet-title, .portlet.solid.purple-intense > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-intense > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-intense { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-intense > .portlet-title { background-color: #8775a7; } .portlet.box.purple-intense > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } /* Statistic Block */ .dashboard-stat.purple-intense { background-color: #8775a7; } .dashboard-stat.purple-intense.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-intense .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-intense .details .number { color: #FFFFFF; } .dashboard-stat.purple-intense .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-intense .more { color: #FFFFFF; background-color: #7c699f; } /* General Element */ .bg-purple-intense { border-color: #8775a7 !important; background-image: none !important; background-color: #8775a7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-intense { color: #8775a7 !important; } .progress-bar.purple-intense { background: #8775a7 !important; color: #FFFFFF !important; } /*** Purple Sharp ***/ /* Button */ .purple-sharp.btn { color: #FFFFFF; background-color: #796799; border-color: ""; } .purple-sharp.btn:hover, .purple-sharp.btn:focus, .purple-sharp.btn:active, .purple-sharp.btn.active { color: #FFFFFF; background-color: #685884; } .open .purple-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #685884; } .purple-sharp.btn:active, .purple-sharp.btn.active { background-image: none; background-color: #5c4e75; } .purple-sharp.btn:active:hover, .purple-sharp.btn.active:hover { background-color: #61527b; } .open .purple-sharp.btn.dropdown-toggle { background-image: none; } .purple-sharp.btn.disabled, .purple-sharp.btn.disabled:hover, .purple-sharp.btn.disabled:focus, .purple-sharp.btn.disabled:active, .purple-sharp.btn.disabled.active, .purple-sharp.btn[disabled], .purple-sharp.btn[disabled]:hover, .purple-sharp.btn[disabled]:focus, .purple-sharp.btn[disabled]:active, .purple-sharp.btn[disabled].active, fieldset[disabled] .purple-sharp.btn, fieldset[disabled] .purple-sharp.btn:hover, fieldset[disabled] .purple-sharp.btn:focus, fieldset[disabled] .purple-sharp.btn:active, fieldset[disabled] .purple-sharp.btn.active { background-color: #796799; } .purple-sharp.btn .badge { color: #796799; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-sharp-stripe { border-left: 3px solid #796799; } /* Portlet */ .portlet > .portlet-body.purple-sharp, .portlet.purple-sharp { background-color: #796799; } .portlet.solid.purple-sharp > .portlet-title, .portlet.solid.purple-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-sharp { border: 1px solid #9486ad; border-top: 0; } .portlet.box.purple-sharp > .portlet-title { background-color: #796799; } .portlet.box.purple-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4aac6; color: #c2b9d0; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i { color: #cac3d6; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #cfc9db; color: #ddd8e5; } /* Statistic Block */ .dashboard-stat.purple-sharp { background-color: #796799; } .dashboard-stat.purple-sharp.dashboard-stat-light:hover { background-color: #6f5f8d; } .dashboard-stat.purple-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-sharp .details .number { color: #FFFFFF; } .dashboard-stat.purple-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-sharp .more { color: #FFFFFF; background-color: #6f5f8d; } /* General Element */ .bg-purple-sharp { border-color: #796799 !important; background-image: none !important; background-color: #796799 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-sharp { color: #796799 !important; } .progress-bar.purple-sharp { background: #796799 !important; color: #FFFFFF !important; } /*** Purple Soft ***/ /* Button */ .purple-soft.btn { color: #FFFFFF; background-color: #8877a9; border-color: ""; } .purple-soft.btn:hover, .purple-soft.btn:focus, .purple-soft.btn:active, .purple-soft.btn.active { color: #FFFFFF; background-color: #75629b; } .open .purple-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #75629b; } .purple-soft.btn:active, .purple-soft.btn.active { background-image: none; background-color: #69588b; } .purple-soft.btn:active:hover, .purple-soft.btn.active:hover { background-color: #6e5c91; } .open .purple-soft.btn.dropdown-toggle { background-image: none; } .purple-soft.btn.disabled, .purple-soft.btn.disabled:hover, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled.active, .purple-soft.btn[disabled], .purple-soft.btn[disabled]:hover, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled].active, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn:hover, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn.active { background-color: #8877a9; } .purple-soft.btn .badge { color: #8877a9; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-soft-stripe { border-left: 3px solid #8877a9; } /* Portlet */ .portlet > .portlet-body.purple-soft, .portlet.purple-soft { background-color: #8877a9; } .portlet.solid.purple-soft > .portlet-title, .portlet.solid.purple-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-soft { border: 1px solid #a396bd; border-top: 0; } .portlet.box.purple-soft > .portlet-title { background-color: #8877a9; } .portlet.box.purple-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c4bcd4; color: #d2cbde; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i { color: #dad5e4; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #dfdbe8; color: #edebf2; } /* Statistic Block */ .dashboard-stat.purple-soft { background-color: #8877a9; } .dashboard-stat.purple-soft.dashboard-stat-light:hover { background-color: #7d6ba1; } .dashboard-stat.purple-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-soft .details .number { color: #FFFFFF; } .dashboard-stat.purple-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-soft .more { color: #FFFFFF; background-color: #7d6ba1; } /* General Element */ .bg-purple-soft { border-color: #8877a9 !important; background-image: none !important; background-color: #8877a9 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-soft { color: #8877a9 !important; } .progress-bar.purple-soft { background: #8877a9 !important; color: #FFFFFF !important; } /*** Transparent Button ***/ .btn-transparent.btn { background: transparent; color: #888; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url(/fonts/fontawesome-webfont.eot?f7c2b4b747b1a225eb8dee034134a1b0); src: url(/fonts/fontawesome-webfont.eot?f7c2b4b747b1a225eb8dee034134a1b0) format("embedded-opentype"), url(/fonts/fontawesome-webfont.woff2?97493d3f11c0a3bd5cbd959f5d19b699) format("woff2"), url(/fonts/fontawesome-webfont.woff?d9ee23d59d0e0e727b51368b458a0bff) format("woff"), url(/fonts/fontawesome-webfont.ttf?706450d7bba6374ca02fe167d86685cb) format("truetype"), url(/fonts/fontawesome-webfont.svg?2980083682e94d33a66eef2e7d612519) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-genderless:before, .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } /********************************* METRONIC SQUARE STYLE COMPONENTS *********************************/ /*** Rounded corners reset ***/ /* Reset rounded corners for all elements */ div, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li { border-radius: 0 !important; } /* except below bootstrap elements */ .img-circle { border-radius: 50% !important; } .img-rounded { border-radius: 6px !important; } /*** General reset ***/ /* Set default body */ body { color: #333333; font-family: "Open Sans", sans-serif; padding: 0px !important; margin: 0px !important; font-size: 13px; direction: ltr; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ @-ms-viewport { width: auto !important; } /* Custom scrollbars for webkit browsers */ @media (min-width: 10000000000000) { ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #cecece; } ::-webkit-scrollbar-thumb { background-color: #cecece; } ::-webkit-scrollbar-thumb:hover { background-color: #aaaaaa; } ::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; } ::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; } } /*** General typography ***/ /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4 { font-size: 17px; } h5 { font-size: 13px; } h6 { font-size: 12px; } /* Headings helper text */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #444444; } /* Block headings */ h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-top: 10px; padding-bottom: 10px; } /* Links */ a { text-shadow: none; color: #5b9bd1; } a:hover { color: #3175af; } a:focus, a:hover, a:active { outline: 0; } /* Horizontal break */ hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 0; } /* Unstyled List */ .list-unstyled li > .list-unstyled { margin-left: 25px; } /* Code */ code { border: 1px solid #e1e1e1; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } /* Disabled Navigation Link */ .disabled-link .disable-target { opacity: 0.5 !important; filter: alpha(opacity=50) !important; } .disabled-link .disable-target:hover { cursor: not-allowed !important; } .disabled-link:hover { cursor: not-allowed !important; } /*** Utilities ***/ /* Links */ a:hover { cursor: pointer; } /* Primary Link */ .primary-link { color: #65A0D0; font-weight: 600; } .primary-link:hover { color: #5194ca; } /* Rounded Element */ .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } /* Circle Element */ .circle { border-radius: 25px !important; } .circle-right { border-radius: 0 25px 25px 0 !important; } .circle-left { border-radius: 25px 0 0 25px !important; } .circle-bottom { border-radius: 0 0 25px 25px !important; } .circle-top { border-radius: 25px 25px 0 0 !important; } /* General utilities */ .display-none, .display-hide { display: none; } .hidden { display: none !important; } .primary-font { font-family: "Open Sans", sans-serif !important; } .bold { font-weight: 700 !important; } .thin { font-weight: 300 !important; } .uppercase { text-transform: uppercase !important; } .fix-margin { margin-left: 0px !important; } .border { border: 1px solid red; } .font-hg { font-size: 23px; } .font-lg { font-size: 18px; } .font-md { font-size: 14px; } .font-sm { font-size: 13px; } .font-xs { font-size: 11px; } .inline { display: inline; } .inline-block { display: inline-block; } .text-align-reverse { text-align: right; } /* Margin and padding utilities */ .no-space { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-right-10 { margin-right: 10px !important; } /* IE8 & IE9 mode utilities */ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** Responsive Utils ***/ @media (max-width: 1024px) { .hidden-1024 { display: none; } } @media (max-width: 480px) { .hidden-480 { display: none; } } @media (max-width: 320px) { .hidden-320 { display: none; } } /*** Demo Utils ***/ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } /*** Users ***/ .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } /*** Top News Blocks(new in v1.2.2) ***/ .top-news { color: #fff; margin: 8px 0; } .top-news em { font-size: 13px; margin-bottom: 8px; margin-bottom: 0; font-style: normal; display: block; } .top-news em i { font-size: 14px; } .top-news span { font-size: 18px; margin-bottom: 5px; display: block; text-align: left; } .top-news a { display: block; text-align: left; padding: 10px; position: relative; margin-bottom: 10px; } .top-news a .top-news-icon { right: 8px; bottom: 15px; opacity: 0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); /*For IE8*/ } /*** Block Images(new in v1.2.2) ***/ .blog-images { margin-bottom: 0; } .blog-images li { padding: 0; margin: 0; display: inline; } .blog-images li a:hover { text-decoration: none; } .blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; } .blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /*** Sidebar Tags ***/ .sidebar-tags li { padding: 0; } .sidebar-tags li a { color: #555; font-size: 12px; padding: 3px 5px; background: #f7f7f7; margin: 0 2px 5px 0; display: inline-block; } .sidebar-tags li a:hover, .sidebar-tags li a:hover i { background: #EEE; text-decoration: none; transition: all 0.3s ease-in-out; } .sidebar-tags li a i { color: #777; } /*** Custom vertical inline menu ***/ .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 14px; font-weight: 300; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .ver-inline-menu li:hover a { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 14px; } .ver-inline-menu li.active:after { content: ""; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } @media (max-width: 767px) { .ver-inline-menu > li.active:after { display: none; } } /*** Separated List ***/ .list-separated { margin-top: 10px; margin-bottom: 15px; } .list-separated > div:last-child { border-right: 0; } @media (max-width: 767px) { .list-separated { /* 767px */ } .list-separated > div { margin-bottom: 20px; } } /*** Number & Chart Stats ***/ .number-stats { margin: 10px 0; } .number-stats .stat-number { display: inline-block; margin: 0 5px; } .number-stats .stat-number .title { font-size: 13px; margin-bottom: 3px; color: #B8C3C7; } .number-stats .stat-number .number { font-size: 27px; line-height: 27px; color: #7D8C9D; } .number-stats .stat-chart { display: inline-block; margin: 0 5px; } .number-stats > div { border-right: 1px solid #f5f5f5; } .number-stats > div:last-child { border-right: 0; } .number-stats .stat-left { float: right; } .number-stats .stat-left .stat-number { float: right; text-align: right; } .number-stats .stat-left .stat-chart { float: right; } .number-stats .stat-right { float: left !important; } .number-stats .stat-right .stat-number { float: left; text-align: left; } .number-stats .stat-right .stat-chart { float: left; } .number-stats .stat-number { float: left; text-align: left; } .number-stats .stat-chart { float: left; } /*** General User Record Listing ***/ .general-item-list > .item { padding: 10px 0; border-bottom: 1px solid #F1F4F7; } .general-item-list > .item:last-child { border-bottom: 0; } .general-item-list > .item > .item-head { margin-bottom: 5px; } .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after { content: " "; display: table; } .general-item-list > .item > .item-head:after { clear: both; } .general-item-list > .item > .item-head > .item-details { display: inline-block; float: left; } .general-item-list > .item > .item-head > .item-details > .item-pic { height: 35px; margin-right: 10px; border-radius: 100%; } .general-item-list > .item > .item-head > .item-details > .item-name { display: inline-block; margin-right: 10px; } .general-item-list > .item > .item-head > .item-details > .item-label { color: #C0C9CC; } .general-item-list > .item > .item-head > .item-status { color: #C0C9CC; top: 10px; position: relative; display: inline-block; float: right; } .general-item-list > .item > .item-head > .item-status > .badge { margin-top: -2px; } .general-item-list > .item > .item-body { color: #96a5aa; } /*** File dropzone ***/ .file-drop-zone { border: 2px dashed #ddd; padding: 30px; text-align: center; } .file-drop-zone.file-drop-zone-over { border-color: #aaa; } /*** Fontawesome Icons ***/ [class^=fa-], [class^=glyphicon-], [class^=icon-], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: 0.3em; line-height: 14px; -webkit-font-smoothing: antialiased; } /* Make font awesome icons fixed width */ li [class^=fa-], li [class^=glyphicon-], li [class^=icon-], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^=glyphicon-], li [class*=" glyphicon-"] { top: 2px; } li [class^=icon-], li [class*=" icon-"] { top: 1px; position: relative; } li [class^=fa-].icon-large, li [class^=glyphicon-].icon-large, li [class^=icon-].icon-large, li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /* Icon sizing */ .fa-sm, .icon-sm { font-size: 12px; } .fa-lg, .icon-lg { font-size: 16px !important; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } /* Icon coloring */ .icon-state-default { color: #c6c6c6; } .icon-state-success { color: #45B6AF; } .icon-state-info { color: #89C4F4; } .icon-state-warning { color: #dfba49; } .icon-state-danger { color: #F3565D; } /*** Font Awesome 4.x Demo ***/ .fa-item { font-size: 14px; padding: 10px 10px 10px 20px; } .fa-item i { font-size: 16px; display: inline-block; width: 20px; color: #333; } .fa-item:hover { cursor: pointer; background: #eee; } /*** Simple Line Icons Demo ***/ .simplelineicons-demo .item-box { display: inline-block; font-size: 16px; margin: 0 -0.22em 1em 0; padding-left: 1em; width: 100%; } .simplelineicons-demo .item-box .item { background-color: #fff; color: #33383e; border-radius: 8px; display: inline-block; padding: 10px; width: 100%; } .simplelineicons-demo .item-box .item span { font-size: 22px; } @media only screen and (min-width: 768px) { .simplelineicons-demo .item-box { width: 33.333%; } } /*** Glyphicons Demo ***/ .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .bs-glyphicon-class { text-align: center; } .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 14px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; color: #444; } .glyphicons-demo ul li:hover { background-color: rgba(86, 61, 124, 0.1); } @media (min-width: 768px) { .glyphicons-demo ul li { width: 12.5%; } } /*** Customized Bootstrap Alerts ***/ .alert { border-width: 1px; } .alert.alert-borderless { border: 0; } /*** Bootstrap Alerts ***/ .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } /*** Custom Bootstrap Badges ***/ .badge { font-size: 11px !important; font-weight: 300; text-align: center; height: 18px; padding: 3px 6px 3px 6px; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; } .badge.badge-roundless { border-radius: 0 !important; } .badge.badge-empty { display: inline-block; padding: 0; min-width: 8px; height: 8px; width: 8px; } /* Badge variants */ .badge-default { background-color: #c6c6c6; background-image: none; } .badge-primary { background-color: #428bca; background-image: none; } .badge-info { background-color: #89C4F4; background-image: none; } .badge-success { background-color: #45B6AF; background-image: none; } .badge-danger { background-color: #F3565D; background-image: none; } .badge-warning { background-color: #dfba49; background-image: none; } /* Fix badge position for navs */ .nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge { margin-top: -2px; } /*** Dropdown Menu Badges ***/ .dropdown-menu > li > a > .badge { position: absolute; margin-top: 1px; right: 3px; display: inline; font-size: 11px; font-weight: 300; text-shadow: none; height: 18px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; border-radius: 12px !important; } .dropdown-menu.badge-roundless { border-radius: 0 !important; } /*** Customized Bootstrap Buttons ***/ /* Default buttons */ .btn { border-width: 0; padding: 7px 14px; font-size: 14px; outline: none !important; background-image: none !important; filter: none; box-shadow: none; text-shadow: none; } .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active { outline: none !important; background-image: none !important; filter: none; box-shadow: none; text-shadow: none; } .btn-default { border-width: 1px; padding: 6px 13px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } /* Bootstrap buttons */ .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { color: #333; background-color: #ededed; border-color: #b3b3b3; } .open .btn-default.dropdown-toggle { color: #333; background-color: #ededed; border-color: #b3b3b3; } .btn-default:active, .btn-default.active { background-image: none; background-color: #e0e0e0; } .btn-default:active:hover, .btn-default.active:hover { background-color: #e6e6e6; } .open .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-default > i { color: #aaa; } .btn-default > i[class^=icon-], .btn-default > i[class*=icon-] { color: #8c8c8c; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #fff; background-color: #3379b5; border-color: #2a6496; } .open .btn-primary.dropdown-toggle { color: #fff; background-color: #3379b5; border-color: #2a6496; } .btn-primary:active, .btn-primary.active { background-image: none; background-color: #2d6ca2; } .btn-primary:active:hover, .btn-primary.active:hover { background-color: #3071a9; } .open .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #45B6AF; border-color: #3ea49d; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #fff; background-color: #3b9c96; border-color: #307f7a; } .open .btn-success.dropdown-toggle { color: #fff; background-color: #3b9c96; border-color: #307f7a; } .btn-success:active, .btn-success.active { background-image: none; background-color: #348a84; } .btn-success:active:hover, .btn-success.active:hover { background-color: #37918b; } .open .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #45B6AF; border-color: #3ea49d; } .btn-success .badge { color: #45B6AF; background-color: #fff; } .btn-info { color: #fff; background-color: #89C4F4; border-color: #72b8f2; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #fff; background-color: #68b4f1; border-color: #43a1ed; } .open .btn-info.dropdown-toggle { color: #fff; background-color: #68b4f1; border-color: #43a1ed; } .btn-info:active, .btn-info.active { background-image: none; background-color: #51a8ef; } .btn-info:active:hover, .btn-info.active:hover { background-color: #5aadf0; } .open .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #89C4F4; border-color: #72b8f2; } .btn-info .badge { color: #89C4F4; background-color: #fff; } .btn-warning { color: #fff; background-color: #dfba49; border-color: #dbb233; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { color: #fff; background-color: #daae2b; border-color: #bb9521; } .open .btn-warning.dropdown-toggle { color: #fff; background-color: #daae2b; border-color: #bb9521; } .btn-warning:active, .btn-warning.active { background-image: none; background-color: #c89f23; } .btn-warning:active:hover, .btn-warning.active:hover { background-color: #d0a625; } .open .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #dfba49; border-color: #dbb233; } .btn-warning .badge { color: #dfba49; background-color: #fff; } .btn-danger { color: #fff; background-color: #F3565D; border-color: #f13e46; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { color: #fff; background-color: #f1353d; border-color: #ec111b; } .open .btn-danger.dropdown-toggle { color: #fff; background-color: #f1353d; border-color: #ec111b; } .btn-danger:active, .btn-danger.active { background-image: none; background-color: #ef1d26; } .btn-danger:active:hover, .btn-danger.active:hover { background-color: #f0262f; } .open .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #F3565D; border-color: #f13e46; } .btn-danger .badge { color: #F3565D; background-color: #fff; } /* Button sizes */ .btn > i { font-size: 14px; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; vertical-align: middle; } .btn-lg > i { font-size: 18px; } .btn-sm, .btn-xs { padding: 4px 10px 5px 10px; font-size: 13px; line-height: 1.5; } .btn-sm > i, .btn-xs > i { font-size: 13px; } .btn-xs { padding: 1px 5px; } .btn-xs > i { font-size: 12px; } /* Small button in button group */ .btn-group .input-sm .btn-default { padding-top: 3px; padding-bottom: 3px; } /* Arrow link */ .btn-arrow-link { vertical-align: middle; display: inline-block; font-size: 13px; } .btn-arrow-link > i { font-size: 14px; line-height: 14px; vertical-align: top; margin: 2px 3px 2px 3px; color: #999; } .btn-arrow-link.btn-arrow-link-lg { font-size: 14px; } .btn-arrow-link.btn-arrow-link-lg > i { font-size: 16px; line-height: 16px; margin: 2px 3px 1px 3px; } /* Circle Buttons */ .btn-circle { border-radius: 25px !important; } .btn-circle-right { border-radius: 0 25px 25px 0 !important; } .btn-circle-left { border-radius: 25px 0 0 25px !important; } .btn-circle-bottom { border-radius: 0 0 25px 25px !important; } .btn-circle-top { border-radius: 25px 25px 0 0 !important; } .btn-icon-only { height: 34px; width: 34px; text-align: center; padding-left: 0; padding-right: 0; } .btn-icon-only > [class^=icon-], .btn-icon-only > i { text-align: center; margin-top: 2px; } .btn-sm > [class^=glyphicon-], .btn-sm > [class*=" glyphicon-"], .btn-sm > i { font-size: 13px; } .btn-xs > [class^=glyphicon-], .btn-xs > [class*=" glyphicon-"], .btn-xs > i { font-size: 11px; } .btn-group.btn-group-circle > .btn:first-child { border-radius: 25px 0 0 25px !important; } .btn-group.btn-group-circle > .btn:last-child { border-radius: 0 25px 25px 0 !important; } .btn-group.btn-group-devided > .btn { margin-right: 5px; } .btn-group.btn-group-devided > .btn:last-child { margin-right: 0; } .btn-group-vertical.btn-group-vertical-circle > .btn:first-child { border-radius: 25px 25px 0 0 !important; } .btn-group-vertical.btn-group-vertical-circle > .btn:last-child { border-radius: 0 0 25px 25px !important; } /*** Image Carousel ***/ .carousel.image-carousel .carousel-inner { padding-top: 0; padding-bottom: 0; } .carousel.image-carousel .carousel-control i { position: absolute; top: 40%; } .carousel.image-carousel.image-carousel-hoverable .carousel-control i { display: none; } .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { display: inline-block; } .carousel.image-carousel .carousel-control.left i { left: 10px; } .carousel.image-carousel .carousel-control.right i { right: 10px; } .carousel.image-carousel .carousel-indicators { margin-top: 10px; bottom: -7px; } .carousel.image-carousel .carousel-indicators li { background-color: #666; } .carousel.image-carousel .carousel-indicators li.active { background-color: #666; } .carousel.image-carousel .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 15px 25px 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption p { text-align: left; line-height: 20px; color: #ffffff; } .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h2 { margin: 0 0 5px; } .carousel.image-carousel .carousel-caption h4 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h2 a { color: #aaa; } .carousel.image-carousel .carousel-caption p { margin-bottom: 0; } .carousel.image-carousel .carousel-caption .item { margin: 0; } /*** Charts and statistics ***/ .chart, .pie, .bars { overflow: hidden; height: 300px; width: 100%; font-family: "Open Sans", sans-serif !important; font-size: 14px; } /*** Statistic lists ***/ .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } /*** Chart tooltips ***/ .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; } /*** Mini chart containers ***/ .bar-chart, .line-chart { display: none; } /*** Chats ***/ .chats { margin: 0; padding: 0; margin-top: -15px; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li .body { display: block; } .chats li .avatar { height: 45px; width: 45px; border-radius: 50% !important; } .chats li.in .avatar { float: left; margin-right: 10px; } .chats li.out .avatar { float: right; margin-left: 10px; } .chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; } .chats li .datetime { color: #333; font-size: 13px; font-weight: 400; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li.in .message { text-align: left; border-left: 2px solid #1BBC9B; margin-left: 65px; background: #fafafa; } .chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #1BBC9B; } .chats li.out .message { border-right: 2px solid #F3565D; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #F3565D; } .chats li.out .name, .chats li.out .datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 40px; } .chat-form .input-cont .form-control { border: 1px solid #ddd; width: 100% !important; margin-top: 0; background-color: #fff !important; } .chat-form .input-cont .form-control:focus { border: 1px solid #4b8df9 !important; } .chat-form .btn-cont { margin-top: -42px; position: relative; float: right; width: 44px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; box-sizing: border-box; } .chat-form .btn-cont .btn { margin-top: 8px; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; } /*** Customized Bootstrap Close Icon ***/ .close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: none; background-image: url("/img/remove-icon-small.png") !important; } /*** Customized Bootstrap Dropdowns ***/ /*** Dropdowns ***/ .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle { border-color: #ddd; } /*** Dropdown Menu ***/ .dropdown-menu { min-width: 175px; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0px; margin: 10px 0px 0px 0px; background-color: #ffffff; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #eee; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 4px; } .dropdown-menu li.divider { background: #f1f3f6; } .dropdown-menu li.dropdown-header { padding: 8px 14px 2px 14px; } .dropdown-menu li > a { padding: 8px 14px; color: #555; text-decoration: none; display: block; clear: both; font-weight: 300; line-height: 18px; white-space: nowrap; } .dropdown-menu li > a > [class^=fa-], .dropdown-menu li > a > [class*=" fa-"] { color: #888; } .dropdown-menu li > a > [class^=icon-], .dropdown-menu li > a > [class*=" icon-"] { color: #666; } .dropdown-menu li > a > [class^=glyphicon-], .dropdown-menu li > a > [class*=" glyphicon-"] { color: #888; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { text-decoration: none; background-image: none; background-color: #f6f6f6; color: #555; filter: none; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .btn-group > .dropdown-menu { margin-top: 10px; } .dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before { position: absolute; top: -8px; left: 9px; right: auto; display: inline-block !important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ""; } .dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after { position: absolute; top: -7px; left: 10px; right: auto; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ""; } .dropdown > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .btn-group > .dropdown-menu.pull-left:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .btn-group > .dropdown-menu.pull-left:after { left: auto; right: 10px; } .dropdown > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .btn-group > .dropdown-menu.pull-right:before { left: auto; right: 9px; } .dropdown > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .btn-group > .dropdown-menu.pull-right:after { left: auto; right: 10px; } .dropdown.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .btn-group.dropup > .dropdown-menu { margin-top: 0px; margin-bottom: 10px; } .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before { display: none !important; } /* Dropdown submenu support for Bootsrap 3 */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; font-size: 14px; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\F105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; } @media (max-width: 767px) { /* 767px */ .navbar-nav .open .dropdown-menu { position: absolute; float: left; width: auto; margin-top: 0; background-color: #ffffff; border: 1px solid #efefef; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } .navbar-nav .open .dropdown-menu > li > a { padding: 6px 0 6px 13px; color: #333; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:active { ackground-color: #eee; } } /*** Dropdown Checkboxes ***/ .dropdown-content { padding: 5px; } .dropdown-content form { margin: 0; } .dropdown.inline .dropdown-menu { display: inline-block; position: relative; } .dropdown-radiobuttons, .dropdown-checkboxes { padding: 5px; } .dropdown-radiobuttons label, .dropdown-checkboxes label { display: block; font-weight: 300; color: #333; margin-bottom: 4px; margin-top: 4px; } .dropdown-radiobuttons label .radio, .dropdown-checkboxes label .radio { margin-right: 3px; } /*** System feeds ***/ .feeds { margin: 0px; padding: 0px; list-style: none; } .feeds li { background-color: #fafafa; color: #82949a; margin-bottom: 7px; } .feeds li:before, .feeds li:after { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds li:last-child { margin-bottom: 0px; } .feeds li .col1 { float: left; width: 100%; clear: both; } .feeds li .col1 > .cont { float: left; margin-right: 75px; overflow: hidden; } .feeds li .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; } .feeds li .col1 > .cont > .cont-col1 > .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; } .feeds li .col1 > .cont > .cont-col1 > .label > i { text-align: center; font-size: 14px; } .feeds li .col1 > .cont > .cont-col2 { float: left; width: 100%; } .feeds li .col1 > .cont > .cont-col2 > .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; } .feeds li .col2 { float: left; width: 75px; margin-left: -75px; } .feeds li .col2 > .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; } /*** Form Layouts ****/ /* Static info */ .static-info { margin-bottom: 10px; } .static-info .name { font-size: 14px; } .static-info .value { font-size: 14px; font-weight: 600; } .static-info.align-reverse .name, .static-info.align-reverse .value { text-align: right; } /* Help blocks */ .help-block { margin-top: 5px; margin-bottom: 5px; } .help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; } .form-inline input { margin-bottom: 0px !important; } /* Control Label */ .control-label { margin-top: 1px; } .control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } .form { padding: 0 !important; } .form .form-body { padding: 10px; } .portlet.light .form .form-body { padding-left: 0; padding-right: 0; } .form .form-actions { padding: 20px 10px; margin: 0; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .portlet.light .form .form-actions { background: none; padding-left: 0; padding-right: 0; } .portlet .form .form-actions { border-radius: 0 0 4px 4px; } .form .form-actions:before, .form .form-actions:after { content: " "; display: table; } .form .form-actions:after { clear: both; } .form .form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; } .portlet.light .form .form-actions.right { padding-right: 0; } .form .form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; } .portlet.light .form .form-actions.left { padding-left: 0; } .form .form-actions.nobg { background-color: transparent; } .form .form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e5e5e5; } .portlet.light .form .form-actions.top { background: none; } .form .form-actions .btn-set { display: inline-block; } @media (max-width: 767px) { .form .form-actions { /* 767px */ } .form .form-actions .btn-set { margin-bottom: 3px; margin-top: 3px; float: left !important; } } .form .form-section { margin: 30px 0px 25px 0px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .form .form-section:first-child { margin-top: 5px; } /* Checkboxes */ .checkbox, .form-horizontal .checkbox { padding: 0; } .checkbox > label, .form-horizontal .checkbox > label { padding-left: 0; } .checkbox-list > label { display: block; } .checkbox-list > label.checkbox-inline { display: inline-block; } .checkbox-list > label.checkbox-inline:first-child { padding-left: 0; } /* Radio buttons */ .radio-list > label { display: block; } .radio-list > label.radio-inline { display: inline-block; } .radio-list > label.radio-inline:first-child { padding-left: 0; } /* Radio buttons in horizontal forms */ .form-horizontal .radio-list .radio { padding-top: 1px; } .form-horizontal .radio-list > label { margin-bottom: 0; } .form-horizontal .radio > span { margin-top: 2px; } /* Rows seperated form layout */ .form .form-row-seperated .portlet-body { padding: 0; } .form .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 15px 0; } .form .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 13px; } .form .form-row-seperated .form-group .help-block { margin-bottom: 0; } .form .form-row-seperated .form-body { padding: 0; } .form .form-row-seperated .form-actions { padding-left: 15px !important; padding-right: 15px !important; } /* Form bordered */ .form .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #efefef; } @media (max-width: 991px) { .form .form-bordered .form-group > div { /* 991px */ border-left: 0; } } .form .form-bordered .form-group.last { border-bottom: 0; } .form .form-bordered .form-group .control-label { padding-top: 20px; } @media (max-width: 991px) { .form .form-bordered .form-group .control-label { /* 991px */ padding-top: 10px; } } .form .form-bordered .form-group .help-block { margin-bottom: 0; } .form .form-bordered .form-group .form-control { margin: 0; } .form .form-bordered .form-body { margin: 0; padding: 0; } .form .form-bordered .form-actions { margin-top: 0; padding-left: 16px !important; padding-right: 16px !important; } @media (max-width: 991px) { .form .form-bordered .form-actions { /* 991px */ padding-left: 15px !important; padding-right: 15px !important; } } /* Horizontal bordered form */ .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #ffffff; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } /*** Forms ***/ /* Input placeholder font color */ .form-control::-moz-placeholder { color: #b3b3b3; opacity: 1; } .form-control:-ms-input-placeholder { color: #b3b3b3; } .form-control::-webkit-input-placeholder { color: #b3b3b3; } /* Form inputs */ .form-control { font-size: 14px; font-weight: normal; color: #333; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #999; outline: 0; box-shadow: none; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } .form-control.height-auto { height: auto; } .form-control.form-control-solid { background-color: #F1F3F8; border-color: #F1F3F8; color: #A6B2BA; } .form-control.form-control-solid:focus { border-color: #e3e7f1; } .form-control.form-control-solid::-moz-placeholder { color: #acb7be; opacity: 1; } .form-control.form-control-solid:-ms-input-placeholder { color: #acb7be; } .form-control.form-control-solid::-webkit-input-placeholder { color: #acb7be; } /* Form uneditable input */ .uneditable-input { padding: 6px 12px; min-width: 206px; font-size: 14px; font-weight: normal; height: 34px; color: #333; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } /* Form input sizing */ .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 145px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 420px !important; } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .form-group .input-inline { margin-right: 5px; } .input-sm { height: 28px; padding: 5px 10px; font-size: 13px; } select.input-sm { height: 28px; line-height: 28px; padding: 2px 10px; } @media (max-width: 768px) { /* 768px */ .input-large { width: 250px !important; } .input-xlarge { width: 300px !important; } } /* Input groups */ .input-group .btn-default { border-color: #e5e5e5; } .input-group .input-group-addon { border-color: #e5e5e5; background: #e5e5e5; min-width: 39px; } .input-group .input-group-addon > i { color: #999; } /* Input spinner */ input[type=text].spinner, input[type=password].spinner, input[type=datetime].spinner, input[type=datetime-local].spinner, input[type=date].spinner, input[type=month].spinner, input[type=time].spinner, input[type=week].spinner, input[type=number].spinner, input[type=email].spinner, input[type=url].spinner, input[type=search].spinner, input[type=tel].spinner, input[type=color].spinner { background-image: url("/img/input-spinner.gif") !important; background-repeat: no-repeat; background-position: right 8px; } /* Form labels */ label { font-weight: 400; font-size: 14px; } /* Static form control */ .form-control-static { margin: 2px 0; display: inline-block; } /* Feedback states */ .has-success .help-block, .has-success .help-inline, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #d6e9c6; box-shadow: none; } .has-success .form-control:focus { border-color: #bbdba1; box-shadow: none; } .has-success .input-group-addon { color: #3c763d; border-color: #d6e9c6; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .help-inline, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #faebcc; box-shadow: none; } .has-warning .form-control:focus { border-color: #f5d89e; box-shadow: none; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #faebcc; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .help-inline, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #ebccd1; box-shadow: none; } .has-error .form-control:focus { border-color: #dca7b0; box-shadow: none; } .has-error .input-group-addon { color: #a94442; border-color: #ebccd1; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } /* Circle Inputs */ .input-circle { border-radius: 25px !important; } .input-circle-right { border-radius: 0 25px 25px 0 !important; } .input-circle-left { border-radius: 25px 0 0 25px !important; } .input-circle-bottom { border-radius: 0 0 25px 25px !important; } .input-circle-top { border-radius: 25px 25px 0 0 !important; } /*** Custom icon buttons ***/ .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa; background-image: none; filter: none; box-shadow: none; display: inline-block; color: #646464; text-shadow: none; text-align: center; cursor: pointer; position: relative; transition: all 0.3s ease; } .icon-btn:hover { text-decoration: none; border-color: #999; color: #444; text-shadow: 0 1px 0px white; transition: all 0.3s ease; box-shadow: none; } .icon-btn:hover > .badge { transition: all 0.3s ease; box-shadow: none; } .icon-btn > div { margin-top: 5px; margin-bottom: 20px; color: #000; font-size: 12px; font-weight: 300; } .icon-btn > .badge { position: absolute; font-size: 11px; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white; text-shadow: none; border-width: 0; border-style: solid; border-radius: 12px; box-shadow: none; } .icon-btn > i { font-size: 18px; } .ie8 .icon-btn:hover { filter: none; } /*** Input icons ***/ .input-icon { position: relative; } .input-icon > .form-control { padding-left: 33px; } .input-group .input-icon > .form-control { border-radius: 4px 0 0 4px; } .input-icon > i { color: #ccc; display: block; position: absolute; margin: 11px 2px 4px 10px; z-index: 3; width: 16px; font-size: 16px; text-align: center; } .modal .input-icon > i { z-index: 10055; } .has-success .input-icon > i { color: #45B6AF; } .has-warning .input-icon > i { color: #dfba49; } .has-info .input-icon > i { color: #89C4F4; } .has-error .input-icon > i { color: #F3565D; } .input-icon.right > .form-control { padding-right: 33px; padding-left: 12px; } .input-group .input-icon.right > .form-control { border-radius: 0 4px 4px 0; } .input-icon.right > i { right: 8px; float: right; } .input-icon.input-icon-lg > i { margin-top: 16px; } .input-icon.input-icon-sm > i { margin-top: 8px; font-size: 13px; } /*** Customized Bootstrap Labels ***/ .label { text-shadow: none !important; font-size: 13px; font-weight: 300; padding: 3px 6px 3px 6px; color: #fff; font-family: "Open Sans", sans-serif; } .label.label-sm { font-size: 12px; padding: 0px 4px 1px 4px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75%; } /* Labels variants */ .label-default { background-color: #c6c6c6; } .label-default[href]:hover, .label-default[href]:focus { background-color: #adadad; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #45B6AF; } .label-success[href]:hover, .label-success[href]:focus { background-color: #37918b; } .label-info { background-color: #89C4F4; } .label-info[href]:hover, .label-info[href]:focus { background-color: #5aadf0; } .label-warning { background-color: #dfba49; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #d0a625; } .label-danger { background-color: #F3565D; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #f0262f; } /*** Iconic labels ***/ .label.label-icon { padding: 4px 0px 4px 4px; margin-right: 2px; text-align: center !important; } .label.label-icon > i { font-size: 12px; text-align: center !important; } .ie8 .label.label-icon, .ie9 .label.label-icon { padding: 3px 0px 3px 3px; } /*** Text states ***/ .text-default { color: #c6c6c6; } .text-primary { color: #428bca; } .text-success { color: #45B6AF; } .text-info { color: #89C4F4; } .text-warning { color: #dfba49; } .text-danger { color: #F3565D; } /*** Customized List Group ***/ /* Contextual variants */ .list-group .list-group-item-success { color: #3c763d; background-color: #dff0d8; } .list-group a.list-group-item-success { color: #3c763d; } .list-group a.list-group-item-success .list-group-item-heading { color: inherit; } .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover, .list-group a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group .list-group-item-info { color: #31708f; background-color: #d9edf7; } .list-group a.list-group-item-info { color: #31708f; } .list-group a.list-group-item-info .list-group-item-heading { color: inherit; } .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover, .list-group a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } .list-group a.list-group-item-warning { color: #8a6d3b; } .list-group a.list-group-item-warning .list-group-item-heading { color: inherit; } .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover, .list-group a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group .list-group-item-danger { color: #a94442; background-color: #f2dede; } .list-group a.list-group-item-danger { color: #a94442; } .list-group a.list-group-item-danger .list-group-item-heading { color: inherit; } .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover, .list-group a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } /*** UI Loading ***/ .loading-message { display: inline-block; min-width: 125px; margin-left: -60px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loading-message > span { line-height: 20px; vertical-align: middle; } .page-loading { border-radius: 4px; position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: -60px; margin-top: -30px; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .page-loading > span { line-height: 20px; vertical-align: middle; } .page-spinner-bar { position: fixed; z-index: 10051; width: 100px; top: 40%; left: 50%; margin-left: -55px; text-align: center; } .page-spinner-bar > div { margin: 0 5px; width: 18px; height: 18px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .page-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .block-spinner-bar { display: inline-block; width: 80px; text-align: center; } .block-spinner-bar > div { margin: 0 2px; width: 15px; height: 15px; background: #eee; border-radius: 100% !important; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .block-spinner-bar .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .block-spinner-bar .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } /*** Metro icons ***/ [class^=m-icon-] { display: inline-block; width: 14px; height: 14px; margin-top: 3px; line-height: 14px; vertical-align: top; background-image: url(/img/syncfusion-icons.png); background-position: 0 0; background-repeat: no-repeat; } [class^=m-icon-big-] { display: inline-block; width: 30px; height: 30px; margin: 6px; vertical-align: middle; background-image: url(/img/syncfusion-icons.png); background-position: 0 0px; background-repeat: no-repeat; } /* large icons */ .btn.m-icon-big { padding: 9px 16px 8px 16px; } .btn.m-icon-big.m-icon-only { padding: 9px 8px 8px 0px; } .btn.m-icon-big [class^=m-icon-big-] { margin: 0 0 0 10px; } .btn.m-icon-ony > i { margin-left: 0px; } /* default icons */ .btn.m-icon { padding: 7px 14px 7px 14px; } .btn.m-icon [class^=m-icon-] { margin: 4px 0 0 5px; } .btn.m-icon.m-icon-only { padding: 7px 10px 7px 6px; } /* white icon */ .m-icon-white { background-image: url(/img/syncfusion-icons-white.png); } /* Misc */ .m-icon-swapright { background-position: -27px -10px; } .m-icon-swapdown { background-position: -68px -10px; } .m-icon-swapleft { background-position: -8px -10px; } .m-icon-swapup { background-position: -46px -10px; } .m-icon-big-swapright { background-position: -42px -28px; } .m-icon-big-swapdown { background-position: -115px -28px; } .m-icon-big-swapleft { background-position: -6px -28px; } .m-icon-big-swapup { background-position: -78px -28px; } /*** Customized Bootstrap Modal ***/ .modal { z-index: 10050; outline: none; overflow-y: auto !important; /* Fix content shifting to the right on modal open due to scrollbar closed */ } .modal .modal-header { border-bottom: 1px solid #EFEFEF; } .modal .modal-header h3 { font-weight: 300; } .modal .modal-header .close { margin-top: 0px !important; } .modal .modal-dialog { z-index: 10051; } .modal > .loading { position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; } .modal.in .page-loading { display: none; } .modal-open { overflow-y: auto !important; } .modal-open-noscroll { overflow-y: hidden !important; } .modal-backdrop { border: 0; outline: none; z-index: 10049; } .modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; } /* Full width modal */ .modal-full.modal-dialog { width: 99%; } @media (max-width: 768px) { .modal-full.modal-dialog { width: auto; } } /*** Notes ***/ .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; border-radius: 0 4px 4px 0; } .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin-top: 0; } .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close { margin-right: -10px; } .note p { font-size: 13px; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note.note-default { background-color: lightgray; border-color: #a0a0a0; color: #333333; } .note.note-default.note-bordered { background-color: #c3c3c3; border-color: #a0a0a0; } .note.note-default.note-shadow { background-color: #c6c6c6; border-color: #a0a0a0; box-shadow: 5px 5px rgba(162, 162, 162, 0.2); } .note.note-primary { background-color: #5697d0; border-color: #2a7696; color: #D8E3F2; } .note.note-primary.note-bordered { background-color: #3e89c9; border-color: #2a7696; } .note.note-primary.note-shadow { background-color: #428bca; border-color: #2a7696; box-shadow: 5px 5px rgba(43, 121, 154, 0.2); } .note.note-success { background-color: #eef7ea; border-color: #bbdba1; color: #3c763d; } .note.note-success.note-bordered { background-color: #dcefd4; border-color: #bbdba1; } .note.note-success.note-shadow { background-color: #dff0d8; border-color: #bbdba1; box-shadow: 5px 5px rgba(190, 220, 164, 0.2); } .note.note-info { background-color: #eef7fb; border-color: #91d9e8; color: #31708f; } .note.note-info.note-bordered { background-color: #d5ebf6; border-color: #91d9e8; } .note.note-info.note-shadow { background-color: #d9edf7; border-color: #91d9e8; box-shadow: 5px 5px rgba(150, 219, 233, 0.2); } .note.note-warning { background-color: #fcf8e3; border-color: #f2cf87; color: #8a6d3b; } .note.note-warning.note-bordered { background-color: #f9f1c7; border-color: #f2cf87; } .note.note-warning.note-shadow { background-color: #faf2cc; border-color: #f2cf87; box-shadow: 5px 5px rgba(243, 209, 139, 0.2); } .note.note-danger { background-color: #f9f0f0; border-color: #dca7b0; color: #a94442; } .note.note-danger.note-bordered { background-color: #f1dada; border-color: #dca7b0; } .note.note-danger.note-shadow { background-color: #f2dede; border-color: #dca7b0; box-shadow: 5px 5px rgba(222, 171, 179, 0.2); } /*** Customized Bootstrap Pagination ***/ .pagination { margin: 10px 0; } .pagination.pagination-circle > li:first-child > a { border-radius: 25px 0 0 25px !important; } .pagination.pagination-circle > li:last-child > a { border-radius: 0 25px 25px 0 !important; } .pagination .active > a, .pagination .active > a:hover { background: #eee; border-color: #dddddd; color: #333; } /*** Customized Bootstrap Panels ***/ .panel { box-shadow: none !important; } .panel-group .panel { overflow: visible; } .panel .panel-body { font-size: 13px; } .panel .panel-title > a:hover { text-decoration: none; } .accordion .panel .panel-heading { padding: 0; } .accordion .panel .panel-title { padding: 0; } .accordion .panel .panel-title .accordion-toggle { display: block; padding: 10px 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { background: url("/img/accordion-plusminus.png") no-repeat; background-position: right -19px; margin-right: 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { background-position: right 12px; } .panel-default { border-color: #e0e0e0; } .panel-default > .panel-heading { color: #333333; background-color: #f9f9f9; border-color: #e0e0e0; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #e0e0e0; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #e0e0e0; } .panel-primary { border-color: #3595bd; } .panel-primary > .panel-heading { color: #D8E3F2; background-color: #428bca; border-color: #3595bd; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #3595bd; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #3595bd; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } /*** Accordions ***/ .accordion-heading { background: #eee; } .accordion-heading a { text-decoration: none; } .accordion-heading a:hover { text-decoration: none; } /*** Customized Bootstrap Popover ***/ .popover { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); padding: 0; } .popover .popover-title { margin: 0 !important; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #89C4F4; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #428bca; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #45B6AF; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #dfba49; } .popover.name .popover-title, name .popover .popover-content, .popover.name .popover-content { color: #F3565D; } /* popover colors*/ .popovers.yellow + .popover { background: yellow; } .popovers.yellow + .popover .popover-title { background: yellow; } .popovers.yellow + .popover .popover-content { background: yellow; } /*** Portlets ***/ /* Full Screen portlet mode */ .page-portlet-fullscreen { overflow: hidden; } /* Basic portlet */ .portlet { margin-top: 0px; margin-bottom: 25px; padding: 0px; border-radius: 4px; } .portlet.portlet-fullscreen { z-index: 10060; margin: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #fff; } .portlet.portlet-fullscreen > .portlet-body { overflow-y: auto; overflow-x: hidden; padding: 0 10px; } .portlet.portlet-fullscreen > .portlet-title { padding: 0 10px; } .portlet > .portlet-title { border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; border-radius: 4px 4px 0 0; } .portlet > .portlet-title:before, .portlet > .portlet-title:after { content: " "; display: table; } .portlet > .portlet-title:after { clear: both; } .portlet > .portlet-title > .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 300; padding: 10px 0; } .portlet > .portlet-title > .caption.bold { font-weight: 400; } .portlet > .portlet-title > .caption > i { float: left; margin-top: 4px; display: inline-block; font-size: 13px; margin-right: 5px; color: #666; } .portlet > .portlet-title > .caption > i.glyphicon { margin-top: 2px; } .portlet > .portlet-title > .caption > .caption-helper { padding: 0; margin: 0; line-height: 13px; color: #9eacb4; font-size: 13px; font-weight: 400; } .portlet > .portlet-title > .actions { float: right; display: inline-block; padding: 6px 0; } .portlet > .portlet-title > .actions > .dropdown-menu i { color: #555555; } .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm { padding: 4px 10px; font-size: 13px; line-height: 1.5; } .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default { padding: 3px 9px; } .portlet > .portlet-title > .actions > .btn > i, .portlet > .portlet-title > .actions > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn-group > .btn > i, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i { font-size: 13px; } .portlet > .portlet-title > .actions .btn-icon-only { padding: 5px 7px 3px 7px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default { padding: 4px 6px 2px 6px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i { font-size: 14px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen { font-family: FontAwesome; color: #a0a0a0; padding-top: 3px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm { padding: 3px 3px !important; height: 27px; width: 27px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before { content: "\F065"; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before { content: "\F066"; } .portlet > .portlet-title > .tools { float: right; display: inline-block; padding: 12px 0 8px 0; } .portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; opacity: 1; filter: alpha(opacity=100); } .portlet > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; } .portlet > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; } .portlet > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon.png); width: 13px; } .portlet > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon.png); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.fullscreen { display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC; } .portlet > .portlet-title > .tools > a.fullscreen:before { content: "\F065"; } .portlet > .portlet-title > .tools > a.fullscreen.on:before { content: "\F066"; } .portlet > .portlet-title > .tools > a:hover { text-decoration: none; transition: all 0.1s ease-in-out; opacity: 0.8; filter: alpha(opacity=80); } .portlet > .portlet-title > .pagination { float: right; display: inline-block; margin: 2px 0 0 0; border: 0; padding: 4px 0; } .portlet > .portlet-title > .nav-tabs { background: none; margin: 0; float: right; display: inline-block; border: 0; } .portlet > .portlet-title > .nav-tabs > li { background: none; margin: 0; border: 0; } .portlet > .portlet-title > .nav-tabs > li > a { background: none; margin: 5px 0 0 1px; border: 0; padding: 8px 10px; color: #fff; } .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a { color: #333; background: #fff; border: 0; } .portlet > .portlet-body { clear: both; border-radius: 0 0 4px 4px; } .portlet > .portlet-empty { min-height: 125px; } .portlet.full-height-content { margin-bottom: 0; } /* Portlet background colors */ /* Side bordered portlet */ .portlet.bordered { border-left: 2px solid #e6e9ec !important; } .portlet.bordered > .portlet-title { border-bottom: 0; } /* Solid colored portlet */ .portlet.solid { padding: 0 10px 10px 10px; border: 0px; } .portlet.solid > .portlet-title { border-bottom: 0; margin-bottom: 10px; } .portlet.solid > .portlet-title > .caption { padding: 16px 0 2px 0; } .portlet.solid > .portlet-title > .actions { padding: 12px 0 6px 0; } .portlet.solid > .portlet-title > .tools { padding: 14px 0 6px 0; } /* Solid bordered portlet */ .portlet.solid.bordered > .portlet-title { margin-bottom: 10px; } /* Box portlet */ .portlet.box { padding: 0px !important; } .portlet.box > .portlet-title { border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff; } .portlet.box > .portlet-title > .caption { padding: 11px 0 9px 0; } .portlet.box > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.box > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.box > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.box > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.box > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.box > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box > .portlet-title > .actions { padding: 7px 0 5px 0; } .portlet.box > .portlet-body { background-color: #fff; padding: 10px; } .portlet.box.portlet-fullscreen > .portlet-body { padding: 10px; } /* Light Portlet */ .portlet.light { padding: 12px 20px 15px 20px; background-color: #fff; } .portlet.light.bordered { border: 1px solid #e1e1e1 !important; } .portlet.light.bordered > .portlet-title { border-bottom: 1px solid #eee; } .portlet.light.bg-inverse { background: #F7F7F7; } .portlet.light > .portlet-title { padding: 0; min-height: 48px; } .portlet.light > .portlet-title > .caption { color: #666; padding: 10px 0; } .portlet.light > .portlet-title > .caption > .caption-subject { font-size: 16px; } .portlet.light > .portlet-title > .caption > i { color: #777; font-size: 15px; font-weight: 300; margin-top: 3px; } .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { font-size: 15px; } .portlet.light > .portlet-title > .caption.caption-md > i { font-size: 14px; } .portlet.light > .portlet-title > .actions { padding: 6px 0 14px 0; } .portlet.light > .portlet-title > .actions .btn-default { color: #666; } .portlet.light > .portlet-title > .actions .btn-icon-only { height: 27px; width: 27px; } .portlet.light > .portlet-title > .actions .dropdown-menu li > a { color: #555; } .portlet.light > .portlet-title > .inputs { float: right; display: inline-block; padding: 4px 0; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i { font-size: 14px; margin-top: 9px; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control { height: 30px; padding: 2px 26px 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control { height: 30px; padding: 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .pagination { padding: 2px 0 13px 0; } .portlet.light > .portlet-title > .tools { padding: 10px 0 13px 0; margin-top: 2px; } .portlet.light > .portlet-title > .nav-tabs > li { margin: 0; padding: 0; } .portlet.light > .portlet-title > .nav-tabs > li > a { margin: 0; padding: 12px 13px 13px 13px; font-size: 13px; color: #666; } .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { margin: 0; background: none; color: #333; } .portlet.light.form-fit { padding: 0; } .portlet.light.form-fit > .portlet-title { padding: 17px 20px 10px 20px; margin-bottom: 0; } .portlet.light .portlet-body { padding-top: 8px; } .portlet.light.portlet-fullscreen > .portlet-body { padding: 8px 0; } .tab-pane > p:last-child { margin-bottom: 0px; } /* Reverse aligned tabs */ .tabs-reversed > li { float: right; margin-right: 0; } .tabs-reversed > li > a { margin-right: 0; } /* jQuery UI Draggable Portlets */ .portlet-sortable:not(.portlet-fullscreen) > .portlet-title { cursor: move; } .portlet-sortable-placeholder { border: 2px dashed #eee; margin-bottom: 25px; } .portlet-sortable-empty { height: 45px; } /*** Customized Progress Bars ***/ .progress { border: 0; background-image: none; filter: none; box-shadow: none; box-shadow: none; } .progress.progress-sm { height: 12px; } .progress > .progress-bar-default { background-color: #c6c6c6; } .progress-striped .progress > .progress-bar-default { background-image: none; background-image: none; } .progress > .progress-bar-success { background-color: #45B6AF; } .progress-striped .progress > .progress-bar-success { background-image: none; background-image: none; } .progress > .progress-bar-info { background-color: #89C4F4; } .progress-striped .progress > .progress-bar-info { background-image: none; background-image: none; } .progress > .progress-bar-danger { background-color: #F3565D; } .progress-striped .progress > .progress-bar-danger { background-image: none; background-image: none; } .progress > .progress-bar-warning { background-color: #dfba49; } .progress-striped .progress > .progress-bar-warning { background-image: none; background-image: none; } /*** Dashboard Stats ***/ .dashboard-stat { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 4px; } .dashboard-stat:before, .dashboard-stat:after { content: " "; display: table; } .dashboard-stat:after { clear: both; } .portlet .dashboard-stat:last-child { margin-bottom: 0; } .dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 35px; line-height: 35px; } .dashboard-stat .visual > i { margin-left: -35px; font-size: 110px; line-height: 110px; } .dashboard-stat .details { position: absolute; right: 15px; padding-right: 15px; } .dashboard-stat .details .number { padding-top: 25px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0px; font-weight: 300; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; } .dashboard-stat .more { clear: both; display: block; padding: 6px 10px 6px 10px; position: relative; text-transform: uppercase; font-weight: 300; font-size: 11px; opacity: 0.7; filter: alpha(opacity=70); } .dashboard-stat .more:hover { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .dashboard-stat .more > i { display: inline-block; margin-top: 1px; float: right; } .dashboard-stat-light { padding-bottom: 20px; margin-bottom: 20px; } .dashboard-stat-light .details { margin-bottom: 5px; } .dashboard-stat-light .details .number { font-weight: 300; margin-bottom: 0px; } /*** Dashboard Stats 2 ***/ .dashboard-stat2 { border-radius: 4px; background: #fff; padding: 15px 15px 30px 15px; margin-bottom: 20px; } .dashboard-stat2 .display { margin-bottom: 20px; } .dashboard-stat2 .display:before, .dashboard-stat2 .display:after { content: " "; display: table; } .dashboard-stat2 .display:after { clear: both; } .dashboard-stat2 .display .number { float: left; display: inline-block; } .dashboard-stat2 .display .number h3 { margin: 0 0 2px 0; padding: 0; font-size: 30px; font-weight: 400; } .dashboard-stat2 .display .number h3 > small { font-size: 23px; } .dashboard-stat2 .display .number small { font-size: 14px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .display .icon { display: inline-block; float: right; padding: 7px 0 0 0; } .dashboard-stat2 .display .icon > i { color: #cbd4e0; font-size: 26px; } .dashboard-stat2 .progress-info { clear: both; } .dashboard-stat2 .progress-info .progress { margin: 0; height: 4px; clear: both; display: block; } .dashboard-stat2 .progress-info .status { margin-top: 5px; font-size: 11px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .progress-info .status .status-title { float: left; display: inline-block; } .dashboard-stat2 .progress-info .status .status-number { float: right; display: inline-block; } /*** Text Stats ***/ .text-stat h3 { margin-top: 5px; margin-bottom: 0px; font-size: 18px; } .text-stat span { font-size: 13px !important; } @media (max-width: 767px) { /* 767px */ .text-stat { margin-top: 20px; } } /*** Social Icons ***/ .social-icons { padding: 0; margin: 0; } .social-icons:before, .social-icons:after { content: " "; display: table; } .social-icons:after { clear: both; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li > a { border-radius: 2px; width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover > a { background-position: 0 -38px; } .social-icons li .amazon { background: url(/img/social/amazon.png) no-repeat; } .social-icons li .behance { background: url(/img/social/behance.png) no-repeat; } .social-icons li .blogger { background: url(/img/social/blogger.png) no-repeat; } .social-icons li .deviantart { background: url(/img/social/deviantart.png) no-repeat; } .social-icons li .dribbble { background: url(/img/social/dribbble.png) no-repeat; } .social-icons li .dropbox { background: url(/img/social/dropbox.png) no-repeat; } .social-icons li .evernote { background: url(/img/social/evernote.png) no-repeat; } .social-icons li .facebook { background: url(/img/social/facebook.png) no-repeat; } .social-icons li .forrst { background: url(/img/social/forrst.png) no-repeat; } .social-icons li .github { background: url(/img/social/github.png) no-repeat; } .social-icons li .googleplus { background: url(/img/social/googleplus.png) no-repeat; } .social-icons li .jolicloud { background: url(/img/social/jolicloud.png) no-repeat; } .social-icons li .last-fm { background: url(/img/social/last-fm.png) no-repeat; } .social-icons li .linkedin { background: url(/img/social/linkedin.png) no-repeat; } .social-icons li .picasa { background: url(/img/social/picasa.png) no-repeat; } .social-icons li .pintrest { background: url(/img/social/pintrest.png) no-repeat; } .social-icons li .rss { background: url(/img/social/rss.png) no-repeat; } .social-icons li .skype { background: url(/img/social/skype.png) no-repeat; } .social-icons li .spotify { background: url(/img/social/spotify.png) no-repeat; } .social-icons li .stumbleupon { background: url(/img/social/stumbleupon.png) no-repeat; } .social-icons li .tumblr { background: url(/img/social/tumblr.png) no-repeat; } .social-icons li .twitter { background: url(/img/social/twitter.png) no-repeat; } .social-icons li .vimeo { background: url(/img/social/vimeo.png) no-repeat; } .social-icons li .wordpress { background: url(/img/social/wordpress.png) no-repeat; } .social-icons li .xing { background: url(/img/social/xing.png) no-repeat; } .social-icons li .yahoo { background: url(/img/social/yahoo.png) no-repeat; } .social-icons li .youtube { background: url(/img/social/youtube.png) no-repeat; } .social-icons li .vk { background: url(/img/social/vk.png) no-repeat; } .social-icons li .instagram { background: url(/img/social/instagram.png) no-repeat; } .social-icons li .reddit { background: url(/img/social/reddit.png) no-repeat; } .social-icons li .aboutme { background: url(/img/social/aboutme.png) no-repeat; } .social-icons li .flickr { background: url(/img/social/flickr.png) no-repeat; } .social-icons li .foursquare { background: url(/img/social/foursquare.png) no-repeat; } .social-icons li .gravatar { background: url(/img/social/gravatar.png) no-repeat; } .social-icons li .klout { background: url(/img/social/klout.png) no-repeat; } .social-icons li .myspace { background: url(/img/social/myspace.png) no-repeat; } .social-icons li .quora { background: url(/img/social/quora.png) no-repeat; } .social-icons.social-icons-color > li > a { opacity: 0.7; background-position: 0 -38px !important; } .social-icons.social-icons-color > li > a:hover { opacity: 1; } .social-icons.social-icons-circle > li > a { border-radius: 25px !important; } /*** Inline Social Icons ***/ .social-icon { display: inline-block !important; width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; border-radius: 2px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icon.social-icon-circle { border-radius: 25px !important; } .social-icon.amazon { background: url(/img/social/amazon.png) no-repeat; } .social-icon.behance { background: url(/img/social/behance.png) no-repeat; } .social-icon.blogger { background: url(/img/social/blogger.png) no-repeat; } .social-icon.deviantart { background: url(/img/social/deviantart.png) no-repeat; } .social-icon.dribbble { background: url(/img/social/dribbble.png) no-repeat; } .social-icon.dropbox { background: url(/img/social/dropbox.png) no-repeat; } .social-icon.evernote { background: url(/img/social/evernote.png) no-repeat; } .social-icon.facebook { background: url(/img/social/facebook.png) no-repeat; } .social-icon.forrst { background: url(/img/social/forrst.png) no-repeat; } .social-icon.github { background: url(/img/social/github.png) no-repeat; } .social-icon.googleplus { background: url(/img/social/googleplus.png) no-repeat; } .social-icon.jolicloud { background: url(/img/social/jolicloud.png) no-repeat; } .social-icon.last-fm { background: url(/img/social/last-fm.png) no-repeat; } .social-icon.linkedin { background: url(/img/social/linkedin.png) no-repeat; } .social-icon.picasa { background: url(/img/social/picasa.png) no-repeat; } .social-icon.pintrest { background: url(/img/social/pintrest.png) no-repeat; } .social-icon.rss { background: url(/img/social/rss.png) no-repeat; } .social-icon.skype { background: url(/img/social/skype.png) no-repeat; } .social-icon.spotify { background: url(/img/social/spotify.png) no-repeat; } .social-icon.stumbleupon { background: url(/img/social/stumbleupon.png) no-repeat; } .social-icon.tumblr { background: url(/img/social/tumblr.png) no-repeat; } .social-icon.twitter { background: url(/img/social/twitter.png) no-repeat; } .social-icon.vimeo { background: url(/img/social/vimeo.png) no-repeat; } .social-icon.wordpress { background: url(/img/social/wordpress.png) no-repeat; } .social-icon.xing { background: url(/img/social/xing.png) no-repeat; } .social-icon.yahoo { background: url(/img/social/yahoo.png) no-repeat; } .social-icon.youtube { background: url(/img/social/youtube.png) no-repeat; } .social-icon.vk { background: url(/img/social/vk.png) no-repeat; } .social-icon.instagram { background: url(/img/social/instagram.png) no-repeat; } .social-icon.reddit { background: url(/img/social/reddit.png) no-repeat; } .social-icon.aboutme { background: url(/img/social/aboutme.png) no-repeat; } .social-icon.flickr { background: url(/img/social/flickr.png) no-repeat; } .social-icon.foursquare { background: url(/img/social/foursquare.png) no-repeat; } .social-icon.gravatar { background: url(/img/social/gravatar.png) no-repeat; } .social-icon.klout { background: url(/img/social/klout.png) no-repeat; } .social-icon.myspace { background: url(/img/social/myspace.png) no-repeat; } .social-icon.quora { background: url(/img/social/quora.png) no-repeat; } .social-icon:hover { background-position: 0 -38px; } .social-icon-color { opacity: 0.7; background-position: 0 -38px !important; } .social-icon-color:hover { opacity: 1; } /*** Customized Bootstrap Tables ***/ /*** Default table ***/ .table.table-bordered thead > tr > th { border-bottom: 0; } .table tr.heading > th { background-color: #eee !important; } .table td .img-responsive { width: 100%; } /* Contextual table row variants */ .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background: #a6c8e6; color: #132339; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background: #92bce0; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background: #dff0d8; color: #3c763d; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background: #d9edf7; color: #31708f; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background: #fcf8e3; color: #8a6d3b; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background: #f2dede; color: #a94442; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background: #ebcccc; } /*** Responsive & Scrollable Tables ***/ .table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #dddddd; margin: 10px 0 !important; } .table-scrollable.table-scrollable-borderless { border: 0; } .table-scrollable > .table { width: 100% !important; margin: 0 !important; margin-bottom: 0; background-color: #fff; } .table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > td { white-space: nowrap; } .table-scrollable > .table-bordered { border: 0; } .table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } /*** Responsive Flip Scroll Tables ***/ .flip-scroll table { width: 100%; } @media only screen and (max-width: 768px) { /* 768px */ .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .flip-content { zoom: 1; } .flip-scroll *:first-child + html .flip-content { zoom: 1; } .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-scroll th, .flip-scroll td { margin: 0; vertical-align: top; } .flip-scroll th { text-align: left; border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; } .flip-scroll table { display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll thead tr { display: block; } .flip-scroll th { display: block; text-align: right; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* sort out borders */ .flip-scroll th { border-bottom: 0; border-left: 0; } .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-scroll tbody tr { border-left: 1px solid #ddd; } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } } /*** Custom tables ***/ .table-toolbar { margin-bottom: 15px; } .table-toolbar:before, .table-toolbar:after { content: " "; display: table; } .table-toolbar:after { clear: both; } .table.table-full-width { width: 100% !important; } .table .btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; } .table thead tr th { font-size: 14px; font-weight: 600; } .table-advance { margin-bottom: 10px !important; } .table-advance thead { color: #999; } .table-advance thead tr th { background-color: #DDD; font-size: 14px; font-weight: 400; color: #666; } .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table-advance tr td { border-left-width: 0px; } .table-advance tr td:first-child { border-left-width: 1px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance td.highlight div.primary { border-left: 2px solid #428bca; } .table-advance td.highlight div.success { border-left: 2px solid #45B6AF; } .table-advance td.highlight div.info { border-left: 2px solid #89C4F4; } .table-advance td.highlight div.warning { border-left: 2px solid #dfba49; } .table-advance td.highlight div.danger { border-left: 2px solid #F3565D; } @media (max-width: 767px) { /* 767px */ .table-advance tr > td.highlight:first-child a { margin-left: 8px; } } /*** Light Table ***/ .table.table-light { border: 0 !important; } .table.table-light > thead > tr:hover > th { background: none; } .table.table-light > thead > tr.uppercase { text-transform: uppercase; } .table.table-light > thead > tr > th { font-weight: 600; font-size: 13px; color: #93a2a9; font-family: "Open Sans", sans-serif; border: 0; border-bottom: 1px solid #F2F5F8; } .table.table-light > tbody > tr:last-child > td { border: 0; } .table.table-light > tbody > tr > td { border: 0; border-bottom: 1px solid #F2F5F8; color: #8896a0; vertical-align: middle; } .table.table-light > tbody > tr > td.fit { width: 1px; padding-right: 3px; } .table.table-light > tbody > tr > td .user-pic { display: inline-block; vertical-align: middle; height: 30px; border-radius: 100%; } .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th { background: #f9fafb; } /*** Customized Bootstrap Tabs ***/ /* Tabs and pills */ .nav-tabs, .nav-pills { margin-bottom: 10px; } .nav-tabs > li > a, .nav-pills > li > a { font-size: 14px; } .nav-tabs > li > a > .badge, .nav-pills > li > a > .badge { margin-top: -3px; } .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-pills > li .dropdown-menu:after { display: none; } .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-pills.nav-pills-sm > li > a { font-size: 13px; } .nav-tabs .dropdown.open > .dropdown-toggle, .nav-pills .dropdown.open > .dropdown-toggle { background: #eee; color: #0d638f; border-color: transparent; } /* Left and right tabs */ .tabs-right.nav-tabs, .tabs-left.nav-tabs { border-bottom: 0; } .tabs-right.nav-tabs > li, .tabs-left.nav-tabs > li { float: none; } .tabs-right.nav-tabs > li > a, .tabs-left.nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } /* Left tabs */ .tabs-left.nav-tabs { border-right: 1px solid #ddd; } .tabs-left.nav-tabs > li > a { display: block; margin-right: -1px; } .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus { border-radius: 4px 0 0 4px; border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus { border-radius: 4px 0 0 4px; border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } /* Right tabs */ .tabs-right.nav-tabs { border-left: 1px solid #ddd; } .tabs-right.nav-tabs > li > a { display: block; margin-left: -1px; } .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus { border-radius: 0 4px 4px 0; border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus { border-radius: 0 4px 4px 0; border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } /* Below tabs */ .tabs-below > .nav-tabs, .tabs-below > .nav-pills { border-bottom: 0; margin-bottom: 0px; margin-top: 10px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs > li > a { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > li > a .dropdown-menu { border-radius: 4px; } .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus { border-radius: 0 0 4px 4px; border-color: transparent #ddd #ddd #ddd; } /*** Custom tabs ***/ /* In BS3.0.0 tabbable class was removed. We had to added it back */ .tabbable:before, .tabbable:after { content: " "; display: table; } .tabbable:after { clear: both; } .tabbable-custom { margin-bottom: 15px; padding: 0px; overflow: hidden; /* justified tabs */ /* boxless tabs */ /* below justified tabs */ /* full width tabs */ /* below tabs */ } .tabbable-custom > .nav-tabs { border: none; margin: 0px; } .tabbable-custom > .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom > .nav-tabs > li > a { margin-right: 0; border-radius: 0; } .tabbable-custom > .nav-tabs > li > a:hover { background: none; border-color: transparent; } .tabbable-custom > .nav-tabs > li.active { border-top: 3px solid #F3565D; margin-top: 0; position: relative; } .tabbable-custom > .nav-tabs > li.active > a { border-top: none !important; font-weight: 400; border-radius: 0; } .tabbable-custom > .nav-tabs > li.active > a:hover { border-radius: 0; border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 0 0 4px 4px; } .tabbable-custom.nav-justified > .tab-content { margin-top: -1px; } .tabbable-custom.boxless > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below.nav-justified .tab-content { margin-top: 0px; margin-bottom: -2px; border-radius: 4px 4px 0 0; } .tabbable-custom.tabbable-full-width > .nav-tabs > li > a { color: #424242; font-size: 15px; padding: 9px 15px; } .tabbable-custom.tabbable-full-width > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li > a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .tabbable-custom.tabs-below .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabbable-custom.tabs-below .nav-tabs > li.active > a { border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom.tabbable-noborder > .nav-tabs > li > a { border: 0; } .tabbable-custom.tabbable-noborder .tab-content { border: 0; } .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li { margin-right: 2px; } .tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #F3565D; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } .tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; } .tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; } .tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #F3565D; } .tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } /*** Tiles(new in v1.1.1) ***/ .tiles { margin-right: -10px; } .tiles:before, .tiles:after { display: table; content: " "; } .tiles:after { clear: both; } .tiles .tile { display: block; letter-spacing: 0.02em; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tiles .tile:after, .tiles .tile:before { content: ""; float: left; } .tiles .tile.double { width: 280px !important; } .tiles .tile.double-down { height: 280px !important; } .tiles .tile.double-down i { margin-top: 95px; } .tiles .tile:hover { border-color: #aaa !important; } .tiles .tile:active, .tiles .tile.selected { border-color: #ccc !important; } .tiles .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tiles .tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\F00C"; display: inline-block; position: absolute; top: 2px; right: 2px; } .tiles .tile.icon { padding: 0; } .tiles .tile.image .tile-body { padding: 0 !important; } .tiles .tile.image .tile-body > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tiles .tile.image .tile-body h3 { display: inline-block; } .tiles .tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #000000; color: #ffffff; margin-bottom: 10px; } .tiles .tile .tile-body p { font-weight: 400; font-size: 13px; color: #000000; color: #ffffff; line-height: 20px; overflow: hidden; } .tiles .tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); } .tiles .tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); } .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body img { float: left; margin-right: 10px; } .tiles .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; } .tiles .tile .tile-body > .content { display: inline-block; } .tiles .tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; } .tiles .tile .tile-body h1, .tiles .tile .tile-body h2, .tiles .tile .tile-body h3, .tiles .tile .tile-body h4, .tiles .tile .tile-body h5, .tiles .tile .tile-body h6, .tiles .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tiles .tile .tile-body h1:hover, .tiles .tile .tile-body h2:hover, .tiles .tile .tile-body h3:hover, .tiles .tile .tile-body h4:hover, .tiles .tile .tile-body h5:hover, .tiles .tile .tile-body h6:hover, .tiles .tile .tile-body p:hover { color: #ffffff; } .tiles .tile .tile-body h3, .tiles .tile .tile-body h4 { margin-bottom: 5px; } .tiles .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .tiles .tile .tile-object:before, .tiles .tile .tile-object:after { display: table; content: ""; } .tiles .tile .tile-object:after { clear: both; } .tiles .tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #ffffff; } .tiles .tile .tile-object > .name > i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; } .tiles .tile .tile-object > .number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; } /*** Custimized Bootstrap Wells ***/ .well { background-color: #eee; border: 0; box-shadow: none !important; } /*** AngularJS Basic Animations ***/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(15px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } .fade-in-up { -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } @-webkit-keyframes bounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bounceDelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } /* Button */ .btn.default { color: #333333; background-color: #E5E5E5; border-color: ""; } .btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active { color: #333333; background-color: lightgray; } .open .btn.default.dropdown-toggle { color: #333333; background-color: lightgray; } .btn.default:active, .btn.default.active { background-image: none; background-color: #c6c6c6; } .btn.default:active:hover, .btn.default.active:hover { background-color: #cccccc; } .open .btn.default.dropdown-toggle { background-image: none; } .btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active { background-color: #E5E5E5; } .btn.default .badge { color: #E5E5E5; background-color: #333333; } /********** Blue Colors ***********/ /*** Blue Default ***/ /* Button */ .blue.btn { color: #FFFFFF; background-color: #4B8DF8; border-color: ""; } .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active { color: #FFFFFF; background-color: #2977f7; } .open .blue.btn.dropdown-toggle { color: #FFFFFF; background-color: #2977f7; } .blue.btn:active, .blue.btn.active { background-image: none; background-color: #1068f6; } .blue.btn:active:hover, .blue.btn.active:hover { background-color: #1a6ef6; } .open .blue.btn.dropdown-toggle { background-image: none; } .blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active { background-color: #4B8DF8; } .blue.btn .badge { color: #4B8DF8; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-stripe { border-left: 3px solid #4B8DF8; } /* Portlet */ .portlet > .portlet-body.blue, .portlet.blue { background-color: #4B8DF8; } .portlet.solid.blue > .portlet-title, .portlet.solid.blue > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue { border: 1px solid #7cacfa; border-top: 0; } .portlet.box.blue > .portlet-title { background-color: #4B8DF8; } .portlet.box.blue > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b7d1fc; color: #d0e1fd; } .portlet.box.blue > .portlet-title > .actions .btn-default > i { color: #deeafe; } .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active { border: 1px solid #e8f0fe; color: white; } /* Statistic Block */ .dashboard-stat.blue { background-color: #4B8DF8; } .dashboard-stat.blue.dashboard-stat-light:hover { background-color: #3781f7; } .dashboard-stat.blue .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue .details .number { color: #FFFFFF; } .dashboard-stat.blue .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue .more { color: #FFFFFF; background-color: #3781f7; } /* General Element */ .bg-blue { border-color: #4B8DF8 !important; background-image: none !important; background-color: #4B8DF8 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue { color: #4B8DF8 !important; } .progress-bar.blue { background: #4B8DF8 !important; color: #FFFFFF !important; } /*** Blue Madison ***/ /* Button */ .blue-madison.btn { color: #FFFFFF; background-color: #578ebe; border-color: ""; } .blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active { color: #FFFFFF; background-color: #437cae; } .open .blue-madison.btn.dropdown-toggle { color: #FFFFFF; background-color: #437cae; } .blue-madison.btn:active, .blue-madison.btn.active { background-image: none; background-color: #3c6f9c; } .blue-madison.btn:active:hover, .blue-madison.btn.active:hover { background-color: #3f74a3; } .open .blue-madison.btn.dropdown-toggle { background-image: none; } .blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active { background-color: #578ebe; } .blue-madison.btn .badge { color: #578ebe; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-madison-stripe { border-left: 3px solid #578ebe; } /* Portlet */ .portlet > .portlet-body.blue-madison, .portlet.blue-madison { background-color: #578ebe; } .portlet.solid.blue-madison > .portlet-title, .portlet.solid.blue-madison > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-madison > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-madison { border: 1px solid #7ca7cc; border-top: 0; } .portlet.box.blue-madison > .portlet-title { background-color: #578ebe; } .portlet.box.blue-madison > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #a8c4dd; color: #bad1e4; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i { color: #c5d8e9; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active { border: 1px solid #cdddec; color: #dfeaf3; } /* Statistic Block */ .dashboard-stat.blue-madison { background-color: #578ebe; } .dashboard-stat.blue-madison.dashboard-stat-light:hover { background-color: #4884b8; } .dashboard-stat.blue-madison .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-madison .details .number { color: #FFFFFF; } .dashboard-stat.blue-madison .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-madison .more { color: #FFFFFF; background-color: #4884b8; } /* General Element */ .bg-blue-madison { border-color: #578ebe !important; background-image: none !important; background-color: #578ebe !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-madison { color: #578ebe !important; } .progress-bar.blue-madison { background: #578ebe !important; color: #FFFFFF !important; } /*** Blue Chambray ***/ /* Button */ .blue-chambray.btn { color: #FFFFFF; background-color: #2C3E50; border-color: ""; } .blue-chambray.btn:hover, .blue-chambray.btn:focus, .blue-chambray.btn:active, .blue-chambray.btn.active { color: #FFFFFF; background-color: #1f2c39; } .open .blue-chambray.btn.dropdown-toggle { color: #FFFFFF; background-color: #1f2c39; } .blue-chambray.btn:active, .blue-chambray.btn.active { background-image: none; background-color: #161f29; } .blue-chambray.btn:active:hover, .blue-chambray.btn.active:hover { background-color: #1a252f; } .open .blue-chambray.btn.dropdown-toggle { background-image: none; } .blue-chambray.btn.disabled, .blue-chambray.btn.disabled:hover, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled.active, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled]:hover, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled].active, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn:hover, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn.active { background-color: #2C3E50; } .blue-chambray.btn .badge { color: #2C3E50; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-chambray-stripe { border-left: 3px solid #2C3E50; } /* Portlet */ .portlet > .portlet-body.blue-chambray, .portlet.blue-chambray { background-color: #2C3E50; } .portlet.solid.blue-chambray > .portlet-title, .portlet.solid.blue-chambray > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-chambray { border: 1px solid #3e5871; border-top: 0; } .portlet.box.blue-chambray > .portlet-title { background-color: #2C3E50; } .portlet.box.blue-chambray > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #547698; color: #5f83a7; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i { color: #698bac; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active { border: 1px solid #6f90b0; color: #809cb9; } /* Statistic Block */ .dashboard-stat.blue-chambray { background-color: #2C3E50; } .dashboard-stat.blue-chambray.dashboard-stat-light:hover { background-color: #253443; } .dashboard-stat.blue-chambray .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-chambray .details .number { color: #FFFFFF; } .dashboard-stat.blue-chambray .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-chambray .more { color: #FFFFFF; background-color: #253443; } /* General Element */ .bg-blue-chambray { border-color: #2C3E50 !important; background-image: none !important; background-color: #2C3E50 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-chambray { color: #2C3E50 !important; } .progress-bar.blue-chambray { background: #2C3E50 !important; color: #FFFFFF !important; } /*** Blue Ebonyclay ***/ /* Button */ .blue-ebonyclay.btn { color: #FFFFFF; background-color: #22313F; border-color: ""; } .blue-ebonyclay.btn:hover, .blue-ebonyclay.btn:focus, .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { color: #FFFFFF; background-color: #151f28; } .open .blue-ebonyclay.btn.dropdown-toggle { color: #FFFFFF; background-color: #151f28; } .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { background-image: none; background-color: #0d1217; } .blue-ebonyclay.btn:active:hover, .blue-ebonyclay.btn.active:hover { background-color: #10171e; } .open .blue-ebonyclay.btn.dropdown-toggle { background-image: none; } .blue-ebonyclay.btn.disabled, .blue-ebonyclay.btn.disabled:hover, .blue-ebonyclay.btn.disabled:focus, .blue-ebonyclay.btn.disabled:active, .blue-ebonyclay.btn.disabled.active, .blue-ebonyclay.btn[disabled], .blue-ebonyclay.btn[disabled]:hover, .blue-ebonyclay.btn[disabled]:focus, .blue-ebonyclay.btn[disabled]:active, .blue-ebonyclay.btn[disabled].active, fieldset[disabled] .blue-ebonyclay.btn, fieldset[disabled] .blue-ebonyclay.btn:hover, fieldset[disabled] .blue-ebonyclay.btn:focus, fieldset[disabled] .blue-ebonyclay.btn:active, fieldset[disabled] .blue-ebonyclay.btn.active { background-color: #22313F; } .blue-ebonyclay.btn .badge { color: #22313F; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-ebonyclay-stripe { border-left: 3px solid #22313F; } /* Portlet */ .portlet > .portlet-body.blue-ebonyclay, .portlet.blue-ebonyclay { background-color: #22313F; } .portlet.solid.blue-ebonyclay > .portlet-title, .portlet.solid.blue-ebonyclay > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-ebonyclay { border: 1px solid #344b60; border-top: 0; } .portlet.box.blue-ebonyclay > .portlet-title { background-color: #22313F; } .portlet.box.blue-ebonyclay > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #496a88; color: #527798; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i { color: #587ea2; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active { border: 1px solid #5d83a7; color: #6d90b0; } /* Statistic Block */ .dashboard-stat.blue-ebonyclay { background-color: #22313F; } .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover { background-color: #1b2732; } .dashboard-stat.blue-ebonyclay .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-ebonyclay .details .number { color: #FFFFFF; } .dashboard-stat.blue-ebonyclay .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-ebonyclay .more { color: #FFFFFF; background-color: #1b2732; } /* General Element */ .bg-blue-ebonyclay { border-color: #22313F !important; background-image: none !important; background-color: #22313F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-ebonyclay { color: #22313F !important; } .progress-bar.blue-ebonyclay { background: #22313F !important; color: #FFFFFF !important; } /*** Blue Hoki ***/ /* Button */ .blue-hoki.btn { color: #FFFFFF; background-color: #67809F; border-color: ""; } .blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active { color: #FFFFFF; background-color: #586e8b; } .open .blue-hoki.btn.dropdown-toggle { color: #FFFFFF; background-color: #586e8b; } .blue-hoki.btn:active, .blue-hoki.btn.active { background-image: none; background-color: #4e627b; } .blue-hoki.btn:active:hover, .blue-hoki.btn.active:hover { background-color: #526781; } .open .blue-hoki.btn.dropdown-toggle { background-image: none; } .blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active { background-color: #67809F; } .blue-hoki.btn .badge { color: #67809F; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-hoki-stripe { border-left: 3px solid #67809F; } /* Portlet */ .portlet > .portlet-body.blue-hoki, .portlet.blue-hoki { background-color: #67809F; } .portlet.solid.blue-hoki > .portlet-title, .portlet.solid.blue-hoki > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-hoki { border: 1px solid #869ab3; border-top: 0; } .portlet.box.blue-hoki > .portlet-title { background-color: #67809F; } .portlet.box.blue-hoki > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #acb9ca; color: #bbc7d4; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i { color: #c5ceda; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active { border: 1px solid #cbd4de; color: #dbe1e8; } /* Statistic Block */ .dashboard-stat.blue-hoki { background-color: #67809F; } .dashboard-stat.blue-hoki.dashboard-stat-light:hover { background-color: #5e7694; } .dashboard-stat.blue-hoki .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-hoki .details .number { color: #FFFFFF; } .dashboard-stat.blue-hoki .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-hoki .more { color: #FFFFFF; background-color: #5e7694; } /* General Element */ .bg-blue-hoki { border-color: #67809F !important; background-image: none !important; background-color: #67809F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-hoki { color: #67809F !important; } .progress-bar.blue-hoki { background: #67809F !important; color: #FFFFFF !important; } /*** Blue Stell ***/ /* Button */ .blue-steel.btn { color: #FFFFFF; background-color: #4B77BE; border-color: ""; } .blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active { color: #FFFFFF; background-color: #3d66a8; } .open .blue-steel.btn.dropdown-toggle { color: #FFFFFF; background-color: #3d66a8; } .blue-steel.btn:active, .blue-steel.btn.active { background-image: none; background-color: #365b96; } .blue-steel.btn:active:hover, .blue-steel.btn.active:hover { background-color: #395f9d; } .open .blue-steel.btn.dropdown-toggle { background-image: none; } .blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active { background-color: #4B77BE; } .blue-steel.btn .badge { color: #4B77BE; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-steel-stripe { border-left: 3px solid #4B77BE; } /* Portlet */ .portlet > .portlet-body.blue-steel, .portlet.blue-steel { background-color: #4B77BE; } .portlet.solid.blue-steel > .portlet-title, .portlet.solid.blue-steel > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-steel > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-steel { border: 1px solid #7093cc; border-top: 0; } .portlet.box.blue-steel > .portlet-title { background-color: #4B77BE; } .portlet.box.blue-steel > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9db5dc; color: #b0c3e3; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i { color: #bbcce7; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active { border: 1px solid #c3d2e9; color: #d6e0f0; } /* Statistic Block */ .dashboard-stat.blue-steel { background-color: #4B77BE; } .dashboard-stat.blue-steel.dashboard-stat-light:hover { background-color: #416db4; } .dashboard-stat.blue-steel .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-steel .details .number { color: #FFFFFF; } .dashboard-stat.blue-steel .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-steel .more { color: #FFFFFF; background-color: #416db4; } /* General Element */ .bg-blue-steel { border-color: #4B77BE !important; background-image: none !important; background-color: #4B77BE !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-steel { color: #4B77BE !important; } .progress-bar.blue-steel { background: #4B77BE !important; color: #FFFFFF !important; } /*** Blue Soft ***/ /* Button */ .blue-soft.btn { color: #FFFFFF; background-color: #4c87b9; border-color: ""; } .blue-soft.btn:hover, .blue-soft.btn:focus, .blue-soft.btn:active, .blue-soft.btn.active { color: #FFFFFF; background-color: #3f75a2; } .open .blue-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #3f75a2; } .blue-soft.btn:active, .blue-soft.btn.active { background-image: none; background-color: #386890; } .blue-soft.btn:active:hover, .blue-soft.btn.active:hover { background-color: #3b6d97; } .open .blue-soft.btn.dropdown-toggle { background-image: none; } .blue-soft.btn.disabled, .blue-soft.btn.disabled:hover, .blue-soft.btn.disabled:focus, .blue-soft.btn.disabled:active, .blue-soft.btn.disabled.active, .blue-soft.btn[disabled], .blue-soft.btn[disabled]:hover, .blue-soft.btn[disabled]:focus, .blue-soft.btn[disabled]:active, .blue-soft.btn[disabled].active, fieldset[disabled] .blue-soft.btn, fieldset[disabled] .blue-soft.btn:hover, fieldset[disabled] .blue-soft.btn:focus, fieldset[disabled] .blue-soft.btn:active, fieldset[disabled] .blue-soft.btn.active { background-color: #4c87b9; } .blue-soft.btn .badge { color: #4c87b9; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-soft-stripe { border-left: 3px solid #4c87b9; } /* Portlet */ .portlet > .portlet-body.blue-soft, .portlet.blue-soft { background-color: #4c87b9; } .portlet.solid.blue-soft > .portlet-title, .portlet.solid.blue-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-soft { border: 1px solid #71a0c7; border-top: 0; } .portlet.box.blue-soft > .portlet-title { background-color: #4c87b9; } .portlet.box.blue-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dbdd9; color: #afc9e0; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i { color: #bad1e4; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #c1d6e7; color: #d4e2ee; } /* Statistic Block */ .dashboard-stat.blue-soft { background-color: #4c87b9; } .dashboard-stat.blue-soft.dashboard-stat-light:hover { background-color: #447dad; } .dashboard-stat.blue-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-soft .details .number { color: #FFFFFF; } .dashboard-stat.blue-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-soft .more { color: #FFFFFF; background-color: #447dad; } /* General Element */ .bg-blue-soft { border-color: #4c87b9 !important; background-image: none !important; background-color: #4c87b9 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-soft { color: #4c87b9 !important; } .progress-bar.blue-soft { background: #4c87b9 !important; color: #FFFFFF !important; } /*** Blue Dark ***/ /* Button */ .blue-dark.btn { color: #FFFFFF; background-color: #5e738b; border-color: ""; } .blue-dark.btn:hover, .blue-dark.btn:focus, .blue-dark.btn:active, .blue-dark.btn.active { color: #FFFFFF; background-color: #506176; } .open .blue-dark.btn.dropdown-toggle { color: #FFFFFF; background-color: #506176; } .blue-dark.btn:active, .blue-dark.btn.active { background-image: none; background-color: #455566; } .blue-dark.btn:active:hover, .blue-dark.btn.active:hover { background-color: #495a6d; } .open .blue-dark.btn.dropdown-toggle { background-image: none; } .blue-dark.btn.disabled, .blue-dark.btn.disabled:hover, .blue-dark.btn.disabled:focus, .blue-dark.btn.disabled:active, .blue-dark.btn.disabled.active, .blue-dark.btn[disabled], .blue-dark.btn[disabled]:hover, .blue-dark.btn[disabled]:focus, .blue-dark.btn[disabled]:active, .blue-dark.btn[disabled].active, fieldset[disabled] .blue-dark.btn, fieldset[disabled] .blue-dark.btn:hover, fieldset[disabled] .blue-dark.btn:focus, fieldset[disabled] .blue-dark.btn:active, fieldset[disabled] .blue-dark.btn.active { background-color: #5e738b; } .blue-dark.btn .badge { color: #5e738b; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-dark-stripe { border-left: 3px solid #5e738b; } /* Portlet */ .portlet > .portlet-body.blue-dark, .portlet.blue-dark { background-color: #5e738b; } .portlet.solid.blue-dark > .portlet-title, .portlet.solid.blue-dark > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-dark > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-dark { border: 1px solid #788da4; border-top: 0; } .portlet.box.blue-dark > .portlet-title { background-color: #5e738b; } .portlet.box.blue-dark > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9dacbd; color: #acb8c7; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i { color: #b5c0cd; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active { border: 1px solid #bbc5d1; color: #cad2db; } /* Statistic Block */ .dashboard-stat.blue-dark { background-color: #5e738b; } .dashboard-stat.blue-dark.dashboard-stat-light:hover { background-color: #56697f; } .dashboard-stat.blue-dark .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-dark .details .number { color: #FFFFFF; } .dashboard-stat.blue-dark .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-dark .more { color: #FFFFFF; background-color: #56697f; } /* General Element */ .bg-blue-dark { border-color: #5e738b !important; background-image: none !important; background-color: #5e738b !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-dark { color: #5e738b !important; } .progress-bar.blue-dark { background: #5e738b !important; color: #FFFFFF !important; } /*** Blue Sharp ***/ /* Button */ .blue-sharp.btn { color: #FFFFFF; background-color: #5C9BD1; border-color: ""; } .blue-sharp.btn:hover, .blue-sharp.btn:focus, .blue-sharp.btn:active, .blue-sharp.btn.active { color: #FFFFFF; background-color: #408ac9; } .open .blue-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #408ac9; } .blue-sharp.btn:active, .blue-sharp.btn.active { background-image: none; background-color: #357dbb; } .blue-sharp.btn:active:hover, .blue-sharp.btn.active:hover { background-color: #3782c3; } .open .blue-sharp.btn.dropdown-toggle { background-image: none; } .blue-sharp.btn.disabled, .blue-sharp.btn.disabled:hover, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled.active, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled]:hover, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled].active, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn:hover, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn.active { background-color: #5C9BD1; } .blue-sharp.btn .badge { color: #5C9BD1; background-color: #FFFFFF; } /* Button Strip */ .btn.blue-sharp-stripe { border-left: 3px solid #5C9BD1; } /* Portlet */ .portlet > .portlet-body.blue-sharp, .portlet.blue-sharp { background-color: #5C9BD1; } .portlet.solid.blue-sharp > .portlet-title, .portlet.solid.blue-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-sharp { border: 1px solid #84b3dc; border-top: 0; } .portlet.box.blue-sharp > .portlet-title { background-color: #5C9BD1; } .portlet.box.blue-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4d1ea; color: #c7ddef; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i { color: #d3e4f3; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #dbe9f5; color: #eff5fb; } /* Statistic Block */ .dashboard-stat.blue-sharp { background-color: #5C9BD1; } .dashboard-stat.blue-sharp.dashboard-stat-light:hover { background-color: #4c91cd; } .dashboard-stat.blue-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.blue-sharp .details .number { color: #FFFFFF; } .dashboard-stat.blue-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-sharp .more { color: #FFFFFF; background-color: #4c91cd; } /* General Element */ .bg-blue-sharp { border-color: #5C9BD1 !important; background-image: none !important; background-color: #5C9BD1 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-blue-sharp { color: #5C9BD1 !important; } .progress-bar.blue-sharp { background: #5C9BD1 !important; color: #FFFFFF !important; } /*********** Green Colors ************/ /*** Green Default ***/ /* Button */ .green.btn { color: #FFFFFF; background-color: #35aa47; border-color: ""; } .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active { color: #FFFFFF; background-color: #2d8f3c; } .open .green.btn.dropdown-toggle { color: #FFFFFF; background-color: #2d8f3c; } .green.btn:active, .green.btn.active { background-image: none; background-color: #267b34; } .green.btn:active:hover, .green.btn.active:hover { background-color: #298337; } .open .green.btn.dropdown-toggle { background-image: none; } .green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active { background-color: #35aa47; } .green.btn .badge { color: #35aa47; background-color: #FFFFFF; } /* Button Strip */ .btn.green-stripe { border-left: 3px solid #35aa47; } /* Portlet */ .portlet > .portlet-body.green, .portlet.green { background-color: #35aa47; } .portlet.solid.green > .portlet-title, .portlet.solid.green > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green { border: 1px solid #4bc75e; border-top: 0; } .portlet.box.green > .portlet-title { background-color: #35aa47; } .portlet.box.green > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #7ad588; color: #8ddc99; } .portlet.box.green > .portlet-title > .actions .btn-default > i { color: #99dfa4; } .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active { border: 1px solid #a1e2ab; color: #b4e8bc; } /* Statistic Block */ .dashboard-stat.green { background-color: #35aa47; } .dashboard-stat.green.dashboard-stat-light:hover { background-color: #309a41; } .dashboard-stat.green .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green .details .number { color: #FFFFFF; } .dashboard-stat.green .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green .more { color: #FFFFFF; background-color: #309a41; } /* General Element */ .bg-green { border-color: #35aa47 !important; background-image: none !important; background-color: #35aa47 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green { color: #35aa47 !important; } .progress-bar.green { background: #35aa47 !important; color: #FFFFFF !important; } /*** Green Meadow ***/ /* Button */ .green-meadow.btn { color: #FFFFFF; background-color: #1BBC9B; border-color: ""; } .green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active { color: #FFFFFF; background-color: #179d81; } .open .green-meadow.btn.dropdown-toggle { color: #FFFFFF; background-color: #179d81; } .green-meadow.btn:active, .green-meadow.btn.active { background-image: none; background-color: #13866f; } .green-meadow.btn:active:hover, .green-meadow.btn.active:hover { background-color: #158f76; } .open .green-meadow.btn.dropdown-toggle { background-image: none; } .green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active { background-color: #1BBC9B; } .green-meadow.btn .badge { color: #1BBC9B; background-color: #FFFFFF; } /* Button Strip */ .btn.green-meadow-stripe { border-left: 3px solid #1BBC9B; } /* Portlet */ .portlet > .portlet-body.green-meadow, .portlet.green-meadow { background-color: #1BBC9B; } .portlet.solid.green-meadow > .portlet-title, .portlet.solid.green-meadow > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-meadow > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-meadow { border: 1px solid #2ae0bb; border-top: 0; } .portlet.box.green-meadow > .portlet-title { background-color: #1BBC9B; } .portlet.box.green-meadow > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #5fe8cc; color: #75ebd3; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i { color: #83edd7; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active { border: 1px solid #8ceeda; color: #a2f2e1; } /* Statistic Block */ .dashboard-stat.green-meadow { background-color: #1BBC9B; } .dashboard-stat.green-meadow.dashboard-stat-light:hover { background-color: #18aa8c; } .dashboard-stat.green-meadow .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-meadow .details .number { color: #FFFFFF; } .dashboard-stat.green-meadow .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-meadow .more { color: #FFFFFF; background-color: #18aa8c; } /* General Element */ .bg-green-meadow { border-color: #1BBC9B !important; background-image: none !important; background-color: #1BBC9B !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-meadow { color: #1BBC9B !important; } .progress-bar.green-meadow { background: #1BBC9B !important; color: #FFFFFF !important; } /*** Green Seagreen ***/ /* Button */ .green-seagreen.btn { color: #FFFFFF; background-color: #1BA39C; border-color: ""; } .green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active { color: #FFFFFF; background-color: #16847f; } .open .green-seagreen.btn.dropdown-toggle { color: #FFFFFF; background-color: #16847f; } .green-seagreen.btn:active, .green-seagreen.btn.active { background-image: none; background-color: #126e6a; } .green-seagreen.btn:active:hover, .green-seagreen.btn.active:hover { background-color: #147772; } .open .green-seagreen.btn.dropdown-toggle { background-image: none; } .green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active { background-color: #1BA39C; } .green-seagreen.btn .badge { color: #1BA39C; background-color: #FFFFFF; } /* Button Strip */ .btn.green-seagreen-stripe { border-left: 3px solid #1BA39C; } /* Portlet */ .portlet > .portlet-body.green-seagreen, .portlet.green-seagreen { background-color: #1BA39C; } .portlet.solid.green-seagreen > .portlet-title, .portlet.solid.green-seagreen > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-seagreen { border: 1px solid #22cfc6; border-top: 0; } .portlet.box.green-seagreen > .portlet-title { background-color: #1BA39C; } .portlet.box.green-seagreen > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #4de1da; color: #63e5de; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i { color: #70e7e1; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active { border: 1px solid #78e9e3; color: #8eece8; } /* Statistic Block */ .dashboard-stat.green-seagreen { background-color: #1BA39C; } .dashboard-stat.green-seagreen.dashboard-stat-light:hover { background-color: #18918b; } .dashboard-stat.green-seagreen .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-seagreen .details .number { color: #FFFFFF; } .dashboard-stat.green-seagreen .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-seagreen .more { color: #FFFFFF; background-color: #18918b; } /* General Element */ .bg-green-seagreen { border-color: #1BA39C !important; background-image: none !important; background-color: #1BA39C !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-seagreen { color: #1BA39C !important; } .progress-bar.green-seagreen { background: #1BA39C !important; color: #FFFFFF !important; } /*** Green Turquoise ***/ /* Button */ .green-turquoise.btn { color: #FFFFFF; background-color: #36D7B7; border-color: ""; } .green-turquoise.btn:hover, .green-turquoise.btn:focus, .green-turquoise.btn:active, .green-turquoise.btn.active { color: #FFFFFF; background-color: #27c3a4; } .open .green-turquoise.btn.dropdown-toggle { color: #FFFFFF; background-color: #27c3a4; } .green-turquoise.btn:active, .green-turquoise.btn.active { background-image: none; background-color: #22ad92; } .green-turquoise.btn:active:hover, .green-turquoise.btn.active:hover { background-color: #24b699; } .open .green-turquoise.btn.dropdown-toggle { background-image: none; } .green-turquoise.btn.disabled, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:focus, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled.active, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:focus, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled].active, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:focus, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn.active { background-color: #36D7B7; } .green-turquoise.btn .badge { color: #36D7B7; background-color: #FFFFFF; } /* Button Strip */ .btn.green-turquoise-stripe { border-left: 3px solid #36D7B7; } /* Portlet */ .portlet > .portlet-body.green-turquoise, .portlet.green-turquoise { background-color: #36D7B7; } .portlet.solid.green-turquoise > .portlet-title, .portlet.solid.green-turquoise > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-turquoise { border: 1px solid #61dfc6; border-top: 0; } .portlet.box.green-turquoise > .portlet-title { background-color: #36D7B7; } .portlet.box.green-turquoise > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #94ead9; color: #a9eee0; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i { color: #b6f0e5; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active { border: 1px solid #bef2e8; color: #d3f6ef; } /* Statistic Block */ .dashboard-stat.green-turquoise { background-color: #36D7B7; } .dashboard-stat.green-turquoise.dashboard-stat-light:hover { background-color: #29cfae; } .dashboard-stat.green-turquoise .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-turquoise .details .number { color: #FFFFFF; } .dashboard-stat.green-turquoise .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-turquoise .more { color: #FFFFFF; background-color: #29cfae; } /* General Element */ .bg-green-turquoise { border-color: #36D7B7 !important; background-image: none !important; background-color: #36D7B7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-turquoise { color: #36D7B7 !important; } .progress-bar.green-turquoise { background: #36D7B7 !important; color: #FFFFFF !important; } /*** Green Haze ***/ /* Button */ .green-haze.btn { color: #FFFFFF; background-color: #44b6ae; border-color: ""; } .green-haze.btn:hover, .green-haze.btn:focus, .green-haze.btn:active, .green-haze.btn.active { color: #FFFFFF; background-color: #3a9c95; } .open .green-haze.btn.dropdown-toggle { color: #FFFFFF; background-color: #3a9c95; } .green-haze.btn:active, .green-haze.btn.active { background-image: none; background-color: #338983; } .green-haze.btn:active:hover, .green-haze.btn.active:hover { background-color: #36918b; } .open .green-haze.btn.dropdown-toggle { background-image: none; } .green-haze.btn.disabled, .green-haze.btn.disabled:hover, .green-haze.btn.disabled:focus, .green-haze.btn.disabled:active, .green-haze.btn.disabled.active, .green-haze.btn[disabled], .green-haze.btn[disabled]:hover, .green-haze.btn[disabled]:focus, .green-haze.btn[disabled]:active, .green-haze.btn[disabled].active, fieldset[disabled] .green-haze.btn, fieldset[disabled] .green-haze.btn:hover, fieldset[disabled] .green-haze.btn:focus, fieldset[disabled] .green-haze.btn:active, fieldset[disabled] .green-haze.btn.active { background-color: #44b6ae; } .green-haze.btn .badge { color: #44b6ae; background-color: #FFFFFF; } /* Button Strip */ .btn.green-haze-stripe { border-left: 3px solid #44b6ae; } /* Portlet */ .portlet > .portlet-body.green-haze, .portlet.green-haze { background-color: #44b6ae; } .portlet.solid.green-haze > .portlet-title, .portlet.solid.green-haze > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-haze > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-haze { border: 1px solid #67c6bf; border-top: 0; } .portlet.box.green-haze > .portlet-title { background-color: #44b6ae; } .portlet.box.green-haze > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #93d7d2; color: #a6deda; } .portlet.box.green-haze > .portlet-title > .actions .btn-default > i { color: #b1e2de; } .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #b9e5e2; color: #cbece9; } /* Statistic Block */ .dashboard-stat.green-haze { background-color: #44b6ae; } .dashboard-stat.green-haze.dashboard-stat-light:hover { background-color: #3ea7a0; } .dashboard-stat.green-haze .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-haze .details .number { color: #FFFFFF; } .dashboard-stat.green-haze .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-haze .more { color: #FFFFFF; background-color: #3ea7a0; } /* General Element */ .bg-green-haze { border-color: #44b6ae !important; background-image: none !important; background-color: #44b6ae !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-haze { color: #44b6ae !important; } .progress-bar.green-haze { background: #44b6ae !important; color: #FFFFFF !important; } /*** Green Jungle ***/ /* Button */ .green-jungle.btn { color: #FFFFFF; background-color: #26C281; border-color: ""; } .green-jungle.btn:hover, .green-jungle.btn:focus, .green-jungle.btn:active, .green-jungle.btn.active { color: #FFFFFF; background-color: #20a46d; } .open .green-jungle.btn.dropdown-toggle { color: #FFFFFF; background-color: #20a46d; } .green-jungle.btn:active, .green-jungle.btn.active { background-image: none; background-color: #1c8f5f; } .green-jungle.btn:active:hover, .green-jungle.btn.active:hover { background-color: #1e9765; } .open .green-jungle.btn.dropdown-toggle { background-image: none; } .green-jungle.btn.disabled, .green-jungle.btn.disabled:hover, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled.active, .green-jungle.btn[disabled], .green-jungle.btn[disabled]:hover, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled].active, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn:hover, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn.active { background-color: #26C281; } .green-jungle.btn .badge { color: #26C281; background-color: #FFFFFF; } /* Button Strip */ .btn.green-jungle-stripe { border-left: 3px solid #26C281; } /* Portlet */ .portlet > .portlet-body.green-jungle, .portlet.green-jungle { background-color: #26C281; } .portlet.solid.green-jungle > .portlet-title, .portlet.solid.green-jungle > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-jungle > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-jungle { border: 1px solid #41da9a; border-top: 0; } .portlet.box.green-jungle > .portlet-title { background-color: #26C281; } .portlet.box.green-jungle > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #74e4b5; color: #8ae8c1; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i { color: #96ebc8; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active { border: 1px solid #9feccc; color: #b4f0d7; } /* Statistic Block */ .dashboard-stat.green-jungle { background-color: #26C281; } .dashboard-stat.green-jungle.dashboard-stat-light:hover { background-color: #23b176; } .dashboard-stat.green-jungle .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-jungle .details .number { color: #FFFFFF; } .dashboard-stat.green-jungle .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-jungle .more { color: #FFFFFF; background-color: #23b176; } /* General Element */ .bg-green-jungle { border-color: #26C281 !important; background-image: none !important; background-color: #26C281 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-jungle { color: #26C281 !important; } .progress-bar.green-jungle { background: #26C281 !important; color: #FFFFFF !important; } /*** Green Sharp ***/ /* Button */ .green-sharp.btn { color: #FFFFFF; background-color: #4DB3A2; border-color: ""; } .green-sharp.btn:hover, .green-sharp.btn:focus, .green-sharp.btn:active, .green-sharp.btn.active { color: #FFFFFF; background-color: #429a8c; } .open .green-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #429a8c; } .green-sharp.btn:active, .green-sharp.btn.active { background-image: none; background-color: #3a897b; } .green-sharp.btn:active:hover, .green-sharp.btn.active:hover { background-color: #3d9082; } .open .green-sharp.btn.dropdown-toggle { background-image: none; } .green-sharp.btn.disabled, .green-sharp.btn.disabled:hover, .green-sharp.btn.disabled:focus, .green-sharp.btn.disabled:active, .green-sharp.btn.disabled.active, .green-sharp.btn[disabled], .green-sharp.btn[disabled]:hover, .green-sharp.btn[disabled]:focus, .green-sharp.btn[disabled]:active, .green-sharp.btn[disabled].active, fieldset[disabled] .green-sharp.btn, fieldset[disabled] .green-sharp.btn:hover, fieldset[disabled] .green-sharp.btn:focus, fieldset[disabled] .green-sharp.btn:active, fieldset[disabled] .green-sharp.btn.active { background-color: #4DB3A2; } .green-sharp.btn .badge { color: #4DB3A2; background-color: #FFFFFF; } /* Button Strip */ .btn.green-sharp-stripe { border-left: 3px solid #4DB3A2; } /* Portlet */ .portlet > .portlet-body.green-sharp, .portlet.green-sharp { background-color: #4DB3A2; } .portlet.solid.green-sharp > .portlet-title, .portlet.solid.green-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-sharp { border: 1px solid #71c2b5; border-top: 0; } .portlet.box.green-sharp > .portlet-title { background-color: #4DB3A2; } .portlet.box.green-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #9cd5cb; color: #addcd4; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i { color: #b8e1da; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #bfe4de; color: #d1ebe7; } /* Statistic Block */ .dashboard-stat.green-sharp { background-color: #4DB3A2; } .dashboard-stat.green-sharp.dashboard-stat-light:hover { background-color: #46a595; } .dashboard-stat.green-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-sharp .details .number { color: #FFFFFF; } .dashboard-stat.green-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-sharp .more { color: #FFFFFF; background-color: #46a595; } /* General Element */ .bg-green-sharp { border-color: #4DB3A2 !important; background-image: none !important; background-color: #4DB3A2 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-sharp { color: #4DB3A2 !important; } .progress-bar.green-sharp { background: #4DB3A2 !important; color: #FFFFFF !important; } /*** Green Sharp ***/ /* Button */ .green-soft.btn { color: #FFFFFF; background-color: #3faba4; border-color: ""; } .green-soft.btn:hover, .green-soft.btn:focus, .green-soft.btn:active, .green-soft.btn.active { color: #FFFFFF; background-color: #35918b; } .open .green-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #35918b; } .green-soft.btn:active, .green-soft.btn.active { background-image: none; background-color: #2f7e79; } .green-soft.btn:active:hover, .green-soft.btn.active:hover { background-color: #318680; } .open .green-soft.btn.dropdown-toggle { background-image: none; } .green-soft.btn.disabled, .green-soft.btn.disabled:hover, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:active, .green-soft.btn.disabled.active, .green-soft.btn[disabled], .green-soft.btn[disabled]:hover, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:active, .green-soft.btn[disabled].active, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn:hover, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn.active { background-color: #3faba4; } .green-soft.btn .badge { color: #3faba4; background-color: #FFFFFF; } /* Button Strip */ .btn.green-soft-stripe { border-left: 3px solid #3faba4; } /* Portlet */ .portlet > .portlet-body.green-soft, .portlet.green-soft { background-color: #3faba4; } .portlet.solid.green-soft > .portlet-title, .portlet.solid.green-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.green-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-soft { border: 1px solid #5bc2bc; border-top: 0; } .portlet.box.green-soft > .portlet-title { background-color: #3faba4; } .portlet.box.green-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.green-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #87d3ce; color: #9adad6; } .portlet.box.green-soft > .portlet-title > .actions .btn-default > i { color: #a5deda; } .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #ade1dd; color: #bfe7e5; } /* Statistic Block */ .dashboard-stat.green-soft { background-color: #3faba4; } .dashboard-stat.green-soft.dashboard-stat-light:hover { background-color: #3a9c96; } .dashboard-stat.green-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.green-soft .details .number { color: #FFFFFF; } .dashboard-stat.green-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-soft .more { color: #FFFFFF; background-color: #3a9c96; } /* General Element */ .bg-green-soft { border-color: #3faba4 !important; background-image: none !important; background-color: #3faba4 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-green-soft { color: #3faba4 !important; } .progress-bar.green-soft { background: #3faba4 !important; color: #FFFFFF !important; } /*********** Grey Colors ************/ /*** Grey Default ***/ /* Button */ .grey.btn { color: #333333; background-color: #E5E5E5; border-color: ""; } .grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active { color: #333333; background-color: lightgray; } .open .grey.btn.dropdown-toggle { color: #333333; background-color: lightgray; } .grey.btn:active, .grey.btn.active { background-image: none; background-color: #c6c6c6; } .grey.btn:active:hover, .grey.btn.active:hover { background-color: #cccccc; } .open .grey.btn.dropdown-toggle { background-image: none; } .grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active { background-color: #E5E5E5; } .grey.btn .badge { color: #E5E5E5; background-color: #333333; } /* Button Strip */ .btn.grey-stripe { border-left: 3px solid #E5E5E5; } /* Portlet */ .portlet > .portlet-body.grey, .portlet.grey { background-color: #E5E5E5; } .portlet.solid.grey > .portlet-title, .portlet.solid.grey > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey { border: 1px solid white; border-top: 0; } .portlet.box.grey > .portlet-title { background-color: #E5E5E5; } .portlet.box.grey > .portlet-title > .caption { color: #333333; } .portlet.box.grey > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey { background-color: #E5E5E5; } .dashboard-stat.grey.dashboard-stat-light:hover { background-color: #dbdbdb; } .dashboard-stat.grey .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey .details .number { color: #333333; } .dashboard-stat.grey .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey .more { color: #333333; background-color: #dbdbdb; } /* General Element */ .bg-grey { border-color: #E5E5E5 !important; background-image: none !important; background-color: #E5E5E5 !important; color: #333333 !important; } /* General Text & Icon Font Colors */ .font-grey { color: #E5E5E5 !important; } .progress-bar.grey { background: #E5E5E5 !important; color: #333333 !important; } /*** Grey Steel ***/ /* Button */ .grey-steel.btn { color: #80898e; background-color: #e9edef; border-color: ""; } .grey-steel.btn:hover, .grey-steel.btn:focus, .grey-steel.btn:active, .grey-steel.btn.active { color: #80898e; background-color: #d4dce0; } .open .grey-steel.btn.dropdown-toggle { color: #80898e; background-color: #d4dce0; } .grey-steel.btn:active, .grey-steel.btn.active { background-image: none; background-color: #c6d0d5; } .grey-steel.btn:active:hover, .grey-steel.btn.active:hover { background-color: #cbd5da; } .open .grey-steel.btn.dropdown-toggle { background-image: none; } .grey-steel.btn.disabled, .grey-steel.btn.disabled:hover, .grey-steel.btn.disabled:focus, .grey-steel.btn.disabled:active, .grey-steel.btn.disabled.active, .grey-steel.btn[disabled], .grey-steel.btn[disabled]:hover, .grey-steel.btn[disabled]:focus, .grey-steel.btn[disabled]:active, .grey-steel.btn[disabled].active, fieldset[disabled] .grey-steel.btn, fieldset[disabled] .grey-steel.btn:hover, fieldset[disabled] .grey-steel.btn:focus, fieldset[disabled] .grey-steel.btn:active, fieldset[disabled] .grey-steel.btn.active { background-color: #e9edef; } .grey-steel.btn .badge { color: #e9edef; background-color: #80898e; } /* Button Strip */ .btn.grey-steel-stripe { border-left: 3px solid #e9edef; } /* Portlet */ .portlet > .portlet-body.grey-steel, .portlet.grey-steel { background-color: #e9edef; } .portlet.solid.grey-steel > .portlet-title, .portlet.solid.grey-steel > .portlet-body { border: 0; color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-steel { border: 1px solid white; border-top: 0; } .portlet.box.grey-steel > .portlet-title { background-color: #e9edef; } .portlet.box.grey-steel > .portlet-title > .caption { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-steel { background-color: #e9edef; } .dashboard-stat.grey-steel.dashboard-stat-light:hover { background-color: #dde3e6; } .dashboard-stat.grey-steel .visual > i { color: #80898e; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-steel .details .number { color: #80898e; } .dashboard-stat.grey-steel .details .desc { color: #80898e; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-steel .more { color: #80898e; background-color: #dde3e6; } /* General Element */ .bg-grey-steel { border-color: #e9edef !important; background-image: none !important; background-color: #e9edef !important; color: #80898e !important; } /* General Text & Icon Font Colors */ .font-grey-steel { color: #e9edef !important; } .progress-bar.grey-steel { background: #e9edef !important; color: #80898e !important; } /*** Grey Cararra ***/ /* Button */ .grey-cararra.btn { color: #333333; background-color: #fafafa; border-color: ""; } .grey-cararra.btn:hover, .grey-cararra.btn:focus, .grey-cararra.btn:active, .grey-cararra.btn.active { color: #333333; background-color: #e8e8e8; } .open .grey-cararra.btn.dropdown-toggle { color: #333333; background-color: #e8e8e8; } .grey-cararra.btn:active, .grey-cararra.btn.active { background-image: none; background-color: #dbdbdb; } .grey-cararra.btn:active:hover, .grey-cararra.btn.active:hover { background-color: #e1e1e1; } .open .grey-cararra.btn.dropdown-toggle { background-image: none; } .grey-cararra.btn.disabled, .grey-cararra.btn.disabled:hover, .grey-cararra.btn.disabled:focus, .grey-cararra.btn.disabled:active, .grey-cararra.btn.disabled.active, .grey-cararra.btn[disabled], .grey-cararra.btn[disabled]:hover, .grey-cararra.btn[disabled]:focus, .grey-cararra.btn[disabled]:active, .grey-cararra.btn[disabled].active, fieldset[disabled] .grey-cararra.btn, fieldset[disabled] .grey-cararra.btn:hover, fieldset[disabled] .grey-cararra.btn:focus, fieldset[disabled] .grey-cararra.btn:active, fieldset[disabled] .grey-cararra.btn.active { background-color: #fafafa; } .grey-cararra.btn .badge { color: #fafafa; background-color: #333333; } /* Button Strip */ .btn.grey-cararra-stripe { border-left: 3px solid #fafafa; } /* Portlet */ .portlet > .portlet-body.grey-cararra, .portlet.grey-cararra { background-color: #fafafa; } .portlet.solid.grey-cararra > .portlet-title, .portlet.solid.grey-cararra > .portlet-body { border: 0; color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cararra { border: 1px solid white; border-top: 0; } .portlet.box.grey-cararra > .portlet-title { background-color: #fafafa; } .portlet.box.grey-cararra > .portlet-title > .caption { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .caption > i { color: #333333; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-cararra { background-color: #fafafa; } .dashboard-stat.grey-cararra.dashboard-stat-light:hover { background-color: #f0f0f0; } .dashboard-stat.grey-cararra .visual > i { color: #333333; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cararra .details .number { color: #333333; } .dashboard-stat.grey-cararra .details .desc { color: #333333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cararra .more { color: #333333; background-color: #f0f0f0; } /* General Element */ .bg-grey-cararra { border-color: #fafafa !important; background-image: none !important; background-color: #fafafa !important; color: #333333 !important; } /* General Text & Icon Font Colors */ .font-grey-cararra { color: #fafafa !important; } .progress-bar.grey-cararra { background: #fafafa !important; color: #333333 !important; } /*** Grey Gallery ***/ /* Button */ .grey-gallery.btn { color: #ffffff; background-color: #555555; border-color: ""; } .grey-gallery.btn:hover, .grey-gallery.btn:focus, .grey-gallery.btn:active, .grey-gallery.btn.active { color: #ffffff; background-color: #434343; } .open .grey-gallery.btn.dropdown-toggle { color: #ffffff; background-color: #434343; } .grey-gallery.btn:active, .grey-gallery.btn.active { background-image: none; background-color: #363636; } .grey-gallery.btn:active:hover, .grey-gallery.btn.active:hover { background-color: #3c3c3c; } .open .grey-gallery.btn.dropdown-toggle { background-image: none; } .grey-gallery.btn.disabled, .grey-gallery.btn.disabled:hover, .grey-gallery.btn.disabled:focus, .grey-gallery.btn.disabled:active, .grey-gallery.btn.disabled.active, .grey-gallery.btn[disabled], .grey-gallery.btn[disabled]:hover, .grey-gallery.btn[disabled]:focus, .grey-gallery.btn[disabled]:active, .grey-gallery.btn[disabled].active, fieldset[disabled] .grey-gallery.btn, fieldset[disabled] .grey-gallery.btn:hover, fieldset[disabled] .grey-gallery.btn:focus, fieldset[disabled] .grey-gallery.btn:active, fieldset[disabled] .grey-gallery.btn.active { background-color: #555555; } .grey-gallery.btn .badge { color: #555555; background-color: #ffffff; } /* Button Strip */ .btn.grey-gallery-stripe { border-left: 3px solid #555555; } /* Portlet */ .portlet > .portlet-body.grey-gallery, .portlet.grey-gallery { background-color: #555555; } .portlet.solid.grey-gallery > .portlet-title, .portlet.solid.grey-gallery > .portlet-body { border: 0; color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-gallery { border: 1px solid #6f6f6f; border-top: 0; } .portlet.box.grey-gallery > .portlet-title { background-color: #555555; } .portlet.box.grey-gallery > .portlet-title > .caption { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .caption > i { color: #ffffff; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #8d8d8d; color: #9a9a9a; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i { color: #a2a2a2; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active { border: 1px solid #a7a7a7; color: #b3b3b3; } /* Statistic Block */ .dashboard-stat.grey-gallery { background-color: #555555; } .dashboard-stat.grey-gallery.dashboard-stat-light:hover { background-color: #4b4b4b; } .dashboard-stat.grey-gallery .visual > i { color: #ffffff; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-gallery .details .number { color: #ffffff; } .dashboard-stat.grey-gallery .details .desc { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-gallery .more { color: #ffffff; background-color: #4b4b4b; } /* General Element */ .bg-grey-gallery { border-color: #555555 !important; background-image: none !important; background-color: #555555 !important; color: #ffffff !important; } /* General Text & Icon Font Colors */ .font-grey-gallery { color: #555555 !important; } .progress-bar.grey-gallery { background: #555555 !important; color: #ffffff !important; } /*** Grey Cascade ***/ /* Button */ .grey-cascade.btn { color: #FFFFFF; background-color: #95A5A6; border-color: ""; } .grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active { color: #FFFFFF; background-color: #829596; } .open .grey-cascade.btn.dropdown-toggle { color: #FFFFFF; background-color: #829596; } .grey-cascade.btn:active, .grey-cascade.btn.active { background-image: none; background-color: #74898a; } .grey-cascade.btn:active:hover, .grey-cascade.btn.active:hover { background-color: #798d8f; } .open .grey-cascade.btn.dropdown-toggle { background-image: none; } .grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active { background-color: #95A5A6; } .grey-cascade.btn .badge { color: #95A5A6; background-color: #FFFFFF; } /* Button Strip */ .btn.grey-cascade-stripe { border-left: 3px solid #95A5A6; } /* Portlet */ .portlet > .portlet-body.grey-cascade, .portlet.grey-cascade { background-color: #95A5A6; } .portlet.solid.grey-cascade > .portlet-title, .portlet.solid.grey-cascade > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cascade { border: 1px solid #b1bdbd; border-top: 0; } .portlet.box.grey-cascade > .portlet-title { background-color: #95A5A6; } .portlet.box.grey-cascade > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d2d9d9; color: #e0e5e5; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i { color: #e8ecec; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active { border: 1px solid #eef0f0; color: #fcfcfc; } /* Statistic Block */ .dashboard-stat.grey-cascade { background-color: #95A5A6; } .dashboard-stat.grey-cascade.dashboard-stat-light:hover { background-color: #8a9c9d; } .dashboard-stat.grey-cascade .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-cascade .details .number { color: #FFFFFF; } .dashboard-stat.grey-cascade .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cascade .more { color: #FFFFFF; background-color: #8a9c9d; } /* General Element */ .bg-grey-cascade { border-color: #95A5A6 !important; background-image: none !important; background-color: #95A5A6 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-grey-cascade { color: #95A5A6 !important; } .progress-bar.grey-cascade { background: #95A5A6 !important; color: #FFFFFF !important; } /*** Grey Silver ***/ /* Button */ .grey-silver.btn { color: #FAFCFB; background-color: #BFBFBF; border-color: ""; } .grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active { color: #FAFCFB; background-color: #adadad; } .open .grey-silver.btn.dropdown-toggle { color: #FAFCFB; background-color: #adadad; } .grey-silver.btn:active, .grey-silver.btn.active { background-image: none; background-color: #a0a0a0; } .grey-silver.btn:active:hover, .grey-silver.btn.active:hover { background-color: #a6a6a6; } .open .grey-silver.btn.dropdown-toggle { background-image: none; } .grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active { background-color: #BFBFBF; } .grey-silver.btn .badge { color: #BFBFBF; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-silver-stripe { border-left: 3px solid #BFBFBF; } /* Portlet */ .portlet > .portlet-body.grey-silver, .portlet.grey-silver { background-color: #BFBFBF; } .portlet.solid.grey-silver > .portlet-title, .portlet.solid.grey-silver > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-silver { border: 1px solid #d9d9d9; border-top: 0; } .portlet.box.grey-silver > .portlet-title { background-color: #BFBFBF; } .portlet.box.grey-silver > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7f7f7; color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-silver { background-color: #BFBFBF; } .dashboard-stat.grey-silver.dashboard-stat-light:hover { background-color: #b5b5b5; } .dashboard-stat.grey-silver .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-silver .details .number { color: #FAFCFB; } .dashboard-stat.grey-silver .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-silver .more { color: #FAFCFB; background-color: #b5b5b5; } /* General Element */ .bg-grey-silver { border-color: #BFBFBF !important; background-image: none !important; background-color: #BFBFBF !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-silver { color: #BFBFBF !important; } .progress-bar.grey-silver { background: #BFBFBF !important; color: #FAFCFB !important; } /*** Grey Salsa ***/ /* Button */ .grey-salsa.btn { color: #FAFCFB; background-color: #ACB5C3; border-color: ""; } .grey-salsa.btn:hover, .grey-salsa.btn:focus, .grey-salsa.btn:active, .grey-salsa.btn.active { color: #FAFCFB; background-color: #97a3b4; } .open .grey-salsa.btn.dropdown-toggle { color: #FAFCFB; background-color: #97a3b4; } .grey-salsa.btn:active, .grey-salsa.btn.active { background-image: none; background-color: #8895a9; } .grey-salsa.btn:active:hover, .grey-salsa.btn.active:hover { background-color: #8e9bae; } .open .grey-salsa.btn.dropdown-toggle { background-image: none; } .grey-salsa.btn.disabled, .grey-salsa.btn.disabled:hover, .grey-salsa.btn.disabled:focus, .grey-salsa.btn.disabled:active, .grey-salsa.btn.disabled.active, .grey-salsa.btn[disabled], .grey-salsa.btn[disabled]:hover, .grey-salsa.btn[disabled]:focus, .grey-salsa.btn[disabled]:active, .grey-salsa.btn[disabled].active, fieldset[disabled] .grey-salsa.btn, fieldset[disabled] .grey-salsa.btn:hover, fieldset[disabled] .grey-salsa.btn:focus, fieldset[disabled] .grey-salsa.btn:active, fieldset[disabled] .grey-salsa.btn.active { background-color: #ACB5C3; } .grey-salsa.btn .badge { color: #ACB5C3; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-salsa-stripe { border-left: 3px solid #ACB5C3; } /* Portlet */ .portlet > .portlet-body.grey-salsa, .portlet.grey-salsa { background-color: #ACB5C3; } .portlet.solid.grey-salsa > .portlet-title, .portlet.solid.grey-salsa > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salsa { border: 1px solid #cacfd8; border-top: 0; } .portlet.box.grey-salsa > .portlet-title { background-color: #ACB5C3; } .portlet.box.grey-salsa > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #edeff2; color: #fcfcfd; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-salsa { background-color: #ACB5C3; } .dashboard-stat.grey-salsa.dashboard-stat-light:hover { background-color: #a0aaba; } .dashboard-stat.grey-salsa .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salsa .details .number { color: #FAFCFB; } .dashboard-stat.grey-salsa .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salsa .more { color: #FAFCFB; background-color: #a0aaba; } /* General Element */ .bg-grey-salsa { border-color: #ACB5C3 !important; background-image: none !important; background-color: #ACB5C3 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-salsa { color: #ACB5C3 !important; } .progress-bar.grey-salsa { background: #ACB5C3 !important; color: #FAFCFB !important; } /*** Grey Salt ***/ /* Button */ .grey-salt.btn { color: #FAFCFB; background-color: #bfcad1; border-color: ""; } .grey-salt.btn:hover, .grey-salt.btn:focus, .grey-salt.btn:active, .grey-salt.btn.active { color: #FAFCFB; background-color: #aab9c2; } .open .grey-salt.btn.dropdown-toggle { color: #FAFCFB; background-color: #aab9c2; } .grey-salt.btn:active, .grey-salt.btn.active { background-image: none; background-color: #9badb7; } .grey-salt.btn:active:hover, .grey-salt.btn.active:hover { background-color: #a1b1bc; } .open .grey-salt.btn.dropdown-toggle { background-image: none; } .grey-salt.btn.disabled, .grey-salt.btn.disabled:hover, .grey-salt.btn.disabled:focus, .grey-salt.btn.disabled:active, .grey-salt.btn.disabled.active, .grey-salt.btn[disabled], .grey-salt.btn[disabled]:hover, .grey-salt.btn[disabled]:focus, .grey-salt.btn[disabled]:active, .grey-salt.btn[disabled].active, fieldset[disabled] .grey-salt.btn, fieldset[disabled] .grey-salt.btn:hover, fieldset[disabled] .grey-salt.btn:focus, fieldset[disabled] .grey-salt.btn:active, fieldset[disabled] .grey-salt.btn.active { background-color: #bfcad1; } .grey-salt.btn .badge { color: #bfcad1; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-salt-stripe { border-left: 3px solid #bfcad1; } /* Portlet */ .portlet > .portlet-body.grey-salt, .portlet.grey-salt { background-color: #bfcad1; } .portlet.solid.grey-salt > .portlet-title, .portlet.solid.grey-salt > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salt { border: 1px solid #dde3e6; border-top: 0; } .portlet.box.grey-salt > .portlet-title { background-color: #bfcad1; } .portlet.box.grey-salt > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid white; color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i { color: white; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.grey-salt { background-color: #bfcad1; } .dashboard-stat.grey-salt.dashboard-stat-light:hover { background-color: #b3c0c8; } .dashboard-stat.grey-salt .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-salt .details .number { color: #FAFCFB; } .dashboard-stat.grey-salt .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salt .more { color: #FAFCFB; background-color: #b3c0c8; } /* General Element */ .bg-grey-salt { border-color: #bfcad1 !important; background-image: none !important; background-color: #bfcad1 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-salt { color: #bfcad1 !important; } .progress-bar.grey-salt { background: #bfcad1 !important; color: #FAFCFB !important; } /*** Grey Mint ***/ /* Button */ .grey-mint.btn { color: #FAFCFB; background-color: #9eacb4; border-color: ""; } .grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active { color: #FAFCFB; background-color: #8a9ba4; } .open .grey-mint.btn.dropdown-toggle { color: #FAFCFB; background-color: #8a9ba4; } .grey-mint.btn:active, .grey-mint.btn.active { background-image: none; background-color: #7b8e99; } .grey-mint.btn:active:hover, .grey-mint.btn.active:hover { background-color: #81939e; } .open .grey-mint.btn.dropdown-toggle { background-image: none; } .grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active { background-color: #9eacb4; } .grey-mint.btn .badge { color: #9eacb4; background-color: #FAFCFB; } /* Button Strip */ .btn.grey-mint-stripe { border-left: 3px solid #9eacb4; } /* Portlet */ .portlet > .portlet-body.grey-mint, .portlet.grey-mint { background-color: #9eacb4; } .portlet.solid.grey-mint > .portlet-title, .portlet.solid.grey-mint > .portlet-body { border: 0; color: #FAFCFB; } .portlet.solid.grey-mint > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-mint > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-mint { border: 1px solid #bbc5ca; border-top: 0; } .portlet.box.grey-mint > .portlet-title { background-color: #9eacb4; } .portlet.box.grey-mint > .portlet-title > .caption { color: #FAFCFB; } .portlet.box.grey-mint > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #dde2e5; color: #eceef0; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i { color: #f4f6f7; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active { border: 1px solid #fafbfb; color: white; } /* Statistic Block */ .dashboard-stat.grey-mint { background-color: #9eacb4; } .dashboard-stat.grey-mint.dashboard-stat-light:hover { background-color: #92a2ab; } .dashboard-stat.grey-mint .visual > i { color: #FAFCFB; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.grey-mint .details .number { color: #FAFCFB; } .dashboard-stat.grey-mint .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-mint .more { color: #FAFCFB; background-color: #92a2ab; } /* General Element */ .bg-grey-mint { border-color: #9eacb4 !important; background-image: none !important; background-color: #9eacb4 !important; color: #FAFCFB !important; } /* General Text & Icon Font Colors */ .font-grey-mint { color: #9eacb4 !important; } .progress-bar.grey-mint { background: #9eacb4 !important; color: #FAFCFB !important; } /*********** Red Colors ************/ /*** Red Default ***/ /* Button */ .red.btn { color: #FFFFFF; background-color: #d84a38; border-color: ""; } .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active { color: #FFFFFF; background-color: #c63927; } .open .red.btn.dropdown-toggle { color: #FFFFFF; background-color: #c63927; } .red.btn:active, .red.btn.active { background-image: none; background-color: #b03223; } .red.btn:active:hover, .red.btn.active:hover { background-color: #b93524; } .open .red.btn.dropdown-toggle { background-image: none; } .red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active { background-color: #d84a38; } .red.btn .badge { color: #d84a38; background-color: #FFFFFF; } /* Button Strip */ .btn.red-stripe { border-left: 3px solid #d84a38; } /* Portlet */ .portlet > .portlet-body.red, .portlet.red { background-color: #d84a38; } .portlet.solid.red > .portlet-title, .portlet.solid.red > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red { border: 1px solid #e07163; border-top: 0; } .portlet.box.red > .portlet-title { background-color: #d84a38; } .portlet.box.red > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ea9f96; color: #efb3ab; } .portlet.box.red > .portlet-title > .actions .btn-default > i { color: #f1beb8; } .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active { border: 1px solid #f3c6c0; color: #f7dad6; } /* Statistic Block */ .dashboard-stat.red { background-color: #d84a38; } .dashboard-stat.red.dashboard-stat-light:hover { background-color: #d23c29; } .dashboard-stat.red .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red .details .number { color: #FFFFFF; } .dashboard-stat.red .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red .more { color: #FFFFFF; background-color: #d23c29; } /* General Element */ .bg-red { border-color: #d84a38 !important; background-image: none !important; background-color: #d84a38 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red { color: #d84a38 !important; } .progress-bar.red { background: #d84a38 !important; color: #FFFFFF !important; } /*** Red Pink ***/ /* Button */ .red-pink.btn { color: #FFFFFF; background-color: #E08283; border-color: ""; } .red-pink.btn:hover, .red-pink.btn:focus, .red-pink.btn:active, .red-pink.btn.active { color: #FFFFFF; background-color: #d96567; } .open .red-pink.btn.dropdown-toggle { color: #FFFFFF; background-color: #d96567; } .red-pink.btn:active, .red-pink.btn.active { background-image: none; background-color: #d45152; } .red-pink.btn:active:hover, .red-pink.btn.active:hover { background-color: #d6595a; } .open .red-pink.btn.dropdown-toggle { background-image: none; } .red-pink.btn.disabled, .red-pink.btn.disabled:hover, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:active, .red-pink.btn.disabled.active, .red-pink.btn[disabled], .red-pink.btn[disabled]:hover, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:active, .red-pink.btn[disabled].active, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn:hover, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn.active { background-color: #E08283; } .red-pink.btn .badge { color: #E08283; background-color: #FFFFFF; } /* Button Strip */ .btn.red-pink-stripe { border-left: 3px solid #E08283; } /* Portlet */ .portlet > .portlet-body.red-pink, .portlet.red-pink { background-color: #E08283; } .portlet.solid.red-pink > .portlet-title, .portlet.solid.red-pink > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-pink > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-pink > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-pink { border: 1px solid #eaabac; border-top: 0; } .portlet.box.red-pink > .portlet-title { background-color: #E08283; } .portlet.box.red-pink > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-pink > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-pink > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f6dcdc; color: #fbf0f0; } .portlet.box.red-pink > .portlet-title > .actions .btn-default > i { color: #fefdfd; } .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default.active { border: 1px solid white; color: white; } /* Statistic Block */ .dashboard-stat.red-pink { background-color: #E08283; } .dashboard-stat.red-pink.dashboard-stat-light:hover { background-color: #dc7273; } .dashboard-stat.red-pink .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-pink .details .number { color: #FFFFFF; } .dashboard-stat.red-pink .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-pink .more { color: #FFFFFF; background-color: #dc7273; } /* General Element */ .bg-red-pink { border-color: #E08283 !important; background-image: none !important; background-color: #E08283 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-pink { color: #E08283 !important; } .progress-bar.red-pink { background: #E08283 !important; color: #FFFFFF !important; } /*** Red Sunglo ***/ /* Button */ .red-sunglo.btn { color: #FFFFFF; background-color: #E26A6A; border-color: ""; } .red-sunglo.btn:hover, .red-sunglo.btn:focus, .red-sunglo.btn:active, .red-sunglo.btn.active { color: #FFFFFF; background-color: #dc4c4c; } .open .red-sunglo.btn.dropdown-toggle { color: #FFFFFF; background-color: #dc4c4c; } .red-sunglo.btn:active, .red-sunglo.btn.active { background-image: none; background-color: #d83737; } .red-sunglo.btn:active:hover, .red-sunglo.btn.active:hover { background-color: #da3f3f; } .open .red-sunglo.btn.dropdown-toggle { background-image: none; } .red-sunglo.btn.disabled, .red-sunglo.btn.disabled:hover, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled.active, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled]:hover, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled].active, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn:hover, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn.active { background-color: #E26A6A; } .red-sunglo.btn .badge { color: #E26A6A; background-color: #FFFFFF; } /* Button Strip */ .btn.red-sunglo-stripe { border-left: 3px solid #E26A6A; } /* Portlet */ .portlet > .portlet-body.red-sunglo, .portlet.red-sunglo { background-color: #E26A6A; } .portlet.solid.red-sunglo > .portlet-title, .portlet.solid.red-sunglo > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-sunglo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-sunglo { border: 1px solid #ea9595; border-top: 0; } .portlet.box.red-sunglo > .portlet-title { background-color: #E26A6A; } .portlet.box.red-sunglo > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-sunglo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f4c8c8; color: #f8dddd; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i { color: #fbeaea; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf3f3; color: white; } /* Statistic Block */ .dashboard-stat.red-sunglo { background-color: #E26A6A; } .dashboard-stat.red-sunglo.dashboard-stat-light:hover { background-color: #df5959; } .dashboard-stat.red-sunglo .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-sunglo .details .number { color: #FFFFFF; } .dashboard-stat.red-sunglo .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-sunglo .more { color: #FFFFFF; background-color: #df5959; } /* General Element */ .bg-red-sunglo { border-color: #E26A6A !important; background-image: none !important; background-color: #E26A6A !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-sunglo { color: #E26A6A !important; } .progress-bar.red-sunglo { background: #E26A6A !important; color: #FFFFFF !important; } /*** Red Intense ***/ /* Button */ .red-intense.btn { color: #FFFFFF; background-color: #e35b5a; border-color: ""; } .red-intense.btn:hover, .red-intense.btn:focus, .red-intense.btn:active, .red-intense.btn.active { color: #FFFFFF; background-color: #de3d3b; } .open .red-intense.btn.dropdown-toggle { color: #FFFFFF; background-color: #de3d3b; } .red-intense.btn:active, .red-intense.btn.active { background-image: none; background-color: #da2726; } .red-intense.btn:active:hover, .red-intense.btn.active:hover { background-color: #dc302e; } .open .red-intense.btn.dropdown-toggle { background-image: none; } .red-intense.btn.disabled, .red-intense.btn.disabled:hover, .red-intense.btn.disabled:focus, .red-intense.btn.disabled:active, .red-intense.btn.disabled.active, .red-intense.btn[disabled], .red-intense.btn[disabled]:hover, .red-intense.btn[disabled]:focus, .red-intense.btn[disabled]:active, .red-intense.btn[disabled].active, fieldset[disabled] .red-intense.btn, fieldset[disabled] .red-intense.btn:hover, fieldset[disabled] .red-intense.btn:focus, fieldset[disabled] .red-intense.btn:active, fieldset[disabled] .red-intense.btn.active { background-color: #e35b5a; } .red-intense.btn .badge { color: #e35b5a; background-color: #FFFFFF; } /* Button Strip */ .btn.red-intense-stripe { border-left: 3px solid #e35b5a; } /* Portlet */ .portlet > .portlet-body.red-intense, .portlet.red-intense { background-color: #e35b5a; } .portlet.solid.red-intense > .portlet-title, .portlet.solid.red-intense > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-intense > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-intense { border: 1px solid #ea8686; border-top: 0; } .portlet.box.red-intense > .portlet-title { background-color: #e35b5a; } .portlet.box.red-intense > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f3baba; color: #f7d0d0; } .portlet.box.red-intense > .portlet-title > .actions .btn-default > i { color: #f9dddd; } .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #fbe6e6; color: #fefbfb; } /* Statistic Block */ .dashboard-stat.red-intense { background-color: #e35b5a; } .dashboard-stat.red-intense.dashboard-stat-light:hover { background-color: #e04a49; } .dashboard-stat.red-intense .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-intense .details .number { color: #FFFFFF; } .dashboard-stat.red-intense .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-intense .more { color: #FFFFFF; background-color: #e04a49; } /* General Element */ .bg-red-intense { border-color: #e35b5a !important; background-image: none !important; background-color: #e35b5a !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-intense { color: #e35b5a !important; } .progress-bar.red-intense { background: #e35b5a !important; color: #FFFFFF !important; } /*** Red Thunderbird ***/ /* Button */ .red-thunderbird.btn { color: #FFFFFF; background-color: #D91E18; border-color: ""; } .red-thunderbird.btn:hover, .red-thunderbird.btn:focus, .red-thunderbird.btn:active, .red-thunderbird.btn.active { color: #FFFFFF; background-color: #b91a14; } .open .red-thunderbird.btn.dropdown-toggle { color: #FFFFFF; background-color: #b91a14; } .red-thunderbird.btn:active, .red-thunderbird.btn.active { background-image: none; background-color: #a21612; } .red-thunderbird.btn:active:hover, .red-thunderbird.btn.active:hover { background-color: #ab1813; } .open .red-thunderbird.btn.dropdown-toggle { background-image: none; } .red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled]:hover, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled].active, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn:hover, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn.active { background-color: #D91E18; } .red-thunderbird.btn .badge { color: #D91E18; background-color: #FFFFFF; } /* Button Strip */ .btn.red-thunderbird-stripe { border-left: 3px solid #D91E18; } /* Portlet */ .portlet > .portlet-body.red-thunderbird, .portlet.red-thunderbird { background-color: #D91E18; } .portlet.solid.red-thunderbird > .portlet-title, .portlet.solid.red-thunderbird > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-thunderbird > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-thunderbird { border: 1px solid #e9403b; border-top: 0; } .portlet.box.red-thunderbird > .portlet-title { background-color: #D91E18; } .portlet.box.red-thunderbird > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-thunderbird > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ef7672; color: #f28c89; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i { color: #f39997; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active { border: 1px solid #f4a2a0; color: #f7b9b7; } /* Statistic Block */ .dashboard-stat.red-thunderbird { background-color: #D91E18; } .dashboard-stat.red-thunderbird.dashboard-stat-light:hover { background-color: #c71b16; } .dashboard-stat.red-thunderbird .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-thunderbird .details .number { color: #FFFFFF; } .dashboard-stat.red-thunderbird .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-thunderbird .more { color: #FFFFFF; background-color: #c71b16; } /* General Element */ .bg-red-thunderbird { border-color: #D91E18 !important; background-image: none !important; background-color: #D91E18 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-thunderbird { color: #D91E18 !important; } .progress-bar.red-thunderbird { background: #D91E18 !important; color: #FFFFFF !important; } /*** Red Flamingo ***/ /* Button */ .red-flamingo.btn { color: #FFFFFF; background-color: #EF4836; border-color: ""; } .red-flamingo.btn:hover, .red-flamingo.btn:focus, .red-flamingo.btn:active, .red-flamingo.btn.active { color: #FFFFFF; background-color: #ec2a15; } .open .red-flamingo.btn.dropdown-toggle { color: #FFFFFF; background-color: #ec2a15; } .red-flamingo.btn:active, .red-flamingo.btn.active { background-image: none; background-color: #d72411; } .red-flamingo.btn:active:hover, .red-flamingo.btn.active:hover { background-color: #e02612; } .open .red-flamingo.btn.dropdown-toggle { background-image: none; } .red-flamingo.btn.disabled, .red-flamingo.btn.disabled:hover, .red-flamingo.btn.disabled:focus, .red-flamingo.btn.disabled:active, .red-flamingo.btn.disabled.active, .red-flamingo.btn[disabled], .red-flamingo.btn[disabled]:hover, .red-flamingo.btn[disabled]:focus, .red-flamingo.btn[disabled]:active, .red-flamingo.btn[disabled].active, fieldset[disabled] .red-flamingo.btn, fieldset[disabled] .red-flamingo.btn:hover, fieldset[disabled] .red-flamingo.btn:focus, fieldset[disabled] .red-flamingo.btn:active, fieldset[disabled] .red-flamingo.btn.active { background-color: #EF4836; } .red-flamingo.btn .badge { color: #EF4836; background-color: #FFFFFF; } /* Button Strip */ .btn.red-flamingo-stripe { border-left: 3px solid #EF4836; } /* Portlet */ .portlet > .portlet-body.red-flamingo, .portlet.red-flamingo { background-color: #EF4836; } .portlet.solid.red-flamingo > .portlet-title, .portlet.solid.red-flamingo > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-flamingo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-flamingo { border: 1px solid #f37365; border-top: 0; } .portlet.box.red-flamingo > .portlet-title { background-color: #EF4836; } .portlet.box.red-flamingo > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-flamingo > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #f7a79e; color: #f9bcb6; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i { color: #fac9c4; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active { border: 1px solid #fbd2cd; color: #fde7e5; } /* Statistic Block */ .dashboard-stat.red-flamingo { background-color: #EF4836; } .dashboard-stat.red-flamingo.dashboard-stat-light:hover { background-color: #ed3723; } .dashboard-stat.red-flamingo .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-flamingo .details .number { color: #FFFFFF; } .dashboard-stat.red-flamingo .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-flamingo .more { color: #FFFFFF; background-color: #ed3723; } /* General Element */ .bg-red-flamingo { border-color: #EF4836 !important; background-image: none !important; background-color: #EF4836 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-flamingo { color: #EF4836 !important; } .progress-bar.red-flamingo { background: #EF4836 !important; color: #FFFFFF !important; } /*** Red Flamingo ***/ /* Button */ .red-soft.btn { color: #FFFFFF; background-color: #d05454; border-color: ""; } .red-soft.btn:hover, .red-soft.btn:focus, .red-soft.btn:active, .red-soft.btn.active { color: #FFFFFF; background-color: #c83838; } .open .red-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #c83838; } .red-soft.btn:active, .red-soft.btn.active { background-image: none; background-color: #b53232; } .red-soft.btn:active:hover, .red-soft.btn.active:hover { background-color: #bd3434; } .open .red-soft.btn.dropdown-toggle { background-image: none; } .red-soft.btn.disabled, .red-soft.btn.disabled:hover, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:active, .red-soft.btn.disabled.active, .red-soft.btn[disabled], .red-soft.btn[disabled]:hover, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:active, .red-soft.btn[disabled].active, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn:hover, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn.active { background-color: #d05454; } .red-soft.btn .badge { color: #d05454; background-color: #FFFFFF; } /* Button Strip */ .btn.red-soft-stripe { border-left: 3px solid #d05454; } /* Portlet */ .portlet > .portlet-body.red-soft, .portlet.red-soft { background-color: #d05454; } .portlet.solid.red-soft > .portlet-title, .portlet.solid.red-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-soft { border: 1px solid #db7c7c; border-top: 0; } .portlet.box.red-soft > .portlet-title { background-color: #d05454; } .portlet.box.red-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e8acac; color: #eec0c0; } .portlet.box.red-soft > .portlet-title > .actions .btn-default > i { color: #f1cccc; } .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #f3d4d4; color: #f9e8e8; } /* Statistic Block */ .dashboard-stat.red-soft { background-color: #d05454; } .dashboard-stat.red-soft.dashboard-stat-light:hover { background-color: #cc4444; } .dashboard-stat.red-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-soft .details .number { color: #FFFFFF; } .dashboard-stat.red-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-soft .more { color: #FFFFFF; background-color: #cc4444; } /* General Element */ .bg-red-soft { border-color: #d05454 !important; background-image: none !important; background-color: #d05454 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-soft { color: #d05454 !important; } .progress-bar.red-soft { background: #d05454 !important; color: #FFFFFF !important; } /*** Red Haze ***/ /* Button */ .red-haze.btn { color: #FFFFFF; background-color: #f36a5a; border-color: ""; } .red-haze.btn:hover, .red-haze.btn:focus, .red-haze.btn:active, .red-haze.btn.active { color: #FFFFFF; background-color: #f14c39; } .open .red-haze.btn.dropdown-toggle { color: #FFFFFF; background-color: #f14c39; } .red-haze.btn:active, .red-haze.btn.active { background-image: none; background-color: #ef3621; } .red-haze.btn:active:hover, .red-haze.btn.active:hover { background-color: #f03f2a; } .open .red-haze.btn.dropdown-toggle { background-image: none; } .red-haze.btn.disabled, .red-haze.btn.disabled:hover, .red-haze.btn.disabled:focus, .red-haze.btn.disabled:active, .red-haze.btn.disabled.active, .red-haze.btn[disabled], .red-haze.btn[disabled]:hover, .red-haze.btn[disabled]:focus, .red-haze.btn[disabled]:active, .red-haze.btn[disabled].active, fieldset[disabled] .red-haze.btn, fieldset[disabled] .red-haze.btn:hover, fieldset[disabled] .red-haze.btn:focus, fieldset[disabled] .red-haze.btn:active, fieldset[disabled] .red-haze.btn.active { background-color: #f36a5a; } .red-haze.btn .badge { color: #f36a5a; background-color: #FFFFFF; } /* Button Strip */ .btn.red-haze-stripe { border-left: 3px solid #f36a5a; } /* Portlet */ .portlet > .portlet-body.red-haze, .portlet.red-haze { background-color: #f36a5a; } .portlet.solid.red-haze > .portlet-title, .portlet.solid.red-haze > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.red-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.red-haze > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-haze { border: 1px solid #f6958a; border-top: 0; } .portlet.box.red-haze > .portlet-title { background-color: #f36a5a; } .portlet.box.red-haze > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.red-haze > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.red-haze > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbc8c3; color: #fcdeda; } .portlet.box.red-haze > .portlet-title > .actions .btn-default > i { color: #fdebe9; } .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default.active { border: 1px solid #fef3f2; color: white; } /* Statistic Block */ .dashboard-stat.red-haze { background-color: #f36a5a; } .dashboard-stat.red-haze.dashboard-stat-light:hover { background-color: #f25947; } .dashboard-stat.red-haze .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.red-haze .details .number { color: #FFFFFF; } .dashboard-stat.red-haze .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-haze .more { color: #FFFFFF; background-color: #f25947; } /* General Element */ .bg-red-haze { border-color: #f36a5a !important; background-image: none !important; background-color: #f36a5a !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-red-haze { color: #f36a5a !important; } .progress-bar.red-haze { background: #f36a5a !important; color: #FFFFFF !important; } /*********** Yellow Colors ************/ /*** Yellow Default ***/ /* Button */ .yellow.btn { color: #FFFFFF; background-color: #FFB848; border-color: ""; } .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active { color: #FFFFFF; background-color: #ffaa24; } .open .yellow.btn.dropdown-toggle { color: #FFFFFF; background-color: #ffaa24; } .yellow.btn:active, .yellow.btn.active { background-image: none; background-color: #ffa00b; } .yellow.btn:active:hover, .yellow.btn.active:hover { background-color: #ffa415; } .open .yellow.btn.dropdown-toggle { background-image: none; } .yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active { background-color: #FFB848; } .yellow.btn .badge { color: #FFB848; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-stripe { border-left: 3px solid #FFB848; } /* Portlet */ .portlet > .portlet-body.yellow, .portlet.yellow { background-color: #FFB848; } .portlet.solid.yellow > .portlet-title, .portlet.solid.yellow > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow { border: 1px solid #ffcc7b; border-top: 0; } .portlet.box.yellow > .portlet-title { background-color: #FFB848; } .portlet.box.yellow > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ffe4b8; color: #ffedd2; } .portlet.box.yellow > .portlet-title > .actions .btn-default > i { color: #fff3e1; } .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default.active { border: 1px solid #fff7eb; color: white; } /* Statistic Block */ .dashboard-stat.yellow { background-color: #FFB848; } .dashboard-stat.yellow.dashboard-stat-light:hover { background-color: #ffb034; } .dashboard-stat.yellow .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow .details .number { color: #FFFFFF; } .dashboard-stat.yellow .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow .more { color: #FFFFFF; background-color: #ffb034; } /* General Element */ .bg-yellow { border-color: #FFB848 !important; background-image: none !important; background-color: #FFB848 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow { color: #FFB848 !important; } .progress-bar.yellow { background: #FFB848 !important; color: #FFFFFF !important; } /*** Yellow Gold ***/ /* Button */ .yellow-gold.btn { color: #FFFFFF; background-color: #E87E04; border-color: ""; } .yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active { color: #FFFFFF; background-color: #c56b03; } .open .yellow-gold.btn.dropdown-toggle { color: #FFFFFF; background-color: #c56b03; } .yellow-gold.btn:active, .yellow-gold.btn.active { background-image: none; background-color: #ac5d03; } .yellow-gold.btn:active:hover, .yellow-gold.btn.active:hover { background-color: #b66303; } .open .yellow-gold.btn.dropdown-toggle { background-image: none; } .yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active { background-color: #E87E04; } .yellow-gold.btn .badge { color: #E87E04; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-gold-stripe { border-left: 3px solid #E87E04; } /* Portlet */ .portlet > .portlet-body.yellow-gold, .portlet.yellow-gold { background-color: #E87E04; } .portlet.solid.yellow-gold > .portlet-title, .portlet.solid.yellow-gold > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-gold > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-gold { border: 1px solid #fb9724; border-top: 0; } .portlet.box.yellow-gold > .portlet-title { background-color: #E87E04; } .portlet.box.yellow-gold > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-gold > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fcb460; color: #fdbf79; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i { color: #fdc788; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active { border: 1px solid #fdcb92; color: #fed7ab; } /* Statistic Block */ .dashboard-stat.yellow-gold { background-color: #E87E04; } .dashboard-stat.yellow-gold.dashboard-stat-light:hover { background-color: #d47304; } .dashboard-stat.yellow-gold .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-gold .details .number { color: #FFFFFF; } .dashboard-stat.yellow-gold .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-gold .more { color: #FFFFFF; background-color: #d47304; } /* General Element */ .bg-yellow-gold { border-color: #E87E04 !important; background-image: none !important; background-color: #E87E04 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-gold { color: #E87E04 !important; } .progress-bar.yellow-gold { background: #E87E04 !important; color: #FFFFFF !important; } /*** Yellow Casablanca ***/ /* Button */ .yellow-casablanca.btn { color: #FFFFFF; background-color: #f2784b; border-color: ""; } .yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { color: #FFFFFF; background-color: #f05f2a; } .open .yellow-casablanca.btn.dropdown-toggle { color: #FFFFFF; background-color: #f05f2a; } .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { background-image: none; background-color: #ee4d12; } .yellow-casablanca.btn:active:hover, .yellow-casablanca.btn.active:hover { background-color: #ef541b; } .open .yellow-casablanca.btn.dropdown-toggle { background-image: none; } .yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active { background-color: #f2784b; } .yellow-casablanca.btn .badge { color: #f2784b; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-casablanca-stripe { border-left: 3px solid #f2784b; } /* Portlet */ .portlet > .portlet-body.yellow-casablanca, .portlet.yellow-casablanca { background-color: #f2784b; } .portlet.solid.yellow-casablanca > .portlet-title, .portlet.solid.yellow-casablanca > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-casablanca > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-casablanca { border: 1px solid #f59c7b; border-top: 0; } .portlet.box.yellow-casablanca > .portlet-title { background-color: #f2784b; } .portlet.box.yellow-casablanca > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-casablanca > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fac6b4; color: #fbd8cb; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i { color: #fce3da; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active { border: 1px solid #fdeae3; color: #fffcfb; } /* Statistic Block */ .dashboard-stat.yellow-casablanca { background-color: #f2784b; } .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover { background-color: #f16a38; } .dashboard-stat.yellow-casablanca .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-casablanca .details .number { color: #FFFFFF; } .dashboard-stat.yellow-casablanca .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-casablanca .more { color: #FFFFFF; background-color: #f16a38; } /* General Element */ .bg-yellow-casablanca { border-color: #f2784b !important; background-image: none !important; background-color: #f2784b !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-casablanca { color: #f2784b !important; } .progress-bar.yellow-casablanca { background: #f2784b !important; color: #FFFFFF !important; } /*** Yellow Crusta ***/ /* Button */ .yellow-crusta.btn { color: #FFFFFF; background-color: #f3c200; border-color: ""; } .yellow-crusta.btn:hover, .yellow-crusta.btn:focus, .yellow-crusta.btn:active, .yellow-crusta.btn.active { color: #FFFFFF; background-color: #cfa500; } .open .yellow-crusta.btn.dropdown-toggle { color: #FFFFFF; background-color: #cfa500; } .yellow-crusta.btn:active, .yellow-crusta.btn.active { background-image: none; background-color: #b69100; } .yellow-crusta.btn:active:hover, .yellow-crusta.btn.active:hover { background-color: #c09900; } .open .yellow-crusta.btn.dropdown-toggle { background-image: none; } .yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled]:hover, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled].active, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn:hover, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn.active { background-color: #f3c200; } .yellow-crusta.btn .badge { color: #f3c200; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-crusta-stripe { border-left: 3px solid #f3c200; } /* Portlet */ .portlet > .portlet-body.yellow-crusta, .portlet.yellow-crusta { background-color: #f3c200; } .portlet.solid.yellow-crusta > .portlet-title, .portlet.solid.yellow-crusta > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-crusta > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-crusta { border: 1px solid #ffd327; border-top: 0; } .portlet.box.yellow-crusta > .portlet-title { background-color: #f3c200; } .portlet.box.yellow-crusta > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-crusta > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #ffe064; color: #ffe57e; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i { color: #ffe88d; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active { border: 1px solid #ffea97; color: #ffefb1; } /* Statistic Block */ .dashboard-stat.yellow-crusta { background-color: #f3c200; } .dashboard-stat.yellow-crusta.dashboard-stat-light:hover { background-color: #dfb200; } .dashboard-stat.yellow-crusta .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-crusta .details .number { color: #FFFFFF; } .dashboard-stat.yellow-crusta .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-crusta .more { color: #FFFFFF; background-color: #dfb200; } /* General Element */ .bg-yellow-crusta { border-color: #f3c200 !important; background-image: none !important; background-color: #f3c200 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-crusta { color: #f3c200 !important; } .progress-bar.yellow-crusta { background: #f3c200 !important; color: #FFFFFF !important; } /*** Yellow Lemon ***/ /* Button */ .yellow-lemon.btn { color: #FFFFFF; background-color: #F7CA18; border-color: ""; } .yellow-lemon.btn:hover, .yellow-lemon.btn:focus, .yellow-lemon.btn:active, .yellow-lemon.btn.active { color: #FFFFFF; background-color: #e3b708; } .open .yellow-lemon.btn.dropdown-toggle { color: #FFFFFF; background-color: #e3b708; } .yellow-lemon.btn:active, .yellow-lemon.btn.active { background-image: none; background-color: #cba307; } .yellow-lemon.btn:active:hover, .yellow-lemon.btn.active:hover { background-color: #d5ab07; } .open .yellow-lemon.btn.dropdown-toggle { background-image: none; } .yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled]:hover, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled].active, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn:hover, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn.active { background-color: #F7CA18; } .yellow-lemon.btn .badge { color: #F7CA18; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-lemon-stripe { border-left: 3px solid #F7CA18; } /* Portlet */ .portlet > .portlet-body.yellow-lemon, .portlet.yellow-lemon { background-color: #F7CA18; } .portlet.solid.yellow-lemon > .portlet-title, .portlet.solid.yellow-lemon > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-lemon > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-lemon { border: 1px solid #f9d549; border-top: 0; } .portlet.box.yellow-lemon > .portlet-title { background-color: #F7CA18; } .portlet.box.yellow-lemon > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-lemon > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #fbe384; color: #fce99d; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i { color: #fcecac; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active { border: 1px solid #fceeb6; color: #fdf4ce; } /* Statistic Block */ .dashboard-stat.yellow-lemon { background-color: #F7CA18; } .dashboard-stat.yellow-lemon.dashboard-stat-light:hover { background-color: #f2c308; } .dashboard-stat.yellow-lemon .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-lemon .details .number { color: #FFFFFF; } .dashboard-stat.yellow-lemon .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-lemon .more { color: #FFFFFF; background-color: #f2c308; } /* General Element */ .bg-yellow-lemon { border-color: #F7CA18 !important; background-image: none !important; background-color: #F7CA18 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-lemon { color: #F7CA18 !important; } .progress-bar.yellow-lemon { background: #F7CA18 !important; color: #FFFFFF !important; } /*** Yellow Saffron ***/ /* Button */ .yellow-saffron.btn { color: #FFFFFF; background-color: #F4D03F; border-color: ""; } .yellow-saffron.btn:hover, .yellow-saffron.btn:focus, .yellow-saffron.btn:active, .yellow-saffron.btn.active { color: #FFFFFF; background-color: #f2c81d; } .open .yellow-saffron.btn.dropdown-toggle { color: #FFFFFF; background-color: #f2c81d; } .yellow-saffron.btn:active, .yellow-saffron.btn.active { background-image: none; background-color: #e8bd0d; } .yellow-saffron.btn:active:hover, .yellow-saffron.btn.active:hover { background-color: #f1c40f; } .open .yellow-saffron.btn.dropdown-toggle { background-image: none; } .yellow-saffron.btn.disabled, .yellow-saffron.btn.disabled:hover, .yellow-saffron.btn.disabled:focus, .yellow-saffron.btn.disabled:active, .yellow-saffron.btn.disabled.active, .yellow-saffron.btn[disabled], .yellow-saffron.btn[disabled]:hover, .yellow-saffron.btn[disabled]:focus, .yellow-saffron.btn[disabled]:active, .yellow-saffron.btn[disabled].active, fieldset[disabled] .yellow-saffron.btn, fieldset[disabled] .yellow-saffron.btn:hover, fieldset[disabled] .yellow-saffron.btn:focus, fieldset[disabled] .yellow-saffron.btn:active, fieldset[disabled] .yellow-saffron.btn.active { background-color: #F4D03F; } .yellow-saffron.btn .badge { color: #F4D03F; background-color: #FFFFFF; } /* Button Strip */ .btn.yellow-saffron-stripe { border-left: 3px solid #F4D03F; } /* Portlet */ .portlet > .portlet-body.yellow-saffron, .portlet.yellow-saffron { background-color: #F4D03F; } .portlet.solid.yellow-saffron > .portlet-title, .portlet.solid.yellow-saffron > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.yellow-saffron > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-saffron { border: 1px solid #f7dc6f; border-top: 0; } .portlet.box.yellow-saffron > .portlet-title { background-color: #F4D03F; } .portlet.box.yellow-saffron > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.yellow-saffron > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #faeaa9; color: #fbf0c1; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i { color: #fcf3d0; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active { border: 1px solid #fdf6d9; color: #fefcf1; } /* Statistic Block */ .dashboard-stat.yellow-saffron { background-color: #F4D03F; } .dashboard-stat.yellow-saffron.dashboard-stat-light:hover { background-color: #f3cb2c; } .dashboard-stat.yellow-saffron .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.yellow-saffron .details .number { color: #FFFFFF; } .dashboard-stat.yellow-saffron .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-saffron .more { color: #FFFFFF; background-color: #f3cb2c; } /* General Element */ .bg-yellow-saffron { border-color: #F4D03F !important; background-image: none !important; background-color: #F4D03F !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-yellow-saffron { color: #F4D03F !important; } .progress-bar.yellow-saffron { background: #F4D03F !important; color: #FFFFFF !important; } /*********** Purple Colors ************/ /*** Purple Default ***/ /* Button */ .purple.btn { color: #FFFFFF; background-color: #8E44AD; border-color: ""; } .purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active { color: #FFFFFF; background-color: #793a93; } .open .purple.btn.dropdown-toggle { color: #FFFFFF; background-color: #793a93; } .purple.btn:active, .purple.btn.active { background-image: none; background-color: #6a3381; } .purple.btn:active:hover, .purple.btn.active:hover { background-color: #703688; } .open .purple.btn.dropdown-toggle { background-image: none; } .purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active { background-color: #8E44AD; } .purple.btn .badge { color: #8E44AD; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-stripe { border-left: 3px solid #8E44AD; } /* Portlet */ .portlet > .portlet-body.purple, .portlet.purple { background-color: #8E44AD; } .portlet.solid.purple > .portlet-title, .portlet.solid.purple > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple > .portlet-title { background-color: #8E44AD; } .portlet.box.purple > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } /* Statistic Block */ .dashboard-stat.purple { background-color: #8E44AD; } .dashboard-stat.purple.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple .details .number { color: #FFFFFF; } .dashboard-stat.purple .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple .more { color: #FFFFFF; background-color: #823e9e; } /* General Element */ .bg-purple { border-color: #8E44AD !important; background-image: none !important; background-color: #8E44AD !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple { color: #8E44AD !important; } .progress-bar.purple { background: #8E44AD !important; color: #FFFFFF !important; } /*** Purple Plum ***/ /* Button */ .purple-plum.btn { color: #FFFFFF; background-color: #8775a7; border-color: ""; } .purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active { color: #FFFFFF; background-color: #746198; } .open .purple-plum.btn.dropdown-toggle { color: #FFFFFF; background-color: #746198; } .purple-plum.btn:active, .purple-plum.btn.active { background-image: none; background-color: #685788; } .purple-plum.btn:active:hover, .purple-plum.btn.active:hover { background-color: #6d5b8e; } .open .purple-plum.btn.dropdown-toggle { background-image: none; } .purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active { background-color: #8775a7; } .purple-plum.btn .badge { color: #8775a7; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-plum-stripe { border-left: 3px solid #8775a7; } /* Portlet */ .portlet > .portlet-body.purple-plum, .portlet.purple-plum { background-color: #8775a7; } .portlet.solid.purple-plum > .portlet-title, .portlet.solid.purple-plum > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-plum > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-plum > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-plum { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-plum > .portlet-title { background-color: #8775a7; } .portlet.box.purple-plum > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-plum > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } /* Statistic Block */ .dashboard-stat.purple-plum { background-color: #8775a7; } .dashboard-stat.purple-plum.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-plum .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-plum .details .number { color: #FFFFFF; } .dashboard-stat.purple-plum .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-plum .more { color: #FFFFFF; background-color: #7c699f; } /* General Element */ .bg-purple-plum { border-color: #8775a7 !important; background-image: none !important; background-color: #8775a7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-plum { color: #8775a7 !important; } .progress-bar.purple-plum { background: #8775a7 !important; color: #FFFFFF !important; } /*** Purple Medium ***/ /* Button */ .purple-medium.btn { color: #FFFFFF; background-color: #BF55EC; border-color: ""; } .purple-medium.btn:hover, .purple-medium.btn:focus, .purple-medium.btn:active, .purple-medium.btn.active { color: #FFFFFF; background-color: #b335e8; } .open .purple-medium.btn.dropdown-toggle { color: #FFFFFF; background-color: #b335e8; } .purple-medium.btn:active, .purple-medium.btn.active { background-image: none; background-color: #aa1ee6; } .purple-medium.btn:active:hover, .purple-medium.btn.active:hover { background-color: #ae27e7; } .open .purple-medium.btn.dropdown-toggle { background-image: none; } .purple-medium.btn.disabled, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:focus, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled.active, .purple-medium.btn[disabled], .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:focus, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled].active, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:focus, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn.active { background-color: #BF55EC; } .purple-medium.btn .badge { color: #BF55EC; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-medium-stripe { border-left: 3px solid #BF55EC; } /* Portlet */ .portlet > .portlet-body.purple-medium, .portlet.purple-medium { background-color: #BF55EC; } .portlet.solid.purple-medium > .portlet-title, .portlet.solid.purple-medium > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-medium > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-medium > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-medium { border: 1px solid #d083f1; border-top: 0; } .portlet.box.purple-medium > .portlet-title { background-color: #BF55EC; } .portlet.box.purple-medium > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-medium > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #e5baf7; color: #eed1fa; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i { color: #f3dffb; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active { border: 1px solid #f6e8fc; color: white; } /* Statistic Block */ .dashboard-stat.purple-medium { background-color: #BF55EC; } .dashboard-stat.purple-medium.dashboard-stat-light:hover { background-color: #b843ea; } .dashboard-stat.purple-medium .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-medium .details .number { color: #FFFFFF; } .dashboard-stat.purple-medium .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-medium .more { color: #FFFFFF; background-color: #b843ea; } /* General Element */ .bg-purple-medium { border-color: #BF55EC !important; background-image: none !important; background-color: #BF55EC !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-medium { color: #BF55EC !important; } .progress-bar.purple-medium { background: #BF55EC !important; color: #FFFFFF !important; } /*** Purple Studio ***/ /* Button */ .purple-studio.btn { color: #FFFFFF; background-color: #8E44AD; border-color: ""; } .purple-studio.btn:hover, .purple-studio.btn:focus, .purple-studio.btn:active, .purple-studio.btn.active { color: #FFFFFF; background-color: #793a93; } .open .purple-studio.btn.dropdown-toggle { color: #FFFFFF; background-color: #793a93; } .purple-studio.btn:active, .purple-studio.btn.active { background-image: none; background-color: #6a3381; } .purple-studio.btn:active:hover, .purple-studio.btn.active:hover { background-color: #703688; } .open .purple-studio.btn.dropdown-toggle { background-image: none; } .purple-studio.btn.disabled, .purple-studio.btn.disabled:hover, .purple-studio.btn.disabled:focus, .purple-studio.btn.disabled:active, .purple-studio.btn.disabled.active, .purple-studio.btn[disabled], .purple-studio.btn[disabled]:hover, .purple-studio.btn[disabled]:focus, .purple-studio.btn[disabled]:active, .purple-studio.btn[disabled].active, fieldset[disabled] .purple-studio.btn, fieldset[disabled] .purple-studio.btn:hover, fieldset[disabled] .purple-studio.btn:focus, fieldset[disabled] .purple-studio.btn:active, fieldset[disabled] .purple-studio.btn.active { background-color: #8E44AD; } .purple-studio.btn .badge { color: #8E44AD; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-studio-stripe { border-left: 3px solid #8E44AD; } /* Portlet */ .portlet > .portlet-body.purple-studio, .portlet.purple-studio { background-color: #8E44AD; } .portlet.solid.purple-studio > .portlet-title, .portlet.solid.purple-studio > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-studio > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-studio > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-studio { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple-studio > .portlet-title { background-color: #8E44AD; } .portlet.box.purple-studio > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-studio > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active { border: 1px solid #d4b3e1; color: #dec5e8; } /* Statistic Block */ .dashboard-stat.purple-studio { background-color: #8E44AD; } .dashboard-stat.purple-studio.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple-studio .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-studio .details .number { color: #FFFFFF; } .dashboard-stat.purple-studio .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-studio .more { color: #FFFFFF; background-color: #823e9e; } /* General Element */ .bg-purple-studio { border-color: #8E44AD !important; background-image: none !important; background-color: #8E44AD !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-studio { color: #8E44AD !important; } .progress-bar.purple-studio { background: #8E44AD !important; color: #FFFFFF !important; } /*** Purple Wisteria ***/ /* Button */ .purple-wisteria.btn { color: #FFFFFF; background-color: #9B59B6; border-color: ""; } .purple-wisteria.btn:hover, .purple-wisteria.btn:focus, .purple-wisteria.btn:active, .purple-wisteria.btn.active { color: #FFFFFF; background-color: #8948a3; } .open .purple-wisteria.btn.dropdown-toggle { color: #FFFFFF; background-color: #8948a3; } .purple-wisteria.btn:active, .purple-wisteria.btn.active { background-image: none; background-color: #7a4092; } .purple-wisteria.btn:active:hover, .purple-wisteria.btn.active:hover { background-color: #804399; } .open .purple-wisteria.btn.dropdown-toggle { background-image: none; } .purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled]:hover, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled].active, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn:hover, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn.active { background-color: #9B59B6; } .purple-wisteria.btn .badge { color: #9B59B6; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-wisteria-stripe { border-left: 3px solid #9B59B6; } /* Portlet */ .portlet > .portlet-body.purple-wisteria, .portlet.purple-wisteria { background-color: #9B59B6; } .portlet.solid.purple-wisteria > .portlet-title, .portlet.solid.purple-wisteria > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-wisteria > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-wisteria { border: 1px solid #b07cc6; border-top: 0; } .portlet.box.purple-wisteria > .portlet-title { background-color: #9B59B6; } .portlet.box.purple-wisteria > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-wisteria > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #caa7d8; color: #d5b9e0; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i { color: #dbc3e5; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active { border: 1px solid #dfcae8; color: #eadcf0; } /* Statistic Block */ .dashboard-stat.purple-wisteria { background-color: #9B59B6; } .dashboard-stat.purple-wisteria.dashboard-stat-light:hover { background-color: #924dae; } .dashboard-stat.purple-wisteria .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-wisteria .details .number { color: #FFFFFF; } .dashboard-stat.purple-wisteria .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-wisteria .more { color: #FFFFFF; background-color: #924dae; } /* General Element */ .bg-purple-wisteria { border-color: #9B59B6 !important; background-image: none !important; background-color: #9B59B6 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-wisteria { color: #9B59B6 !important; } .progress-bar.purple-wisteria { background: #9B59B6 !important; color: #FFFFFF !important; } /*** Purple Seance ***/ /* Button */ .purple-seance.btn { color: #FFFFFF; background-color: #9A12B3; border-color: ""; } .purple-seance.btn:hover, .purple-seance.btn:focus, .purple-seance.btn:active, .purple-seance.btn.active { color: #FFFFFF; background-color: #7e0f93; } .open .purple-seance.btn.dropdown-toggle { color: #FFFFFF; background-color: #7e0f93; } .purple-seance.btn:active, .purple-seance.btn.active { background-image: none; background-color: #6a0c7b; } .purple-seance.btn:active:hover, .purple-seance.btn.active:hover { background-color: #720d85; } .open .purple-seance.btn.dropdown-toggle { background-image: none; } .purple-seance.btn.disabled, .purple-seance.btn.disabled:hover, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled.active, .purple-seance.btn[disabled], .purple-seance.btn[disabled]:hover, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled].active, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn:hover, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn.active { background-color: #9A12B3; } .purple-seance.btn .badge { color: #9A12B3; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-seance-stripe { border-left: 3px solid #9A12B3; } /* Portlet */ .portlet > .portlet-body.purple-seance, .portlet.purple-seance { background-color: #9A12B3; } .portlet.solid.purple-seance > .portlet-title, .portlet.solid.purple-seance > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-seance > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-seance > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-seance { border: 1px solid #c217e1; border-top: 0; } .portlet.box.purple-seance > .portlet-title { background-color: #9A12B3; } .portlet.box.purple-seance > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-seance > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #d349ed; color: #d960ef; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i { color: #dc6ef0; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active { border: 1px solid #de77f1; color: #e48ef4; } /* Statistic Block */ .dashboard-stat.purple-seance { background-color: #9A12B3; } .dashboard-stat.purple-seance.dashboard-stat-light:hover { background-color: #8a10a0; } .dashboard-stat.purple-seance .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-seance .details .number { color: #FFFFFF; } .dashboard-stat.purple-seance .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-seance .more { color: #FFFFFF; background-color: #8a10a0; } /* General Element */ .bg-purple-seance { border-color: #9A12B3 !important; background-image: none !important; background-color: #9A12B3 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-seance { color: #9A12B3 !important; } .progress-bar.purple-seance { background: #9A12B3 !important; color: #FFFFFF !important; } /*** Purple Intense ***/ /* Button */ .purple-intense.btn { color: #FFFFFF; background-color: #8775a7; border-color: ""; } .purple-intense.btn:hover, .purple-intense.btn:focus, .purple-intense.btn:active, .purple-intense.btn.active { color: #FFFFFF; background-color: #746198; } .open .purple-intense.btn.dropdown-toggle { color: #FFFFFF; background-color: #746198; } .purple-intense.btn:active, .purple-intense.btn.active { background-image: none; background-color: #685788; } .purple-intense.btn:active:hover, .purple-intense.btn.active:hover { background-color: #6d5b8e; } .open .purple-intense.btn.dropdown-toggle { background-image: none; } .purple-intense.btn.disabled, .purple-intense.btn.disabled:hover, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled.active, .purple-intense.btn[disabled], .purple-intense.btn[disabled]:hover, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled].active, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn:hover, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn.active { background-color: #8775a7; } .purple-intense.btn .badge { color: #8775a7; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-intense-stripe { border-left: 3px solid #8775a7; } /* Portlet */ .portlet > .portlet-body.purple-intense, .portlet.purple-intense { background-color: #8775a7; } .portlet.solid.purple-intense > .portlet-title, .portlet.solid.purple-intense > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-intense > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-intense { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-intense > .portlet-title { background-color: #8775a7; } .portlet.box.purple-intense > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-intense > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active { border: 1px solid #ded9e7; color: #ebe8f0; } /* Statistic Block */ .dashboard-stat.purple-intense { background-color: #8775a7; } .dashboard-stat.purple-intense.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-intense .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-intense .details .number { color: #FFFFFF; } .dashboard-stat.purple-intense .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-intense .more { color: #FFFFFF; background-color: #7c699f; } /* General Element */ .bg-purple-intense { border-color: #8775a7 !important; background-image: none !important; background-color: #8775a7 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-intense { color: #8775a7 !important; } .progress-bar.purple-intense { background: #8775a7 !important; color: #FFFFFF !important; } /*** Purple Sharp ***/ /* Button */ .purple-sharp.btn { color: #FFFFFF; background-color: #796799; border-color: ""; } .purple-sharp.btn:hover, .purple-sharp.btn:focus, .purple-sharp.btn:active, .purple-sharp.btn.active { color: #FFFFFF; background-color: #685884; } .open .purple-sharp.btn.dropdown-toggle { color: #FFFFFF; background-color: #685884; } .purple-sharp.btn:active, .purple-sharp.btn.active { background-image: none; background-color: #5c4e75; } .purple-sharp.btn:active:hover, .purple-sharp.btn.active:hover { background-color: #61527b; } .open .purple-sharp.btn.dropdown-toggle { background-image: none; } .purple-sharp.btn.disabled, .purple-sharp.btn.disabled:hover, .purple-sharp.btn.disabled:focus, .purple-sharp.btn.disabled:active, .purple-sharp.btn.disabled.active, .purple-sharp.btn[disabled], .purple-sharp.btn[disabled]:hover, .purple-sharp.btn[disabled]:focus, .purple-sharp.btn[disabled]:active, .purple-sharp.btn[disabled].active, fieldset[disabled] .purple-sharp.btn, fieldset[disabled] .purple-sharp.btn:hover, fieldset[disabled] .purple-sharp.btn:focus, fieldset[disabled] .purple-sharp.btn:active, fieldset[disabled] .purple-sharp.btn.active { background-color: #796799; } .purple-sharp.btn .badge { color: #796799; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-sharp-stripe { border-left: 3px solid #796799; } /* Portlet */ .portlet > .portlet-body.purple-sharp, .portlet.purple-sharp { background-color: #796799; } .portlet.solid.purple-sharp > .portlet-title, .portlet.solid.purple-sharp > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-sharp { border: 1px solid #9486ad; border-top: 0; } .portlet.box.purple-sharp > .portlet-title { background-color: #796799; } .portlet.box.purple-sharp > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-sharp > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #b4aac6; color: #c2b9d0; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i { color: #cac3d6; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active { border: 1px solid #cfc9db; color: #ddd8e5; } /* Statistic Block */ .dashboard-stat.purple-sharp { background-color: #796799; } .dashboard-stat.purple-sharp.dashboard-stat-light:hover { background-color: #6f5f8d; } .dashboard-stat.purple-sharp .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-sharp .details .number { color: #FFFFFF; } .dashboard-stat.purple-sharp .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-sharp .more { color: #FFFFFF; background-color: #6f5f8d; } /* General Element */ .bg-purple-sharp { border-color: #796799 !important; background-image: none !important; background-color: #796799 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-sharp { color: #796799 !important; } .progress-bar.purple-sharp { background: #796799 !important; color: #FFFFFF !important; } /*** Purple Soft ***/ /* Button */ .purple-soft.btn { color: #FFFFFF; background-color: #8877a9; border-color: ""; } .purple-soft.btn:hover, .purple-soft.btn:focus, .purple-soft.btn:active, .purple-soft.btn.active { color: #FFFFFF; background-color: #75629b; } .open .purple-soft.btn.dropdown-toggle { color: #FFFFFF; background-color: #75629b; } .purple-soft.btn:active, .purple-soft.btn.active { background-image: none; background-color: #69588b; } .purple-soft.btn:active:hover, .purple-soft.btn.active:hover { background-color: #6e5c91; } .open .purple-soft.btn.dropdown-toggle { background-image: none; } .purple-soft.btn.disabled, .purple-soft.btn.disabled:hover, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled.active, .purple-soft.btn[disabled], .purple-soft.btn[disabled]:hover, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled].active, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn:hover, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn.active { background-color: #8877a9; } .purple-soft.btn .badge { color: #8877a9; background-color: #FFFFFF; } /* Button Strip */ .btn.purple-soft-stripe { border-left: 3px solid #8877a9; } /* Portlet */ .portlet > .portlet-body.purple-soft, .portlet.purple-soft { background-color: #8877a9; } .portlet.solid.purple-soft > .portlet-title, .portlet.solid.purple-soft > .portlet-body { border: 0; color: #FFFFFF; } .portlet.solid.purple-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.solid.purple-soft > .portlet-title > .tools > a.remove { background-image: url(/img/portlet-remove-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.config { background-image: url(/img/portlet-config-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.reload { background-image: url(/img/portlet-reload-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.expand { background-image: url(/img/portlet-expand-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse { background-image: url(/img/portlet-collapse-icon-white.png); } .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-soft { border: 1px solid #a396bd; border-top: 0; } .portlet.box.purple-soft > .portlet-title { background-color: #8877a9; } .portlet.box.purple-soft > .portlet-title > .caption { color: #FFFFFF; } .portlet.box.purple-soft > .portlet-title > .caption > i { color: #FFFFFF; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #c4bcd4; color: #d2cbde; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i { color: #dad5e4; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active { border: 1px solid #dfdbe8; color: #edebf2; } /* Statistic Block */ .dashboard-stat.purple-soft { background-color: #8877a9; } .dashboard-stat.purple-soft.dashboard-stat-light:hover { background-color: #7d6ba1; } .dashboard-stat.purple-soft .visual > i { color: #FFFFFF; opacity: 0.1; filter: alpha(opacity=10); } .dashboard-stat.purple-soft .details .number { color: #FFFFFF; } .dashboard-stat.purple-soft .details .desc { color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-soft .more { color: #FFFFFF; background-color: #7d6ba1; } /* General Element */ .bg-purple-soft { border-color: #8877a9 !important; background-image: none !important; background-color: #8877a9 !important; color: #FFFFFF !important; } /* General Text & Icon Font Colors */ .font-purple-soft { color: #8877a9 !important; } .progress-bar.purple-soft { background: #8877a9 !important; color: #FFFFFF !important; } /*** Transparent Button ***/ .btn-transparent.btn { background: transparent; color: #888; } /****************************** 3RD PARTY PLUGIN CUSTOMIZATION ******************************/ /*** Bootstrap Colorpicker ***/ .input-group.color .input-group-btn i { position: absolute; display: block; cursor: pointer; width: 20px; height: 20px; right: 6px; } .colorpicker.dropdown-menu { padding: 5px; } /* change z-index when opened in modal */ .modal-open .colorpicker { z-index: 10055 !important; } /*** Bootstrap Datepaginator ***/ .datepaginator a { font-family: "Open Sans"; font-size: 13px; font-weight: 300; } .datepicker .today { background-image: none !important; filter: none !important; } #dp-calendar { right: 4px !important; } .datepaginator .fa-angle-right:before { content: "\F105"; } .datepaginator .fa-angle-left:before { content: "\F104"; } /*** Bootstrap Datepicker ***/ .datepicker.dropdown-menu { padding: 5px; } .datepicker .selected { background-color: #909090 !important; background-image: none !important; filter: none !important; } .datepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datepicker .input-daterange input { text-align: left; } /* change z-index when opened in modal */ .modal-open .datepicker { z-index: 10055 !important; } .datepicker table td { color: #000; font-weight: 300 !important; font-family: "Open Sans" !important; } .datepicker table th { color: #333; font-family: "Open Sans" !important; font-weight: 400 !important; } .datepicker.dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } /*** Bootstrap Daterangepicker ***/ .modal-open .daterangepicker { z-index: 10055 !important; } .daterangepicker { margin-top: 4px; } .daterangepicker td { text-shadow: none; } .daterangepicker td.active { background-color: #4b8df8; background-image: none; filter: none; } .daterangepicker th { font-weight: 400; font-size: 14px; } .daterangepicker .ranges input[type=text] { width: 70px !important; font-size: 11px; vertical-align: middle; } .daterangepicker .ranges label { font-weight: 300; display: block; } .daterangepicker .ranges .btn { margin-top: 10px; } .daterangepicker.dropdown-menu { padding: 5px; } .daterangepicker .ranges li { color: #333; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #4b8df8 !important; border: 1px solid #4b8df8 !important; color: #fff; } .daterangepicker .range_inputs input { margin-bottom: 0 !important; } .daterangepicker .fa-angle-right:before { content: "\F105"; } .daterangepicker .fa-angle-left:before { content: "\F104"; } /*** Bootstrap Datetimepicker ***/ .datetimepicker table td { color: #000; font-weight: 300 !important; font-family: "Open Sans" !important; } .datetimepicker table th { font-family: "Open Sans" !important; font-weight: 400 !important; } .datetimepicker.dropdown-menu { padding: 5px; } .datetimepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datetimepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datetimepicker .fa-angle-left:before { content: "\F104"; } .datetimepicker .fa-angle-right:before { content: "\F105"; } /* change z-index when opened in modal */ .modal-open .datetimepicker { z-index: 10055 !important; } /*** Bootstrap Editable ***/ .editable-input table, .editable-input table th, .editable-input table td, .editable-input table tr { border: 0 !important; } .editable-input .combodate select { margin-bottom: 5px; } /*** Jansy File Input plugin css changes ***/ .fileinput { margin-bottom: 0; } .fileinput .close { float: none; } .fileinput .input-group { white-space: nowrap; overflow: hidden; } /*** Bootstrap Markdown ***/ .md-input { padding: 5px !important; border-bottom: 0 !important; border-radius: 0 0 4px 4px; } .md-editor { border-radius: 4px; } .md-editor .btn-toolbar { margin-left: 0px; border-radius: 4px 4px 0 0; } .md-editor .btn-toolbar .btn-group .btn-sm.btn { padding-bottom: 3px; } .md-editor .btn-toolbar .btn-group .btn-primary { padding-top: 5px; padding-bottom: 7px; } .md-editor.active { border: 1px solid #999999; box-shadow: none !important; } /*** Error state for WYSIWYG Editors ***/ .has-error .md-editor { border: 1px solid #ebccd1 !important; } .has-success .md-editor { border: 1px solid #d6e9c6 !important; } .has-warning .md-editor { border: 1px solid #faebcc !important; } /*** Bootstrap Modal ***/ /* fix: content shifting to the right on modal open */ .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y: auto !important; } .modal-scrollable { overflow: hidden !important; } /* BS 3.3.1 fix */ .modal-backdrop { position: fixed; bottom: 0; } /*** Bootstrap Select ***/ .bootstrap-select .btn { border-color: #e5e5e5; } .has-error .bootstrap-select .btn { border-color: #ebccd1; } .has-success .bootstrap-select .btn { border-color: #d6e9c6; } .has-warning .bootstrap-select .btn { border-color: #faebcc; } .bootstrap-select.open .btn { border-color: #999; } .bootstrap-select.open.dropup .btn { border-color: #999; } .bootstrap-select .btn:focus { outline: none !important; outline-offset: 0; } .bootstrap-select.btn-group .dropdown-menu { margin-top: 1px; } .bootstrap-select.btn-group .dropdown-menu > li > dt > .text { font-weight: 600; font-family: "Open Sans"; font-size: 14px; } .bootstrap-select.btn-group .dropdown-menu .text-muted { color: #999 !important; } .bootstrap-select .caret { border: 0; width: auto; height: auto; margin-top: -10px !important; } .bootstrap-select .caret:before { content: "\F107"; display: inline-block; border: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; } .bootstrap-select .selected i { color: #aaa; } .bootstrap-select .dropdown-menu { z-index: 9999 !important; } /*** Bootstrap Switch ***/ .bootstrap-switch { border-color: #e5e5e5; } .bootstrap-switch.bootstrap-switch-focused { box-shadow: none; border-color: #e5e5e5; } /*** Color variants ***/ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #428bca; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #89C4F4; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #45B6AF; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { color: #fff; background: #dfba49; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #F3565D; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #444; background: #ececec; } /* Bootstrap switch on portlet headers */ .portlet > .portlet-title > .actions > .bootstrap-switch { border-color: transparent; margin-top: 0px; } /*** Bootstrap Time Picker ***/ .bootstrap-timepicker-widget table td a { padding: 4px 0; } .bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus { outline: none !important; border: 0; } .modal-open .bootstrap-timepicker-widget { z-index: 10055 !important; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before, .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto; } /*** Toastr Notifications ***/ .toast { box-shadow: none !important; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast .toast-close-button { display: inline-block; margin-top: 0px; margin-right: 0px; text-indent: -100000px; width: 11px; height: 16px; background-repeat: no-repeat !important; background-image: url("/img/portlet-remove-icon-white.png") !important; } .toast-top-center { top: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-top-center .toast { margin: 0 !important; } .toast-bottom-center { bottom: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-bottom-center .toast { margin: 0 !important; } /*** Bootstrap Wizard ***/ .form-wizard .progress { margin-bottom: 30px; } .form-wizard .steps { padding: 10px 0; margin-bottom: 15px; background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step { background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step:hover { background: none; } .form-wizard .steps > li > a.step > .number { background-color: #eee; display: inline-block; text-align: center !important; font-size: 16px; font-weight: 300; padding: 11px 15px 13px 15px; margin-right: 10px; height: 45px; width: 45px; border-radius: 50% !important; } .form-wizard .steps > li > a.step > .desc { display: inline-block; font-size: 16px; font-weight: 300; } .form-wizard .steps > li > a.step > .desc > i { display: none; } .form-wizard .steps > li.active > a.step .number { background-color: #45B6AF; color: #fff; } .form-wizard .steps > li.active > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .number { background-color: #dfba49; color: #fff; } .form-wizard .steps > li.done > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .desc i { font-size: 12px; font-weight: normal; color: #999; display: inline-block; } @media (min-width: 768px) and (max-width: 1200px) { /* 768px & 1200px */ .form-wizard .step .desc { margin-top: 10px; display: block; } } @media (max-width: 768px) { /* 768px */ .form-wizard .steps > li > a { text-align: left; } } /*** wysihtml5 ***/ .wysihtml5-sandbox { width: 100% !important; } .wysihtml5-toolbar li { margin: 0px; height: 29px; } .wysihtml5-toolbar li .dropdown-menu { margin-top: 5px; } /*** Error state for WYSIWYG Editors ***/ .has-error .wysihtml5-sandbox { border: 1px solid #ebccd1 !important; } .has-success .wysihtml5-sandbox { border: 1px solid #d6e9c6 !important; } .has-warning .wysihtml5-sandbox { border: 1px solid #faebcc !important; } /*** Error state for WYSIWYG Editors ***/ .note-editor { border: 1px solid #e5e5e5; border-radius: 4px; } .note-editor .note-toolbar { border-bottom: 1px solid #e5e5e5; border-radius: 4px 4px 0 0; } .note-editor .note-statusbar { border-radius: 0 0 4px 4px; } .note-editor .note-statusbar .note-resizebar { border-top: 1px solid #e5e5e5; } .note-editor.fullscreen { z-index: 11000; width: 100% !important; } .note-editor .dropdown-menu:before { left: 9px; right: auto; } .note-editor .dropdown-menu:after { left: 10px; right: auto; } .note-link-dialog .checkbox { margin-left: 20px; } .has-error .note-editor { border: 1px solid #ebccd1 !important; } .has-success .note-editor { border: 1px solid #d6e9c6 !important; } .has-warning .note-editor { border: 1px solid #faebcc !important; } /*** Bootstrap GtreeTable ***/ .gtreetable .dropdown-menu { margin-top: 0px; } .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before { display: none !important; } .gtreetable .node-action .form-control { position: relative; top: 2px; display: inline-block; } .gtreetable .node-icon-selected, .gtreetable .node-icon-handle, .gtreetable .node-icon-ce, .gtreetable .node-icon-type { opacity: 0.6; filter: alpha(opacity=60); } /*** Bootbox ***/ .bootbox .bootbox-close-button { margin-top: 0px !important; } /*** CKEditor css changes ***/ .cke { border-radius: 4px; } .cke .cke-top { border-radius: 4px 4px 0 0; } .cke .cke-bottom { border-radius: 0 0 4px 4px; } .cke_bottom, .cke_inner, .cke_top, .cke_reset, .cke_dialog_title, .cke_dialog_footer, .cke_dialog { background-image: none !important; filter: none; border-top: 0; border-bottom: 0; box-shadow: none !important; text-shadow: none; } .cke_dialog_ui_button, .cke_dialog_tab { background-image: none !important; filter: none; box-shadow: none !important; text-shadow: none !important; } .cke_dialog_ui_button:hover, .cke_dialog_tab:hover { text-decoration: none; text-shadow: none; } .cke_dialog_ui_input_text { background-image: none !important; filter: none; box-shadow: none !important; } .cke_combo_button, .cke_button, .cke_toolbar, .cke_toolgroup { background-image: none !important; filter: none !important; border: 0; box-shadow: none !important; } .cke_button, .cke_combo_button, .cke_panel_grouptitle, .cke_hc.cke_panel_listItem a { background-image: none !important; filter: none; text-shadow: none; } .cke_button:hover, .cke_combo_button:hover { background-color: #ddd; } .cke_toolbar_break { background-image: none !important; filter: none !important; border: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; } /*** Error state for WYSIWYG Editors ***/ .has-error .cke { border: 1px solid #ebccd1 !important; } .has-success .cke { border: 1px solid #d6e9c6 !important; } .has-warning .cke { border: 1px solid #faebcc !important; } /*** Clockface ***/ .modal-open .clockface { z-index: 10055 !important; } .clockface .cell .inner.active, .clockface .cell .outer.active { background-color: #4b8df8 !important; background-image: none; filter: none; } /*** Datatables Plugin(in v1.3) ***/ .dataTable { width: 100%; clear: both; margin-top: 5px; } .dataTables_filter .form-control { margin-left: 4px; } .dataTables_filter label { line-height: 32px; } .dataTable .row-details { margin-top: 3px; display: inline-block; cursor: pointer; width: 14px; height: 14px; } .dataTable .row-details.row-details-close { background: url("/img/datatable-row-openclose.png") no-repeat 0 0; } .dataTable .row-details.row-details-open { background: url("/img/datatable-row-openclose.png") no-repeat 0 -23px; } .dataTable .details { background-color: #eee; } .dataTable .details td, .dataTable .details th { padding: 4px; background: none; border: 0; } .dataTable .details tr:hover td, .dataTable .details tr:hover th { background: none; } .dataTable .details tr:nth-child(odd) td, .dataTable .details tr:nth-child(odd) th { background-color: #eee; } .dataTable .details tr:nth-child(even) td, .dataTable .details tr:nth-child(even) th { background-color: #eee; } .dataTable > thead > tr > th.sorting, .dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc { padding-right: 18px; } .dataTable .table-checkbox { width: 8px !important; } @media (max-width: 768px) { .dataTables_wrapper .dataTables_length .form-control, .dataTables_wrapper .dataTables_filter .form-control { display: inline-block; } .dataTables_wrapper .dataTables_info { top: 17px; } .dataTables_wrapper .dataTables_paginate { margin-top: -15px; } } @media (max-width: 480px) { .dataTables_wrapper .dataTables_filter .form-control { width: 175px !important; } .dataTables_wrapper .dataTables_paginate { float: left; margin-top: 20px; } } .dataTables_processing { position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: 0; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .dataTables_processing span { line-height: 15px; vertical-align: middle; } .dataTables_empty { text-align: center; } /*** TableTools ***/ .tabletools-btn-group { margin: 0 0 10px 0; } .tabletools-btn-group > .btn { margin-right: 5px; } .tabletools-btn-group > .btn:last-child { margin-right: 0; } .tabletools-dropdown-on-portlet { margin-top: -45px; float: right; } .tabletools-dropdown-on-portlet > .btn { margin-right: 5px; } .tabletools-dropdown-on-portlet > .btn:last-child { margin-right: 0; } .DTTT_Print { background-color: #fff; } .DTTT_Print .DTTT_PrintMessage { display: none; } @media print { .DTTT_Print .DTTT_PrintMessage { display: inline-block; } } .DTTT_Print .DTTT_Print_Info { display: block; position: fixed; top: 35px; font-size: 18px; width: 700px; left: 50%; margin-left: -350px; text-align: center; } .DTTT_Print .page-sidebar, .DTTT_Print .page-header, .DTTT_Print .page-footer { display: none; } .DTTT_Print .page-content-wrapper { float: none; } .DTTT_Print .row, .DTTT_Print [class*=col-] { padding: 0; margin: 0; } .DTTT_Print .page-content { margin: 50px auto !important; border: 0 !important; width: 800px !important; padding: 0 !important; } .DTTT_Print .page-content .portlet { border: 0; padding: 0; } .DTTT_Print .page-content .portlet .portlet-body { padding: 0; } .DTTT_Print .page-content .dataTables_wrapper { padding: 0; margin: 0; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); } @media print { .DTTT_Print .page-content .dataTables_wrapper { box-shadow: none; } } /*** Extended pagination ***/ .paging_bootstrap_extended { margin: 0 !important; padding: 0 !important; float: none !important; font-size: 13px; } .dataTables_extended_wrapper .seperator { padding: 0 2px; } .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: inline-block; float: none !important; padding: 0 !important; margin: 0 !important; position: static !important; } @media (max-width: 480px) { .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: block; margin-bottom: 10px !important; } .dataTables_extended_wrapper .seperator { display: none !important; } } .dataTables_extended_wrapper div.dataTables_length label { margin: 0 !important; padding: 0 !important; font-size: 13px; float: none !important; display: inline-block !important; } .table-container .table-actions-wrapper { display: none; } /*** Scroller Extension ***/ .dataTables_scroll { margin-bottom: 10px; } .dataTables_scrollHead { border-bottom: 2px solid #ddd !important; } .dataTables_scrollHead thead th { border-bottom: 0 !important; } .dataTables_scrollBody { border-bottom: 1px solid #ddd !important; } /*** Dropzone css changes(new in v1.1.1) ***/ .dropzone { border-radius: 0px; } /*** Fancy box fix overlay fix ***/ .fancybox-overlay { z-index: 100000; } .fancybox-opened { z-index: 100001; } /*** FuelUX Spinners ***/ .spinner-buttons.btn-group-vertical .btn { text-align: center; margin: 0; height: 17px; width: 22px; padding-left: 6px; padding-right: 6px; padding-top: 0px; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up { border-radius: 0; border-top-right-radius: 4px !important; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down { border-radius: 0; border-bottom-right-radius: 4px; } /*** Fullcalendar ***/ /* External events */ .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-left: 5px; } .fc-scroller { overflow-y: auto; overflow-x: hidden; } .fc-month-view .fc-scroller { height: auto !important; } .portlet .event-form-title { font-size: 14px; margin-top: 4px; font-weight: 400; margin-bottom: 10px; } .portlet.calendar .fc-button { box-shadow: none; text-shadow: none; border: 0; height: 35px; padding: 6px 8px 7px 8px; margin-left: 2px; border-top-style: none; border-bottom-style: none; border-right-style: solid; border-left-style: solid; border-color: #ddd; background: transparent; color: #fff; top: -45px; outline: none !important; border-radius: 4px 4px 0 0; } .portlet.calendar .fc-toolbar { margin-bottom: 0px; } .portlet.calendar .fc-toolbar h2 { margin-top: 3px; font-size: 17px; } .portlet.calendar .fc-header { margin-bottom: -21px; } .portlet.calendar .fc-button-prev { padding-right: 10px; padding-left: 8px; } .portlet.calendar .fc-button-next { padding-right: 8px; padding-left: 10px; } .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover { color: #666; background-color: #fff; } .portlet.calendar .fc-button.fc-state-disabled { color: #ddd; } .portlet.calendar .fc-button .fc-icon-left-single-arrow { font-family: FontAwesome; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:after { content: ""; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:before { content: "\F104"; } .portlet.calendar .fc-button .fc-icon-right-single-arrow { font-family: FontAwesome; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:after { content: ""; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:before { content: "\F105"; } .portlet.calendar .fc-text-arrow { font-size: 22px; font-family: "Courier New", Courier, monospace; vertical-align: baseline; } .portlet.calendar .fc-event { border: 0px; background-color: #69a4e0; color: #fff; } .portlet.calendar .fc-event .fc-content { border: 0px; } .portlet.calendar .fc-event .fc-time { float: left; text-align: left; color: #fff; font-size: 13px; font-weight: 300; } .portlet.calendar .fc-event .fc-title { text-align: left; float: left; color: #fff; font-size: 13px; font-weight: 300; } .portlet.calendar .fc-header-title h2 { font-size: 14px; line-height: 20px; font-weight: 400; color: #111; } .portlet.calendar .fc-widget-header { background-image: none; filter: none; background-color: #eee; text-transform: uppercase; font-weight: 300; } .portlet.calendar.light .fc-button { top: -60px; color: #666; text-transform: uppercase; font-size: 12px; padding-bottom: 35px; } .portlet.calendar.light .fc-button .fc-text-arrow { margin-top: -6px; display: inline-block; } .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover { color: #333; border-bottom: 2px solid #45B6AF; } .portlet.calendar.light .fc-button.fc-state-disabled { color: #aaa; } .portlet.calendar .mobile .fc-button { padding: 0px 6px 20px 6px; margin-left: 2px; border: 0; background-color: #ddd; background-image: none; box-shadow: none; border-radius: 0; color: #000; text-shadow: none; text-align: center; } .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active { background-color: #eee; } .portlet.calendar .mobile .fc-button.fc-state-disabled { color: #bbb; } .portlet.calendar .mobile .fc-button-prev { margin-right: 5px; margin-top: -2px; } .portlet.calendar .mobile .fc-button-next { margin-right: 0px; margin-top: -2px; } .portlet.calendar .mobile .fc-header-space { margin: 0px; padding: 0px; width: 0px; } .portlet.calendar .mobile .fc-header-left { position: absolute; z-index: 10; } .portlet.calendar .mobile .fc-header-left .fc-button { top: -2px; } .portlet.calendar .mobile .fc-header-right { position: relative; right: 0; } .portlet.calendar .mobile .fc-header-right .fc-button { top: 35px; } .portlet.calendar .mobile .fc-content { margin-top: 53px; } /*** Google Maps ***/ .gmaps { height: 300px; width: 100%; /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ } .gmaps img { max-width: none; } #gmap_static div { background-repeat: no-repeat; background-position: 50% 50%; height: 100%; display: block; height: 300px; } #gmap_routes_instructions { margin-top: 10px; margin-bottom: 0px; } /*** Gritter notification modify ***/ #gritter-notice-wrapper { right: 1px !important; } .gritter-close { left: auto !important; right: 3px !important; } .gritter-title { font-family: "Open Sans"; font-size: 18px; font-weight: 300; } /*** Dashboard Charts(new in v1.2.1) ***/ .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 14px !important; font-weight: 300; margin: 0 auto; position: relative; text-align: center; width: 75px; height: 75px; line-height: 75px; } .easy-pie-chart .number canvas { position: absolute; top: 0; left: 0; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } /*** jQuery File Upload ***/ .blueimp-gallery .close { background-image: url("/img/portlet-remove-icon-white.png") !important; margin-top: -2px; } .blueimp-gallery .prev, .blueimp-gallery .next { border-radius: 23px !important; } /*** jQuery Multi Select ***/ .ms-container .ms-list { border: 1px solid #e5e5e5; box-shadow: none; } .ms-container .ms-optgroup-label { font-size: 14px; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { font-size: 13px; } .ms-container .ms-list.ms-focus { border-color: #999999; box-shadow: none; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { color: #333; background-color: #eee; } .ms-container .form-control { margin-bottom: 5px; } /*** jQuery Notific8 Plugin ***/ .jquery-notific8-message { font-size: 13px; } [class*=jquery-notific8], [class*=jquery-notific8]:after, [class*=jquery-notific8]:before { box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } /*** Password Strength(in v1.4) ***/ .password-strength .password-verdict { display: inline-block; margin-top: 6px; margin-left: 5px; } .password-strength .progress { margin-top: 5px; margin-bottom: 0; } .password-strength .progress-bar { padding: 2px; } /*** jQuery Slimscroll ***/ .scroller { padding: 0px; margin: 0px; padding-right: 12px; overflow: hidden; } .scroller-footer { margin-top: 10px; } .scroller-footer:before, .scroller-footer:after { content: " "; display: table; } .scroller-footer:after { clear: both; } .portlet-body .slimScrollBar { margin-right: 0px; } /*** jQuery Sparkline ***/ .jqstooltip { width: auto !important; height: auto !important; } .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 16px; font-weight: 300; width: 85px; margin: 0 auto; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } /*** Modify jquery-tags-input plugin css ***/ div.tagsinput { min-height: 35px; height: auto !important; margin: 0; padding: 5px 5px 0px 5px; overflow: auto; } div.tagsinput span.tag { background: #aaa; color: #fff; border: 0; padding: 3px 6px; margin-top: 0; margin-bottom: 5px; } div.tagsinput input { padding: 3px 6px; width: 75px !important; } div.tagsinput span.tag a { color: #fff; } div.tagsinput .not_valid { color: #fff; padding: 3px 6px; background-color: #e02222; } /*** jQuery UI Sliders(new in v1.1.1) ***/ .slider { border: 0; padding: 0; display: block; margin: 12px 5px; min-height: 11px; } .ui-slider-vertical { width: 11px; } .ui-slider-horizontal .ui-slider-handle { top: -3px; } .ui-slider-vertical .ui-slider-handle { left: -3px; } .ui-slider-vertical, .ui-slider-handle { filter: none !important; background-image: none !important; } /*** JQVMAP Plugin ***/ .jqvmap-zoomin { height: 16px; width: 16px; background-color: #666; } .jqvmap-zoomout { height: 16px; width: 16px; background-color: #666; } .vmaps { position: relative; overflow: hidden; height: 300px; } /*** Jstree ***/ .jstree-default .jstree-clicked { border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked { background: none; border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-wholerow-hovered, .jstree-wholerow .jstree-wholerow-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-icon.icon-lg { margin-top: 1px; } .jstree-open > .jstree-anchor > .fa-folder:before { margin-left: 2px; content: "\F07C"; } .jstree-default.jstree-rtl .jstree-last { background: transparent; background-repeat: no-repeat; } .vakata-context, .vakata-context ul { padding: 0; min-width: 125px; background-color: #ffffff; font-size: 14px; font-family: "Segoe UI", Helvetica, Arial, sans-serif; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } .vakata-context li { border: 0; } .vakata-context li a { padding: 0 10px; border: 0; } .vakata-context li a i { display: none; } .vakata-context li a .vakata-contextmenu-sep { display: none; } .vakata-context .vakata-context-hover > a, .vakata-context li a:hover { background-color: #eee; color: #333; box-shadow: none; margin: 0; } .vakata-context .vakata-context-hover > a .span, .vakata-context .vakata-context-hover > a .ins, .vakata-context li a:hover .span, .vakata-context li a:hover .ins { border: 0 !important; } .vakata-context li a span, .vakata-context li a ins { display: none; border: 0 !important; } .vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a { margin: 0; border: 0; } .jstree-rename-input { background-color: #ffffff !important; border: 1px solid #e5e5e5 !important; outline: none !important; padding: 2px 6px !important; margin-right: -4px !important; } /*** NoUIRangeSlider ***/ .noUi-control { margin: 9px 0; } /*** Color variants ***/ .noUi-primary.noUi-connect, .noUi-primary .noUi-connect { background: #428bca; } .noUi-info.noUi-connect, .noUi-info .noUi-connect { background: #89C4F4; } .noUi-success.noUi-connect, .noUi-success .noUi-connect { background: #45B6AF; } .noUi-warning.noUi-connect, .noUi-warning .noUi-connect { background: #dfba49; } .noUi-danger.noUi-connect, .noUi-danger .noUi-connect { background: #F3565D; } .noUi-default.noUi-connect, .noUi-default .noUi-connect { background: #c6c6c6; } /*** Google reCaptcha ***/ .form-recaptcha-img { margin-bottom: 10px; clear: both; border: 1px solid #e5e5e5; padding: 5px; } iframe[src="about:blank"] { display: none; } /*** Select2 Plugin ***/ .form-control .select2-choice { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; filter: none; height: 34px; padding: 3px 0 0px 12px; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #e5e5e5; background-color: #fff; background-image: none; filter: none; } .select2-drop { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; box-shadow: none; filter: none; border-top: 0; } .select2-drop-auto-width { border-top: 1px solid #e5e5e5; } .select2-drop.select2-drop-above { border-top: 1px solid #e5e5e5; box-shadow: none; } .select2-drop-active { border: 1px solid #999; border-top: 0; } .select2-container .select2-choice .select2-arrow { background-image: none; background-color: #fff; filter: none; border-left: 1px solid #e5e5e5; } .select2-container.select2-container-active .select2-arrow, .select2-container.select2-dropdown-open .select2-arrow { border-left: 0 !important; } .select2-container .select2-choice .select2-arrow b { background-position: 0 1px; } .select2-search input { border: 1px solid #e5e5e5; background-color: #fff !important; filter: none; margin: 0; outline: 0; border: 1px solid #e5e5e5; webkit-appearance: none !important; color: #333333; outline: 0; box-shadow: none; height: auto !important; min-height: 26px; padding: 6px 6px !important; line-height: 20px; font-size: 14px; font-weight: normal; vertical-align: top; background-color: #ffffff; box-shadow: none; margin-top: 5px; } .form-control.select2-container { border: 0; height: auto !important; padding: 0px; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #999 !important; box-shadow: none !important; } .select2-dropdown-open .select2-choice { border-bottom: 0 !important; background-image: none; background-color: #fff; filter: none; box-shadow: none !important; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #999 !important; border-top: 0 !important; background-image: none; background-color: #fff; filter: none; box-shadow: none !important; } .select2-drop.select2-drop-above.select2-drop-active { border: 1px solid #999 !important; border-bottom: 0 !important; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } .select2-results { margin: 5px 0; } .select2-results .select2-highlighted { background: #eee; color: #333; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { padding: 3px 7px 4px; background: #f4f4f4; display: list-item; } .select2-container-multi { border-radius: 4px; } .select2-container-multi .select2-choices { border-radius: 4px; } .select2-container-multi.select2-dropdown-open { border-radius: 4px 4px 0 0; } .select2-container-multi.select2-dropdown-open .select2-choices { border-radius: 4px 4px 0 0; } .select2-container-multi.select2-dropdown-open.select2-drop-above { border-radius: 0 0 4px 4px; } .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices { border-radius: 0 0 4px 4px; } .select2-container-multi .select2-choices { padding-left: 6px; min-height: 34px; border: 1px solid #e5e5e5; background-image: none; background-color: #fff; filter: none; box-shadow: none !important; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #999 !important; background-image: none; background-color: #fff; filter: none; box-shadow: none !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 5px 0 3px 5px; border: 1px solid #e5e5e5; background-image: none; background-color: #fff; filter: none; box-shadow: none !important; } /*** Color variants ***/ .has-warning .select2-container .select2-choice, .has-warning .select2-container .select2-choices { border-color: #faebcc; } .has-warning .select2-container.select2-dropdown-open .select2-choice, .has-warning .select2-container.select2-dropdown-open .select2-choices { border-color: #faebcc; } .has-warning .select2-container.select2-dropdown-open .select2-choice > span { color: #faebcc; } .has-error .select2-container .select2-choice, .has-error .select2-container .select2-choices { border-color: #ebccd1; } .has-error .select2-container.select2-dropdown-open .select2-choice, .has-error .select2-container.select2-dropdown-open .select2-choices { border-color: #ebccd1; } .has-error .select2-container.select2-dropdown-open .select2-choice > span { color: #ebccd1; } .has-success .select2-container .select2-choice, .has-success .select2-container .select2-choices { border-color: #d6e9c6; } .has-success .select2-container.select2-dropdown-open .select2-choice, .has-success .select2-container.select2-dropdown-open .select2-choices { border-color: #d6e9c6; } .has-success .select2-container.select2-dropdown-open .select2-choice > span { color: #d6e9c6; } /* Fix z-index when select2 opened in modals*/ .modal-open .select2-drop-mask { z-index: 10051; } .modal-open .select2-drop { z-index: 10052; } .modal-open .select2-search { z-index: 10053; } /*** Bootstrap input sizes ***/ /* Large input size */ .form-control.input-lg .select2-choice { height: 46px; padding: 10px 16px; } .select2-container.input-lg .select2-choice .select2-arrow b { background-position: 0 7px; } /* Small input size */ .form-control.input-sm .select2-choice { height: 30px; padding: 1px 10px 5px 10px; } .select2-container.input-sm .select2-choice .select2-arrow b { background-position: 0 0px; } /*** jQuery Uniform ***/ .checker { margin-top: -2px !important; margin-right: 2px !important; } .checker input, .radio input { outline: none !important; } div.checker.disabled span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled:hover, div.radio.disabled:hover { cursor: not-allowed; } div.radio, div.checker { margin-right: 0; margin-left: 3px; } /*** Morris Charts ***/ .portlet-body-morris-fit { margin-right: -20px; margin-left: -20px; margin-bottom: -15px; } .portlet-body-morris-fit > svg { border-radius: 0 0 4px 4px; } .morris-hover.morris-default-style .morris-hover-row-label { text-align: left; font-weight: 400; font-size: 15px; color: #7D8C9D; font-family: "Open Sans", sans-serif; } .morris-hover.morris-default-style .morris-hover-point { text-align: left; font-size: 14px; font-weight: 400; font-family: "Open Sans", sans-serif; } /*** iCheck ***/ .icheck-list > label { display: block; margin-bottom: 8px; } .icheck-list > label:last-child { margin-bottom: 0; } .form-horizontal .icheck-inline { margin-top: 8px; } .icheck-inline > label { display: inline-block; margin-left: 15px; } .icheck-inline > label:first-child { margin-left: 0; } div[class*=icheckbox_], div[class*=iradio_] { margin-right: 5px; top: -1px !important; } .icheck-colors { padding: 0; margin: 0; list-style: none; } .icheck-colors > li { padding: 0; margin: 4px; float: left; display: inline-block; height: 20px; width: 20px; background: #000000; opacity: 0.6; filter: alpha(opacity=60); } .icheck-colors > li:first-child { margin-left: 0; } .icheck-colors > li:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .icheck-colors > li.active { height: 26px; margin-top: 0; opacity: 0.6; filter: alpha(opacity=60); } .icheck-colors > li.red { background: #d54e21; } .icheck-colors > li.green { background: #78a300; } .icheck-colors > li.blue { background: #0e76a8; } .icheck-colors > li.aero { background: #9cc2cb; } .icheck-colors > li.grey { background: #73716e; } .icheck-colors > li.orange { background: #f70; } .icheck-colors > li.yellow { background: #fc0; } .icheck-colors > li.pink { background: #ff66b5; } .icheck-colors > li.purple { background: #6a5a8c; } /*** AngularJS UI-select ***/ .ui-select-match-close { margin-top: 5px !important; margin-left: 5px !important; } @media print { body { background-color: #fff !important; } .page-bar { display: none; } .page-sidebar-wrapper { display: none; } .page-quick-sidebar-wrapper { display: none; } .theme-panel { display: none; } .hidden-print { display: none; } .page-footer { display: none; } .no-page-break { page-break-after: avoid; } .page-container { margin: 0px !important; padding: 0px !important; } .page-content { padding: 0 !important; min-height: 300px !important; padding: 0px 20px 20px !important; margin: 0 !important; } } /*** Page Header ***/ .page-header.navbar { width: 100%; padding: 0 20px 0 20px; margin: 0; border: 0px; padding: 0px; box-shadow: none; height: 46px; min-height: 46px; filter: none; background-image: none; /* Fixed header */ /* Header logo */ /* Search box */ /* Menu Toggler */ /* Top menu */ } .page-header.navbar.navbar-fixed-top { z-index: 9995; } .page-header.navbar.navbar-static-top { z-index: 9995; } .page-header.navbar .page-logo { float: left; display: block; width: 235px; height: 46px; padding-left: 20px; padding-right: 20px; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { padding: 0; } .page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a { display: inline-block; float: left; } .page-header.navbar .page-logo .logo-default { margin: 16px 0 0 0; } .page-header.navbar .page-logo .logo-mini { display: none; margin-left: 5px; } .page-header.navbar .page-logo .text-logo { padding-left: 20px; padding-top: 12px; } .page-header.navbar .search-form { display: inline-block; width: 46px; position: relative; float: left; transition: all 0.6s; } .page-header.navbar .search-form .input-group .form-control { height: 46px; border: 0; background: transparent !important; font-size: 13px; padding-left: 0; margin-left: 12px; text-indent: -150000px; } .page-header.navbar .search-form .input-group .form-control:hover { cursor: pointer; } .page-header.navbar .search-form .input-group .input-group-btn { height: 46px; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit { margin-left: -24px; padding: 0; width: 46px; background: none; margin-top: 4px; display: block; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { font-size: 15px; } .page-header.navbar .search-form.open { transition: all 0.6s; width: 300px !important; } .page-header.navbar .search-form.open .input-group .form-control { text-indent: 0; } .page-header.navbar .search-form.open .input-group .form-control:hover { cursor: text; } .page-header.navbar .search-form.open .input-group .input-group-btn .btn.submit { margin-left: 0; } .page-header.navbar .menu-toggler { display: block; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; } .page-header.navbar .menu-toggler:hover { filter: alpha(opacity=100); opacity: 1; } .page-header.navbar .menu-toggler.sidebar-toggler { float: right; margin: 11px 0 0 0; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler { margin-right: 10.5px; } .page-header.navbar .menu-toggler.responsive-toggler { display: none; float: right; margin: 11px 6px 0 6px; } .page-header.navbar .top-menu { margin: 0; padding: 0; float: right; } .page-header.navbar .top-menu .navbar-nav { padding: 0; margin-right: 20px; display: block; /* Extended Dropdowns */ /* Notification */ /* Inbox */ /* Tasks */ /* User */ /* Language */ /* Dark version */ } .page-header.navbar .top-menu .navbar-nav > li.dropdown { margin: 0px; padding: 0px 4px; height: 46px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child { padding-right: 0px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle { margin: 0px; padding: 17px 10px 9px 10px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child { padding-right: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i { font-size: 17px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon { font-size: 16px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge { font-family: "Open Sans", sans-serif; position: absolute; top: 10px; right: 20px; font-weight: 300; padding: 3px 6px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus { background: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu { margin-top: 3px; border-radius: 4px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ""; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a { color: #555; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { min-width: 160px; max-width: 275px; width: 275px; z-index: 9995; /* header notifications dropdowns */ } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { display: block; overflow: hidden; padding: 15px 15px; letter-spacing: 0.5px; border-radius: 4px 4px 0 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { display: inline-block; padding: 0; background: none; clear: inherit; font-size: 13px; font-weight: 300; position: absolute; right: 10px; border: 0; margin-top: -1px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { text-decoration: underline; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-right: 0 !important; padding-left: 0; list-style: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { opacity: 1; filter: alpha(opacity=100); } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a { border-top: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details { overflow: hidden; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon { margin-right: 10px; border-radius: 50%; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i { margin-right: 2px; margin-left: 1px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge { right: 15px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time { float: right; max-width: 75px; font-size: 11px; font-weight: 400; opacity: 0.7; filter: alpha(opacity=70); text-align: right; padding: 1px 5px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo { float: left; margin: 0 6px 6px 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img { height: 40px; width: 40px; border-radius: 50% !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject { display: block; margin-left: 46px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from { font-size: 13px; font-weight: 600; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time { font-size: 12px; font-weight: 400; opacity: 0.5; filter: alpha(opacity=50); float: right; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message { display: block !important; font-size: 12px; line-height: 1.3; margin-left: 46px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task { margin-bottom: 5px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc { font-size: 13px; font-weight: 300; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent { float: right; font-weight: 600; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress { display: block; height: 8px; margin: 8px 0 2px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar { box-shadow: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 14px 6px 12px 8px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username { display: inline-block; font-size: 13px; font-weight: 300; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img { float: left; margin-top: -5px; margin-right: 5px; height: 29px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i { display: inline-block; margin-top: 5px; margin: 0; font-size: 13px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu { width: 175px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a { font-size: 14px; font-weight: 300; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i { width: 15px; display: inline-block; margin-right: 9px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge { margin-right: 10px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language { padding-left: 0; padding-right: 0; margin: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle { padding: 14px 3px 12px 7px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img { margin-bottom: 2px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i { font-size: 14px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a { font-size: 13px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img { margin-bottom: 2px; margin-right: 5px; } .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before { border-left: none; border-right: none; } .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a { background: none !important; border: none !important; } /* Allow expanded search for above 768px */ @media (min-width: 768px) { /* 768px */ .page-header.navbar { /* Search box */ } .page-header.navbar .search-form.search-form-expanded { width: 200px; } .page-header.navbar .search-form.search-form-expanded .input-group .form-control { text-indent: 0; } .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover { cursor: text; } .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit { margin-left: 0; } } /*** Horizontal Menu ***/ .page-header.navbar { /* Header container */ /* Mega menu */ } .page-header.navbar .container { position: relative; } .page-header.navbar .hor-menu { margin: 0 0 0 -17px; margin: 0; float: left; } .page-header.navbar .hor-menu .navbar-nav { position: static; /* Mega menu */ /* Mega Menu Dropdown */ /* Classic menu */ } .page-header.navbar .hor-menu .navbar-nav.navbar-right .dropdown-menu { left: auto; right: 0; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown { position: static; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { left: auto; width: auto; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content { font-family: "Open Sans", sans-serif; padding: 15px; margin: 0; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content { padding: 10px 18px 10px 45px; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { padding: 0; margin: 0; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 1px !important; margin: 0 !important; list-style: none; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { margin-top: 5px; padding-left: 6px; font-size: 15px; font-weight: 400; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a { white-space: normal; font-family: "Open Sans", sans-serif; padding: 7px; margin: 0; font-size: 14px; font-weight: 300; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify { padding: 7px 7px 7px 30px; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i { position: absolute; top: auto !important; margin-left: -24px; font-size: 15px; margin-top: 3px !important; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label { margin-left: 5px; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 20px; right: 20px; } .page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after, .page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before { display: none !important; } .page-header.navbar .hor-menu .navbar-nav > li > a { font-size: 14px; font-weight: 400; padding: 13px 13px; } .page-header.navbar .hor-menu .navbar-nav > li > a:focus { background: none !important; } .page-header.navbar .hor-menu .navbar-nav > li.current .selected, .page-header.navbar .hor-menu .navbar-nav > li.active .selected { left: 50%; bottom: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid transparent; display: inline-block; margin: 0; width: 0; height: 0px; margin-left: -7px; margin-bottom: -6px; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu { margin-top: 0; border: none; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; padding: 9px 10px; white-space: normal; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .label, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .badge { font-weight: 300; } .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu { min-width: 195px; max-width: 235px; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu { top: 0; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after { top: 9px; right: 10px; } /* Form medium devices upto large devices */ @media (min-width: 992px) and (max-width: 1200px) { /* 992px 1200px */ /* Boxed layout */ .page-boxed .page-header.navbar { /* Top menu */ } .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile { display: none; } .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname { display: none; } } @media (min-width: 992px) { /* 992px */ /* Page header */ .page-header.navbar { /* Header logo */ } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { padding: 0; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { width: 45px; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default { display: none; } /* Boxed Layout */ .page-boxed .page-header.navbar { /* Page logo */ /* Top menu */ } .page-boxed .page-header.navbar .page-logo { width: 236px; } .page-boxed .page-header.navbar .top-menu .navbar-nav { margin-right: 0px; } /* Sidebar closed & logo hidden */ .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar { /* Page logo */ } .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo { width: 46px; } /* Boxed layout & page sidebar fixed layout */ .page-boxed.page-sidebar-fixed .page-header.navbar { /* Page logo */ } .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo { width: 235px; } } @media (max-width: 991px) { /* 991px */ /* Page header */ .page-header.navbar { padding: 0 20px 0 20px; position: relative; clear: both; /* Page logo */ /* Menu Toggler */ /* Top Menu */ } .page-header.navbar .page-logo { width: auto; padding: 0; margin-right: 10px; margin-left: 0px !important; padding-left: 0px !important; } .page-header.navbar .page-logo img { margin-left: 4px !important; } .page-header.navbar .menu-toggler.sidebar-toggler { display: none !important; } .page-header.navbar .menu-toggler.responsive-toggler { display: inline-block; } .page-header.navbar .top-menu .navbar-nav { display: inline-block; margin: 0 10px 0 0; } .page-header.navbar .top-menu .navbar-nav > li { float: left; } .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i { display: inline-block; position: relative; top: 1px; right: 0px; } .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu { position: absolute; } /* Fixed header for mobile */ .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top { position: fixed; } /* Boxed Layout */ .page-boxed .page-header.navbar > .container { max-width: none !important; margin: 0 !important; padding: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { /* 768px & 991px */ /* Boxed Layout */ .page-boxed .page-header.navbar { margin: auto !important; padding: 0; } .page-boxed .page-header.navbar > .container { margin: auto !important; } } @media (max-width: 767px) { /* 767px */ /* Page header */ .page-header.navbar { padding: 0 10px 0 10px; /* Header logo */ /* Search box */ /* Top navigation menu*/ } .page-header.navbar .page-logo { width: auto; } .page-header.navbar .search-form.open { z-index: 3; left: 10px; right: 10px; position: absolute; width: auto !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu { max-width: 255px; width: 255px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu { margin-right: -190px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before { margin-right: 190px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu { margin-right: -150px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before { margin-right: 150px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu { margin-right: -110px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before { margin-right: 110px; } } @media (max-width: 580px) { /* Page header */ .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile { display: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname { display: none; } } @media (max-width: 480px) { /* 480px */ /* Fixed header for mobile */ .page-header-fixed.page-header-fixed-mobile .page-header.navbar { height: 92px; } .page-header.navbar { /* Top menu */ } .page-header.navbar .top-menu { display: block; clear: both; } .page-header.navbar .top-menu .navbar-nav { margin-right: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle { padding: 17px 6px 9px 6px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle { padding: 14px 4px 12px 2px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 14px 0px 12px 2px; } } /*** Pace - Page Progress ***/ .pace .pace-progress { z-index: 10000; top: 44px; height: 2px; } .pace .pace-progress-inner { box-shadow: none; } .pace .pace-activity { top: 48px; right: 22px; border-radius: 10px !important; } @media (max-width: 480px) { /* 480px */ .page-header-fixed .pace .pace-progress { top: 92px; } .page-header-fixed .pace .pace-activity { top: 188px; right: 15px; } } /*** Page container ***/ .page-container { margin: 0px; padding: 0px; position: relative; /* Fixed header */ /* Fixed footer for mobile */ } .page-container:before, .page-container:after { content: " "; display: table; } .page-container:after { clear: both; } .page-header-fixed .page-container { margin-top: 46px; } .page-footer-fixed.page-footer-fixed-mobile .page-container { margin-bottom: 20px !important; } @media (min-width: 992px) { /* Page container in fixed footer */ .page-footer-fixed .page-container { margin-bottom: 20px !important; } } @media (max-width: 991px) { /* Page container */ .page-container { margin: 0 !important; padding: 0 !important; } .page-header-fixed.page-header-fixed-mobile .page-container { margin-top: 46px !important; } } @media (max-width: 480px) { /* Page container */ .page-header-fixed.page-header-fixed-mobile .page-container { margin-top: 92px !important; } } /*** Page sidebar ***/ /* IE8 fix */ .ie8 .page-sidebar { width: 235px; float: left; position: relative; margin-right: -100%; } /* Page Sidebar */ .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover { /* Default sidebar menu */ /* light sidebar menu */ } .page-sidebar.navbar-collapse, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse { padding: 0; box-shadow: none; } .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { list-style: none; margin: 0; padding: 0; /* 1st level links */ /* all links */ } .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li { display: block; margin: 0; padding: 0; border: 0px; } .page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper { border: 0 !important; } .page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:before, .page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:before, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:after { content: " "; display: table; } .page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:after { clear: both; } .page-sidebar .page-sidebar-menu > li.start > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start > a { border-top-color: transparent !important; } .page-sidebar .page-sidebar-menu > li.last > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.last > a { border-bottom-color: transparent !important; } .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding: 10px 15px; text-decoration: none; font-size: 14px; font-weight: 300; } .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i { font-size: 16px; margin-right: 5px; text-shadow: none; } .page-sidebar .page-sidebar-menu > li > a > i.glyphicon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon { top: 3px; margin-left: 1px; margin-right: 4px; } .page-sidebar .page-sidebar-menu > li > a > [class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^=icon-] { top: 2px; margin-left: 1px; margin-right: 4px; } .page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { transition: all 0.2s ease; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { transition: none; } .page-sidebar .page-sidebar-menu > li.heading, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading { padding: 15px 15px 15px 15px; } .page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 { margin: 0; padding: 0; font-size: 14px; font-weight: 300; } .page-sidebar .page-sidebar-menu > li.heading + li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading + li > a { border-top: 0; } .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a { font-size: 14px; } .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a { border: none; text-shadow: none; font-size: 14px; } .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { display: block; background-image: none; /* will be set in a theme css file*/ float: right; position: absolute; right: 0px; top: 8px; background: none; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #ffffff; } .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { right: auto; left: 0; border-right: 0; border-left: 8px solid #ffffff; } .page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { border-color: transparent #F1F3FA transparent transparent; } .page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { border-color: transparent transparent transparent #F1F3FA; } .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before { float: right; width: 10px; text-align: center; margin-top: -1px; margin-right: 5px; margin-left: 5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\F104"; font-weight: 300; text-shadow: none; } .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before { content: "\F107"; } .page-sidebar .page-sidebar-menu li > a > .badge, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge { float: right; margin-top: 1px; margin-right: 0px; } .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu { list-style: none; display: none; padding: 0; margin: 8px 0px 8px 0px; } .page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; /* 2nd level sub menu */ } .page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a { display: block; margin: 0; padding: 6px 15px 6px 43px; text-decoration: none; font-size: 14px; font-weight: 300; background: none; } .page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i { font-size: 14px; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu { margin: 0; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li { /* 3rd level sub menu */ } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a { padding-left: 60px; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu { margin: 0; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a { padding-left: 80px; } .page-sidebar .page-sidebar-menu li.active > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu { display: block; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a { border: 0; margin: 0; padding-left: 11px; border-left: 4px solid transparent; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu { margin: 0; padding: 1px 0; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li > a { padding-top: 8px; padding-bottom: 8px; } .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li:first-child, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li:first-child { margin-top: 0 !important; } .page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a { padding-left: 15px; padding-right: 11px; border-left: 0; border-right: 4px solid transparent; } .page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler { display: block; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); width: 30px; height: 27px; margin-top: 15px; margin-right: 19px; float: right; border-radius: 4px; } .page-sidebar .sidebar-toggler:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover { filter: alpha(opacity=100); opacity: 1; } .page-sidebar .sidebar-search, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search { padding: 0; margin: 22px 18px 22px 18px; } .page-sidebar .sidebar-search .remove, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .remove { display: none; } .page-sidebar .sidebar-search .remove > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .remove > i { font-size: 16px; } .page-sidebar .sidebar-search .input-group, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group { border-radius: 4px; } .page-sidebar .sidebar-search .input-group .form-control, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control { border: 0; font-size: 14px; padding: 0; height: auto; line-height: auto; border-radius: 4px; } .page-sidebar .sidebar-search .input-group .input-group-btn .btn, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn { padding: 2px 0 0 0; background-color: transparent; background-repeat: no-repeat; background-position: 100% 3px; } .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i { font-size: 15px; } .page-sidebar .sidebar-search.sidebar-search-bordered, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered { margin: 25px 18px 25px 18px; } .page-sidebar .sidebar-search.sidebar-search-bordered .input-group .form-control, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group .form-control { font-size: 13px; padding: 6px 8px; } .page-sidebar .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn { margin-right: 6px; } @media (min-width: 992px) { /* 992px */ .page-sidebar { width: 235px; float: left; position: relative; margin-right: -100%; } .page-full-width .page-sidebar { display: none !important; } .page-sidebar.navbar-collapse { max-height: none !important; } .page-sidebar-reversed .page-sidebar { float: right; margin-right: 0; margin-left: -100%; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar { margin-left: -235px; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper { position: relative; float: right; } .page-sidebar-fixed .page-sidebar { position: fixed !important; margin-left: 0; top: 46px; } .page-sidebar-fixed .page-sidebar-menu > li.last { margin-bottom: 15px !important; } .page-sidebar-fixed .page-sidebar-menu .sub-menu { height: auto !important; } /* Sidebar Closed */ .page-sidebar-closed .page-sidebar { width: 45px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { /* sidebar */ width: 45px !important; /* sidebar toggler */ /* sidebar search */ /* sidebar bordered search */ /* sidebar search expanded */ /* sidebar bordered search expanded */ } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li { /* hide opened sub menu */ } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu { display: none !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover { width: 256px !important; position: relative !important; z-index: 10000; display: block !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a { border-radius: 0 4px 0 0; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i { margin-right: 10px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { display: inline !important; padding-left: 15px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge { display: block !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected { display: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover.heading { width: 45px !important; box-shadow: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { width: 210px; position: absolute; z-index: 2000; left: 46px; margin-top: 0; top: 100%; display: block !important; border-radius: 0 0 4px 4px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a { padding-left: 15px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a { padding-left: 30px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 45px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading > h3 { display: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler { margin-right: 8px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover { width: 45px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover { width: 45px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a { padding-left: 11px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected { right: -3px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow { display: none !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-toggler { margin-left: 3px; margin-right: 3px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group { border-color: transparent; margin-left: -4px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .form-control { display: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .input-group-btn .btn { display: block; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.sidebar-search-bordered .input-group { padding: 5px 0 3px 0; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open { height: 39px; margin-top: 14px; margin-bottom: 14px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group { width: 210px; position: relative; z-index: 1; margin-left: 24px; padding: 0; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .form-control { background: none; border: 0; display: block; padding: 8px 8px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn { display: block; margin-right: 8px; margin-top: 1px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove { background-repeat: no-repeat; width: 11px; height: 11px; margin: 9px -5px 9px -7px; display: block; float: left; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered { height: 36px; margin-top: 23px; margin-bottom: 23px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered .input-group { padding: 0; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a { padding-right: 11px; padding-left: 7px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar { margin-left: -45px; width: 45px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { /* sidebar */ /* sidebar search */ } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu { left: auto; right: 46px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover { margin-left: -211px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a { border-radius: 4px 0 0 0; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { padding-left: 0; padding-right: 15px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i { margin-right: 0; margin-left: 2px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover, .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover { margin-left: 0; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group { margin-left: -227px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn { margin-right: 10px !important; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove { margin: 9px 4px 12px -16px !important; float: right !important; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a { padding-right: 7px; padding-left: 11px; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover { width: 235px !important; display: block; z-index: 10000; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { width: 235px !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected { display: none !important; } .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover { width: 235px !important; display: absolute; z-index: 10000; margin-left: -235px !important; } .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu { width: 235px !important; } .page-sidebar-closed.page-sidebar-hide .page-sidebar { display: none !important; } /* Sidebar Menu Wirh Hoverable Submenu */ .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu { display: none; width: 210px; z-index: 2000; position: absolute; border-radius: 4px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a { margin: 3px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu { display: none !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow { display: none; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow { display: block; float: right; position: absolute; right: 0; margin-top: -20px; background: none; width: 0; height: 0; border-style: solid; border-top: 12px double transparent; border-bottom: 12px double transparent; border-left: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before { display: none; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow { right: auto; left: 0; border-right: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { display: inline-block !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow { z-index: 1; right: 0px; margin-top: -23px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .selected { display: none; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: 235px; margin-top: -40px; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: -210px !important; } .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li > a { padding-left: 15px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu { margin-left: 210px; margin-top: -38px !important; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu { margin-left: -210px !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a { padding-left: 10px; padding-right: 10px; } .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu { margin-top: -41px; } .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu > li > .sub-menu { margin-top: -41px; } } @media (max-width: 991px) { /* 991px */ .page-sidebar { border-top: 0 !important; margin: 20px; } .page-sidebar .sidebar-toggler { display: none; } .page-sidebar .selected { display: none !important; } .page-sidebar.navbar-collapse { max-height: none; /* set some max height to have a scrollable menu on mobile devices */ } .page-sidebar.navbar-collapse.collapse { display: none !important; } .page-sidebar.navbar-collapse.in { border-top: 0 !important; margin: 20px; position: relative; overflow: hidden !important; overflow-y: auto !important; display: block !important; } .page-sidebar.navbar-collapse.navbar-no-scroll { max-height: none !important; } .page-sidebar .mega-menu-responsive-content { padding: 10px 18px 10px 45px; } .page-full-width .page-sidebar-menu { display: block; } } @media (min-width: 768px) and (max-width: 991px) { /* 768px & 991px */ .page-sidebar .btn-navbar.collapsed .arrow { display: none; } .page-sidebar .btn-navbar .arrow { position: absolute; right: 25px; width: 0; height: 0; top: 50px; border-bottom: 15px solid #5f646b; border-left: 15px solid transparent; border-right: 15px solid transparent; } } @media (max-width: 480px) { /* 480px */ /* Page sidebar */ .page-sidebar, .page-sidebar.in { margin: 0 10px 10px 10px !important; } .page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile .page-sidebar.in { margin-top: 10px !important; } } /****************** Page Quick Sidebar ******************/ /*** Quick Sidebar Layout ***/ /* Quick sidebar toggler */ .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle { padding: 17px 10px 9px 10px !important; } .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i { top: 0px; } .page-quick-sidebar-open .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before { content: "\E066"; } /* Quick sidebar wrapper */ .page-quick-sidebar-wrapper { transition: right 0.3s; z-index: 9994; position: fixed; top: 46px; bottom: 0; right: -270px; width: 270px; } .page-footer-fixed .page-quick-sidebar-wrapper { bottom: 33px; } .page-quick-sidebar-full-height .page-quick-sidebar-wrapper { top: 0; bottom: 0; } .page-quick-sidebar-open .page-quick-sidebar-wrapper { transition: right 0.3s; right: 0; } /*** Quick Sidebar Toggler ***/ .page-quick-sidebar-toggler { overflow: hidden; z-index: 9994; display: none; width: 28px; height: 27px; position: fixed; top: 19px; right: 15px; text-align: center; padding-top: 6px; } .page-quick-sidebar-open .page-quick-sidebar-toggler { display: inline-block; } .page-quick-sidebar-toggler > i { font-size: 17px; } /* quick sidebar top position fix for mobile view */ @media (max-width: 480px) { /* 480px */ .page-quick-sidebar-wrapper { top: 92px; } .page-quick-sidebar-toggler { top: 65px; } } .page-header, .page-sidebar-wrapper, .page-content-wrapper, .page-footer { transition: margin 0.3s; } /* Quick sidebar with push content */ .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper { transition: margin-left 0.3s; margin-left: -270px; } .page-quick-sidebar-open.page-quick-sidebar-push-content .page-content-wrapper { transition: margin-left 0.3s; margin-left: -270px; } .page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer { transition: margin-right 0.3s; margin-right: 270px; margin-left: -270px; } /* Page sidebar reversed */ .page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper { transition: margin-right 0.3s; margin-right: 270px; } /* Quick sidebar with full height content */ .page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header { transition: margin-left 0.3s; margin-left: -270px; } .page-quick-sidebar-open.page-quick-sidebar-push-content.page-footer-fixed:not(.page-quick-sidebar-full-height) .page-footer { margin-left: 0; margin-right: 0; } /* Quick sidebar with transparent content */ .page-quick-sidebar-open.page-quick-sidebar-over-content-transparent .page-quick-sidebar-wrapper { opacity: 0.9; filter: alpha(opacity=90); } /* Hide the responsive menu if its shown while the quick sidebar opened on mobile */ @media (max-width: 991px) { /* 991px */ .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper { display: none; } } /*** Quick Sidebar Content ***/ .page-quick-sidebar-wrapper { overflow: hidden; } .page-quick-sidebar-wrapper .page-quick-sidebar { /* Quick sidebar tabs */ /* Quick sidebar tabs content */ /* Quick sidebar general list heading */ /* Quick sidebar general list-items */ /* Inner content */ /* Quick sidebar list */ /* Quick sidebar list item */ /* Quick sidebar list item shown */ /* Quick sidebar chat */ /* Quick sidebar alerts */ /* Quick sidebar settings */ } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified { margin: 0; padding: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li { display: table-cell !important; width: 1% !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a { padding: 15px 15px; border: 0; height: 46px; font-size: 13px; text-transform: uppercase; border-radius: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge { position: absolute; top: 12px; right: 3px; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover { border: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu { margin-top: 8px; margin-right: 20px; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before { position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after { position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ""; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > .tab-content { margin: 0; padding: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading { font-size: 16px; margin: 10px 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items { margin: 0; padding: 0; list-style: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li { margin: 0; padding: 10px; background: none; border-bottom-width: 1px; border-bottom-style: solid; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child { border-bottom: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li { border: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content { margin: 10px 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list { position: absolute !important; width: 270px !important; transition: margin 0.3s; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item { position: absolute !important; width: 270px !important; transition: margin 0.3s; margin-left: 270px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav { padding: 15px 10px 0px 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list { vertical-align: middle; display: inline-block; font-size: 14px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i { font-size: 17px; line-height: 17px; vertical-align: top; margin-right: 3px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list { transition: margin 0.3s; margin-left: -270px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail { display: none !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item { transition: margin 0.3s; margin-left: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media { padding: 12px 10px 11px 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object { border-radius: 50% !important; width: 38.5714285714px; opacity: 0.8; filter: alpha(opacity=80); float: left; margin-right: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after { content: " "; display: table; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after { clear: both; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover { cursor: pointer; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object { opacity: 1; filter: alpha(opacity=100); } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading { margin: 5px 0 0 0; font-size: 14px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub { font-size: 11px; text-transform: uppercase; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small { font-size: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status { margin-top: 10px; right: 10px; position: absolute; display: inline-block; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages { padding: 0px 10px; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post { transition: display 0.3s; padding: 5px 0; margin: 10px auto; font-size: 12px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body { display: block; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar { width: 38.5714285714px; border-radius: 50% !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar { float: left; margin-right: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar { float: right; margin-left: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name { font-size: 12px; font-weight: 300; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime { font-size: 12px; font-weight: 300; text-style: italic; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message { display: block; padding: 5px; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message { text-align: left; margin-left: 55px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow { display: block; position: absolute; top: 9px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right-width: 6px; border-right-style: solid; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message { margin-right: 55px; text-align: right; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow { display: block; position: absolute; top: 9px; right: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left-width: 6px; border-left-style: solid; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime { text-align: right; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form { padding: 20px 10px 15px 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control { font-size: 13px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label { margin-top: 5px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc { padding: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch { margin-top: -3px; float: right; border: 0; min-width: 59px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control { width: 75px !important; padding: 4px 4px !important; float: right; border: 0; margin-top: -4px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control { padding: 4px 0px !important; } /*** Page content ***/ /* Page title */ .page-title { padding: 0px; font-size: 28px; letter-spacing: -1px; display: block; color: #666; margin: 0px 0px 15px 0px; font-weight: 300; font-family: "Open Sans", sans-serif; /* subtitle */ } .page-title small { font-size: 14px; letter-spacing: 0px; font-weight: 300; color: #888; } .page-container-bg-solid .page-title { color: #666; margin-bottom: 20px; margin-top: 20px; } .page-container-bg-solid .page-title small { color: #666; } /* Page breadcrumb */ .page-bar { padding: 0px; background-color: #f7f7f7; margin-bottom: 25px; border-radius: 4px; } .page-bar:before, .page-bar:after { content: " "; display: table; } .page-bar:after { clear: both; } .page-bar .page-breadcrumb { display: inline-block; float: left; padding: 8px; margin: 0; list-style: none; } .page-bar .page-breadcrumb > li { display: inline-block; } .ie8 .page-bar .page-breadcrumb > li { margin-right: 1px; } .page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span { color: #888; font-size: 14px; text-shadow: none; } .page-bar .page-breadcrumb > li > i { color: #aaa; font-size: 14px; text-shadow: none; } .page-bar .page-breadcrumb > li > i[class^=icon-], .page-bar .page-breadcrumb > li > i[class*=icon-] { color: gray; } .page-bar .page-toolbar { display: inline-block; float: right; padding: 0; } .page-bar .page-toolbar .btn-fit-height { border-radius: 0 4px 4px 0; padding-top: 8px; padding-bottom: 8px; } .page-container-bg-solid .page-bar { position: relative; padding: 0px 20px; background-color: #ffffff; margin: -25px -20px 0 -20px; } .page-container-bg-solid .page-bar .page-breadcrumb { padding: 11px 0; } .page-container-bg-solid .page-bar .page-breadcrumb > li > a, .page-container-bg-solid .page-bar .page-breadcrumb > li > span { color: #888; } .page-container-bg-solid .page-bar .page-breadcrumb > li > i { color: #aaa; } .page-container-bg-solid .page-bar .page-breadcrumb > li > i[class^=icon-], .page-container-bg-solid .page-bar .page-breadcrumb > li > i[class*=icon-] { color: #8c8c8c; } .page-container-bg-solid .page-bar .page-toolbar { padding: 6px 0; } .page-container-bg-solid .page-bar .page-toolbar .btn { margin-top: -2px; } .page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm { margin-top: 0px; } /* Page content */ .page-content { margin-top: 0px; padding: 0px; background-color: #fff; } .page-container-bg-solid .page-content { background: #F1F3FA; } .page-full-width .page-content { margin-left: 0px !important; } @media (min-width: 992px) { /* 992px */ /* Page content */ .page-content-wrapper { float: left; width: 100%; } .page-content-wrapper .page-content { margin-left: 235px; margin-top: 0px; min-height: 600px; padding: 25px 20px 10px 20px; } .page-content-wrapper .page-content.no-min-height { min-height: auto; } .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content { margin-left: 45px; } .page-sidebar-reversed .page-content-wrapper .page-content { margin-left: 0 !important; margin-right: 235px !important; } .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content { margin-left: 0; margin-right: 45px; } .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content { margin-left: 0 !important; margin-right: 45px !important; } .page-sidebar-closed .page-content-wrapper .page-content { margin-left: 45px !important; } .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content { margin-left: 0 !important; } .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content { margin-right: 0 !important; } .page-full-width .page-content-wrapper .page-content { margin-left: 0px !important; } } @media (max-width: 991px) { /* 991px */ /* Bg solid content's breadcrumb */ .page-container-bg-solid .page-bar { margin-top: -20px; } /* Boxed page container */ .page-boxed > .container { max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Page content */ .page-content-wrapper .page-content { margin: 0px !important; padding: 20px 20px 20px 20px !important; min-height: 280px; } } @media (min-width: 768px) and (max-width: 991px) { /* 768px & 991px */ /* Boxed page container */ .page-boxed > .container { margin: auto !important; } } @media (max-width: 767px) { /* 767px */ /* Page content */ .page-content-wrapper .page-content { padding: 20px 10px 10px 10px !important; overflow: hidden; /* Page title */ } .page-content-wrapper .page-content .page-title { margin-bottom: 20px; font-size: 18px; } .page-content-wrapper .page-content .page-title small { font-size: 13px; padding-top: 3px; } } @media (max-width: 480px) { /* 480px */ /* Dashboard date range panel */ .page-content-wrapper .page-content .page-title small { display: block; clear: both; } } /*** Page footer ***/ .page-footer { padding: 8px 20px 5px 20px; font-size: 12px; height: 33px; } .page-footer:before, .page-footer:after { content: " "; display: table; } .page-footer:after { clear: both; } .page-footer .page-footer-inner { float: left; display: inline-block; } .page-footer-fixed.page-footer-fixed-mobile .page-footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; } .page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer { margin-left: 0 !important; } @media (min-width: 992px) { /* 992px */ /* Default footer */ .page-footer { clear: left; } /* Fixed footer */ .page-footer-fixed .page-footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; } /* Footer with footer sidebar */ .page-sidebar-fixed.page-sidebar-closed .page-footer { margin-left: 45px; } .page-sidebar-fixed.page-footer-fixed .page-footer { margin-left: 0 !important; } /* Fixed Sidebar */ .page-sidebar-fixed .page-footer { margin-left: 235px; padding: 8px 20px 5px 20px; } /* Boxed page */ .page-boxed .page-footer { padding: 8px 0 5px 0; } .page-boxed.page-sidebar-fixed .page-footer { padding-right: 20px; padding-left: 20px; } /* Page sidebar reversed */ .page-sidebar-reversed.page-sidebar-fixed .page-footer { margin-left: 0; margin-right: 235px; padding: 8px 20px 5px 20px; } .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer { margin-left: 0; margin-right: 0; } .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer { margin-right: 45px; } } @media (max-width: 991px) { /* 991px */ /* Boxed Layout */ .page-boxed .page-footer { padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { /* 767px */ /* Default footer & boxed footer */ .page-footer, .page-boxed .page-footer { padding-left: 10px; padding-right: 10px; } /* Fixed footer */ .page-footer-fixed .page-footer .container { padding-left: 0; padding-right: 0; } } /* Scroll Top Top */ .scroll-to-top { display: inline-block; padding: 1px; text-align: center; position: fixed; bottom: 10px; z-index: 10001; display: none; right: 10px; } .scroll-to-top > i { display: inline-block; color: #687991; font-size: 30px; opacity: 0.6; filter: alpha(opacity=60); } .scroll-to-top:hover { cursor: pointer; } .scroll-to-top:hover > i { opacity: 1; filter: alpha(opacity=100); } @media (min-width: 992px) { /* 992px */ .scroll-to-top { right: 20px; } } @media (max-width: 991px) { /* 991px */ .scroll-to-top { bottom: 10px; right: 10px; } .scroll-to-top > i { font-size: 28px; } } /*** Theme Panel ***/ .theme-panel { width: 420px; margin-top: -13px; margin-right: 0px; z-index: 100; float: right; position: relative; /* content solid bg color */ } .theme-panel > .toggler { top: 4px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: #d5dade url(/img/icon-color.png) center no-repeat; border-radius: 4px; } .theme-panel > .toggler:hover { background-color: #3d3d3d !important; } .theme-panel > .toggler-close { display: none; top: 4px; right: 0; padding: 20px; z-index: 101; cursor: pointer; position: absolute; background: #3d3d3d url(/img/icon-color-close.png) center no-repeat !important; border-radius: 4px; } .theme-panel > .toggler-close:hover { background-color: #222 !important; } .theme-panel > .theme-options { top: 4px; right: 0; display: none; position: absolute; z-index: 100; background: #3d3d3d; box-shadow: 5px 5px rgba(61, 61, 61, 0.1); border-radius: 4px; } .theme-panel > .theme-options > .theme-option { color: #cfcfcf; padding: 10px; border-top: 1px solid #444; margin-top: 0px; margin-bottom: 0px; } .theme-panel > .theme-options > .theme-option > span { text-transform: uppercase; display: inline-block; width: 145px; font-size: 13px; font-weight: 300; } .theme-panel > .theme-options > .theme-option > select.form-control { display: inline; width: 135px; padding: 2px; text-transform: lowercase; } .theme-panel > .theme-options > .theme-option.theme-colors { border-top: 0; } .theme-panel > .theme-options > .theme-option.theme-colors > span { display: block; width: auto; } .theme-panel > .theme-options > .theme-option.theme-colors > ul { list-style: none; padding: 0; display: block; margin-bottom: 10px !important; margin-top: 15px; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li { width: 40px; height: 40px; margin: 0 4px; cursor: pointer; list-style: none; float: left; border: solid 1px #707070; /* theme colors */ } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { margin-left: 0; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { border: solid 2px #d64635; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default { background: #333438; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-darkblue { background: #2b3643; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { background: #2D5F8B; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { background: #697380; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light { background: #F9FAFD; } .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light2 { background: #F1F1F1; } .page-container-bg-solid .theme-panel { position: absolute; margin-top: 30px; margin-right: 20px; right: 0; } .page-container-bg-solid .theme-panel > .toggler { background: #BFCAD1 url(/img/icon-color.png) center no-repeat; } .page-container-bg-solid.page-sidebar-reversed .theme-panel { margin-right: 255px; } /*** Page Loading ***/ .page-on-load { background: #fefefe; } .page-on-load .page-header, .page-on-load .page-container, .page-on-load .page-footer, .page-on-load > .clearfix { display: none; transition: all 2s; } /*** Login page ***/ /* logo page */ .login { background-color: #444 !important; min-height: 100vh; display: flex; align-items: center; } .login .logo { margin: 60px auto 20px auto; padding: 15px; text-align: center; } .login .content { background-color: #fff; width: 360px; margin: 0 auto; margin-bottom: 0px; padding: 30px; padding-top: 20px; padding-bottom: 15px; border-radius: 7px; min-height: 250px; } .login .content h3 { color: #000; } .login .content h4 { color: #555; } .login .content p { color: #222; } .login .content .login-form, .login .content .forget-form { padding: 0px; margin: 0px; } .login .content .input-icon { border-left: 2px solid #44B6AE !important; } .login .content .input-icon { border-radius: 4px; } .login .content .input-icon .form-control { border-left: 0; } .login .content .forget-form { display: none; } .login .content .form-title { font-weight: 300; margin-bottom: 25px; } .login .content .form-actions { background-color: #fff; clear: both; border: 0px; border-bottom: 1px solid #eee; padding: 0px 30px 25px 30px; margin-left: -30px; margin-right: -30px; } .login .content .form-actions .checkbox { margin-left: 0; padding-left: 0; } .login .content .forget-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 20px; } .login .content .register-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 0px; } .login .content .form-actions .checkbox { margin-top: 8px; display: inline-block; } .login .content .form-actions .btn { margin-top: 1px; } .login .content .forget-password { margin-top: 25px; } .login .content .create-account { border-top: 1px dotted #eee; padding-top: 10px; margin-top: 15px; } .login .content .create-account a { display: inline-block; margin-top: 5px; } /* select2 dropdowns */ .login .content .select2-container { border-left: 2px solid #44B6AE !important; } .login .content .select2-container .select2-choice { border-left: none !important; } .login .content .select2-container i { display: inline-block; position: relative; color: #ccc; z-index: 1; top: 1px; margin: 4px 4px 0px -1px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .login .content .has-error .select2-container i { color: #b94a48; } .login .content .select2-container a span { font-size: 13px; } .login .content .select2-container a span img { margin-left: 4px; } /* footer copyright */ .login .copyright { text-align: center; margin: 0 auto; padding: 10px; color: #999; font-size: 13px; } @media (max-width: 480px) { /*** Login page ***/ .login .logo { margin-top: 10px; } .login .content { width: 280px; } .login .content h3 { font-size: 22px; } .login .checkbox { font-size: 13px; } }